body {
    font-family : "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    color       : #000;
}
textarea, select {
    font-family    : "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; /* for IE */
    color          : #000;
    vertical-align : middle;
}
input {
    font-family : "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; /* for IE */
    color       : #000;
    line-height : 1.5em;
}
input[disabled], textarea[disabled] {
    color : #555;
}
table {
    border-collapse : collapse; /* 隣接するボーダーを重ねて表示 */
    border-spacing  : 0;
    empty-cells     : show; /* 空白セルの場合にもボーダーを表示 */
    border          : 1px solid #ccc;
}
th {
    text-align       : center;
    border-right     : 1px dotted #ccc;
    border-bottom    : 1px dotted #ccc;
    padding          : 0.7em;
    vertical-align   : middle;
    background-color : #e7e7e7;
}
td {
    border-right  : 1px dotted #ccc;
    border-bottom : 1px dotted #ccc;
    padding       : 0.7em;
}
a:link, a:visited {
    color            : #705e48;
    background-color : transparent;
    text-decoration  : none;
}
a:hover {
    color           : #ff8500;
    text-decoration : none;
}
.stripe {
    background-color : #f6f6f6;
}
div.error {
    border           : 3px solid #f99;
    padding          : 5px;
    color            : #f00;
    font-weight      : bold;
    background-color : #fcc;
}
td.error, input.error, textarea.error {
    background-color : #efe;
}
.note {
    font-size : 0.8em;
    color     : #333;
    margin    : 0.2em 0 0 0.2em;
}
a.pager {
    font-size        : 0.8em;
    display          : block;
    width            : 2.5em;
    height           : 2.5em;
    line-height      : 2.5em;
    border           : 1px solid #ccc;
    text-align       : center;
    background-color : #fff;
    color            : #000;
}
a.pager:hover {
    background-color : #0099cb;
    color            : #fff;
}
a.pager.long {
    width : 4em;
}
span.pager {
    font-size        : 0.8em;
    display          : block;
    width            : 1.5em;
    height           : 2.5em;
    line-height      : 2.5em;
    text-align       : center;
    background-color : #fff;
    color            : #000;
}
span.pager.sel {
    font-size        : 0.8em;
    display          : block;
    width            : 2.5em;
    height           : 2.5em;
    line-height      : 2.5em;
    text-align       : center;
    border           : 1px solid #0099cb;
    background-color : #0099cb;
    color            : #fff;
}
table.plain {
    background-color : transparent;
    border           : none;
}
table.plain td {
    background-color : transparent;
    border           : none;
    padding          : 0;
}
table.small th {
    padding : 0.2em 0.6em;
}
table.small td {
    padding : 0.2em 0.6em;
}
table.large th {
    padding : 0.4em 0.8em;
}
table.large td {
    padding : 0.4em 0.8em;
}
table.big th {
    padding : 0.5em 1em;
}
table.big td {
    padding : 0.5em 1em;
}
table.item {
    border : 1px solid #e0e0e0;
}
table.item th {
    border-right     : 1px solid #e0e0e0;
    border-bottom    : 1px solid #e0e0e0;
    padding          : 0.5em 0.7em;
    vertical-align   : middle;
    background-color : #f0f0f0;
    font-weight      : normal;
}
table.item td {
    border-right  : 1px solid #e0e0e0;
    border-bottom : 1px solid #e0e0e0;
    padding       : 0.5em 0.7em;
}
.image {
    display             : block;
    text-indent         : -9999em;
    overflow            : hidden;
    background-position : left top;
    background-repeat   : no-repeat;
}
.over {
    display           : block;
    text-indent       : -9999em;
    overflow          : hidden;
    background-repeat : no-repeat;
}
.back {
    display             : block;
    overflow            : hidden;
    background-position : left top;
    background-repeat   : repeat;
}
.line {
    height     : 1px;
    border-top : 1px solid #ccc;
}
.title1 {
    border-bottom : 2px solid #ccc;
    border-left   : 5px solid #0099cb;
    line-height   : 1.6em;
    text-indent   : 5px;
    font-size     : 1.5em;
    color         : #333;
}
.title2 {
    border-left : 3px solid #0099cb;
    text-indent : 6px;
    font-weight : bold;
}
.icon1 {
    background   : url(/img/ope/arrow_right1.png) left center no-repeat;
    padding-left : 18px;
}
.icon2 {
    background   : url(/img/ope/arrow_right2.png) left center no-repeat;
    padding-left : 8px;
}
.icon3 {
    background   : url(/img/ope/arrow_up1.png) left center no-repeat;
    padding-left : 8px;
}
.navi1 {
    background-image    : url(/img/ope/navi.png);
    background-position : 0 0;
}
.navi2 {
    background-image    : url(/img/ope/navi.png);
    background-position : -158px 0;
}
.navi3 {
    background-image    : url(/img/ope/navi.png);
    background-position : -315px 0;
}
.navi4 {
    background-image    : url(/img/ope/navi.png);
    background-position : -472px 0;
}
.navi5 {
    background-image    : url(/img/ope/navi.png);
    background-position : -629px 0;
}
.navi6 {
    background-image    : url(/img/ope/navi.png);
    background-position : -786px 0;
}
a.temp_button {
    margin           : auto;
    display          : block;
    padding          : 10px;
    text-align       : center;
    background-color : #f6f6f6;
    border           : 2px solid #ccc;
}
a.temp_button:hover {
    background-color : #eef;
}
.alert {
    color : #f00;
}
.temp_icon {
    background-color : #9c3;
    color            : #fff;
    font-weight      : bold;
    line-height      : 20px;
    text-align       : center;
    width            : 80px;
    height           : 20px;
}