@charset "utf-8";
@import "common/0-import.css";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#top *{
	box-sizing:border-box;
	}
#top img{
	max-width:100%;
	max-height:100%;
	}

#top{
	background:none;
	}
#top #header {
	background:url(../parts/home_body_bg.gif) repeat-x center top,none;
}
#top #header h1 + div{
	margin-bottom:6px;
	}
#top .gnavi{
	padding-top:12px;
}
#top #header #conts{
	margin-bottom:16px;
	}
#top #contents{
	width:100%;
	display:flex;
	display: -ms-flexbox; /* IE10 */
	justify-content:space-between;
	-ms-flex-pack: justify; /*IE10*/
	}
#top .video{
	width: calc(53% - 8px);
	padding-top:6px;
	}
#top .video video{
	width:100%;
	}
#top .link{
	width: calc(47% - 8px);
}
#top .link p{
	margin-bottom:4px;
}
#top .mainbnr{
	width:100%;
	display:flex;
	display: -ms-flexbox; /* IE10 */
	justify-content:space-between;
	-ms-flex-pack: justify; /*IE10*/
	flex-wrap: wrap;
	-ms-flex-wrap:wrap; /*IE10*/
	padding-left:5px;
}
#top .mainbnr li{
	width: calc(50% - 4px);
	margin:8px 0 0 0;
}
#top .returnTop{
	width:914px;
	margin:0 auto;
	}
#top #footer {
background:url(../parts/bg_footer.gif) repeat-x scroll left top #FFFFFF;
}



/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#container{
	width:100%;
	background:url(../parts/home_bg-container.png) repeat-x center top;
	}
#main {
	width:910px;
	margin:0 auto;
	padding:32px 0 0;
}

#conts {
	width: 605px;
	padding: 0 0 10px 0;
	margin-bottom: 30px;
	float: left;
}

#conts .mainConts {
	margin-bottom:50px;
	border:1px solid #ece7e3;
	border-radius:4px;
	box-shadow:0 0 1px 2px rgba(245,240,235,1);
	background-color:#fff;
	padding:10px 16px;
}
#conts .mainConts_box h2{
	margin-bottom:6px;
	}

/*太陽光発電・オール電化バナー*/
#top .easy-plan {
	box-shadow: 0 0 3px 1px rgba(0, 0, 0,0.2);
	border-radius: 5px;
	border: 1px solid #f08200;
	margin-bottom:50px;
}
#top .easy-plan h2{
	margin-bottom:6px;
	}
#top .easy-plan h2 img{
	border-radius:4px 4px 0 0;
	}
#top .easy-plan ul{
	display:flex;
	display: -ms-flexbox; /* IE10 */
	justify-content: center;
	-ms-flex-pack: center; /*IE10*/
	flex-wrap: wrap;
	-ms-flex-wrap:wrap; /*IE10*/
	padding:10px;
}
#top .easy-plan li{
	width:calc(100% / 2);
	margin-bottom:10px;
}


#top .service_bnr {
margin:0 0 12px 0;
text-align:center;
}

#main .video{
	text-align:center;
	width:600px;
	height:338px;
	margin-bottom:24px;
	}


dl.text {
	clear: both;
	margin-bottom: 3px;
}

dl.text dt{
	float: left;
	font-size:108%;
}

dl.text dt span{
	color: #F00;
}

dl.text dd{
	text-align: right;
	float: right;
	color: #504b48;
}

dl.title {
	clear: both;
	margin-bottom: 10px;
}

dl.title dt{
	/*font-size: 14px;*/
	float: left;
/*	width: 150px;
	_width: 160px;*/
	color: #fff;
	background: #90C400;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

dl.title dd{
	/*font-size: 14px;*/
	text-align: left;
	font-weight: bold;
	float: left;
	background: #DBEBAA;
	color: #504b48;
	_width: 415px;
	padding: 5px 10px;
}

dl.news {
	clear: both;
	border-bottom: 1px solid #E6F0F5;
	margin-bottom: 5px;
	color: #504b48;
}

dl.news dt{
	float: left;
	width: 90px;
	_width: 100px;
	padding: 5px;
}

dl.news dd{
	float: left;
	width: 455px;
	_width: 475px;
	padding: 5px 10px;
}

dl.news_ed {
	clear: both;
	margin-bottom: 5px;
}

dl.news_ed dt{
	float: left;
	width: 90px;
	_width: 100px;
	padding: 5px;
}

dl.news_ed dd{
	float: left;
	width: 455px;
	_width: 475px;
	padding: 5px 10px;
}

.img_L {
	float: left;
	padding: 0 10px 10px 0;
}

.main_txt {
	clear: both;
	padding: 10px;
	_padding: 10px 10px 10px 14px;
	color: #504b48;
}

.read_txt {
	clear: both;
	/*font-size: 10px;*/
	color: #787878;
}

.read_txt a {
	background: url(../parts/icon_ar.gif) no-repeat left center;
	padding: 0 0px 0 10px;
	display:block;
	float: right;
	color: #787878;
}


.read_more{
	text-align:right;
	clear: both;
	}
.read_more .read_txt {
	position: relative;
	display: inline-block;
	font-size: 14px;
	background-color: #DBEBAA;
	border: 1px solid #ccc;
	border-radius: 10px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
	}
.read_more .read_txt a {
	background:none;
	padding: 14px 30px;
	}
.read_more .read_txt a::before { 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 50%;
	content: "";
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
	border-radius: 10px;
	z-index: 1;
	}


/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	width: 285px;
	padding: 0px 0 10px 0;

	/*font-size: 1.2em;*/
	float: right;
}

#sideBar p.banner {
	padding-bottom: 15px;
}

#sideBar p a {
text-decoration:none;
}
.center{
text-align:center;
}
.pb0{
padding-bottom:0 !important;
}
#sideBar .solarlink{
width:281px;
margin:16px auto 0 auto;
border-radius:6px;
box-shadow:0 0 4px rgba(71,71,71,0.3);
}
#sideBar .solarlink h3{
	border-radius:6px 6px 0 0;
font-size:100%;
text-align:left;
padding:12px;
color:#fff;
line-height:1.3;
background-color:#b40808;
}
#sideBar .solarlink ul{
	overflow:hidden;
padding:12px;
}
#sideBar .solarlink li{
float:left;
width:85px;
font-size:115%;
}
#sideBar .solarlink a:link {	color:#638900;}
#sideBar .solarlink a:visited {	color:#638900;}
#sideBar .solarlink a:hover {	color:#FF3300;}
#sideBar .solarlink a:active {	color: #000;}
/*------------------------------------------------------------
	SNSボタン
------------------------------------------------------------*/
#snsbtn{
position: absolute;
right: 0;
top:164px;
}
#snsbtn div {
    float: left;
}
#snsbtn .tw {
    margin: 0 0 0 12px;
    width: 90px !important;
}
#snsbtn .fb {
    margin: 0;
}