@charset "UTF-8";

@import url("base/font.css");
@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- MainArea */
#cMain {
	width:870px;
}

/* ----------------------------------------------------- FreeCall */
#freeCall {
	text-align:center;
}
#freeCall h6 {
	background:url(images/free_call_tt01.gif) no-repeat 0 0;
	text-indent:-999em;
	width:496px;
	margin:0 auto 10px;
}
#tel {
	background:url(images/free_call_p01.gif) no-repeat 0 0;
	text-indent:-999em;
	width:392px;
	height:108px;
	margin:0 auto;
}



/* ----------------------------------------------------- About */
.aboutBox {
	margin-left:15px;
	margin-right:15px;
}
.aboutBox dl {
	width:412px;
	background:url(images/about_bg02.gif) no-repeat 100% 100%;
	padding-bottom:13px;
}
.aboutBox dt img {
	display:block;
}
.aboutBox dd {
	padding:10px 15px 0;
		height:153px;
	background:url(images/about_bg01.gif) repeat-y 0 0;
}
.aboutPhoto {
	width:120px;
	text-align:center;
	float:left
}
.aboutText {
	width:250px;
	float:right;
}



/* ----------------------------------------------------- life */
.lifeBox {
	padding:15px;
}
#eco {background:url(images/life_eco_bg01.jpg) no-repeat 0 0;}
#ih {background:url(images/life_ih_bg01.jpg) no-repeat 0 0;}
#hp {background:url(images/life_hp_bg01.jpg) no-repeat 0 0;}

.life_titleBox {
	margin-left:184px;
	margin-bottom:20px;
	height:140px;
}

.life_titleBox h4 {
	padding-bottom:14px;
	border-bottom:2px;
	border-bottom-style:solid;
	margin-bottom:12px;
}
#eco h4  {border-bottom-color:#409d27;}
#ih h4  {border-bottom-color:#147fd9;}
#hp h4  {border-bottom-color:#f08300;}

.detailBox {
	width:412px;
}
.detailBox h5 {
	height:36px;
	width:394px;
	padding-left:18px;
	font-size:15px;
	font-weight:bold;
	line-height:36px;
	margin-bottom:10px;
}
#eco h5 {color:#409d27; background:url(images/life_h5_bg01.gif) no-repeat 0 0;}
#ih h5 {color:#147fd9;	background:url(images/life_h5_bg02.gif) no-repeat 0 0;}
/*#hp h5 {color:#f08300;	background:url(images/life_h5_bg04.gif) no-repeat 0 0; height:48px; line-height:1.5; padding-top:8px;}*/
#hp h5 {color:#f08300;	background:url(images/life_h5_bg03.gif) no-repeat 0 0; height:36px;}
#hp h5 span {font-size:12px; font-weight:normal;}
#hp h6,
#hp01 h6 {color:#f08300; font-weight:bold; font-size:14px; margin-bottom:5px; padding-bottom:5px; background: url(images/common_line01.gif) repeat-x 0 100%; line-height:1.6;}
#hp01 {width:840px;}
/*#hp01 h5 {color:#f08300;	background:url(images/life_h5_bg05.gif) no-repeat 0 0; height:48px; line-height:1.5; padding-top:8px; width:840px;}*/
#hp01 h5 {color:#f08300;	background:url(images/life_h5_bg05.gif) no-repeat 0 0; width:840px;}

#hp .cRead {color:#f08300; margin:0 5px;}

#ecoList li {
	padding-left:17px;
	background-position:0 0.3em;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#list_n01 {background-image:url(images/life_list_n01.gif);}
#list_n02 {background-image:url(images/life_list_n02.gif);}
#list_n03 {background-image:url(images/life_list_n03.gif);}
#list_n04 {background-image:url(images/life_list_n04.gif);}

.life_cText {
	float:left;
	width:262px;
}
.life_cPhoto {
	float:right;
}

#cLife hr{
	visibility: hidden;
}


/* ----------------------------------------------------- spot */
#spotBox {
	width:855px;
	margin:0 auto 30px;
}
#spotBox dt img {
	display:block;
}

#spotBox dd {
	border:1px solid #0fa9dc;
	padding:25px 35px;
}

#spotFlow{
	margin-bottom: 40px;
	overflow: hidden;
	zoom: 1;
}

#spotFlow li{
	float: left;
	text-align: center;
}

#spotFlow li ol{
	overflow: hidden;
	zoom: 1;
}

#spotFlow li.root{
	margin-top: 25px;
	height: 290px;
}

#spotFlow li.arrow01{
	padding-right: 38px;
	width: 189px;
	background: url(images/spot_arrow01.gif) no-repeat 183px 50px;
}

#spotFlow li.arrow02{
	width: 416px;
}

#spotFlow li.arrow03{
	width: 189px;
}

#spotFlow li.arrow04{
	padding-right: 52px;
	width: 175px;
	background: url(images/spot_arrow02.gif) no-repeat 183px 50px;
}

#spotFlow li p{
	margin-top: 10px;
	text-align: left;
}

#spotFlow li dl dt{
	text-align: left;
}