@charset "Shift_JIS";

/* header photo
--------------------------------------------------------------------*/
div#header_rightimg{
	background:url("../images/img_idx_flash.jpg") no-repeat;
	float:left;
	width:634px;
	height:320px;
}
div#header_leftimg{
	float:left;
	position:relative;
	width:336px;
	height:320px;
}
div#header_leftimg #hp_estimate{
	background:url("../images/bg_idxhead01.jpg") no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:336px;
	height:115px;
}
div#header_leftimg #hp_estimate dl{
	color:#ffffff;
	margin:10px 0 0 120px;
}
div#header_leftimg #hp_estimate dl dt{
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}
div#header_leftimg #hp_estimate dl dd{
	margin:0 10px 0 0;
	padding:0;
}
div#header_leftimg #hp_estimate a{
	background:none;
	display:block;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:10px;
	width:326px;
	height:91px;
}
div#header_leftimg #hp_estimate a:hover{
	background:url("../images/btn_hb_estimate.jpg") no-repeat;
	text-decoration:none;
}
div#header_leftimg #hp_design{
	background:url("../images/bg_idxhead02.jpg") no-repeat;
	position:absolute;
	top:115px;
	left:0px;
	width:336px;
	height:100px;
}
div#header_leftimg #hp_design dl{
	color:#ffffff;
	margin:10px 0 0 120px;
}
div#header_leftimg #hp_design dl dt{
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}
div#header_leftimg #hp_design dl dd{
	margin:0 10px 0 0;
	padding:0;
}
div#header_leftimg #hp_design a{
	background:none;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:10px;
	width:326px;
	height:91px;
}
div#header_leftimg #hp_design a:hover{
	background:url("../images/btn_hb_design.jpg") no-repeat;
	text-decoration:none;
}
div#header_leftimg #hp_meeting{
	background:url("../images/bg_idxhead03.jpg") no-repeat;
	position:absolute;
	top:215px;
	left:0px;
	width:336px;
	height:105px;
}
div#header_leftimg #hp_meeting dl{
	color:#ffffff;
	margin:10px 0 0 120px;
}
div#header_leftimg #hp_meeting dl dt{
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}
div#header_leftimg #hp_meeting dl dd{
	margin:0 10px 0 0;
	padding:0;
}
div#header_leftimg #hp_meeting a{
	background:none;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:10px;
	width:326px;
	height:91px;
}
div#header_leftimg #hp_meeting a:hover{
	background:url("../images/btn_hb_meeting.jpg") no-repeat;
	text-decoration:none;
}

/* contents
--------------------------------------------------------------------*/
div#news_topics{
	text-align:right;
}
div#news_topics p{
	line-height:30px;
	margin:0 18px 0 0;
}
div#news_topics a{
	background:url("../images/btn_news.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:720px;
	height:29px;
}
div#news_topics a:hover{
	background-position:0 -29px;
}
div#news_inlineframe{
	border:1px solid #c4c4c4;
}
div.margin_l{
	margin-left:30px;
}
div.idx_menu{
	float:left;
	text-align:right;
	margin-top:30px;
	width:345px;
}
div.idx_menu p{
	margin:0 18px 0 0;
	line-height:30px;
}
div.idx_menu ul li{
	float:left;
	list-style: none inside;
}
div.idx_menu li{
	margin-top:10px;
}
div.idx_menu .idx_photo{
	text-align:left;
	width:110px;
}
div.idx_menu .idx_tx{
	text-align:left;
	width:235px;
}
div.idx_menu h2{
	font-weight:normal;
}
#menu01 a{
	background:url("../images/btn_flow.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu01 a:hover{
	background-position:0 -30px;
}
#menu02 a{
	background:url("../images/btn_gallery.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu02 a:hover{
	background-position:0 -30px;
}
#menu03 a{
	background:url("../images/btn_case.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu03 a:hover{
	background-position:0 -30px;
}
#menu04 a{
	background:url("../images/btn_design.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu04 a:hover{
	background-position:0 -30px;
}
#menu05 a{
	background:url("../images/btn_howto.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu05 a:hover{
	background-position:0 -30px;
}
#menu06 a{
	background:url("../images/btn_material.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}
#menu06 a:hover{
	background-position:0 -30px;
}
#menu07 a{
	background:url("../images/btn_function.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}

#menu07 a:hover{
	background-position:0 -30px;
}
#menu08 a{
	background:url("../images/btn_dvdbook.jpg") 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:345px;
	height:30px;
}

#menu08 a:hover{
	background-position:0 -30px;
}