
body {
background: url(../img/bg_wrapper.jpg) repeat-x top left;
}

#wrapper {
margin:0 auto;
position:relative;
width: 902px;
}

#base{
width: 902px;
padding-top:81px;
padding-bottom:50px;
}


#container{
background:#fff;
width: 820px;
padding:20px 41px 0 41px;
margin:0 auto;
}



/*
===== HEADER ====================================
*/


#header {
top:0;
left:0;
width:900px;
height:81px;
position:absolute;
}

#header #logo {
position:absolute;
top:0;
left:0;
}

#header #logo a{
width: 396px;
height: 64px;
display: block;
background: url(../img/logo.gif) no-repeat bottom left;
text-indent: -7777px;
overflow: hidden;
}

#header #sub-navigation {
position:absolute;
top:0;
right:10px;
}

#header #sub-navigation li{
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
float:left;
}

#contents-area{
float:right;
width:586px;
margin-left:10px;
text-align: left;
display:inline;
}


/*
=====  FOOTER  ====================================
*/

#footer_index{
clear: both;
width: 100%;
background: url(../img/bg_footer.gif) repeat-x top left;
padding-bottom: 30px;
}

#footer_index #footer_index_inner{
width: 900px;
margin: 0 auto;
text-align:left;
position: relative;
}

#footer_index div#copy address#copyright{
font-size: 77%;
clear: both;
text-align: left;
color:#fff;
padding-top:10px;
letter-spacing:0.15em;
margin-left:7px;
}


#bread{
margin-bottom: 20px;
}

#bread ol li{
display: inline;
margin-right: 5px;
}

#bread ol li.bread-list{
background: url(../img/bread.gif) no-repeat center right;
padding-right: 15px;
}

.pagetop{text-align:right;}

.box5{
padding:0 10px;
margin-bottom: 5px;
}

.box10{
padding:0 10px;
margin-bottom: 10px;
}

.box15{
padding:0 10px;
margin-bottom: 15px;
}

.box20{
padding:0 10px;
margin-bottom: 20px;
}

.box30{
padding:0 10px;
margin-bottom: 30px;
}

.box40{
padding:0 10px;
margin-bottom: 40px;
}

.box50{
padding:0 10px;
margin-bottom: 50px;
}

.subject-box{
width:100%;
}

.subject-box_l{
width:48%;
float:left;
}

.subject-box_r{
width:48%;
float:right;
}

/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
display:inline-table;
/*\*/display:block;/**/
}

.icon_list{
background:transparent url(../img/icon_list.gif) no-repeat scroll 4px 4px;
padding-left: 22px;
overflow:hidden;
line-height: 1.4;
}

.icon_list02{
background: url(../img/icon_list02.gif) no-repeat top left;
padding-left:50px;
overflow:hidden;
line-height: 1.4;
}

a.icon_pdf{
background:url(../img/icon_pdf.gif) no-repeat scroll 5px 0;
padding-left: 26px;
padding-bottom: 3px;
overflow:hidden;
line-height: 1.6;
}


.table01{
width: 100%;
margin: 0 auto 10px;
background-color: #fff;
border: 1px solid #d1d1d1;
border-collapse: collapse;
margin-bottom: 20px;
line-height:1.6;
}

.table01 tr th{
padding: 4px;
background-color:#e2f0fb;
color: #467dcd;
text-align: center;
border: 1px solid #d1d1d1;
}

.table01 tr td{
padding: 4px;
border: 1px dotted #d1d1d1;
}

.table01 tr th.th01, .table60w tr th.th01, .table80w tr th.th01{/*red*/
color: #000;
background-color: #f8e4dc;
border: 1px dotted #d1d1d1;
}

.table01 tr th.th02, .table60w tr th.th02, .table80w tr th.th02{/*yellow*/
color: #000;
background-color: #fff8d2;
border: 1px dotted #d1d1d1;
}

.table01 tr th.th03, .table60w tr th.th03, .table80w tr th.th03{/*green*/
color: #000;
background-color: #ecf3e1;
border: 1px dotted #d1d1d1;
/*white-space: nowrap;*/
}

td.td01{
color: #467dcd;
background-color: #f6f6f6;
border: 1px dotted #d1d1d1;
white-space: nowrap;
}

td.td02{
color: #467dcd;
background-color: #dfdfdf;
border: 1px dotted #d1d1d1;
white-space: nowrap;
}

td.td03{
background-color: #f6f6f6;
border: 1px dotted #d1d1d1;
white-space: nowrap;
}

.table80w{
width: 80%;
margin: 0 auto 10px;
background-color: #fff;
border: 1px solid #d1d1d1;
border-collapse: collapse;
margin-bottom: 20px;

}

.table80w tr th{
padding: 4px;
background-color:#e2f0fb;
color: #467dcd;
text-align: center;
border: 1px solid #d1d1d1;
white-space: nowrap;
}

.table80w tr td{
padding: 4px;
border: 1px dotted #d1d1d1;
}

.table60w{
width: 60%;
margin: 0 auto 10px;
background-color: #fff;
border: 1px solid #d1d1d1;
border-collapse: collapse;
margin-bottom: 20px;
}

.table60w tr th{
padding: 4px;
background-color:#e2f0fb;
color: #467dcd;
text-align: center;
border: 1px solid #d1d1d1;
white-space: nowrap;
}

.table60w tr td{
padding: 4px;
border: 1px dotted #d1d1d1;
}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.comment{
background-color:#fafafa;
border: 1px solid #d1d1d1;
margin-bottom:10px;
padding:10px;
}

.tit{
position: relative;
background-color:#CBCBCB;
border:3px solid #EEEEEE;
margin-bottom:20px;
padding:1px;
}

.cap_h2{
background: url(../img/cap_h2.gif) top left no-repeat;
width:800px;
padding:13px 0 0 20px;
height: 45px;
font-size: 130%;
margin-bottom:20px;
font-weight: bold;
clear:both;
}

.cap_h3{
background:#FFFFFF url(../img/bg_tit.gif) repeat-y scroll center left;
border:1px solid #FFFFFF;
color:#000000;
line-height:1.4;
margin:0;
padding:3px 10px 2px 12px;
font-weight: bold;
}

.cap_h3 a{color:#000;text-decoration: none;}

.cap_h3_2 {
border-left: 5px solid #068fd9;
font-weight: bold;
padding-left: 5px;
margin-bottom: 13px;
}

.cap_h3_2 a{
text-decoration: none;
color:#000;
}

.cap_h4{
color:#38AEE0;
margin-bottom:10px;
font-weight: bold;
}

.cap_h4 a{color:#38AEE0;text-decoration: none;}

.cap_h5{
margin-bottom:10px;
font-weight: bold;
}

.cap_h5 a{
text-decoration: none;
color:#000;
}

.float-right{
float:right;
margin-left:1em;
margin-bottom:1em;
}

.float-left{
float:left;
margin-right:1em;
margin-bottom:1em;
}

.center img,
.float-right img,
.float-left img{
padding:2px;
border:1px solid #ccc;
}

.fs120{ font-size:120%; }
.fs110{ font-size:110%; }
.fs90{ font-size:90%; }
.fs80{ font-size:80%; }

ul.category-list {
background:url(../img/dot.gif) repeat-x #f6f6f6 bottom left;
zoom:1;
border-top:1px solid #d4d4d4;
margin-bottom:20px;
}

ul.category-list li{
width:264px;
padding:5px 0;
line-height:1.4;
float:left;
background:url(../img/dot.gif) repeat-x #f6f6f6 bottom left;
}

ul.category-list li.category{
width:100%;
padding:5px 0;
line-height:1.4;
background:url(../img/dot.gif) repeat-x #f6f6f6 bottom left;
}

ul.category-list li.category a{
display:inline;
padding:3px 30px;
}

ul.category-list li a{
display:block;
width:234px;
padding-left:30px;
}

ul.category-list li.nolink{
padding-left:30px;
width:234px;
}

ul.category-list li a.icon_list{ background-position:10px 4px; }
ul.category-list li a.icon_list02{ background-position:18px 7px; }

ul.category-list:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.tit h2.cap_h3 a.icon_list{
background:url(../img/ya_menu.gif) no-repeat ;
padding-left:20px;
color:#2558D7;
}

div.tit h2.cap_h3 a.icon_list:hover{ text-decoration:underline; }

.attention-eng { color:#264ea3; font-weight: bold; }
.attention-info { color:#3a7500; font-weight: bold; }
.attention-intel { color:#c86601; font-weight: bold; }

.attention-china { font-size:85%; margin-top:40px; }

ol.olStyle01{
margin:0;
}

ol.olStyle01 li{
padding-left:1.2em;
text-indent:-1.2em;
margin-bottom:5px;
}

ul.category-list li.eng span{
display:block;
color:#264ea3;
padding-left:22px;
background:url(../img/eng_no_list.gif) no-repeat 11px 8px;
}

ul.category-list li.intel,
ul.category-list li.info { width:100%; }

ul.category-list li.info span{
display:block;
color:#3a7500;
padding-left:22px;
background:url(../img/info_no_list.gif) no-repeat 11px 8px;
}

ul.category-list li.intel span{
display:block;
color:#c86601;
padding-left:22px;
background:url(../img/intel_no_list.gif) no-repeat 11px 8px;
}


.red{ color:#CC3300; }

.category-list li span.red{
padding-left:30px;
}



/* 100302 */
p.note{
clear:both;
font-size:90%;
margin:0.5em 0;
padding:0;
}














