@charset "utf-8";

/*  index_page_slide
---------------------------------------------------------- */
#index_slide{
	height:358px;
	position:relative;
	overflow:hidden;
	background:url(/tech/school/images/bg_index_sl.png) no-repeat left top;
}
#index_slide .slide_ctrl{
	display:none;
}

/*#index_slide .slide_ctrl{
	position:absolute;
	top:180px;
	left:0px;
	width:480px;
}
#index_slide .slide_btns {
	float:left;
	width:auto;
}
#index_slide .slide_btns li{
	float:left;
	width:160px;
}*/

#index_slide .slide_box {}
#index_slide .slide_box li{
	cursor:pointer;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

/*solution_btn*/
#index_slide .solution_btn{
	position:absolute;
	width:300px;
	height:250px;
	top:0px;
	left:660px;
}

/*nav_btns*/
#index_slide .nav_btns{
	position:absolute;
	top:278px;
	left:0px;
}
#index_slide .nav_btns li{
	float:left;
	width:240px;
}

/*  index_page_lead
---------------------------------------------------------- */
.main_lead .lead_txt{
	width:640px; float:left;
	font-weight:normal;
	background:url(/tech/mokuzou/images/bg_bn_arrow.png) no-repeat 550px 20px;
}

.main_lead .lead_txt p.txt{
	padding-right:110px;
}

.main_lead .feature_btn{
	width:300px; float:right;
}
div#main.tech_body.index .main_lead h2 {
	font-size: 123.1%;
	margin-bottom: 20px;
}

/*  index_page_topics
---------------------------------------------------------- */
.tech_body.index .topics{
	border-top:#BED2EB 2px solid; padding:10px; margin-bottom:20px; overflow:hidden;
	margin-top:30px;
}
div#main.tech_body.index .topics h2{
	margin:0; padding:0; float:left; width:80px; font-size:100%; line-height:1.7;
}
div#main.tech_body.index .topics .txt{
	padding-top:6px;
	float:right; width:500px;
}
div#main.tech_body.index .topics .txt a{
	text-decoration:none;
}

div#main .topics ul.link li{
	margin-bottom: 10px;
	line-height:1.4;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.5em;
}

div#main .topics ul.link li.no_link{
	color:#333;
	background: url(/common/image/bg_dot_list.gif) no-repeat 2px 0.55em;
}

/*special_banner*/
.special_banner{
	padding:6px 0 0;
}

/*#tech_menu*/

div#main #tech_menu h2{
	margin:0; padding:0; position:relative; height:65px; overflow:hidden;
}

div#main #tech_menu div.link_box {}

#tech_menu .col2 .col{
	background:url(/tech/school/images/bg_index_col2.jpg) repeat-y 0px 0px;
}
#tech_menu .col2 .col.hover{
	background-position:-495px 0px;
}

div#main.tech_body.index ul.link li a{
	text-decoration:none;
}
div#main.tech_body.index ul.link li a:hover{
	text-decoration:underline;
}

/*ul.link li*/
div#main ul.link li {
	margin-bottom: 10px;
}

/*banner_area*/
.banner_area{
	margin-top:20px;
}

.banners li{
	width:230px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.banners li.right{
	margin-right:0;
}