@charset "utf-8";

/*
	Site Name: 
	Description:layout
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: BASIC
	2:TAB
	3:CONTENTS


==========================================================
*/

/*
===== 1: BASIC ==========================================
*/

h1{
margin-bottom:3px;
}
h2{
color:#000;
background-image:none;
text-indent:0;
font-size:100%;
margin-left:10px;
margin-top:3px;
}
p{
margin:0;
margin-left:10px;
}
/*
===== 2: TAB ==========================================
*/

#select-area-tab{
clear:both;
margin-top:10px;
height:26px;
background-image:url(/img/select-school/tab-select-area.jpg);
background-position:top left;
background-repeat:no-repeat;0;

}
#select-area-tab ul li {
display:inline;
list-style:none;
background-image:none;
}

#select-area-tab a{
float:left;display:inline;
height:26px;
display:block;
text-indent:-9999px;
margin-right:2px;
width:100px;
text-decoration:none;

}

#select-area-tab #sat-chugoku a {
margin-right:0px;
}

/* selected tab */
#select-area-tab .selected{
    background-image:url(/img/select-school/tab-select-area.jpg);
}
#select-area-tab #sat-all .selected{
    background-position:0px -26px;
}
#select-area-tab #sat-hokkaido .selected{
    background-position:-102px -26px;
}
#select-area-tab #sat-kanto .selected{
    background-position:-204px -26px;
}
#select-area-tab #sat-chubu .selected{
    background-position:-306px -26px;
}

#select-area-tab #sat-kinki .selected{
    background-position:-408px -26px;
}

#select-area-tab #sat-chugoku .selected{
    background-position:-510px -26px;
}

/* rollover tab */
#select-area-tab  a:hover{
    background-image:url(/img/select-school/tab-select-area.jpg);
}
#select-area-tab #sat-all  a:hover{
    background-position:0px -26px;
}
#select-area-tab #sat-hokkaido  a:hover{
    background-position:-102px -26px;
}
#select-area-tab #sat-kanto  a:hover{
    background-position:-204px -26px;
}
#select-area-tab #sat-chubu  a:hover{
     background-position:-306px -26px;
}

#select-area-tab #sat-kinki a:hover{
     background-position:-408px -26px;
}

#select-area-tab #sat-chugoku a:hover{
    background-position:-510px -26px;
}




/*
===== 3: CONTENTS ==========================================
*/

#select-area-contents{
border:1px solid #ccc;padding:20px 15px;
}
#map{
position:absolute;
}

#school-list{
margin-left:215px;
font-size:100%;
}
#school-list-header{
color:#666;
border-top:1px solid #d1d1d1;
border-bottom:2px solid #ccc;

padding:2px 0;
line-height:14px;
}
#school-list-footer{
clear:both;
color:#666;
border-top:2px solid #ccc;
border-bottom:1px solid #d1d1d1;

padding:2px 0;
line-height:14px;
}
#school-list .school-name{
position:absolute;
display:block;
width:230px;
text-align:center;
}
#school-list .school-tel{
display:block;
margin-left:240px;
border-left:1px solid #d1d1d1;
text-align:center;

}
#school-list dl{
border-top:1px dotted #ccc;
background-color:#f6f6f6;
}
#school-list dl.first{
border-top:none;
}

#school-list dt{
clear:both;
background-color:#fff;
width:240px;
padding-top:5px;
line-height:15px;

}

#school-list img{
margin-right:3px;
}

#school-list dd{
background-color:#fff;
width:240px;

}

#school-list dd p{
margin:0;
padding-left:16px;
padding-bottom:3px;
}

#school-list  .tel{

position:absolute;
text-align:center;
margin-left:233px;
margin-top:-14px;

background-color:transparent;
width:106px;
font-weight:bold;
border-bottom:none;
}


/*
===== 4: CONTENTS ==========================================
*/
#school-list-ask{
margin-left:215px;
font-size:90%;
}

#school-list-ask img{
margin-right:3px;
}

#school-list-ask .school-name{
position:absolute;
display:block;
width:160px;
text-align:center;
}
#school-list-ask .school-ask{
position:absolute;
width:100px;
display:block;
margin-left:160px;
border-left:1px solid #d1d1d1;
text-align:center;
}
#school-list-ask .school-request{
display:block;
margin-left:260px;
border-left:1px solid #d1d1d1;
text-align:center;
}

#school-list-ask dl{
border-top:1px dotted #ccc;
background-color:#f6f6f6;
}
#school-list-ask dl.first{
border-top:none;
}

#school-list-ask dt{
clear:both;
background-color:#fff;
width:160px;
padding-top:5px;
line-height:15px;

}


#school-list-ask dd{
background-color:#fff;
width:160px;
}



#school-list-ask  .tel2{
font-weight:bold;
}

#school-list-ask  .ask{
position:absolute;
margin-left:170px;
margin-top:-17px;
height:42px;
background-color:transparent;
width:95px;
font-size:110%;
text-align:center;
border-bottom:none;
}
#school-list-ask  .request{
position:absolute;

margin-left:265px;
margin-top:-17px;
height:42px;
background-color:transparent;
width:95px;
font-size:110%;
text-align:center;
border-bottom:none;
}
#school-list-ask  .no-form{
position:absolute;

margin-left:150px;
margin-top:-10px;
height:42px;
background-color:transparent;
width:190px;
font-size:110%;
text-align:center;
border-bottom:none;
}