@charset "utf-8";


/* -- MAIN VISUAL
------------------------------------------------------------------------ */

div#main_visual{
	background: url(/images/index/main_visual_bg.gif) repeat-x 0px 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 441px;
	width: 100%;
}

div#main_visual #main_visual_inner{
	margin: 0px auto;
	padding: 0px;
	height: 441px;
	width: 1042px;
	background: url(/images/index/main_visual_bg02.gif) no-repeat left top;
}

div#main_visual #main_visual_inner #main_visual_container{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: 441px;
	width: 940px;
}


#main_visual_container #case_left{
	float: left;
	width: 250px;
	position: relative;
	height: 441px;
}

#main_visual_container #case_left strong{
	height: 82px;
	width: 250px;
	position: absolute;
	left: 0px;
	top: 55px;
}

#main_visual_container #case_left .txt_item02{
	height: 78px;
	width: 235px;
	padding-top: 153px;
	padding-left: 0px;
}

#main_visual_container #case_left .txt_item03{
	height: 78px;
	width: 234px;
	position: absolute;
	left: 0px;
	top: 243px;
}

#main_visual_container #case_left .btn_concept{
	height: 39px;
	width: 234px;
	position: absolute;
	left: 0px;
	top: 338px;
}

#main_visual_container #case_right{
	float: right;
	width: 679px;
	padding: 30px 0px 0px;
}


/* -- INDEX CONTENT
------------------------------------------------------------------------ */

div#content_wrapper{
	width: 100%;
}

div#content{
	width: 100%;
	text-align: center;
}

div#content #content_inner{
	margin: 0px auto;
	padding: 20px 0px 50px;
	width: 940px;
	text-align: left;
}


div#content #content_inner #aside_left{
	float: left;
	width: 250px;
	background: url(/images/index/aside_left_bg01.gif) repeat-y 0px 0px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
}

div#aside_left h2{
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 250px;
}

div#aside_left .tel{
	margin: 0px 0px 7px 13px;
	height: 25px;
	width: 226px;
}

div#aside_left .fax{
	margin: 0px 0px 15px 13px;
	height: 19px;
	width: 184px;
}

div#aside_left dl{
	margin: 0px 13px 0px 13px;
}

div#aside_left dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}

div#aside_left dl dt.business_hours{
	margin-bottom: 5px;
	font-weight: normal;
}

div#aside_left dl dd{
	line-height: 1.5em;
}

div#aside_left .btn_inquiry{
	margin: 0px 0px 25px 12px;
	height: 39px;
	width: 224px;
}

div#aside_left #g_map{
	height: 180px;
	width: 222px;
	margin: 0px 0px 10px 14px;
	padding: 0px;
}

div#aside_left p{
	padding: 0px 14px;
}



div#content #content_inner #aside_right{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 250px;
	position: relative;
}

div#aside_right div.bnr{
	width: 258px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: -3px;
}

div#aside_right div.bnr ul{
	list-style: none;
	width: 258px;
}

div#aside_right div.bnr ul li{
	width: 258px;
	text-align: left;
	margin: 0px 0px 25px;
}

div#aside_right div.bnr ul li{
	/behavior: expression(IEPNGFIX.fix(this));
}


div#aside_right div.bnr ul li.last{
	margin-right: 0px !important;
}

div#aside_right div.bnr ul li span.desc{
	line-height: 1.5em;
	display: block;
	text-align: left;
	width: 235px;
	padding: 5px 0px 0px;
	margin: 0px 0px 0px 10px;
}

div#aside_right div.bnr ul li a{
	color: #333;
	text-decoration: none;
}


div#aside_right div.bnr ul li a:hover span.desc{
	color: #333;
	text-decoration: underline !important;
}



div#content #content_inner #center{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 380px;
}

div#center .section_h2{
	height: 28px;
	width: 380px;
	position: relative;
	margin: 0px 0px 25px;
	padding: 0px;
}

div#center .section_h2 h2{
	height: 28px;
	width: 380px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#center .section_h2 .btn_archive{
	height: 20px;
	width: 39px;
	position: absolute;
	top: 1px;
	right: 0px;
	/behavior: expression(IEPNGFIX.fix(this));
	
}

div#center .section_h2 .btn_archive img{
	/behavior: expression(IEPNGFIX.fix(this));
}
	

div#center div.works{
	width: 380px;
	margin: 0px 0px 25px;
}

div#center div.works ul{
	list-style: none;
	width: 380px;
}

div#center div.works ul li{
	width: 87px;
	text-align: left;
	float: left;
	margin-right: 10px;
}

div#center div.works ul li.last{
	margin-right: 0px !important;
}

div#center div.works ul li span.desc{
	padding-top: 5px;
	line-height: 1.5em;
	display: block;
	text-align: center;
	width: 86px;
}

div#center div.works ul li a{
	color: #333;
	text-decoration: none;
}

div#center div.works ul li a img{
	/behavior: expression(IEPNGFIX.fix(this));
}

div#center div.works ul li a:hover span.desc{
	color: #333;
	text-decoration: underline !important;
}

div#center dl{
	margin: 0px;
}

div#center dl dt{
	line-height: 1.5em;
	background: url(/images/common/ico_triangle_red01.gif) no-repeat 0em 0.6em;
	padding-left: 10px;
	margin: 0px 0px 4px;
}

div#center dl dd{
	margin: 0px 0px 20px;
	padding: 0px;
	line-height: 1.5em;
}

div#center dl dd a{
	color: #333;
	text-decoration: none;
}

div#center dl dd a:hover{
	color: #333;
	text-decoration: underline;
}