@charset "utf-8";

/* =======================================

	index	 CSS

========================================== */
#index {
}


/* imagearea 
------------------------------------------ */

#imagearea {
	display:block;
	width:934px;
	height:260px;
	zoom: 1;
}
div#imagearea {
	margin:0px auto 10px auto;
	background:url(../img/img_index/img_top_images_bg.gif) no-repeat;
}


/* newsarea
------------------------------------------ */

#newsarea {
	display:block;
	width:934px;
	height:55px;
	zoom: 1;
	margin:auto auto 10px auto;
	background:url(../img/img_index/img_top_news_bg.gif) no-repeat;
	padding:0;
	border:1px solid #ffffff;
	}

#newsarea .newsarea_innner {position:relative; margin:16px 12px 0 12px; padding-top:5px;}
#newsarea .newsarea_innner .newsicon1{ display:inline!important;float:left;  margin-top:-2px;}
#newsarea .newsarea_innner .newsicon2{ display:inline!important;float:left;  margin-top:-3px;margin-left:10px;margin-right:10px;}
#newsarea .newsarea_innner .newsicon3{ display:inline!important;float:left;  margin-top:2px;margin-right:15px;}

div.slider_container { _position : relative; width: 600px; display:inline!important;float:left; top:0; left:0px;}
ul#slider {	font-size:92.4%; width: 600px;	height:1.5em;	overflow:hidden; }
ul#slider li { width: 600px; margin:0;height:1.3em;  }
ul#slider strong { font-weight:bold!important; margin:auto 15px; }


#newsarea .newsarea_innner a.link_newslist{
	float:right;
	width:70px;
	background-image: url(../img/img_icon_rgt1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	font-size:85%;
}


/* top_middle_area*/
#navigation #navi_faqarea{ margin:0!important;}
.banner_area{ margin-top:15px;}

.banner_area img{ padding-bottom:5px; }

div.main_area{ 
width:740px; padding:0;float:left;  margin-left:15px;  _margin-left:8px;padding-right:10px; padding-bottom:29px;}
ul.top_main_area{ margin:0px; padding:0;}
div.main_area ul.top_main_area li{  margin-bottom:0px; height:100%;}

ul.top_main_area li.top_main_area1{  float:left; width:364px;  }
ul.top_main_area li.top_main_area2{  float:left; width:364px; margin-left:5px;  }
ul.top_main_area li.top_main_area3{  float:left; width:364px; }
ul.top_main_area li.top_main_area4{  float:left; width:364px; margin-left:5px;  }

div.middle_line{
	padding:15px!important;
	background-image: url(../img/img_index/img_top_cbox_bg.gif);
	background-repeat: repeat-y;
	width:334px;
}

div.box_up{	height:145px!important; }
div.box_down{	height:155px!important; }


div.middle_line ul{ margin:0!important;}
div.middle_line li{
	width:118px;
	background-image:url(../img/img_icon_rgt1.gif);
	background-repeat: no-repeat;
	margin-right:5px;
	padding-left:12px;
	margin-bottom:7px!important;
	float:left;
	background-position: left 5px;
	line-height:1.4em;
	font-size:90%;
}
.top_icon {	float:left;	padding-right:15px;padding-top:5px;}

div.middle_line_box{width:275px; float:left;}
div.middle_line_box p{ margin:0 0 15px 0; 	font-size:92.4%;}

.img_top_cbox_bottom{
	background-image: url(../img/img_index/img_top_cbox_bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 364px;
	margin-bottom:6px;
	_margin-bottom:0px;
}

.top_middle_area{ width:932px; }
.top_middle_area .top_middle_area_left{ width:730px;  float:left;}
.top_middle_area .top_middle_area_right{ width:184px; float:right; }
.top_middle_area .top_middle_area_right .top_faq_area h3{	background-image:none!important;	padding:0!important;	margin:0!important;		background-repeat: no-repeat;	line-height:normal;}
.top_middle_area .top_middle_area_right .top_faq_area h3{	background-image:none!important;	padding:0!important;	margin:0!important;		background-repeat: no-repeat;	line-height:normal;}
div.middle_line_box li.2line{margin-bottom:22px!important;}
div.middle_line_box li.3line{margin-bottom:60px!important; border:1px solid red;}


/* top_about
------------------------------------------ */
html,body{
@height: 100% ;
}


ul.top_main_area{ height:100%;}

li.top_main_area1{ height:100%;padding:0!important; }
li.top_main_area2{ height:100%;padding:0!important; }


.top_main_area1 h2,#top_study h2,#top_exam h2,#top_benefits h2{ display:block;width:364px;height:45px!important;}
.top_main_area1 h2 a:link,.top_main_area1 h2 a:visited{ display:block;width:364px;height:45px;	background-image: url(../img/img_index/img_top_about.gif);	background-repeat: no-repeat;text-indent:-9999px;	overflow:hidden;}
.top_main_area1 h2 a:hover{background-image: url(../img/img_index/ov/img_top_about.gif);	background-repeat: no-repeat;}

.top_main_area2 h2 a:link,.top_main_area2 h2 a:visited{ display:block;width:364px;height:45px;	background-image: url(../img/img_index/img_top_exam.gif);	background-repeat: no-repeat;text-indent:-9999px;	overflow:hidden;}
.top_main_area2 h2 a:hover{background-image: url(../img/img_index/ov/img_top_exam.gif);	background-repeat: no-repeat;}

.top_main_area3  h2 a:link,.top_main_area3 h2 a:visited{ display:block;width:364px;height:45px;	background-image: url(../img/img_index/img_top_study.gif);	background-repeat: no-repeat;text-indent:-9999px;	overflow:hidden;}
.top_main_area3 h2 a:hover{background-image: url(../img/img_index/ov/img_top_study.gif);	background-repeat: no-repeat;}

.top_main_area4 h2 a:link,.top_main_area4 h2 a:visited{ display:block;width:364px;height:45px;	background-image: url(../img/img_index/img_top_benefits.gif);	background-repeat: no-repeat;text-indent:-9999px;	overflow:hidden;}
.top_main_area4 h2 a:hover{background-image: url(../img/img_index/ov/img_top_benefits.gif);	background-repeat: no-repeat;}

div#top_about {	display:block;	background:url(../img/img_index/img_top_cbox_bg.gif) repeat-y;}
div#top_about .bottom {
	display:block;
	width:370px;
	height:5px;
	background:url(../img/img_index/img_top_cbox_bottom.gif) no-repeat;

}
div#top_about h2 {
	background:url(../img/img_index/ov/img_top_about.gif) no-repeat;
	margin:0;
	padding:0;
}





/* top_exam
------------------------------------------ */

#top_exam {
	width:370px;
	min-height:150px;
	zoom: 1;
	left: 399px;
	top: 19px;
}
div#top_exam {
	display:block;
	background:url(../img/img_index/img_top_cbox_bg.gif) repeat-y;
}
div#top_exam .bottom {
	display:block;
	width:370px;
	height:5px;
	background:url(../img/img_index/img_top_cbox_bottom.gif) no-repeat;
}
div#top_exam h2 {
	background:url(../img/img_index/ov/img_top_exam.gif) no-repeat;
	margin:0;
	padding:0;
}



/* top_study
------------------------------------------ */

#top_study {
	width:370px;
	min-height:150px;
	zoom: 1;
	left: 19px;
	top: 293px;
}
div#top_study {
	display:block;
	background:url(../img/img_index/img_top_cbox_bg.gif) repeat-y;
}
div#top_study .bottom {
	display:block;
	width:370px;
	height:5px;
	background:url(../img/img_index/img_top_cbox_bottom.gif) no-repeat;
}
div#top_study h2 {
	background:url(../img/img_index/ov/img_top_study.gif) no-repeat;
	margin:0;
	padding:0;
	width:364px;
	height:45px;
}


/* top_benefits
------------------------------------------ */

#top_benefits {
	width:370px;
	min-height:150px;
	zoom: 1;
	left: 393px;
	top: 291px;

}
div#top_benefits {
	display:block;
	background:url(../img/img_index/img_top_cbox_bg.gif) repeat-y;
}
div#top_benefits .bottom {
	display:block;
	width:370px;
	height:5px;
	background:url(../img/img_index/img_top_cbox_bottom.gif) no-repeat;
}
div#top_benefits h2 {
	background:url(../img/img_index/ov/img_top_benefits.gif) no-repeat;
	margin:0;
	padding:0;
}


/* top_about
------------------------------------------ */
ol.ol_style_indexlist {
	margin:10px 10px 10px 70px;
}

ol.ol_style_indexlist li {
	display:inline-block;
	width:120px;
	background-image: url(../img/img_icon_rgt1.gif);
	background-repeat: no-repeat;
	padding-left: 15px;

}




/*	#navi_index_faqarea

    side navigation faq area best 5
	
----------------------------------------- */
div#navi_index_faqarea {
	padding:0px;
	margin:0px 0px auto 0px;
	font-size:85%;
	zoom: 1;
	background:#fff url(../img/img_index/img_top_faq_bg.gif) repeat-y;
	overflow:hidden;
}

div#navi_index_faqarea ul{
	padding:8px 5px 10px 10px;
	background: url(../img/img_index/img_top_faq_bottom.gif)  no-repeat;
	background-position:left bottom;
}
#navi_index_faqarea ul li {
	margin: 0.2em	15px 0.5em 10px;
	padding-left:13px;
	line-height: 1.3em;
	background: url(../img/img_icon_rgt1.gif) no-repeat;
	background-position:left 0.3em;
}


div#navi_index_faqarea .ttl_faqarea {
	width:186px;
	height:36px;
	overflow:hidden;
	zoom: 1;
}

#navi_index_faqarea a.ttl_index_faqarea {
	display:inline-block;
	background:#FFF url(../img/img_index/ov/img_top_faq.gif) no-repeat;
}

#navi_index_faqarea a.ttl_index_faqarea {background-position: 0 0px;}
#navi_index_faqarea a.ttl_index_faqarea:hover {	background-color: transparent;}
#navi_index_faqarea a.ttl_index_faqarea:hover img {	visibility: hidden;	}
