/* ベースCSS */

body,div,h1,h2,h3,h4,h5,h6,p,a,ul,li,dl,dt,dd,img,table{
margin:0px;
padding:0px;
color: #666;
}

h1,h2,h3,h4,h5,h6,p,dl,ul{
font-weight:normal;
font-style:normal;
font-size:80%;
line-height:140%;
}

img{
border:0px;
vertical-align: bottom;
}

a:link, a:visited, a:hover, a:active{
color:#F34791;
}


body{
background: #FFF url(../images/bg.jpg) no-repeat center top;
}

#contents{
width:857px;
margin:0px auto;
background: url(../images/contents_bg.gif) repeat-y;
padding: 0px 0px 0px 13px;
border-top: 15px solid #FFF;
}

#main{
float:left;
}

.pageup{
text-align:right;
clear:both;
}


.list li{
background: url(../images/circle.gif) no-repeat;
padding-left: 12px;
list-style:none;
line-height: 10px;
margin-bottom: 8px;
}

.link{
background: url(../images/arrow.gif) no-repeat 0px 4px;
padding-left: 10px;
line-height:15px;
}

.inquiry_bt{
margin: 15px 0px 20px;
}

.inquiry_bt a{
background: url(../images/inquiry_bt.gif) no-repeat;
text-indent:-9999px;
text-decoration: none;
display:block;
width:630px;
height:43px;
overflow:hidden;
}

.inquiry_bt a:hover{
background-position: 0px -43px;
}

.point{
background: url(../images/circle.gif) no-repeat 0px 4px;
padding-left: 12px;
font-weight: bold;
margin: 10px 0px;
}

.postcode{
font-size:80%;
}


/*----------ヘッダー----------*/
#head{
background: url(../images/header.jpg) no-repeat top;
width: 870px;
height: 101px;
margin:0px auto;
}

#head h1{
float:left;
margin-right: 290px;
}


#head h1 a{
text-indent:-9999px;
text-decoration: none;
display:block;
width:350px;
height:70px;
overflow:hidden;
}


#head p{
text-align:right;
color:#FFF;
font-size:60%;
padding-right: 10px;
}


#head .head_bt{
float:left;
margin-top: 35px;
}


#head .head_bt p{
float:left;
}



/*----------ナビゲーションメニュー----------*/

#navi{
background: url(../images/navi_bg.gif) repeat-y;
float: left;
width: 183px;
margin-right: 10px;
}

#navi_inner{
background: url(../images/navi_bg_top.gif) no-repeat top;
}


#navi dl{
padding: 9px 8px 5px 8px;
width: 167px;
background: url(../images/navi_bg_bottom.gif) no-repeat bottom;
}

#navi dl dt, #navi dl dt dd{
line-height:0px;
font-size:1px;
}


/*----------ナビ（大ボタン）----------*/

.navi_beginner, .navi_holder, .navi_pro{
margin-bottom: 6px;
}


.navi_beginner a, .navi_holder a, .navi_pro a{
display:block;
width:165px;
height:80px;
text-indent:-9999px;
overflow:hidden;
}

.navi_beginner a:hover, .navi_holder a:hover, .navi_pro a:hover{
background-position: 0px -80px;
}



.navi_beginner a{
background: url(../images/bt_beginner.jpg) no-repeat;  
}

.navi_holder a{
background: url(../images/bt_holder.jpg) no-repeat;  
}

.navi_pro a{
background: url(../images/bt_pro.jpg) no-repeat;  
}


/*----------ナビ（カテゴリ名）----------*/

.navi_school{
background: url(../images/navi_schoolguide.gif) no-repeat;  
}

.navi_tour{
background: url(../images/navi_tour.gif) no-repeat;  
}

.navi_staff{
background: url(../images/navi_staff.gif) no-repeat;  
}

.navi_inquiry{
background: url(../images/navi_inquiry.gif) no-repeat;  
}

.navi_mobile{
background: url(../images/navi_mobile.gif) no-repeat;  
}



.navi_school, .navi_tour, .navi_staff, .navi_inquiry, .navi_mobile, .navi_01 a, .navi_02 a, .navi_03 a, .navi_04 a, .navi_05 a, .navi_06 a, .navi_07 a, .navi_08 a, .navi_09 a, .navi_10 a, .navi_11 a, .navi_12 a, .navi_13 a, .navi_14 a{
display:block;
width:167px;
height:28px;
text-indent:-9999px;
overflow:hidden;
}


.navi_01 a:hover, .navi_02 a:hover, .navi_03 a:hover, .navi_04 a:hover, .navi_05 a:hover, .navi_06 a:hover, .navi_07 a:hover, .navi_08 a:hover, .navi_09 a:hover, .navi_10 a:hover, .navi_11 a:hover, .navi_12 a:hover, .navi_13 a:hover, .navi_14 a:hover{
background-position: 0px -28px;
}

.navi_01 a{
background: url(../images/bt_bottomkids.gif) no-repeat;  
}

.navi_02 a{
background: url(../images/bt_facility.gif) no-repeat;  
}

.navi_03 a{
background: url(../images/bt_ssi.gif) no-repeat;  
}

.navi_04 a{
background: url(../images/bt_flow.gif) no-repeat;  
}

.navi_05 a{
background: url(../images/bt_schedule.gif) no-repeat;  
}

.navi_06 a{
background: url(../images/bt_report.gif) no-repeat;  
}

.navi_07 a{
background: url(../images/bt_price.gif) no-repeat;  
}

.navi_08 a{
background: url(../images/bt_voice.gif) no-repeat;  
}

.navi_09 a{
background: url(../images/bt_staffprofile.gif) no-repeat;  
}

.navi_10 a{
background: url(../images/bt_blog.gif) no-repeat;  
}

.navi_11 a{
background: url(../images/bt_question.gif) no-repeat;  
}

.navi_12 a{
background: url(../images/bt_request.gif) no-repeat;  
}

.navi_13 a{
background: url(../images/bt_inquiry.gif) no-repeat;  
}

.navi_14 a{
background: url(../images/bt_access.gif) no-repeat;  
}


.mobile{
height:28px;
background: url(../images/qr_code.gif) no-repeat 50%;
padding: 130px 0px 0px 77px;
}

.mobile img{
margin-right: 3px;
vertical-align: middle;
}


.current a{
background-position: 0px -28px;
}

.current_2 a{
background-position: 0px -80px;
}




/*----------フッター----------*/

#foot{
height:58px;
background: url(../images/footer.jpg) no-repeat center;
padding:60px 0px 0px 0px;
text-align: center;
}

#foot a{
color:#FFF;
}

#foot p{
color:#FFF;
}


/* --- clearfix --- */

.clearfix{
zoom:1;/*for IE 5.5-7*/
}

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


.clear{
clear:both;
margin: 0px;
padding: 0px;
line-height: 0px;
font-size: 1px;
}