/*

*********************************************************************************************************



	1.main_img_box

	2.product_box

	3.contents_box

	4.guide_box

	5.topics_box



*********************************************************************************************************

*/



/* 

----------------------------------------------------------------------



	1.main_img_box

	

----------------------------------------------------------------------

*/



#main_img_box {

	background: url(../img/top/bg_main.gif) repeat-x left top;	

}



#main_img_box p {

	width: 950px;

	margin: 0 auto;

	padding: 0 0 1px 0;

}



/* 

----------------------------------------------------------------------



	2.product_box

	

----------------------------------------------------------------------

*/



.product_box h2 {

	margin: 0 0 10px 0;

}



.product_box {

	width: 976px;

	margin: 0 -26px 0 0;

	_zoom: 1;

	overflow: hidden;

}



.product_box li {

	float: left;

	width: 218px;

	margin: 0 26px 6px 0;

}



.product_box ul {

	margin: 0 0 25px 0;	

}

*html .product_box ul { margin: 0 0 25px 0; } /* for IE6 */

*+html .product_box ul { margin: 0 0 31px 0; } /* for IE7 */



.product_box a {

	display: block;

	width: 218px;

	height: 68px;

	text-indent: -9999px;

	overflow: hidden;

}



.product_box .pro01 a { background: url(../img/top/bnr_smart_gem.gif) no-repeat left top; }

.product_box .pro02 a { background: url(../img/top/bnr_ec_master.gif) no-repeat left top; }

.product_box .pro03 a { background: url(../img/top/bnr_orb.gif) no-repeat left top; }

.product_box .pro04 a { background: url(../img/top/bnr_halcon.gif) no-repeat left top; }

.product_box .pro05 a { background: url(../img/top/bnr_laser.gif) no-repeat left top; }

.product_box .pro06 a { background: url(../img/top/bnr_joy.gif) no-repeat left top; }

.product_box .pro07 a { background: url(../img/top/bnr_pana.gif) no-repeat left top; }

.product_box .pro08 a { background: url(../img/top/bnr_ninnin.gif) no-repeat left top; }

.product_box .pro09 a { background: url(../img/top/bnr_datacenter.gif) no-repeat left top; }

.product_box .pro10 a { background: url(../img/top/bnr_kanri.gif) no-repeat left top; }

.product_box .pro11 a { background: url(../img/top/bnr_rehasta.gif) no-repeat left top; }

.product_box .pro12 a { background: url(../img/top/bnr_kotobuki.gif) no-repeat left top; }

.product_box .pro13 a { background: url(../img/top/bnr_caresta.gif) no-repeat left top; }

.product_box .pro14 a { background: url(../img/top/bnr_vortex.gif) no-repeat left top; }

.product_box .pro15 a { background: url(../img/top/bnr_yes_jinji.gif) no-repeat left top; }



.product_box a:hover { background-position: left bottom; }



/* 

----------------------------------------------------------------------



	3.contents_box

	

----------------------------------------------------------------------

*/



/* 

----------------------------------------------------------------------



	4.guide_box

	

----------------------------------------------------------------------

*/



.guide_box {

	float: left;

	width: 460px;

	margin: 0 30px 0 0;

}



.guide_box h2 {

	margin: 0 0 9px 0;	

}



.guide_box li {

	margin: 0 0 10px 0;

}



.guide_box a {

	display: block;

	width: 460px;

	height: 80px;

	text-indent: -9999px;

	overflow: hidden;

}



.guide_box .guide01 a { background: url(../img/top/bnr_outline01.gif) no-repeat left top; }

.guide_box .guide02 a { background: url(../img/top/bnr_outline02.gif) no-repeat left top; }

.guide_box .guide03 a { background: url(../img/top/bnr_outline03.gif) no-repeat left top; }

.guide_box .guide04 a { background: url(../img/top/bnr_outline04.gif) no-repeat left top; }

.guide_box .guide05 a { background: url(../img/top/bnr_outline05.gif) no-repeat left top; }

.guide_box .guide06 a { background: url(../img/top/bnr_outline06.gif) no-repeat left top; }

.guide_box a:hover { background-position: left bottom; }



/* 

----------------------------------------------------------------------



	5.topics_box

	

----------------------------------------------------------------------

*/



.topics_box {

	float: right;

	width: 460px;

	background: url(../img/top/bg_topics.gif) no-repeat left top;	

}



.topics {

	margin: 0 0 20px 0;

	background: #f7f7f7 url(../img/top/bg_topics_bottom.gif) no-repeat left bottom;

}



.topics_list {

	width: 430px;

	margin: 0 auto;

	padding: 24px 0 2px 0;

	/padding: 24px 0 0 0;

}



.topics_list h3 {

	margin: 0 0 18px 0;

	padding: 0 0 18px 0;

	/line-height: 0;

	background: url(../img/cmn/border_white_gray.gif) repeat-x left bottom;

}



.topics_list li {

	margin: 0 0 18px 0;

	/margin: 0 0 16px 0;

	padding: 0 0 18px 0;

	/padding: 0 0 12px 0;

	line-height: 1.5;

	background: url(../img/cmn/border_gray_dot.gif) repeat-x left bottom;

}



.topics_list dl {

	width: 410px;

	padding: 0 10px;

	display: inline-block;

	min-height: 1%;	

}



.topics_list dl:after {

	content: " ";

	display: block;

	visibility: hidden;

	clear: both;

	height: 0.1px;

	font-size: 0.1em;

	line-height: 0;	

}



.topics_list dl dt {

	float: left;

	width: 100px;	

}



.topics_list li dd {

	float: left;

	width: 310px;	

}



/*\*/

* html .topics_list dl { height: 1%;}

.clearfix { display: block;}

/* */



.bnr_list {

	margin: 0 0 0 40px;

}



.bnr_list li {

	float: left;

	width: 115px;

	margin: 0 20px 10px 0;

}