678 lines
8.9 KiB
CSS
678 lines
8.9 KiB
CSS
body
|
|
{
|
|
position : relative;
|
|
margin : 0px auto;
|
|
font-family : verdana;
|
|
font-size : 10px;
|
|
height : 100%;
|
|
}
|
|
input , select , textarea
|
|
{
|
|
font-family : verdana;
|
|
font-size : .625rem;
|
|
line-height : 1rem;
|
|
}
|
|
b , strong
|
|
{
|
|
font-weight : bold;
|
|
}
|
|
.grid_1col
|
|
{
|
|
width : 24px;
|
|
}
|
|
.grid_2col
|
|
{
|
|
width : 48px;
|
|
}
|
|
.grid_3col
|
|
{
|
|
width : 72px;
|
|
}
|
|
.grid_4col
|
|
{
|
|
width : 96px;
|
|
}
|
|
.grid_5col
|
|
{
|
|
width : 120px;
|
|
}
|
|
.grid_6col
|
|
{
|
|
width : 144px;
|
|
}
|
|
.grid_7col
|
|
{
|
|
width : 168px;
|
|
}
|
|
.grid_8col
|
|
{
|
|
width : 192px;
|
|
}
|
|
.grid_9col
|
|
{
|
|
width : 216px;
|
|
}
|
|
.grid_10col
|
|
{
|
|
width : 240px;
|
|
}
|
|
.grid_11col
|
|
{
|
|
width : 264px;
|
|
}
|
|
.grid_12col
|
|
{
|
|
width : 288px;
|
|
}
|
|
.grid_13col
|
|
{
|
|
width : 312px;
|
|
}
|
|
.grid_14col
|
|
{
|
|
width : 336px;
|
|
}
|
|
.grid_15col
|
|
{
|
|
width : 360px;
|
|
}
|
|
.grid_16col
|
|
{
|
|
width : 384px;
|
|
}
|
|
.grid_17col
|
|
{
|
|
width : 408px;
|
|
}
|
|
.grid_18col
|
|
{
|
|
width : 432px;
|
|
}
|
|
.grid_19col
|
|
{
|
|
width : 456px;
|
|
}
|
|
.grid_20col
|
|
{
|
|
width : 480px;
|
|
}
|
|
.grid_21col
|
|
{
|
|
width : 504px;
|
|
}
|
|
.grid_22col
|
|
{
|
|
width : 528px;
|
|
}
|
|
.grid_23col
|
|
{
|
|
width : 552px;
|
|
}
|
|
.grid_24col
|
|
{
|
|
width : 576px;
|
|
}
|
|
.grid_25col
|
|
{
|
|
width : 600px;
|
|
}
|
|
.grid_26col
|
|
{
|
|
width : 624px;
|
|
}
|
|
.grid_27col
|
|
{
|
|
width : 648px;
|
|
}
|
|
.grid_28col
|
|
{
|
|
width : 672px;
|
|
}
|
|
.grid_29col
|
|
{
|
|
width : 696px;
|
|
}
|
|
.grid_30col
|
|
{
|
|
width : 720px;
|
|
}
|
|
.grid_31col
|
|
{
|
|
width : 744px;
|
|
}
|
|
.grid_32col
|
|
{
|
|
width : 768px;
|
|
}
|
|
.grid_33col
|
|
{
|
|
width : 792px;
|
|
}
|
|
.grid_34col
|
|
{
|
|
width : 816px;
|
|
}
|
|
.grid_35col
|
|
{
|
|
width : 840px;
|
|
}
|
|
.grid_36col
|
|
{
|
|
width : 864px;
|
|
}
|
|
.grid_37col
|
|
{
|
|
width : 888px;
|
|
}
|
|
.grid_38col
|
|
{
|
|
width : 912px;
|
|
}
|
|
.grid_39col
|
|
{
|
|
width : 936px;
|
|
}
|
|
.grid_40col
|
|
{
|
|
width : 960px;
|
|
}
|
|
.grid_41col
|
|
{
|
|
width : 984px;
|
|
}
|
|
.grid_42col
|
|
{
|
|
width : 1008px;
|
|
}
|
|
.grid_43col
|
|
{
|
|
width : 1032px;
|
|
}
|
|
.grid_44col
|
|
{
|
|
width : 1056px;
|
|
clear : both;
|
|
}
|
|
.grid_1col ,
|
|
.grid_2col ,
|
|
.grid_3col ,
|
|
.grid_4col ,
|
|
.grid_5col ,
|
|
.grid_6col ,
|
|
.grid_7col ,
|
|
.grid_8col ,
|
|
.grid_9col ,
|
|
.grid_10col ,
|
|
.grid_11col ,
|
|
.grid_12col ,
|
|
.grid_13col ,
|
|
.grid_14col ,
|
|
.grid_15col ,
|
|
.grid_16col ,
|
|
.grid_17col ,
|
|
.grid_18col ,
|
|
.grid_19col ,
|
|
.grid_20col ,
|
|
.grid_21col ,
|
|
.grid_22col ,
|
|
.grid_23col ,
|
|
.grid_24col ,
|
|
.grid_25col ,
|
|
.grid_26col ,
|
|
.grid_27col ,
|
|
.grid_28col ,
|
|
.grid_29col ,
|
|
.grid_30col ,
|
|
.grid_31col ,
|
|
.grid_32col ,
|
|
.grid_33col ,
|
|
.grid_34col ,
|
|
.grid_35col ,
|
|
.grid_36col ,
|
|
.grid_37col ,
|
|
.grid_38col ,
|
|
.grid_39col ,
|
|
.grid_40col ,
|
|
.grid_41col ,
|
|
.grid_42col ,
|
|
.grid_43col
|
|
{
|
|
float : left;
|
|
display : inline-block;
|
|
min-height : 1px;
|
|
}
|
|
.spacer
|
|
{
|
|
height : 12px;
|
|
}
|
|
.white
|
|
{
|
|
color : #ffffff;
|
|
}
|
|
.inverted
|
|
{
|
|
background-color : rgba( 255 , 255 , 255 , .8 );
|
|
color : black;
|
|
}
|
|
.fix
|
|
{
|
|
clear : both;
|
|
}
|
|
.error
|
|
{
|
|
margin-bottom : 12px;
|
|
color : #e3000b;
|
|
}
|
|
.tbl_head
|
|
{
|
|
line-height : 24px;
|
|
min-height : 25px;
|
|
background-color : #000000;
|
|
color : #ffffff;
|
|
padding-left : 12px;
|
|
font-weight : bold;
|
|
border-bottom : 1px solid #ffffff;
|
|
border-left : 1px solid #ffffff;
|
|
}
|
|
.tbl_head img
|
|
{
|
|
float : left;
|
|
}
|
|
.tbl_sub
|
|
{
|
|
line-height : 24px;
|
|
min-height : 25px;
|
|
background-color : #cccccc;
|
|
color : #000000;
|
|
padding-left : 12px;
|
|
font-weight : bold;
|
|
}
|
|
.tbl_cell
|
|
{
|
|
line-height : 24px;
|
|
min-height : 25px;
|
|
}
|
|
.tbl_cell.highlight
|
|
{
|
|
line-height : 24px;
|
|
min-height : 25px;
|
|
background-color : #cccccc;
|
|
color : #000000;
|
|
padding-left : 12px;
|
|
border-bottom : 1px solid #ffffff;
|
|
border-left : 1px solid #ffffff;
|
|
}
|
|
.clickable .tbl_cell
|
|
{
|
|
cursor : pointer;
|
|
}
|
|
.main_row:hover .tbl_cell
|
|
{
|
|
background-color : #000000;
|
|
color : #ffffff;
|
|
}
|
|
.hidden_row
|
|
{
|
|
display : none;
|
|
}
|
|
.left
|
|
{
|
|
text-align : left;
|
|
}
|
|
.right
|
|
{
|
|
text-align : right;
|
|
}
|
|
.data_inactive .main_row
|
|
{
|
|
font-style : italic;
|
|
}
|
|
.data_active .activate
|
|
{
|
|
display : none;
|
|
}
|
|
.data_inactive .deactivate
|
|
{
|
|
display : none;
|
|
}
|
|
.box
|
|
{
|
|
border : 1px solid #cccccc;
|
|
padding : 12px 0px;
|
|
max-height : 240px;
|
|
overflow-y : auto;
|
|
}
|
|
.box input[type=checkbox]
|
|
{
|
|
margin-top : 0px;
|
|
}
|
|
.box label
|
|
{
|
|
top : 0px;
|
|
}
|
|
.box li
|
|
{
|
|
padding-left : 18px;
|
|
position : relative;
|
|
}
|
|
.box li:before
|
|
{
|
|
content : ' ';
|
|
display : -inline-block;
|
|
width : 16px;
|
|
height : 16px;
|
|
float : left;
|
|
}
|
|
.box li.hasChild:before
|
|
{
|
|
content : '+';
|
|
cursor : pointer;
|
|
}
|
|
.box li.showChild:before
|
|
{
|
|
content : '-';
|
|
cursor : pointer;
|
|
}
|
|
.level_1
|
|
{
|
|
margin-left : 24px;
|
|
}
|
|
.hint
|
|
{
|
|
padding : 12px 0px;
|
|
}
|
|
.full div
|
|
{
|
|
width : 100%;
|
|
}
|
|
.half div
|
|
{
|
|
width : 50%;
|
|
}
|
|
.half div.left
|
|
{
|
|
padding-right : 24px;
|
|
}
|
|
div.full , .full
|
|
{
|
|
width : 100%;
|
|
}
|
|
#popup_layer
|
|
{
|
|
position : fixed;
|
|
top : 1%;
|
|
height : 98%;
|
|
border : 1px solid #000000;
|
|
z-index : 999;
|
|
background-color : rgba( 255 , 255 , 255 , 1.0 );
|
|
box-shadow : 4px 4px 2px #cccccc;
|
|
padding-bottom : 48px;
|
|
}
|
|
#popup_header
|
|
{
|
|
height : 36px;
|
|
background-color : #000000;
|
|
position : absolute;
|
|
z-index : 999;
|
|
}
|
|
#popup_title
|
|
{
|
|
height : 36px;
|
|
line-height : 36px;
|
|
color : #ffffff;
|
|
font-size : 1.25rem;
|
|
font-weight : bold;
|
|
}
|
|
#popup_layer_close
|
|
{
|
|
margin : 6px 0px;
|
|
cursor : pointer;
|
|
}
|
|
#popup_frame
|
|
{
|
|
position : absolute;
|
|
top : 0px;
|
|
left : 0px;
|
|
height : 100%;
|
|
padding-top : 36px;
|
|
padding-right : 2px;
|
|
padding-left : 48px;
|
|
z-index : 1;
|
|
}
|
|
#page
|
|
{
|
|
position : relative;
|
|
z-index : 1;
|
|
}
|
|
#header
|
|
{
|
|
height : 96px;
|
|
}
|
|
#logo
|
|
{
|
|
position : absolute;
|
|
padding-top : 12px;
|
|
text-align : right;
|
|
z-index : 5;
|
|
}
|
|
#login
|
|
{
|
|
border : 1px solid #999999;
|
|
padding : 11px;
|
|
box-shadow : 4px 4px 2px #cccccc
|
|
}
|
|
#login div
|
|
{
|
|
position : relative;
|
|
}
|
|
p
|
|
{
|
|
line-height : 1.0rem;
|
|
}
|
|
form div
|
|
{
|
|
position : relative;
|
|
float : left;
|
|
}
|
|
label
|
|
{
|
|
position : absolute;
|
|
top : 7px;
|
|
left : 6px;
|
|
color : #666666;
|
|
height : 16px;
|
|
line-height : 16px;
|
|
}
|
|
input[type=checkbox] + label
|
|
{
|
|
position : relative;
|
|
}
|
|
input[type=radio] , input[type=checkbox]
|
|
{
|
|
margin-top : 7px;
|
|
float : left;
|
|
}
|
|
input[type=text] , input[type=password]
|
|
{
|
|
border : 0px none;
|
|
border-bottom : 1px solid #cccccc;
|
|
width : 100%;
|
|
padding-top : 7px;
|
|
padding-left : 6px;
|
|
font-weight : bold;
|
|
}
|
|
input[type=submit] , .button a
|
|
{
|
|
padding : 6px 0px;
|
|
background-color : #cccccc;
|
|
line-height : 1.0rem;
|
|
text-align : center;
|
|
font-weight : bold;
|
|
text-decoration : none;
|
|
color : #000000;
|
|
}
|
|
.button a
|
|
{
|
|
width : 100%;
|
|
display : inline-block;
|
|
}
|
|
input[type=submit]
|
|
{
|
|
float : right;
|
|
margin-top : 24px;
|
|
padding : 6px 24px;
|
|
min-width : 144px;
|
|
cursor : pointer;
|
|
}
|
|
input[type=submit]:hover , .button a:hover
|
|
{
|
|
background-color : #e3000b;
|
|
color : #ffffff;
|
|
}
|
|
input:not([type="checkbox"]):not([type='radio']):focus + label
|
|
{
|
|
color : #cccccc;
|
|
}
|
|
label.transparent , input:not([type="checkbox"]):not([type='radio']):focus + label.transparent
|
|
{
|
|
color : transparent;
|
|
background-color : transparent;
|
|
}
|
|
select
|
|
{
|
|
width : 100%;
|
|
height : 28px;
|
|
line-height : 28px;
|
|
padding : 0px 6px;
|
|
margin : 0px;
|
|
border : 0px none;
|
|
background-color : #cccccc;
|
|
color : #000000;
|
|
outline : none;
|
|
appearance : none;
|
|
cursor : pointer;
|
|
display : inline-block;
|
|
}
|
|
label.select
|
|
{
|
|
top : 0px;
|
|
left : 0px;
|
|
position : relative;
|
|
height : auto;
|
|
}
|
|
label.select:before
|
|
{
|
|
content : '';
|
|
right : 0px;
|
|
top : 0px;
|
|
width : 28px;
|
|
height : 28px;
|
|
background : #cccccc;
|
|
position : absolute;
|
|
pointer-events : none;
|
|
display : block;
|
|
}
|
|
label.select:after
|
|
{
|
|
content : '<>';
|
|
font : 11px "Consolas", monospace;
|
|
color : #000000;
|
|
-webkit-transform : rotate(90deg);
|
|
-moz-transform : rotate(90deg);
|
|
-ms-transform : rotate(90deg);
|
|
transform : rotate(90deg);
|
|
right : 0px;
|
|
top : 0px;
|
|
width : 28px;
|
|
height : 28px;
|
|
padding : 6px 8px;
|
|
border-bottom : 1px solid #ffffff;
|
|
position : absolute;
|
|
pointer-events : none;
|
|
box-sizing : border-box;
|
|
font-weight : bold;
|
|
}
|
|
form p
|
|
{
|
|
font-weight : bold;
|
|
}
|
|
form > div
|
|
{
|
|
/* margin-bottom : 12px; */
|
|
}
|
|
#navi_special , #headline_main
|
|
{
|
|
padding : 24px 0px;
|
|
}
|
|
#headline_main
|
|
{
|
|
font-size : .75rem;
|
|
font-weight : bold;
|
|
}
|
|
#navi_special li
|
|
{
|
|
float : left;
|
|
margin-right : 24px;
|
|
}
|
|
#navi_main li
|
|
{
|
|
width : 100%;
|
|
display : inline-block;
|
|
}
|
|
#navi_main a
|
|
{
|
|
border-bottom : 1px solid #999999;
|
|
padding : 6px 0px;
|
|
}
|
|
#navi_main li li > a
|
|
{
|
|
padding-left : 12px;
|
|
}
|
|
|
|
#navi_special a , #navi_main a
|
|
{
|
|
width : 100%;
|
|
color : #000000;
|
|
text-decoration : none;
|
|
font-weight : bold;
|
|
font-size : .625rem;
|
|
line-height : .625rem;
|
|
display : inline-block;
|
|
}
|
|
|
|
#navi_special a:before , #navi_main a:before
|
|
{
|
|
content : "> ";
|
|
color : #e3000b;
|
|
}
|
|
#heading
|
|
{
|
|
position : relative;
|
|
}
|
|
#keyvisual
|
|
{
|
|
position : relative;
|
|
top : 0px;
|
|
left : 0px;
|
|
z-index : 1;
|
|
}
|
|
#headline_site
|
|
{
|
|
position : absolute;
|
|
bottom : 0px;
|
|
left : 0px;
|
|
z-index : 3;
|
|
}
|
|
#headline_site h1
|
|
{
|
|
font-size : 1.25rem;
|
|
line-height : 2rem;
|
|
padding-left : 12px;
|
|
font-weight : bold;
|
|
}
|
|
#content
|
|
{
|
|
padding-top : 24px;
|
|
}
|
|
|