@charset "utf-8";


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
font-family: "lr oSVbN",Osaka ,arial ,sans-serif ,verdana;
color:#333;
}
table {
border-collapse:collapse;
border-spacing:0;
border:none;
}

th,td{
vertical-align:top;
border-style:none;
font-weight:normal;
text-align:left;
}
caption{
text-align:left;
}
img,a img {
vertical-align:bottom;
border:none;
background:transparent;
}
object,embed{
vertical-align:top;
}
fieldset{
border:none;
}
input,textarea{
font-size:1em;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul,dl {
list-style:none;
}
li{
display:list-item;
zoom:normal;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
hr{
height:0px;
margin:7px 0;
border:none;
border-top:1px solid #000;
}
a {
text-decoration:none;
}
a:link {
}
a:visited {
}
a:hover {
text-decoration:underline;
}
a:active {
}
body{
text-align:center;
background:#eee;
font-size: 13px;
*font-size: small; /* Win IE7¨ζΡWin IE6W[h */
*font: x-small; /* Win IE 5-5.5€6(γϋέ·[h) */
}

.container{
width:760px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:#fff;
}
.head{
width:750px;
height:90px;
background:#d6e3f7;
margin:0 5px 10px 5px;
background:url(/img/headback.jpg) repeat-x;
border-top:5px solid #003265;
border-bottom:1px solid #ddd;
}
.head .headbox{
float:right;
width:550px;
}
.head h1{
color:#666;
font:93%/110% 'inherit';
margin:10px;
}
.head p{
color:#666;
font:93%/110% 'inherit';
}
#title{
float:left;
width:200px;
}
#title img{
margin:15px 12px 25px 12px;
}
.inbox{
clear:both;
width:750px;
margin:0 5px;
}
.main{
clear:both;
float:right;
width:540px;
}
#topphoto{
margin-bottom:10px;
}
#banner{
margin-bottom:10px;
width:540px;
height:100px;
}
#banner span{
float:left;
}
#banner span.course{
margin-right:10px;
}
#topics{
clear:both;
color:#444;
border:1px solid #d99788;
margin-bottom:10px;
}
#topics h2{
font:bold 108%/110% 'inherit';
background:#ffe7e2;
padding:4px 5px;
margin-bottom:15px;
color:#eb3800;
}
#topics ul{
margin:0 10px 10px 10px;
}
#topics li{
font:bold 93%/120% 'inherit';
color:#eb3800;
}
#topics dd{
font:93%/120% 'inherit';
padding-bottom:10px;
margin-bottom:10px;
border-bottom:#eee;
color:#494949;
}
#news{
clear:both;
color:#444;
border:1px solid #a8c28e;
margin-bottom:15px;
}
#news h2{
font:bold 108%/110% 'inherit';
background:#e8f8d8;
padding:4px 5px;
margin-bottom:15px;
color:#308805;
}
#news dl{
margin:0 10px;
}
#news dt{
font:108%/120% 'inherit';
color:#308805;
padding:0 5px;
}
#news dt span.date{
margin-left:5px;
font:normal 93%/100% 'inherit';
color:#777;
}
#news dd{
font:93%/120% 'inherit';
margin:0 5px 10px 3px;
padding:3px 2px;
border-bottom:1px solid #ddd;
color:#444;
}
#pagePath{
clear:both;
height:20px;
border-bottom:1px solid #ddd;
margin-bottom:15px;
}
#pagePath ul{
}
#pagePath li{
float:left;
font:93%/110% 'inherit';
margin-right:5px;
}
#pageHead{
clear:both;
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
}
#pageHead h2{
font:bold 138.5%/110% 'inherit';
color:#003063;
margin:0 5px;
}
#pageHead p{
font:93%/110% 'inherit';
color:#666;
margin:0 7px;
}
#body{
clear:both;
margin:0 5px;
color:#444;
}
#body .image{
text-align:center;
margin:0 15px 10px 15px;
}
#body .image span.photo{
float:left;
margin:0 3px;
}
#body div.left{
float:left;
}
#body div.right{
float:right;
}
#body div.left,
#body div.right{
border:2px solid #ccc;
margin:0 5px 5px 5px;
}
#body dl.linkRelation{
width:500px;
margin:0 10px 10px 10px;
padding:2px 5px;
border-left:4px solid #ddd;
}
#body dl.linkRelation dt{
font:bold 93%/120% 'inherit';
color:#666;
}
#body dl.linkRelation dd{
font:93%/120% 'inherit';
}
#body p{
font:108%/130% 'inherit';
margin:0 10px 0.8em 10px;
}
#body p.attention{
font:93%/110% 'inherit';
margin:0 10px 0.8em 10px;
padding:2px 5px;
background:#f6f6f6;
color:#666;
}
#body p span.price{
font:bold 182%/110% 'inherit';
color:#ff0000;
margin-right:3px;
}
#body p span.assistance{
font:12px/110% 'inherit';
color:#555;
}
#body h3{
clear:both;
font:bold 108%/110% 'inherit';
margin-bottom:0.4em;
padding:3px 5px;
background:#eee;
color:#002141;
border-left:5px solid #ccc;
}
#body h4{
font:bold 93%/110% 'inherit';
margin-bottom:0.3em;
padding:0 10px;
}
#body ul{
margin:0 0 10px 30px;
}
#body ul li{
font:93%/110% 'inherit';
list-style:disc outside;
margin-bottom:3px;
}
#body dl.question{
margin:0 10px 10px 10px;
}
#body dl.question dt{
font:bold 108%/110% 'inherit';
color:#2b689e;
}
#body dl.question dd{
font:108%/110% 'inherit';
margin-bottom:15px;
color:#444;
}
#body table{
width:510px;
margin:0 10px 10px 10px;
}
#body table caption{
font:bold 93%/130% 'inherit';
color:#555;
text-align:center;
}
#body table th{
background:#eee;
border:1px solid #ccc;
font:bold 93%/110% 'inherit';
text-align:center;
padding:3px 5px;
color:#555;
}
#body table.curriculum th.sign{
width:70px;
}
#body table.curriculum th.content{
}
#body table.curriculum td{
border:1px solid #ccc;
font:93%/110% 'inherit';
padding:5px 7px;
}
#body table.curriculum td.sign{
text-align:center;
}
#body table.curriculum td span.title{
font-weight:bold;
}
#body table.charge td{
border:1px solid #ccc;
font:93%/24px 'inherit';
padding:5px 7px;
}
#body table.charge th.transportation{
width:50px;
}
#body table.charge th.scholarship{
width:50px;
}
#body table.charge th.total{
width:100px;
}
#body table.schedule th.sign{
width:55px;
text-align:left;
}
#body table.schedule td{
text-align:right;
border:1px solid #ccc;
font:108%/24px 'inherit';
padding:5px 3px;
font-family: "lr SVbN",Osaka ,arial ,sans-serif ,verdana;
}
#body table.schedule td.status{
text-align:center;
}
#body table.schedule tr.full{
color:#666666;
}
#body table.schedule tr.few{
background:#f0fff0;
}
#body table.schedule tr.few td.status{
color:#1e90ff;
}
#body table.schedule tr.active{
background:#fdf5e6;
}
#body table.schedule tr.active td.status{
color:#ff0000;
}
#body table.schedule td.sign{
text-align:center;
}
#linkRelation{
clear:both;
margin:0 5px;
border-top:1px solid #ddd;
}
#linkRelation ul{
margin:10px 20px;
}
#linkRelation ul li{
font:93%/110% 'inherit';
background:url(/img/arrow.gif) left center no-repeat;
padding-left:10px;
}
#materialForm {
clear:both;
}
#materialForm table {
border:1px solid #fff;
width:540px;
}
#materialForm table th {
border:1px solid #fff;
padding:10px;
background:#fff3b5;
width:140px;
}
#materialForm table th span.col {
float:left;
font:93%/100% 'inherit';
}
#materialForm table th span.indispensability {
float:right;
font:93%/100% 'inherit';
color:#ff0000;
}
#materialForm table td {
border:1px solid #fff;
padding:5px;
background:#efefef;
font:108%/120% 'inherit';
}
#materialForm table td input {
margin:0 5px 0 3px;
}
#materialForm table td .error {
color:#ff0000;
font:bold 93%/120% 'inherit';
}
#materialForm .rule {
font:93%/100% 'inherit';
margin:7px 30px;
color:#666;
}
#materialForm .button {
text-align:center;
margin:15px 0 30px 0;
}
.side{
float:left;
width:200px;
background:#f1f8ff;
}
.side .material{
padding-bottom:5px;
background:#fff;
}
.side dl dt{
background:#bdd1ff;
font:bold 108%/110% 'inherit';
border-bottom:1px solid #ddd;
}
.side dl dt a{
display:block;
text-decoration:none;
color:#003265;
width:200px;
border-left:5px solid #003063;
padding:5px 5px;
}
.side dl dt a:visited {
color:#003265;
}
.side dl dd{
border-bottom:1px solid #ddd;
font:108%/110% 'inherit';
}
.side dl dd a{
display:block;
text-decoration:none;
color:#003265;
width:180px;
padding:5px 10px;
}
.side dl dd a:visited{
color:#003265;
}
.side dl dd a:hover{
background:#fff;
}
.foot{
clear:both;
width:750px;
margin:20px 5px 0 5px;
border-top:2px solid #ccc;
background:#ddd;
}
.foot p.trademark{
text-align:center;
font:80%/110% 'inherit';
margin:10px 10px 0 10px;
color:#666;
}
.foot p.copyright{
text-align:center;
font:80%/110% 'inherit';
margin:0 10px 20px 10px;
color:#666;
}
.foot p.copyright a{
color:#666;
}