@charset "UTF-8";

/*============================================================
	Header Style
============================================================*/

div.wrap_index{
background:url(/images/bg_index_wrap.gif) repeat-x 0% 0% #fff !important;
border-bottom:none !important;
padding-bottom:0 !important;
}

div#str_main_left{
width:237px;
float:left;
position:relative;
top:10px;
left:15px;
}

div#str_main_left p{
margin:0;
text-align:center;
padding:8px 0;
}

div#str_main_left ul{
margin-left:9px;
padding-bottom:5px;
}

div#str_main_right{
width:718px;
float:right;
padding-top:2px;
}



/*============================================================
	H1 Style
============================================================*/

h1{
font-size:87.5%;
text-align:center;
margin-bottom:10px;
}



/*============================================================
	H2 Style
============================================================*/

h2.hdg_l2_search_school{
padding:8px 5px;
font-size:1px;
line-height:1;
margin-bottom:8px;
}



/*============================================================
	H3 Style
============================================================*/

div.str_left_index h3{
color:#fe5400;
font-size:87.5%;
margin-bottom:15px;
}

h3.hdg_l3_search_school{
font-size:1px;
line-height:1;
text-indent:17px;
padding:1px 0;
}



/*============================================================
	Contents Style
============================================================*/

div.str_container_index{
width:100%;
}

div.str_left_index{
width:701px;
float:left;
}

div.str_right_index{
width:230px;
float:right;
}


/*----- Left Contents 01 -----*/

div.str_left_index div.mc-flash-loader,
div.str_left_index p.bnr_area{
width:270px;
float:left;
}

div.str_left_index div.str_movie_txt{
width:411px;
float:right;
}

div.str_left_index div.str_movie_txt p{
line-height:1.3 !important;
}

div.str_left_index div.str_movie_txt div{
background:#f4f4f4;
padding:9px 15px 8px;
}

div.str_left_index div.str_movie_txt div ul{
padding-bottom:3px;
}

div.str_left_index div.str_movie_txt div ul li{
display:inline;
font-size:75%;
}

div.str_left_index div.str_movie_txt div ul li span{
margin:0 0 0 2px;
}


/*----- Left Contents 02 -----*/

div.str_school_info{
width:270px;
float:left;
}

div.str_topics_info{
width:421px;
float:right;
position:relative;
}

div.str_topics_info span.backNumber{
position:absolute;
top:9px;
left:324px;
font-size:1px;
line-height:1;
}

span#flash_ttl,
p#topics_ttl{
height:21px;
/*text-align:center;*/
}

span#flash_ttl{
background:url(/images/bg_flash_ttl.gif) no-repeat 0% 0%;
display:block;
}

body p#topics_ttl{
background:url(/images/bg_topics_ttl.gif) no-repeat 0% 0%;
margin:0;
font-weight:bold;
color:#d30200;
}

div.str_school_info div.height_set,
div.str_topics_info div.height_set{
overflow:auto;
}

div.str_school_info div.height_set,
div.str_topics_info div.height_set{
height:325px;
}

div.height_set table{
font-size:75%;
}

div.height_set table th,
div.height_set table td{
vertical-align:top;
padding:5px;
background:url(/images/bg_tbl_bdr_index.gif) repeat-x 0% 100%;
}

div.height_set table th.date{
padding:5px 8px;
}


/*----- Right Contents 01 -----*/

div.box_search_school_index{
width:230px;
}

div.box_search_school_index div.box_search_index{
width:214px;
padding:0 8px;
margin-bottom:8px;
}

div.box_search_index input.roll{
position:relative;
top:6px;
}

div.box_search_school_index div.box_search_map{
position:relative;
margin:0 1px;
padding-bottom:2px;
}

div.box_search_school_index div.box_search_map ul{
position:absolute;
font-size:1px;
line-height:1;
}

div.box_search_school_index div.box_search_map ul li{
height:100%;
}

div.box_search_school_index div.box_search_map ul li img{
display:block;
}

div.box_search_school_index ul#image_area_green{
top:23px;
left:30px;
}

div.box_search_school_index ul#image_area_blue{
top:65px;
left:136px;
}

div.box_search_school_index ul#image_area_ygreen{
top:77px;
left:22px;
}

div.box_search_school_index ul#image_area_orange{
top:171px;
left:120px;
}

div.box_search_school_index ul#image_area_yellow{
top:108px;
left:11px;
}

div.box_search_school_index ul#image_area_pink{
top:160px;
left:10px;
}

div.box_search_school_index ul#image_area_red{
top:193px;
left:26px;
}


/*----- Right Contents 02 -----*/

div.box_bnr_index{
width:230px;
background:url(/images/bg_box_bnr_index.gif) no-repeat 0% 100%;
}

div.box_bnr_index p{
line-height:1.4;
margin:0px 10px !important;
padding:7px 0;
}

div.box_bnr_index ul{
text-align:center;
}

div.box_bnr_index ul li p{
margin:0 10px !important;
padding-bottom:8px;
font-size:75%;
}



.w135{ width:135px; }

.mb50{ margin-bottom:50px !important; }