@charset 'UTF-8';

/* -----------------------------------------------------------------------------
>> content
----------------------------------------------------------------------------- */

header {
	width : 100%;
	height:110px;
	overflow:hidden;
}


/*---------------------- コンテンツレイアウト  ---------------------------------*/
.rp-content {
	clear:both;
	_zoom :1;
	width:100%;
	padding-top : 20px;
	background: url(../img/parts/rp_bg.jpg) repeat-x 0 0;
}
.rp-content h2 img {
	margin : 0px auto 20px;
}


.left-area {
	float : left;
	width : 275px;
}
.right-area {
	float : right;
	width : 640px;
}
.right-area a {
	color : #F00;
	text-decoration: none;
}

.box {
	_zoom : 1;
	overflow:hidden;
	margin : 0 0 20px;
	border : 1px solid #bfbfbf;
	background: #fff;
}
.box p {
	font-size: 0.9em;
	margin : 0 15px 0.5em;
}
.box ul,.box dl {
	padding : 0 15px;
	margin-bottom :0.5em;
}
.box li {
	margin : 0 0 0.8em;
}

.tmp1 .right-area section {
	margin : 0 0 20px;
	padding : 0 1px 0;
}
.tmp1 .right-area h3,
.h-bg {
	margin : 0 1px 0.5em;
	background: url(../img/parts/h3_bg.jpg) repeat-x 0 center;
}
.tmp1 .right-area h3 span,
.h-bg  span{
	display:inline-block;
	padding : 7px 0 7px 40px;
	color : #fff;
	background: url(../img/parts/h3_line.png) no-repeat 0 center;
}


.left-area .h-bg {
	margin : 0 0 0;
	padding : 0 0 0 0;
	background: url(../img/parts/h3_bg.jpg) no-repeat 0 center;
}
.box h4.h-bg2, .box dt.h-bg2 {
	margin : 0 0 0.5em 15px;
	padding : 0 0 0 25px;
	background: url(../img/icon/h4_icon.gif) no-repeat 0 center;
}

.box h4 {
	margin : 0 0 0.5em 15px;
}

h5 {
	color : #333333;
}

.line-box {
	clear:both;
	_zoom : 1;
	overflow:hidden;
	margin : 0 0 0.5em;
	border-bottom : 1px solid #EAE6DF;
}


/*---------------------- テーブルレイアウト  ---------------------------------*/
table {
	margin : 1px;
	font-size : 80%;
	background: #fff;
}
th {
	padding : 8px 10px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	white-space: nowrap;
	border-bottom: 1px solid #C5CCCF;
	background: #DCE0E2;
}
td {
	padding : 5px 5px;
	border-bottom: 1px dotted #C5CCCF;
}

.detail-table {
	margin : 0 0 15px;
	border: 1px solid #C5CCCF;
}
.detail-table td img {
	vertical-align:middle;
}


.table2 th {
	text-align:center;
	border-right : 1px solid #C5CCCF;
}
.table2 td {
	text-align:center;
	border-right : 1px solid #C5CCCF;
}

/*---------------------- left-area ------------------------------------------*/
.sub-navi {
	margin : 0 0 20px;
	padding : 1px;
	border : 1px solid #bfbfbf;
	-moz-box-shadow: 3px 1px 5px -3px #ccc;
	-webkit-box-shadow: 3px 1px 5px -3px #ccc;
	background : #fff;
}
.sub-navi dt {
	font-size : 0.9em;
	vertical-align:middle;
}
.sub-navi dt a {
	font-size: 11px;
	color : #fff;
	margin: 0 0 0 25px;
	padding : 0 0 0 10px;
	vertical-align:middle;
	background:url(../img/icon/sub_navi_dt.gif) no-repeat 0 center;
}
.sub-navi dd,.sub-navi li {
	border-top : 1px dotted #bfbfbf;
}
.sub-navi dd a, .sub-navi li a {
	display:block;
	padding : 8px 0 8px 25px;
	text-decoration:none;
	color : #333;
	background:url(../img/icon/sub_navi_icon.jpg) no-repeat 10px center;
}
.sub-navi dd a:hover {
	color : #FA0F0C;
}


/*---------------------- レンタソーラーについて -----------------------------*/
section.f-bg {
	margin : 0 0 15px;
	padding : 0 1px;
}

#about .column3,
#about .column2 {
	border : 1px solid #bfbfbf;
}

#about .column3 .item {
	position:relative;
	width : 212px;
	margin : 0 0 0 0;
	padding : 1px 0 90px 0;
	border : none;
}

#about .column3 .item.last {
	margin : 0 0 0 0;
	padding : 1px 0 45px 0;
}


#about .column2 .item {
	width : 318px;
	margin : 0 0 0 0;
	padding : 1px 0 0 0;
	border : none;
}
#about .column2 .item.last {
	border-right : none;
}
#about .column2 ul {
	margin : 0 0 0 15px;
}
#about .column2 li {
	margin : 0 0 0 15px;
	list-style: disc;
}

#about .column3 h3,
#about .column2 h3 {
	margin : 0 0 0.5em;
	background: none;
	border-top : 1px solid #FA0F0C;
}
#about .column3 h3 span,
#about .column2 h3 span {
	display:inline-block;
	padding : 7px 0 7px 40px;
	color : #333;
	background:url(../img/icon/tmp2_anc01.gif) no-repeat 10px center;
/*	background: url(../img/parts/h3_line.png) no-repeat 0 center;*/
}
#about .column3 p {
	padding : 0 0 0 10px;
}
#about .column3 .btn {
	position:absolute;
	bottom : 0;
	margin : 0 0 15px;
}

.guide-box {
	font-size : 0.8em;
	padding : 15px;
	background: #DCE0E2;
}
.guide-box dt {
	font-weight:bold;
}
.guide-box dd {
	margin : 0 0 1em;
}

.works h3 a {
	color: #fff;
}

/*---------------------- FAQページ ------------------------------------------*/
#faq h3 {
	height:40px;
	padding : 10px 0 0 0;
	/*background: url(../img/parts/h3_bg.jpg) no-repeat 0 center;*/
	background: url(../img/icon/q_icon.jpg) no-repeat 0 0;
}
#faq h3 span {
	display:block;
	padding : 0 0 10px 50px;
	color : #333;
	border-bottom : 1px solid #F3F1ED;
	background: none;
}
#faq h3.now span {
/*	background:url(../img/icon/hidden_icon.gif) no-repeat right center;*/
}
#faq h3 em {
	font-size: 1.6em;
	font-style: normal;
	color : #F00;
}

#faq article {
	margin : 0 0 1px;
/*	border-bottom : 1px solid #EAE6DF;*/
}
#faq .box {
	padding : 15px;
	border : none;
	-moz-box-shadow: 3px 1px 5px -3px #ccc;
	-webkit-box-shadow: 3px 1px 5px -3px #ccc;
/*	border-bottom : 1px solid #fff;*/
}

#faq p {
	margin : 0 0 0 0;
	padding : 0 10px 10px 50px;
	/*background: url(../img/icon/a_icon.png) no-repeat 0 center #DCE0E2;*/
	background: url(../img/icon/a_icon.jpg) no-repeat 0 center;
}


/*---------------------- 施工の流れページ ------------------------------------------*/
.flow-table {
	font-size : 0.9em;
	margin : 0 15px;
}
.flow-table th {
	width: 118px;
	text-align:center;
	vertical-align:middle;
	border : none;
	background: url(../img/parts/flow_next.gif) no-repeat 0 top;
	border-left : 1px solid #F00;
	border-right : 1px solid #F00;
}
.flow-table td {
	vertical-align:middle;
	border : none;
	border-bottom : 1px dotted #F00;
}

/*---------------------- 利用ガイドページ ------------------------------------------*/
.guide li{
	padding-bottom : 0.5em;
	border-bottom : 2px solid #F3F1ED;
}

/*---------------------- 資料ダウンロードページ ------------------------------------------*/
.download article {
	clear:both;
	_zoom : 1;
	overflow:hidden;
	margin : 0 0 0;
}
.download hr {
	clear:both;
	border-style: dotted;
}

/*---------------------- サイトマップページ ------------------------------------------*/
#top-li {
	margin-top : 0.5em;
}
.sitemap a {
	text-decoration:none;
	color : #333;
}
.sitemap a:hover {
	color : #FA0F0C;
}
.sitemap li {
	padding : 0 0 0.5em;
	border-bottom : 1px dotted #ccc;
}
.sitemap dl {
	padding : 0 0 0.5em 15px;
	border-bottom : 1px dotted #ccc;
}
.sitemap li a,.sitemap dt a {
	padding : 0 0 0 25px;
	background:url(../img/icon/sub_navi_icon.jpg) no-repeat 10px center;
}
.sitemap dt,.sitemap dd {
	margin : 0 0 0.5em;
}
.sitemap dd a {
	font-size : 0.9em;
	margin : 0 0 0 25px;
	padding : 0 0 0 15px;
	background:url(../img/icon/anc02.gif) no-repeat 0 center;
}


.box .btm-hr {
	padding-bottom : 0.5em;
	border-bottom : 2px solid #F3F1ED;
}