/* CSS Document */


/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%; 
zoom:1;/*for IE 5.5-7*/
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#page {
width: 904px;
background:url(../img/common/back.jpg) no-repeat;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

#header_back {
width: 904px;
text-align: center;
padding: 0px 0px 0px 0px;
}

#header01 {
float: left;
width: 141px;
height: 97px;
background:url(../img/common/head_rogo.jpg) no-repeat;
overflow:hidden;
vertical-align: top;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header01 h1 a {
display: block;
/*margin-top: 0px;*/
width: 141px;
height: 97px;
text-indent: -9998px;
}
#header01 img {
vertical-align:top;
}

#header02 {
width: 763px;
float: right;
vertical-align: top;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header02_01 {
width: 759px;
text-align: right;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 0px;
}

#callArea {
width: 578px;
top: 0px;
margin: 15px 0px 0px 0px;
padding: 0px 4px 11px 181px;
}
#callArea ul {
text-align: right;
position: relative; 
top: 0px;
padding: 0px 0px 0px 0px;
}
#callArea ul li {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}

#header03 {
width: 904px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#image {
width: 670px;
float: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#topic_area {
width: 234px;
float: right;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#topic_area01 {
font-size: 12px;
line-height: 120%;
color: #ffffff;
width: 218px;
height: 36px;
background:url(../img/index/topics01.jpg) no-repeat;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 58px 0px 0px 16px;
}
#topic_area02 {
width: 234px;
height: 306px;
background:url(../img/index/topics02.jpg) no-repeat;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.topicsBox {
background: #0066CC;
width: 186px;
height: 275px;
margin: 0px 0px 0px 16px;
padding: 10px 0px 0px 0px;
}
.topicsBox ul {
font-size: 12px;
line-height: 130%;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #0066CC;
list-style-type: none;
height: 275px;
overflow-y: scroll;
}
.topicsBox ul li {
width: 150px;
margin: 10px 5px 5px 10px;
padding: 0px 0px 0px 15px;
background: url(../img/index/topics_m.gif) no-repeat;
}
.topicsBox ul li.spList {
font-size: 12px;
}


#under {
width: 904px;
text-align: left;
vertical-align: top;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#u_manu_field {
width: 900px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
}
#undername {
width: 904px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.u_manu01 {
width: 113px;
text-align: right;
vertical-align: top;
padding: 0px 0px 0px 787px;
}
#u_manu02 {
width: 900px;
text-align: left;
border: 1px solid #6699CC;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.u_manu03 {
width: 880px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}
.u_manu {
font-size: 12px;
line-height: 170%;
color: #666666;
text-align: left;
background: url(../img/common/under_mm.gif) no-repeat;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
.under_rogo01 {
float: left;
width: 141px;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.under_rogo02 {
float: right;
width: 745px;
text-align: left;
vertical-align: top;
margin: 28px 0px 0px 18px;
padding: 0px 0px 0px 0px;
}
.under_name01a h3 {
font-size: 12px;
line-height: 130%;
color: #006699;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.under_name02 {
font-size: 14px;
font-weight: bold;
line-height: 130%;
color: #666666;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.under_name03 {
font-size: 12px;
line-height: 130%;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.copyright {
width: 904px;
font-size: 10px;
line-height: 100%;
color: #ffffff;
background: #003366;
text-align: center;
vertical-align: top;
margin: 10px 0px 0px 0px;
padding: 3px 0px 3px 0px;
}

#main {
width: 900px;
background: #ffffff;
text-align: left;
vertical-align: top;
margin: 10px 4px 10px 0px;
padding: 0px 0px 0px 0px;
}
#field_base {
float: left;
width: 655px;
background: #ffffff;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#side_base {
float: right;
width: 234px;
background: #ffffff;
text-align: left;
vertical-align: top;
margin: 0px 0px 0px 11px;
padding: 0px 0px 0px 0px;
}


#indexArea {
width: 655px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#indexArea ul {
text-align: left;
position: relative; 
top: 0px;
padding: 0px 0px 0px 0px;
}
#indexArea ul li {
display: inline;
top: 0px;
padding: 0px 0px 0px 0px;
}


#sideArea {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
vertical-align: top;
width: 234px;
}
#sideArea ul {
padding: 0px 0px 0px 0px;
}
#sideArea ul li {
top: 0px;
padding: 0px 0px 0px 0px;
}




#imageArea {
float: right;
padding: 0px 0px 0px 0px;
vertical-align: top;
width: 234px;
}