@charset "utf-8";

/*
ファイル名:style.css
最終更新日:2009/10/26
*/

/* =import
---------------------------------------*/

@import url(/css/common.css);
@import url(/css/wide.css);
@import url(/css/clearfix.css);

body{
background: url(/img/common/bg.gif) center top repeat-x;
}

#wrapper{
width: 800px;
padding: 0 13px;
margin: auto;
background: url(/img/common/cont_bg.png) center top repeat-y;
}

/* =#header
---------------------------------------*/

#header{
width: 750px;
padding: 0 25px;
background: url(/img/common/h_bg.jpg) center top no-repeat;
position: relative;
}

#header p.btnSitemap{
width: 99px;
height: 22px;
position: absolute;
top:0;
right:25px;
}

#header h1.pageTitle{
width: 650px;
margin-bottom: 12px;
padding-top: 12px;
}

/* =#gNav
---------------------------------------*/

#gNav{
width:795px;
padding: 3px 0 11px 5px;
background: url(/img/common/gnav_bg.gif) center bottom repeat-x #014bb0;
margin-bottom: 14px;
}

#gNav li{
float: left;
margin-right: 3px;
}

/* =#cont
---------------------------------------*/

#cont{
width: 780px;
display:inline;
padding: 0 10px;
}

#cont #main{
width: 580px;
float: right;
}

#cont #side{
width: 185px;
float: left;
}

/* =#main
---------------------------------------*/

#cont #main .sec{
margin-bottom: 15px;
line-height: 1.5;
}

#home #cont #main .sec{
padding-right: 0;
}

/* =.features
---------------------------------------*/

#cont #main .features{
margin: 12px 0 10px;
}

#cont #main .features li{
float: left;
padding-right:10px;
margin-bottom: 10px;
}

#cont #main .features li.end{
padding-right:0;
}

/* =.features
---------------------------------------*/

#cont #main .features2{
margin: 12px 0 10px;
}

#cont #main .features2 li{
width: 288px;
height: 73px;
float: left;
padding-right:3px;
}

#cont #main .features2 li.end{
padding-right:0;
}

#cont #main .notice{
width: 580px;
position: relative;
}

#cont #main .notice .secIn{
width: 576px;
border: 1px solid #ccc;
border-top: 0;
padding: 7px 0 14px;
}

#cont #main .notice .secIn dl a{
color: #24a9fd;
}

#cont #main .notice .secIn dl{
width: 544px;
height: 85px;
margin: 7px auto;
padding: 10px;
overflow-y: scroll;
}

#cont #main .updateList .secIn dl{
width: 580px;
}

#cont #main .notice .secIn dl dt,
#cont #main .updateList .secIn dl dt{
float: left;
width: 57px;
clear: left;
margin-bottom: 10px;
}

#cont #main .notice .secIn dl dd,
#cont #main .updateList .secIn dl dd{
float: left;
width: 465px;
padding-left: 5px;
margin-bottom: 10px;
}

#cont #main .notice .btnList{
width: 45px;
height: 16px;
position: absolute;
top: 7px;
right: 6px;
}

#cont #main .ideology{
width: 572px;
border: 1px solid #ccc;
padding: 6px;
}

#cont #main .ideology h3{
margin-bottom: 12px;
}

#cont #main .ideology .secIn{
padding: 14px;
}

#cont #main .ideology .secIn p{
margin-bottom: 1em;
}

#cont #main .topNav{
margin-bottom: 34px;
}

#cont #main .topNav li{
width: 285px;
float: left;
padding-right:9px;
margin-bottom: 10px;
}

#cont #main .topNav li.end{
width: 286px;
padding-right:0;
}

#cont #main .topNav li div.navBox{
border: 1px solid #ccc;
border-top: 0;
padding: 0 15px;
}

#cont #main .topNav li div.navBox p{
margin-bottom: 20px;
}

#cont #main .topNav .navDetail{
text-align:right;
}

#cont #main .secTitle{
color: #014bb0;
font-weight: bold;
width: 556px;
padding: 7px 12px;
margin-bottom: 1em;
background: url(/img/common/title_bg01.gif) left top repeat;
}

#cont #main .catNav{
margin-bottom: 1.5em;
}

#cont #main .catNav li{
float: left;
}

#cont #main .page-heading{
margin-bottom: 15px;
}

#cont #main .pageheadingWrap{
width: 580px;
background: url(/img/common/ph_bg.gif) left top repeat-y;
margin-bottom: 15px;
}

#cont #main .pageheadingWrap .page-heading02{
width: 580px;
background: url(/img/common/ph_btm.gif) left bottom no-repeat;
}

#cont #main .pageheadingWrap .page-heading02 span{
width: 550px;
padding:8px 10px;
padding-left: 20px;
display: block;
background: url(/img/common/ph_top.gif) left top no-repeat;
color: #fff;
font-weight:bold;
}


/* =TEMPLATE
------------------*/

.noteBoxTitle h2{
color: #014bb0;
font-size: 1.167em;
font-weight: bold;
padding-bottom: 13px;
background: url(/img/common/title_bg02.gif) left bottom repeat-x;
clear: both;
}

.noteBox{
margin-bottom:35px;
}

.noteBox p,
.noteBox ul,
.noteBox ol,
.noteBox pre{
margin-bottom: 1.5em;
}

.noteBox ul,
.noteBox ol{
margin-left: 2em;
}

.noteBox ul li{
list-style: disc;
list-style-position:inside;
}

.noteBox ol{
list-style: decimal;
list-style-position:inside;
}

.noteBox table{
width:579px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom:15px;
}

.noteBox table th,
.noteBox table td{
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.noteBox table th{
color: #014bb0;
background-color:#f8fdff;
font-weight: bold;
}

.noteBox table th.aligncenter{
text-align:center;
}

.noteBox h3,
.noteBox h4,
.noteBox h5,
.noteBox h6{
font-weight: bold;
margin-bottom: 1.5em;
}

.noteBox h3{
font-size: 1.167em;
color: #014bb0;
}

.noteBox .temp_img_right{
padding-left: 10px;
padding-bottom: 10px;
float: right;
}

.noteBox .temp_img_left{
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

.noteBox .temp_img_center{
padding-bottom: 10px;
}

.noteBox .temp_img_center img{
display:block;
margin: auto;
}


/* =high, junior
------------------*/

#high #main h2,
#junior #main h2{
margin-bottom: 15px;
}

#cont #main .secInTitle{
width: 580px;
padding: 1px;
padding-bottom: 0;
background-color: #fdeef8;
margin-bottom: 15px;
}

#cont #main .secInTitle span{
display: block;
padding: 5px 8px;
color: #014bb0;
border-left: 6px solid #fb85b4;
font-weight: bold;
}

#cont #main .secInTitle02{
width: 580px;
padding: 1px;
padding-bottom: 0;
background-color: #e7ffb3;
margin-bottom: 15px;
}

#cont #main .secInTitle02 span{
display: block;
padding: 5px 8px;
color: #014bb0;
border-left: 6px solid #52bf02;
font-weight: bold;
}

#cont #main .secInTitle03{
width: 259px;
padding: 1px;
padding-bottom: 0;
background-color: #e7ffb3;
margin-bottom: 15px;
}

#cont #main .secInTitle03 span{
display: block;
padding: 5px 8px;
color: #014bb0;
border-left: 6px solid #52bf02;
font-weight: bold;
}

#cont #main .sec p,
#cont #main .sec ul,
#cont #main .sec ol{
margin-bottom: 15px;
}

#cont #main .sec .emphasis01{
font-weight: bold;
}

#cont #main .sec .emphasis02{
font-weight: bold;
color: #014bb0;
}

#cont #main .sec li{
margin-bottom: 10px;
}

#cont #main ul.pointBox li{
float: left;
width: 260px;
padding-right: 20px;
}

#cont #main ul.pointBox li.end{
padding-right: 0 !important;
}

#cont #main .subjectList{
width: 539px;
table-layout: fixed;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom: 1.5em;
}

#cont #main .subjectList caption{
font-weight: bold;
padding-bottom: 5px;
}

#cont #main .subjectList th,
#cont #main .subjectList td{
padding: 5px 0;
text-align:center;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#cont #main .subjectList th{
background-color: #fdeef8;
}

#cont #main .imgBox{
float: right;
margin-left:20px;
margin-bottom: 10px;
}

#cont #main .columnBox{
width: 262px;
border: 1px solid #ccc;
padding: 3px;
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

.columnBox img{
margin-bottom: 10px;
}

.columnBox ul{
padding: 0 20px;
width: 230px;
}

#cont #main .columnBox02{
width: 248px;
border: 1px solid #ccc;
padding: 10px;
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

#cont #main .columnBox03 li{
width: 168px;
float: left;
padding-right: 19px;
}

#cont #main .columnBox03 li.end{
padding-right: 0;
}

#cont #main .sec .columnBox ul li{
margin-bottom: 3px;
}

#cont #main .sec .secIn #mainFootNav li{
width: 261px;
height: 68px;
float: left;
padding-right: 18px;
}

#cont #main .sec .secIn #mainFootNav li.end{
padding-right: 0;
}

#cont #main .sec .secIn .btnImgMap{
margin-bottom: 15px;
}

#cont #main .btnContact{
border-top:1px dotted #ccc;
padding: 25px 0;
margin-bottom: 25px;
}

#cont #main .btnContact a{
width: 187px;
display:block;
margin: auto;
}

.subheading{
font-weight: bold;
margin-bottom: 1.5em;
}

#cont #main .courseList,
#cont #main .fePrice{
width: 539px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom: 15px;
}

#cont #main .courseList th,
#cont #main .courseList td,
#cont #main .fePrice th,
#cont #main .fePrice td{
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#cont #main .courseList th{
width: 100px;
font-weight:bold;
color: #014bb0;
background-color: #fdeef8;
}

#cont #main .courseList thead th{
background-color: #fff;
text-align:center;
}

#cont #main .fePrice th{
font-weight:bold;
color: #333;
background-color: #eee;
}

#cont #main .fePrice .emphasis{
color: #014bb0;
font-weight:bold;
}

#junior #main .performance{
width: 540px;
height: 300px;
position:relative;
}

#junior #main .performance .rslt{
width: 250px;
position: absolute;
top:50px;
left:290px;
}

#junior #main .performance .rslt p{
line-height: 1.3;
}

#junior #main .performance .rslt p span{
color: #2255a4;
font-weight: bold;
padding-right: .5em;
}

/* =access
------------------*/
.access{
width: 540px;
}

.map01{
width: 260px;
float: left;
}

.map02{
width: 260px;
float: right;
}

.vCont{
margin-bottom:15px;
}

.traf{
margin: 15px 0;
}

.traf p,
.traf dl dd li{
margin-bottom: 0 !important;
}

.traf dl{
margin-bottom: 15px;
}

/* =recruit
------------------*/

.rec01 dd{
margin-bottom: 1em;
}

#cont #main .formTable{
width: 539px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom: 15px;
}

#cont #main .formTable th{
font-weight:bold;
color: #333;
background-color: #eee;
width: 100px;
}

#cont #main .formTable td,
#cont #main .formTable th{
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#cont #main .formTable td input{
margin-right: .2em;
vertical-align:middle;
}

#cont #main .formTable td input.text{
width: 200px;
}

#cont #main .formTable td li{
float: left;
padding-right: 1em;
}

#cont #main .formTable td textarea{
width: 350px;
height: 100px;
}

.btnForm{
text-align:center;
}

.code{
padding: 10px;
border: 1px solid #ccc;
background-color: #f2f2f2;
}

/* =recruit
------------------*/

#site #cont #main #sitemap{
padding: 1em 2em;
}

#site #cont #main #sitemap ul li{
margin-bottom:0;
padding-bottom:0;
}

#site #cont #main #sitemap p.home{
margin-bottom:0;
}

#site #cont #main #sitemap ul li ul li p{
margin-bottom:0;
}

#site #cont #main #sitemap p,
#site #cont #main #sitemap ul li{
line-height: 24px;
}

#sitemap p{
padding-left: 15px;
background: url(/img/site/smap_arw.gif) left 8px no-repeat;
}

#sitemap li ul{
padding-left: 18px;
}

#sitemap li ul li li{
padding-left: 18px;
background: url(/img/site/sitemap02.gif) left center no-repeat;
}

#sitemap li ul li li.bottom{
background: url(/img/site/sitemap01.gif) left center no-repeat;
}

/* =#side
---------------------------------------*/

#side .contactUs{
border: 1px solid #ccc;
margin-bottom: 20px;
}

#side .contactUs .sList li{
padding-left: 30px;
line-height: 24px;
font-size: 1.167em;
font-weight: bold;
background: url(/img/common/icon_school.gif) left top no-repeat;
}

#side .contactUs .secIn{
padding: 12px;
padding-right: 6px;
}

#side .contactUs .secIn .telNum{
margin-bottom: 15px;
}

#side .contactUs .secIn .telNum li{
margin-bottom: 5px;
}

#side .contactUs .secIn p{
margin-bottom: 10px;
}

#side .contactUs .secIn dd{
margin-bottom: 5px;
padding-left:.5em;
}

#side .contactUs .btn_contact{
margin-left: 12px;
margin-bottom: 10px;
}

#side .sideNav,
#side .countdown,
#side .note{
margin-bottom: 15px;
}

#side .note h4{
font-weight: bold;
margin-bottom: 5px;
}

#side .note p{
margin-bottom: 5px;
}

#side .sideNav ul{
border-top: 1px dashed #4baee5;
}

#side .sideNav ul li{
border-bottom: 1px dashed #4baee5;
}

#side .sideNav ul li span{
padding: 8px 48px 8px 25px;
background: url(/img/common/icon_sakura.gif) left 8px no-repeat;
display:block;
}

.nav_accessmap{background: url(/img/common/sidenav_bg01.gif) right bottom no-repeat;}
.nav_blog{background: url(/img/common/sidenav_bg02.gif) right bottom no-repeat;}
.nav_homework{background: url(/img/common/sidenav_bg03.gif) right bottom no-repeat;}

#side .qr{
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#side .qr h4{
font-weight: bold;
margin-bottom: 5px;
}

#side .qr p{
margin-bottom: 5px;
}

#side .qr img{
border: 1px solid #ccc;
margin-bottom: 5px;
}

/* =#fNav
---------------------------------------*/

.btnPagetop{
width: 171px;
height: 26px;
margin: 3px 0;
margin-left: auto;
margin-right: 15px;
}

#fNav ul{
width: 790px;
padding: 3px 0;
padding-left: 10px;
background-color: #b4ebfd;
margin-bottom: 3px;
}

#fNav li{
color: #012f6f;
padding: 0 1em;
float: left;
}

#fNav li a{
color: #012f6f;
}

#fNav li span{
padding-right: .5em;
}

.countdown{
text-align:center;
color: #e60012;
}

.countdown span{
display:block;
color: #fde202;
border: 1px solid #ccc;
padding: 1px;
}

.countdown span span{
background-color: #013070;
border: 0;
font-size: 1.25em;
padding: 8px;
font-weight: bold;
}

/* =#footer
---------------------------------------*/

#footer{
width: 750px;
padding: 25px;
background: url(/img/common/f_bg.gif) left top repeat-x;
}

#footer .ftext{
margin-bottom: 12px;
}

#footer .fLogo{
width: 123px;
height: 60px;
padding-left: 63px;
padding-right: 34px;
float: left;
}

#footer .fCont{
margin-bottom: 12px;
}

#footer .corp{
width: 520px;
float: left;
}

#footer .corp .enmachi{
width: 189px;
float: left;
border-right: 1px solid #ccc;
padding-right: 30px;
}

#footer .corp .karasuma{
width: 270px;
padding-left: 30px;
float: left;
}

#footer .corp .org{
font-weight: bold;
}

span.link a:link,
span.link a:visited,
span.link a:hover,
span.link a:active{color:#333;text-decoration: none;}


/* =top.html
---------------------------------------*/

.noticeboard .secIn{
width: 556px;
padding: 10px;
border: 1px solid #ccc;
}

#cont #main .secInTitle04{
width: 554px;
padding: 1px;
padding-bottom: 0;
background-color: #e7ffb3;
margin-bottom: 15px;
}

#cont #main .secInTitle04 span{
display: block;
padding: 5px 8px;
color: #014bb0;
border-left: 6px solid #52bf02;
font-weight: bold;
}

.temp{
background:#fffeee;
border:1px solid #ecdf9b;
padding: 1em;
padding-bottom:0;
margin-bottom: 1.5em;
}

.temp .title{
font-size: 1.167em;
font-weight: 700;
margin-bottom: 1.5em;
}

/* =additional style
---------------------------------------*/

table.medical{
width:579px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom:15px;
}

table.medical th,
table.medical td{
padding:5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.medical th{
color: #014bb0;
background-color:#f8fdff;
font-weight: bold;
}

.bloglist .secIn p img{
border: 1px solid #ccc;
}


/* =obog
---------------------------------------*/


.obBox{
	margin-bottom: 15px;
}

.obBox img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border:1px solid #ccc;
}

.obBox p{
	margin-bottom: 5px !important;
}

.obDetail h3{
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.obDetail .status{
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

.obDetail .status img{
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.obDetail .status li{
	margin-bottom: 5px !important;
}

.obDetail .conv{
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	text-align: right;
}

.obNav{
	margin-bottom: 0 !important;
}