@charset "UTF-8";

#top-kv{
	margin: 0 0 42px;
}
#top-kv .top-kv{
	background: #eaffff url(/img/top/slide_bg_001.gif) repeat-x left top;
	position: relative;
}
#top-kv .top-kv img{
	vertical-align: bottom;
}
#top-kv .top-kv-inner{
	width: 950px;
	height: 337px;
	margin: 0 auto;
	overflow: hidden;
}
#top-kv .bx-wrapper{
	overflow: hidden;/* ie6.7対応 */
}

div#keyvisual_box span{
	position:absolute;
}


#top-kv-slider{
}

.top-kv-navi{
	background: url(/img/top/slidenavi_bg_001.gif) repeat left top;
	border-top: 1px solid #cfe8fe;
	border-bottom: 1px solid #cfe8fe;
}
.top-kv-navi img{
	vertical-align: bottom;
}
.top-kv-navi-inner{
	height: 66px;/*66*/
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: url(/img/top/slide_bg_003.gif) no-repeat center top;
}
#top-kv-prev{
	position: absolute;
	top: 15px;
	left: 42px;
}
#top-kv-next{
	position: absolute;
	top: 15px;
	right: 42px;
}
#top-kv-pager{
	position: absolute;
	top: 3px;
	left: 86px;
}
#top-kv-pager ul{
}
#top-kv-pager li{
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	width: 154px;
	line-height: 1.3;
	list-style:none;
}
#top-kv-pager .pager-link{
	display:none;

}

.top-kv-navi-line-wrap{
	position: relative;
	width: 950px;
	margin: 0 auto;
	z-index: 100;
}
.top-kv-navi-line{
	position: absolute;
	top: 262px;
	right: -22px;
	z-index: 100;
}
/*
	position: absolute;
	top: -68px;
	right: -15px;
	z-index: 100;
*/
}

/* 想い */
#top-kv-bt001{
}
#top-kv-bt001 a{
	background: url(/img/top/slidenavi_bt_cmp.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt001 a:hover,
#top-kv-bt001 a.active{
	background: url(/img/top/slidenavi_bt_cmp.gif) no-repeat left -57px;
}
/* 最新CM情報 */
#top-kv-bt002{
}
#top-kv-bt002 a{
	background: url(/img/top/slidenavi_bt_mantwo.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt002 a:hover,
#top-kv-bt002 a.active{
	background: url(/img/top/slidenavi_bt_mantwo.gif) no-repeat left -57px;
}
/* 想い */
#top-kv-bt003{
}
#top-kv-bt003 a{
	background: url(/img/top/slidenavi_bt_no1.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt003 a:hover,
#top-kv-bt003 a.active{
	background: url(/img/top/slidenavi_bt_no1.gif) no-repeat left -57px;
}
/* キャンペーン */
#top-kv-bt004{
}
#top-kv-bt004 a{
	background: url(/img/top/slidenavi_bt_gakusyu.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt004 a:hover,
#top-kv-bt004 a.active{
	background: url(/img/top/slidenavi_bt_gakusyu.gif) no-repeat left -57px;
}
/* プロ教師 */
#top-kv-bt005{
}
#top-kv-bt005 a{
	background: url(/img/top/slidenavi_bt_pro.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt005 a:hover,
#top-kv-bt005 a.active{
	background: url(/img/top/slidenavi_bt_pro.gif) no-repeat left -57px;
}
/* tryit */
#top-kv-bt006{
}
#top-kv-bt006 a{
	background: url(/img/top/slidenavi_bt_tryit.gif) no-repeat left top;
	padding: 57px 0 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-kv-bt006 a:hover,
#top-kv-bt006 a.active{
	background: url(/img/top/slidenavi_bt_tryit.gif) no-repeat left -57px;
}



.top-copy{
padding:0 0 38px;
text-align: center;
}
.top-copy img{
display: inline;
}

.top-course{
padding:0 0 30px;
}
.top-course img{
display: inline;
vertical-align: bottom;
}
.top-course-img{
	border-bottom: 1px solid #ccd5e0;
}
.top-course dl{
width:230px;
float:left;
}
.top-course dl li{
list-style: none;
}
.top-course dd{
	border-left: 1px solid #ccd5e0;
	border-right: 1px solid #ccd5e0;
}
.top-courseList a{
	background: url(/img/top/course_list.gif) no-repeat left center;
	display: block;
	height: 38px;
	border-bottom: 1px solid #ccd5e0;
	text-decoration: none;
}
.top-courseList a:hover{
	background: url(/img/top/course_list_on.gif) no-repeat left center;
}
.top-courseList a span{
	padding: 0 20px;
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 2.8;
}

/* 小学生のコース */

.top-course-j dt a{
	background: url(/img/top/course_j_title.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 38px;
}
.top-course-j dt a span{
	padding: 0 0 0 35px;
	display: block;
	font-size: 17px;
	line-height: 2.2;
}
.top-course-j dt a:hover{
	background: url(/img/top/course_j_title_on.gif) no-repeat left top;
}

.top-course-j .top-courseList a span{
	color: #531601;
}
.top-course-j .top-courseList a:hover span{
	color: #e46c01;
}

/* 中学生のコース */
.top-course-jh dt a{
	background: url(/img/top/course_jh_title.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 38px;
}
.top-course-jh dt a span{
	padding: 0 0 0 35px;
	display: block;
	font-size: 17px;
	line-height: 2.2;
}
.top-course-jh dt a:hover{
	background: url(/img/top/course_jh_title_on.gif) no-repeat left top;
}

.top-course-jh .top-courseList a span{
	color: #003408;
}
.top-course-jh .top-courseList a:hover span{
	color: #05a40c;
}

/* 高校生のコース */
.top-course-h dt a{
	background: url(/img/top/course_h_title.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 38px;
}
.top-course-h dt a span{
	padding: 0 0 0 35px;
	display: block;
	font-size: 17px;
	line-height: 2.2;
}
.top-course-h dt a:hover{
	background: url(/img/top/course_h_title_on.gif) no-repeat left top;
}
.top-course-h .top-courseList a span{
	color: #001854;
}
.top-course-h .top-courseList a:hover span{
	color: #0085c2;
}


.top-course dl.top-course-j,
.top-course dl.top-course-jh{
padding:0 9px 0 0;
}

/* 成績が伸びる理由 */
.top-riyu{
padding:0 0 20px;
}
.top-riyu-title{
	background: url(/img/top/riyu_title.png) no-repeat left top;
	text-align: center;
	color: #fff;
	height: 38px;
	line-height: 2.0;
}
.top-riyu a{
	text-decoration: none;
}
.top-riyu a:hover .top-riyu-txt{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
.top-riyu-mantwo{
	background: url(/img/top/riyu_mantwo.jpg) no-repeat left top;
	height: 103px;
	padding: 10px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.top-riyu-mantwo-title{
	font-size: 19px;
	font-weight: bold;
	color: #323094;
	margin: 0 0 5px;
}
.top-riyu-mantwo-title span{
	color: #fff;
	background: #ff9000;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px;
	margin: 0 5px 0 0;
}
.top-riyu-mantwo p{
	color: #333;
	width: 440px;
	font-weight: bold;
	line-height: 1.5;
}
.top-riyu-etc li{
	float: left;
	width: 312px;
	border: 1px solid #ccc;
}
.top-riyu-etc-title{
	font-size: 19px;
	font-weight: bold;
	color: #323094;
	margin: 0 0 5px;
}
.top-riyu-etc-title span{
	color: #fff;
	background: #ff9000;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px;
	margin: 0 5px 0 0;
}
.top-riyu-etc p{
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}
.top-riyu-etc li.top-riyu-gakushu{
	background: url(/img/top/riyu_gakushu.jpg) no-repeat right top;
	height: 91px;
	padding: 10px 20px;
	width: 313px;
	border-right: none;
}
.top-riyu-etc li.top-riyu-elearning{
	background: url(/img/top/riyu_elearning.jpg) no-repeat left top;
	height: 91px;
	padding: 10px 20px;
}


.top-riyu-bt{
	background: url(/img/top/riyu_bt.gif) no-repeat left top;
	height: 25px;
	color: #333;
	font-weight: bold;
	line-height: 2.0;
	padding: 0 0 0 20px;
	margin: 5px 0 0;
}
.top-riyu a:hover .top-riyu-bt{
	background: url(/img/top/riyu_bt_on.gif) no-repeat left top;
}

.top-riyu-etc{
}
.top-riyu-etc li{
list-style:none;
float:left;
}

/* 2列バナー */
.top-bnarea{
padding: 0 0 20px;
}
.top-bnarea li{
float:left;
width:349px;
margin:0 10px 0 0;
list-style: none;
}
.top-bnarea li.top-bnarea-last{
margin:0;;
}

/* ピックアップ */
.top-pickup{
padding:0 0 35px;
}
.top-pickup-title{
	background: url(/img/top/pickup_title.gif) no-repeat left top;
	text-align: center;
	height: 42px;
	line-height: 2.3;
	font-size: 16px;
	font-weight: bold;
}
.top-pickup-inner{
padding:10px 0 8px 13px;
background:#e9e9e9;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}
.top-pickup ul{
list-style:none;
}
.top-pickup li{
	float:left;
	width: 338px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 3px 3px 0;
}
.top-pickup li a{
	text-decoration: none;
	color: #333;
	display: block;
}
.top-pickup a:hover{
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	filter: alpha(opacity=70);        /* ie 6 7 */
}

.top-pickup-top{
	padding: 10px 10px 10px 90px;
}


/* プロ教師のご案内 */
.top-pickup-top__pro{
	background:url(/img/top/pickup_pro.jpg) no-repeat left top;
}
/* 性格タイプ診断 */
.top-pickup-top__shindan{
	background:url(/img/top/pickup_shindan.jpg) no-repeat left top;
}
/* 入会までの流れ */
.top-pickup-top__nagare{
	background:url(/img/top/pickup_nagare.jpg) no-repeat left top;
}
/* 受験情報" */
.top-pickup-top__jyohou{
	background:url(/img/top/pickup_jyohou.jpg) no-repeat left top;
}
/* 私のトライ体験談 */
.top-pickup-top__voice{
	background:url(/img/top/pickup_voice.jpg) no-repeat left top;
}
/* 最新CMはこちら */
.top-pickup-top__cm{
	background:url(/img/top/pickup_cm.jpg) no-repeat left top;
}




.top-pickup-top-title{
	font-size: 16px;
	color: #35338e;
	background:url(/img/common/arrow_003.gif) no-repeat left center;
	padding: 0 0 0 18px;
}


.top-pickup-bottom{
	background: #f6f6f6;
	padding: 5px 10px;
	font-size: 11px;
}

.top-info{
width:900px;/*950*/
margin:0 auto 65px;
padding:20px 23px;
border:1px solid #ccc;
}
.top-info h2{
padding:0 0 16px;
}
.top-info-about{
padding:0 0 30px;
}
.top-info dl{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px dotted #999;
line-height:1;
}
.top-info dt{
padding:0 0 4px;
}
.top-info dd{
line-height:1.5;
}
.top-info dd a{
color:#333;
text-decoration:none;
}
.top-info dd a:hover{
text-decoration:underline;
}
.top-info-l{
width:442px;
float:left;
}
.top-info-r{
width:442px;
float:right;
}
.top-info-more{
text-align: right;
}
.top-info-more a{
padding:0 0 0 8px;
background:url(/img/common/arrow_001.gif) no-repeat left 4px;
color:#232286;
text-decoration: none;
}
.top-info-more a:hover{
text-decoration: underline;
}


/* --------------------------------
 clearfix
-------------------------------- */
#top-kv-pager:after,
.top-course:after,
.top-riyu-etc:after,
.top-pickup ul:after,
.top-info:after,
.top-bnarea:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #top-kv-pager,
* html .top-course,
* html .top-riyu-etc,
* html .top-pickup ul,
* html .top-info,
* html .top-bnarea{
zoom: 1;/* IE6 */
}
*:first-child+html #top-kv-page,
*:first-child+html .top-course,
*:first-child+html .top-riyu-etc,
*:first-child+html .top-pickup ul,
*:first-child+html .top-info,
*:first-child+html .top-bnarea{
zoom: 1;/* IE7 */
}