@charset "UTF-8";
/* CSS Document */
 /* body{
	background:url(../img/index/mihon2.gif) top center no-repeat;} */

#header h1{
	padding:1px;
	}
#header_menu01{
	background-image:url(../img/index_new/menu_01.gif);
}
	


/* top */

#index_box1, #index_box2, #index_box3{
	padding:0 0 57px 0;
}

#info{
	width:360px;
	margin:0 10px 0 10px;
	text-align:left;
	background:url(../img/bdr_dotted.gif) top left repeat-x;
	float:right;
	display:inline;
	}
#info ul{
	padding:0;
	}
#info li{
	background:url(../img/bdr_dotted.gif) bottom left repeat-x;
	padding:0 10px 10px 23px;
	}
/* 2011春対応*/
#info li#trial_banner_2011{
	background:url(../img/bdr_dotted.gif) bottom left repeat-x;
	min-height:50px;
	padding:0;
	}
	
	
	
#info li dl{
	background:url(../img/btn_more_off.gif) bottom right no-repeat;
	width:327px;
	min-height:50px;
	height:auto !important;
	height:50px;
	}
#info li a{
	display:block;
	width:327px;
	}
#info li dt{
	font-size:170%;
	font-weight:bold;
	padding-top:18px;
	}
#info li dd{
	font-size:120%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding-top:5px;
	padding-right:4px;
	}
#info li dd .infodd{
	padding-right:45px;
	line-height:1.9;
	}
#info li  dd .infodd a:hover{
	background:url(../img/btn_more_on.gif) right bottom no-repeat;
	}

#index_box1_menu, #index_box2_menu, #index_box3_menu{
	top:0;
	width:100%;
	clear:both;
	}
#index_box2_menu, #index_box3_menu{
	padding:0px 0 0 0;
	}
#index_box3_menu{
	padding:15px 0 0 0;
	}
	
/* 左box */	
.menu_left{
	text-align:center;
	width:250px;
	float:left;
	}
.menu_left li{
	margin:0 0 10px 0;
	}
	
.menu_right{
	text-align:center;
	width:250px;
	float:right;
	}
.menu_right li{
	margin:0 0 10px 0;
	}
.menu_center{
	margin-right:20px;
	float:right;
	
	}



h2{
	font-size:160%;
	font-weight:bold;
	border-bottom:4px solid #000000;
	padding:0 0 2px 2px;
	text-align:left;
	}
#news{
	width:360px;
	margin:0 0 0 0;
	text-align:left;
	}
#news dt{
	height:47px;
	width:360px;
	background-image:url(../img/index_new/title_news.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-indent:-10000px;
	margin:0 0 26px 0;
	border:none;
}


#news dd{
	font-size:120%;
	line-height:1.9;
	padding:7px 0 13px 0;
	background:url(../img/bdr_dotted.gif) bottom left repeat-x;
	}
#news dt{
	margin:0 0 6px 0;
	}
#news a{
	text-decoration:underline;
	}
	
#index_access{
	width:360px;
	margin:25px auto 0 auto;
	text-align:left;
	}
#index_access h2{
	height:45px;
	width:360px;
	background-image:url(../img/index_new/title_access.gif);
	background-repeat:no-repeat;
	background-position:center left;
	text-indent:-10000px;
	margin:0 0 13px 0;
	border:none;
	}	
	
#index_access_img{
	padding:8px 0 10px 0;
	}
.index_access_list{
	padding:0 19px;
	}
.index_access_list1{
	font-size:120%;
	line-height:20px;
	padding:0 0 0 13px;
	text-decoration:underline;
	background: url(../img/mrk_triangulate12bk.gif) left top no-repeat;
	clear:both;
	}
	
	
ul.index_access_list2{
	padding:4px 0;
	}
ul.index_access_list2 li{
	font-size:100%;
	line-height:18px;
	padding:0 19px 0 10px;
	background: url(../img/mrk_triangulate12openface.gif) left top no-repeat;
	width:7.7em;
	display: inline-block;
	}
ul.index_access_list2 li.index_access_list2_right{
	padding-right:0;
	}
	
.index_access_list3{
	font-size:100%;
	line-height:10px;
	padding:0 0 0 15px;
	background:none;
	}
.index_access_list4{
	background:url(../img/bdr_dotted.gif) top left repeat-x;
	margin:0 0 48px 0;
	padding:8px 0 0 0;
	}
.index_access_list4_left{
	font-size:120%;
	line-height:20px;
	padding:0 0 0 15px;
	background: url(../img/mrk_triangulate12bk.gif) left top no-repeat;
	display: inline-block;
	text-decoration:underline;
	}
.index_access_list4_right{
	font-size:120%;
	line-height:20px;
	padding:0 0 0 15px;
	background: url(../img/mrk_triangulate12bk.gif) left top no-repeat;
	display: inline-block;
	text-decoration:underline;
	}


/* index */

#indexindex{
	text-align:center;
	width:660px;
	margin:0 auto 0 auto;
	}
#indexindex_menu{
	padding:0 0 17px 0;
	}
#indexindex_menu li{
	display:inline;
	line-height:1.3em;
	}

#indexindex_menu2{
	padding:0 0 17px 0;
	}
#indexindex_menu2 li{
	display:inline;
	}

#indexbtn{
	padding:35px 120px 70px 120px;
	}

#indexbtn #go_top{
	width:50%;
	float:left;
	text-align:left;
}
#indexbtn #go_seminar{
	width:50%;
	float:left;
	text-align:right;
}

/* メニュータイトルを画像に */
#cmenu dt, #amenu dt, .mmenu dt{
	height:45px;
	width:250px;
	background-repeat:no-repeat;
	background-position:center left;
	text-indent:-10000px;
	margin:0 15px 26px 0;
	border:none;
	}


/* a_menu  SONE美について */
#amenu dt{
	background-image:url(../img/index_new/title_about.gif);
	background-position:bottom;
	}	
/* c_menu  受験対策コース */
#cmenu dt{
	background-image:url(../img/index_new/title_corse.gif) ;
	background-position:bottom;
	margin-bottom:0;
	}	

/* a_menu dd 250pxに対応 */
#amenu dd, .mmenu dd{
	margin:0 0 0 50px;
	}



/* view */
#header_img{
	width:906px;
	margin:0 -4px 0 -2px;
	display:block;
	}	
#view_main{
	width:686px;
	height:506px;
	float:left;
	margin-bottom:10px;
	position:absolute;
    overflow: hidden
	}
#view_main div{
	top:0;
	left:0;
	position:absolute;
	z-index:10;
	width:686px;
	height:506px;    
	}
    
#view_main img{
	top:0;
	left:0;
	position:absolute;
	z-index:10;
	}
#view_main a:hover img{	
	filter: alpha(opacity=0.0);
	-moz-opacity:0.0;
 	opacity:0.0;
}


#view_main00{
	background:url(../img/index_new/viewmain/viewmain20130122on.jpg) left top;
	display:block;
	width:686px;
	height:506px;
	}
#view_main01{
	background:url(../img/index_new/viewmain/viewmain2014nengaon.jpg) left top;
	display:block;
	width:686px;
	height:506px;
	}
#view_main02{
	background:url(../img/index_new/viewmain/viewmain02passed2013on.png) left top;
	display:block;
	width:686px;
	height:506px;
	}
#view_main03{
	background:url(../img/index_new/viewmain/viewmain2013nengaon.jpg) left top;
	display:block;
	width:686px;
	height:506px;
	}
#view_main04{
	background:url(../img/index_new/viewmain/viewmain04_20130609on.jpg) left top;
	display:block;
	width:686px;
	height:506px;
	}
#view_main05{
	background:url(../img/index_new/viewmain/viewmain05on.png) left top;
	display:block;
	width:686px;
	height:506px;
	}
	
	
#view_caption{
	left:30px;
	bottom:-2px;
	position:absolute;
	z-index:20;
	height:90px;
	width:660px;
	}
	
#view_caption h2{
	margin-top:10px;
	font-size:180%;
	font-weight:bold;
	color:#30a6d9;
	border:none;
	text-align:left;
	}
#view_caption p{
	font-size:130%;
	text-align:left;
	}

#view_list{
	width:215px;
	hight:506px;
	float:right;
	}	
#view_list li{
	margin-bottom:4px;
	hight:81px;
	position:relative;
	}
/* #view_list li a:hover{
	visibility:hidden;
	} */
#view_list li a:hover img{	
	filter: alpha(opacity=0.0);
	-moz-opacity:0.0;
 	opacity:0.0;
}

	
#view_list li.end{
	margin-bottom:0px;
	}	

#view_list00{
	background:url(../img/index_new/viewmain/viewlist00on.png) right top;
	display:block;
	width:215px;
	hight:81px;
	}
#view_list01{
	background:url(../img/index_new/viewmain/viewlist2014nengaon.png) right top;
	display:block;
	width:215px;
	hight:81px;
	}
#view_list02{
	background:url(../img/index_new/viewmain/viewlist02passed2013on.png) right top;
	display:block;
	width:215px;
	hight:81px;
	}
#view_list03{
	background:url(../img/index_new/viewmain/viewlist2013nengaon.gif) right top;
	display:block;
	width:215px;
	hight:81px;
	}
#view_list04{
	background:url(../img/index_new/viewmain/viewlist04_20130609on.png) right top;
	display:block;
	width:215px;
	hight:81px;
	}	
#view_list05{
	background:url(../img/index_new/viewmain/viewlist05on.png) right top;
	display:block;
	width:215px;
	hight:81px;
	}	
	
#vire_list li img{
	position:absolute;
	top:0;
	left:0;
	}