@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");










/*---------------------------------------------------------------- top ----*/
.headimg{
width:800px;
background:url(img/mainimg02.jpg) no-repeat center top;
}
.headimg ul{
padding-left: 33px;
list-style:none;
width: 380px;
}
.headimg ul li{
list-style:none;
padding-right: 6px;
float:left;
}
.headimg li img{
vertical-align: bottom;
}
.headimg02{
text-align:right;
padding-top: 88px;
}

#topleft{
width: 583px;
float:left;
}
#topright{
width: 184px;
float: right;
}

.topabout{
width: 555px;
margin: 0px auto 0px auto;
background: #F2F1F1;
line-height:180%;
padding: 5px 10px;
}
.topabout01{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 569px;
background: #F2F1F1;
}
.topabout02{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 571px;
background: #F2F1F1;
}
.topabout03{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 573px;
background: #F2F1F1;
}


.topinfo{
width: 555px;
margin: 0px auto 0px auto;
padding: 5px 10px;
}
.topinfo-day{
text-align:right;
padding-bottom: 5px;
width: 565px;
margin: 0px auto 10px auto;
}

.topinfo-data {
width: 555px;
margin: 0px auto 10px auto;
background: url(img/icon.gif) no-repeat left center;
line-height:140%;
padding-left:15px;
}

.topinfo a:link,.topinfo a:visited,
#pan a:link,#pan a:visited
 { color: #227CF1; text-decoration:underline; }
.topinfo a:hover,.topinfo a:active,
#pan a:hover,#pan a:active
 { color: #227CF1; text-decoration:none; }

.topright02{
background:#CEDFF1;
width: 184px;
padding: 10px 0px;
}
p.topright-txt{
padding: 0px 10px 10px 10px;
line-height:140%;
}
p.topright-txt02{
font-size:10px;
letter-spacing:1px;
padding: 10px 0px 0px 7px;
margin: 0px auto;
line-height:150%;
}

.toptime01{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 166px;
background: #4674AC;
}
.toptime02{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 168px;
background: #4674AC;
}
.toptime03{
width: 150px;
background: #4674AC;
padding: 5px 10px;
margin:0px auto;
}
.toptime03 p{
color:#FFFFFF;
line-height:160%;
}













/*---------------------------------------------------------------- top ----*/
.about01{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 764px;
background: #EEEEEE;
}
.about02{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 766px;
background: #EEEEEE;
}
.about03{
height: 1px;
display:block;
font-size:1px;
margin:0px auto;
width: 768px;
background: #EEEEEE;
}
.aboutbox{
background: #EEEEEE;
padding: 10px 15px;
line-height:180%;
}

.aboutleft{
width: 387px;
float:left;
}
.aboutright{
width: 382px;
float:left;
}

.aboutleft ul{
list-style:none;
}
.aboutleft li{
list-style:none;
}
.aboutleft li img{
vertical-align:bottom;
}
















/*---------------------------------------------------------------- info ----*/
.entrybox{
width: 700px;
margin:0px auto 25px auto;
}
.entryttl{
width: 700px;
background: url(img/inner/infoback01.gif) repeat-y center top;
border-top: 1px solid #BED210;
border-bottom: 1px solid #BED210;
}
.entryttl02{
width: 698px;
background:url(img/inner/infoback02.gif) repeat-x left bottom;
margin:0px auto;
padding: 5px 0px;
}
.entryttl p{
padding: 0px 15px;
float:left;
line-height:140%;
}
.entryttl h3{
float:left;
padding-right: 15px;
font-weight:normal;
font-size:12px;
line-height:140%;
}
.entry{
width: 670px;
padding: 5px 15px 10px 15px;
line-height:180%;
border-bottom: 1px dotted #A6B429;
}
.entry p{
padding-bottom: 10px;
}
.w700{
width: 700px;
margin: 0px auto;
}
.info-day{
width: 700px;
text-align:right;
padding:10px 0px 5px 0px;
margin: 0px auto;
}

















/*---------------------------------------------------------------- study ----*/
#studymenu{
width: 175px;
float:left;
}
#studycont{
width: 580px;
float:right;
}


#studymenu ul{
background:url(img/inner/study-menu02.gif) repeat-y center top;
width: 175px;
}
#studymenu li{
background:url(img/icon02.gif) no-repeat 10px 11px;
width: 148px;
padding:8px 0px 8px 25px;
margin:0px 1px;
list-style:none;
border-bottom: 1px solid #8794A6;
border-top: 1px solid #FFFFFF;
}
#studymenu li a:link,#studymenu li a:visited { color: #000000; text-decoration:none; }
#studymenu li a:hover,#studymenu li a:active { color: #626262; text-decoration:underline; }

h3.study-ttl{
font-style: normal;
font-size:12px;
background: url(img/inner/study01.gif) no-repeat left top;
border-bottom: 1px dotted #000000;
padding:7px 0px 7px 20px;
width: 560px;
margin-bottom: 15px;
}
h4.study-ttl02{
width: 565px;
padding: 7px 0px 7px 15px;
background: #97D9EF;
color: #052084;
font-size:14px;
}
h4.study-ttl03{
width: 564px;
padding: 5px 0px 5px 15px;
background: #CFF2F7;
color: #052084;
font-size:12px;
}

#studycont p{
line-height:200%;
}

ul.study01{
width: 580px;
padding: 15px 0px;
background:#ECFEDC;
margin: 15px 0px;
}
ul.study01 li{
list-style:none;
}
ul.study01 li img,ul.study02 li img{
vertical-align:bottom;
}
ul.study02{
float:left;
width: 277px;
background:url(img/inner/study11.gif) no-repeat right top #ECFEDC;
padding: 0px 0px 94px 0px;
}
ul.study02 li{
margin-bottom: 17px;
list-style:none;
}
.study02-timg{
padding-bottom:7px;
}
.study03{
background: #FEFADC; 
width: 303px;
float:right;
height: 388px;
}
.study03 ul{
padding:0px 0px 10px 40px;
}
.study03 ul li{
line-height:180%;
}
.study03-txt{
color: #FF0000;
font-weight:bold;
}
.study03-txt02{
color: #0000FF;

padding-left:10px;
}
.study04{
color:#0113C0;
}
.study05{
width: 306px;
background: url(img/icon03.gif) no-repeat right center;
float:left;
}
.study06{
width: 233px;
padding: 15px 20px;
line-height:160%;
background: #FFF0FB;
}
.study07{
width: 273px;
background: #F0FDFF;
float:right;
}
.study07 p{
padding: 0px 20px 5px 20px;
line-height:160%;
}
.study07-list{
padding:0px 0px 35px 60px;
font-size:14px;
}
.study07-list li{
line-height:160%;
}
.study08{
color: #FF0000;
font-weight:bold;
padding:0px 10px 10px 20px;
font-size:14px;
}
.study09{
background: url(img/inner/study18.gif) no-repeat bottom right;
padding-top: 5px;
}
.study09 ul{
padding-left: 50px;
}
.study10{
padding: 0px 20px;
}
ul.study11{
background: url(img/inner/study20.jpg) no-repeat right top;
padding:0px 85px 0px 40px;
margin-right: 15px;
}
ul.study11 li{
margin-bottom: 15px;
line-height:160%;
}
ul.study12{
background: url(img/inner/study21.gif) no-repeat right top;
padding:0px 70px 148px 50px;
margin-right: 15px;
}
ul.study12 li{
margin-bottom: 15px;
line-height:160%;
}

.study13-l{
width: 252px;
padding-bottom: 10px;
background: #FFE7F9;
float:left;
}
.study13-c{
float:left;
text-align:center;
width: 75px;
}
.study13-r{
width: 252px;
padding-bottom: 10px;
background: #E1EFF8;
float:right;
}
ul.study14{
padding-left: 40px;
padding-top: 10px;
}
ul.study14 li{
padding: 2px 0px;
}
ul.study15{
padding: 10px 20px;
}
ul.study15 li{
list-style:none;
color: #F41C22;
line-height:180%;
padding-bottom: 5px;
}
.study16{
color:#000000;
padding-left: 10px;
}








ul.entry-list{
padding: 20px 0px 30px 20px;
}
ul.entry-list li{
background: url(img/icon04.gif) no-repeat left center;
list-style:none;
margin-bottom: 15px;
padding-left: 20px;
}
.entry-listbox{
float:left;
width: 330px;
}
.entry-listttl{
background: url(img/inner/entry-back.gif) no-repeat left top;
font-size:14px;
padding: 5px 0px 0px 15px;
height: 22px;
}

















/*---------------------------------------------------------------- system ----*/
.system01{
width:282px;
margin: 0px auto;
background: #F6F1DF;
padding-bottom: 10px;
margin-bottom: 30px;
}

















/*---------------------------------------------------------------- result ----*/
#result-box{
padding:0px 18px;
}


















/*---------------------------------------------------------------- contact ----*/
.contact{
background: url(img/inner/contact-ttl.gif) no-repeat left top;
height: 22px;
width: 590px;
padding: 7px 0px 0px 10px;
margin: 0px auto 20px auto;
font-size:14px
}
.contact02{
width: 550px;
margin: 0px auto 20px auto;
}
.contact03{
background:url(img/icon04.gif) no-repeat left center;
padding:2px 0px 2px 20px;
font-weight:bold;
}
.contact04{
background: url(img/icon05.gif) no-repeat left center;
margin: 0px 0px 5px 20px;
padding-left: 10px;
}
.contact05{
margin-left: 35px;
line-height:180%;
padding-bottom: 10px;
}
.contact06{
width: 600px;
margin: 0px auto;
}
.contact07{
line-height:180%;
}
.contact07 strong{
font-size:14px;
}