@charset "utf-8";

/*
ファイル名:style.css
最終更新日:2009/05/11
作成者:三嶋
更新：三嶋
*/

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

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

/* =layout 
----------------------------------*/

#wrap{
background-color: #f8f8f8;
width: 78.6em;
margin: auto;
padding: 0 .7em;
}

#wrap #wrap-in{
width: 70em;
background-color: #fff;
border-left: .1em solid #d4d4d4;
border-right: .1em solid #d4d4d4;
padding: 0 4.3em;
}

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

#header{
padding: 1em;
border: .1em solid #d4d4d4;
border-top: none;
background: url(../img/header_bg.gif) left bottom repeat-x;
margin-bottom: 1em;
}

#header .page-title a{
width: 20.2em;
height: 5.6em;
display: block;
margin:auto;
}

#header .page-title a img{
width: 20.2em;
height: 5.6em;
}

#header p{
text-align: center;
margin-bottom: 1em;
letter-spacing: .1em;
}
#header p.description{
font-size: 1.2em;
}

#header p span{
color: #ff6529;
font-weight: bold;
}

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

#cont .sec-title{
background-color: #f8f8f8;
border: .1em solid #d4d4d4;
padding: 1em;
font-weight: bold;
margin-bottom: 1em;
}

#cont .sec-title span{
display: block;
font-size: 1.2em;
padding-left: 2em;
background: url(../img/listicon02.gif) left center no-repeat;
}

.cat-list li{
float: left;
width: 32.8em;
padding: .3em .5em;
margin-right: .9em;
margin-bottom: .8em;
border: .1em solid #d4d4d4;
background: url(../img/list_bg.gif) left top repeat-x #fff9e8;
}

.cat-list li span{
display: block;
padding: .8em;
padding-left: 3em;
font-size: 1.2em;
background:  url(../img/listicon05.gif) 1em center no-repeat;
font-weight: bold;
}

#pagetop{
margin-top: 1em;
width: 13.9em;
height: 3.2em;
margin-left: auto;
}

#pagetop img{
width: 13.9em;
height: 3.2em;
}

/* =page
----------------------------------*/

.exp-wrap{
border: .1em solid #ff6529;
padding: .5em;
margin-bottom: 1em;
}

.exp{
background-color: #fff6f2;
padding: 2.2em 2em 1em;
}

.exp p{
font-size: 1.2em;
margin-bottom: 1em;
}

.exp p input{
vertical-align: middle;
margin: 0 .2em;
}

.main-body .pref-box{
padding: .9em;
background-color: #f8f8f8;
margin-bottom: 1em;
}

.main-body .pref-box .school-list{
border: .1em solid #d4d4d4;
padding: .9em;
background-color: #fff;
}

.main-body .school-list dt{
display: block;
border: .1em solid #ff6529;
width: 6em;
padding: .5em;
margin-right: 1em;
text-align:center;
float: left;
}

.main-body .school-list dt span{
font-size: 1.2em;
color: #ff6529;
font-weight: bold;
}

.main-body .school-list dd{
width: 57.6em;
padding-top: .7em;
float: left;
}

.main-body .school-list dd p{
width: 27.7em;
margin-bottom: 1em;
float: left;
}

.main-body .school-list dd p label,
.main-body .school-list dd p span{
display: block;
float:left;
font-size: 1.2em;
margin-right: .5em;
}

.main-body .school-list dd p label{
width: 1em;
}

.main-body .school-list dd p span{
width: 20em;
}

#request{
text-align:center;
}

#request img{
width: 24.2em;
height: 5.6em;
}

/* =detail
----------------------------------*/


#detail{
width: 42em;
height: 30em;
overflow:scroll;
}

#detail #school-info{
width: 40em;
background-color: #fff;
}

#detail #school-name{
width:40em;
background-color: #f8f8f8;
padding-bottom: .6em;
margin-bottom: 1.5em;
}

#detail #school-name span{
display: block;
font-size: 1.4em;
padding: 1em;
color: #ff6529;
font-weight: bold;
background-color: #fff;
border-bottom: .1em solid #d4d4d4;
}

#detail #school-info dl{
margin-bottom: 1em;
padding: 0 1em 1em;
}

#detail #school-info dt{
font-size: 1.4em;
color: #6fc4fe;
padding-left: 1.5em;
display: block;
font-weight: bold;
background: url(../img/listicon04.gif) .5em center no-repeat;
margin-bottom: .3em;
}

#detail #school-info dd{
font-size: 1.2em;
line-height: 1.5;
}

#detail .linkBtn{
padding-bottom: 2em;
}

#detail .linkBtn a,
#detail .linkBtn img{
width: 20.3em;
height: 4em;
display: block;
margin: auto;
}

/* =aboutus
----------------------------------*/

#info .aboutus{
width: 70em;
border-top: .1em solid #ccc;
border-left: .1em solid #ccc;
}

#info .aboutus th,
#info .aboutus td{
font-size: 1.2em;
border-right: .1em solid #ccc;
border-bottom: .1em solid #ccc;
padding: .8em;
}

#info .aboutus col.headers{
width: 8em;
}

#info .aboutus col.braches{
width: 12em;
}

#info .aboutus th{
background: url(../img/cell_bg.gif) left top repeat-x #fff6f2;
font-weight: bold;
}

/* =privacy
----------------------------------*/

#info .privacy p,
#info .privacy ol{
margin-bottom: 1em;
font-size: 1.2em;
line-height: 1.5;
}

#info .privacy p span{
padding-left: 1em;
}

#info .privacy ol{
margin-left: 1.5em;
list-style:decimal;
}

#info .privacy ol li{
margin-bottom: .5em;
}

#info .col-title{
border-bottom: .1em solid #d4d4d4;
background: url(../img/listicon03.gif) left center no-repeat;
padding: 1em;
padding-left: 2em;
font-weight: bold;
margin-bottom: 1em;
}

#info .col-title span{
font-size: 1.2em;
}

#info .privacy h3{
font-weight: bold;
font-size: 1.2em;
margin: 2em 0 1em;
}

#info .privacy p span.email{
color: #ff6529;
}

/* =contact
----------------------------------*/

#info .contact{
height: 350px;
}

#info .contact p,
#info .contact ol{
margin-bottom: 1em;
font-size: 1.2em;
line-height: 1.5;
}

#info .contact p span{
padding-left: 1em;
}

#info .contact p span.email{
color: #ff6529;
}

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

#footer{
border: .1em solid #d4d4d4;
border-bottom: none;
padding: 2em 2em 1em;
background: url(../img/footer_bg.gif) left top repeat-x;
}

#footer #footer-cont{
background: url(../img/kids_logo.gif) left center no-repeat;
padding-left: 18em;
}

#footer .footer-nav{
margin-bottom: .5em;
}

#footer .footer-nav li{
float: left;
border-right: .1em solid #ccc;
padding-right: .5em;
margin-right: .5em;
font-size: 1.2em;
}

#footer .copyright{
font-size: 1.2em;
}