@charset "utf-8";
@import "base.css";

#wrapper #mainarea{
padding-top:50px;
}

#wrapper #mainarea h2{
margin-left:15px;
margin-bottom:10px;
}

#wrapper #mainarea p.image{
margin:0;
padding:0;
background:none;
border:none;
margin-bottom:1.5em;
margin-left:30px;
}

#wrapper #mainarea h3{
background:url(../img/h3_background.gif) no-repeat top left;
font-size:105%;
color:#1aaae1;
width:558px;
padding-top:11px;
text-indent:17px;
height:42px;
margin-left:24px;
font-weight:800;
}



#wrapper #mainarea h4{
font-size:85%;
color:#185089;
margin-bottom:10px;
margin-left:40px;
}

#wrapper #mainarea p{
text-indent:1em;
font-size:75%;
margin-bottom:1em;
line-height:1.6em;
margin-left:40px;
margin-right:40px;
}

#wrapper #mainarea table,
#wrapper #mainarea th,
#wrapper #mainarea td{
border-collapse:collapse;
border:1px solid #999;
}

#wrapper #mainarea table{
margin-bottom:20px;
margin-left:40px;
margin-right:50px;
}


#wrapper #mainarea th,
#wrapper #mainarea td{
font-size:80%;
padding:5px;
text-align:center;
}

#wrapper #mainarea th{
background:#bee9f4;
color:#333;
}

#wrapper #mainarea img.right{
float:right;
margin-left:10px;
margin-bottom:10px;
margin-right:52px;
}

#wrapper #mainarea img.left{
float:left;
margin-right:10px;
margin-bottom:10px;
}

#wrapper #mainarea div.course{
clear:both;
overflow:auto;
width:560px;
margin-bottom:1em;
}



#wrapper #mainarea ul.h4none{
margin-top:18px;
}

#wrapper #mainarea ul.list01{
margin:0px 55px 20px 50px;
}

#wrapper #mainarea ul.list01 li{
font-size:80%;
background:url(../img/li_background.gif) no-repeat 0 6px;
padding-left:8px;
line-height:1.4em;
margin-bottom:10px;
}


#wrapper #mainarea ul.list02{
margin:0px 55px 30px 40px;
}

#wrapper #mainarea ul.list02 li{
font-size:80%;
line-height:1.4em;
margin-bottom:10px;
}



#wrapper #mainarea table.field,
#wrapper #mainarea table.field td{
border-collapse:separate;
border:1px solid #999;
}

#wrapper #mainarea table.field{
margin-bottom:1em;
border:none;
}


#wrapper #mainarea table.field td{
font-size:80%;
padding:10px;
text-align:left;
width:250px;
vertical-align:top;
line-height:normal;
}

#wrapper #mainarea table.field td h4{
font-size:120%;
line-height:normal;
}


#wrapper #mainarea .bottom20{
margin-bottom:20px;
}

#wrapper #mainarea .bottom30{
margin-bottom:30px;
}

#wrapper #mainarea .bottom40{
margin-bottom:40px;
}


#wrapper #mainarea dl.box01{
margin-left:40px;
margin-right:52px;
border:1px solid #ccc;
padding:10px 15px;
margin-bottom:10px;
}

#wrapper #mainarea dl.box01 dt{
color:#185089;
background:url(../img/dt_icon.gif) no-repeat 0px 3px;
text-indent:10px;
font-weight:bold;
font-size:85%;
margin-bottom:10px;
}

#wrapper #mainarea dl.box01 dd{
font-size:75%;
line-height:1.4em;
}


#wrapper #mainarea dl.box02{
margin-left:40px;
margin-right:52px;
border-bottom:1px dotted #ccc;
padding:10px 15px 20px 15px;
margin-bottom:10px;
}

#wrapper #mainarea dl.box02 dt{
color:#185089;
font-weight:bold;
font-size:100%;
margin-bottom:10px;
}

#wrapper #mainarea dl.box02 dd{
font-size:75%;
line-height:1.4em;
}

#wrapper #mainarea dl.box02 dd ul.list01{
margin:0px;
}

#wrapper #mainarea dl.box02 dd ul.list01 li{
font-size:100%;
margin-bottom:5px;
}

#wrapper #mainarea dl.box02 dd div.ex p{
font-size:100%;
margin:0;
}

#wrapper #mainarea dl.box02 dd div.ex{
border:1px solid #eeeeee;
background-color:#f7fcff;
padding:8px;
zoom:1;/*for IE 5.5-7*/
margin-top:5px;
margin-bottom:10px;
}

#wrapper #mainarea dl.box02 dd div.ex img.right{
margin-right:0;
margin-bottom:0;
}

#wrapper #mainarea dl.box02 dd div.ex:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

* html #wrapper #mainarea dl.box02 dd div.ex{
display:inline-table;
/*\*/display:block;/**/
}

.clear{
clear:both;
}

#wrapper #mainarea table tr td.left-text{
text-align:left;
padding-left:8px;
padding-right:8px;
}

/* ページリンク　*/
div.pagelink{
zoom:1;/*for IE 5.5-7*/
margin-bottom:2em;
}

div.pagelink:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

* html div.pagelink{
display:inline-table;
/*\*/display:block;/**/
}

div.pagelink ul{
margin-left:40px;
margn-right:40px;
}


div.pagelink ul li{
background:url(../img/arrow_01.gif) no-repeat center left;
padding-left:13px;
float:left;
font-size:80%;
margin-right:30px;
}

.attention{
color:#FF9900;
}







/*　==========English============= */
body#english div#wrapper div#sidenavi h1{
padding-bottom:13px;
}

body#english #footer #footer-left p{
font-size:60%;
padding-left:15px;
}

body#english #footer #footer-right address{
letter-spacing:1px;
}

body#english #wrapper #mainarea p{
text-indent:0px;
}

/* ==============中国===============*/
body#china #footer #footer-left p{
font-size:70%;
padding-left:20px;
}

body#china #footer #footer-right address{
letter-spacing:1px;
}

body#china #wrapper #mainarea p{
font-size:90%;
}

body#china #wrapper #mainarea dl.box02{
}

body#china #wrapper #mainarea dl.box02 dt{
font-size:110%;
}

body#china #wrapper #mainarea dl.box02 dd{
font-size:80%;
}

body#china #wrapper #mainarea dl.box02 dd ul.list01{
}

body#china #wrapper #mainarea dl.box02 dd ul.list01 li{
font-size:110%;
}

body#china #wrapper #mainarea dl.box02 dd div.ex p{
font-size:90%;
}

#wrapper #mainarea p.no-indent{
text-indent:0px;
}