@charset "utf-8";

/*==================================================================
CSS Information

File_name    : top.css
Description  :
The date     :
Last up date :
================================================================== */

/* --------------------------------------------------
Font size
-------------------------------------------------- */

/*
default font-size 13px
9px font-size: 69.2%;
10px font-size: 77%;
11px font-size: 84.6%;
12px font-size: 92.4%;
14px font-size: 107.8%;
15px font-size: 115.3%;
16px font-size: 123.1%;
18px font-size: 138.5%;
20px font-size: 153.8%;
22px font-size: 169.2%;
*/

/* --------------------------------------------------
Transparent images
-------------------------------------------------- */

#wrapper #contents #top #static #topBlock #alldenka .alldenkaBox a:hover img,
#wrapper #contents #top #static #topBlock #alldenka .alldenkaBoxLast a:hover img,
#wrapper #contents #top #static #topBlock #renovation .renovationPhoto a:hover img,
#wrapper #contents #top #static #topBlock #meritt-demerit #meritt ul li a:hover img,
#wrapper #contents #top #static #topBlock #meritt-demerit #demerit ul li a:hover img,
#wrapper #contents #top #static #topBlock #hybrid .hybridBox .hybridPhoto a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* --------------------------------------------------
	=top
-------------------------------------------------- */

#wrapper #contents #top  {
	width: 100%;
	background: url(../images/top/bg_main.gif) repeat-x center top;
}
#wrapper #contents #top h3  {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 970px;
	height: 240px;
	background: url(../images/top/img_main.gif) no-repeat center top;
	text-indent: -100000em;
}
	#wrapper #contents #top #holiday {
		width: 750px;
		border: 2px solid #06249F;
		margin: 0 auto 16px;
		padding: 8px 16px;

		zoom: 1;
	}
	#wrapper #contents #top #holiday:after {
		clear: both;
		content: "";
		display: block;
		overflow: hidden;
	}
		#wrapper #contents #top #holiday h4 {
			color: #06249F;
			font-size: 120%;
			font-weight: bold;
		}
		#wrapper #contents #top #holiday p {
			margin: 8px 0 0 0;
		}
			#wrapper #contents #top #holiday p strong {
				color: #fc0d1b;
				padding: 0 4px;
			}

/* --------------------------------------------------
	=topicTopPath
-------------------------------------------------- */

#wrapper #contents #top p#topicTopPath {
	margin: 0 auto;
	padding-top: 18px;
	width: 950px;
	height: 33px;
	color: #66191B;
	font-size: 84.6%;
}

/* --------------------------------------------------
	=topSideAreaL
-------------------------------------------------- */

#wrapper #contents #top #static #topSideAreaL {
	float: left;
	width: 180px;
}


#wrapper #contents #top #static #topSideAreaL h4 {
	width: 180px;
	height: 83px;
}

#wrapper #contents #top #static #topSideAreaL h4 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#wrapper #contents #top #static #topSideAreaL ul li.age20 a,
#wrapper #contents #top #static #topSideAreaL ul li.age30 a,
#wrapper #contents #top #static #topSideAreaL ul li.age4050 a,
#wrapper #contents #top #static #topSideAreaL ul li.age60 a {
	margin-top: 5px;
	display: block;
	width: 180px;
	height: 150px;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL ul li.age20 a {
	background: url(../images/top/side_life_stage20.gif) no-repeat center top;
}

#wrapper #contents #top #static #topSideAreaL ul li.age30 a {
	background: url(../images/top/side_life_stage30.gif) no-repeat center top;
}

#wrapper #contents #top #static #topSideAreaL ul li.age4050 a {
	background: url(../images/top/side_life_stage4050.gif) no-repeat center top;
}

#wrapper #contents #top #static #topSideAreaL ul li.age60 a {
	background: url(../images/top/side_life_stage60.gif) no-repeat center top;
}

#wrapper #contents #top #static #topSideAreaL ul li.age20 a:hover,
#wrapper #contents #top #static #topSideAreaL ul li.age30 a:hover,
#wrapper #contents #top #static #topSideAreaL ul li.age4050 a:hover,
#wrapper #contents #top #static #topSideAreaL ul li.age60 a:hover {
	background-position: 0 -150px;
}

#wrapper #contents #top #static #topSideAreaL #experience a {
	margin-top: 10px;
	display: block;
	width: 180px;
	height: 177px;
	background: url(../images/top/side_experience.jpg) no-repeat center top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #experience a:hover {
	background-position: 0 -177px;
}

/* --------------------------------------------------
	=powerCompany
-------------------------------------------------- */

#wrapper #contents #top #static #topSideAreaL #powerCompany {
	margin-bottom: 10px;
	margin-top:10px;
	border-bottom: solid 1px #a0d5d5;
	width: 180px;
	background: url(../images/top/bg_power_company.gif) repeat-y center top;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany h4 {
	width: 180px;
	height: 62px;
	background: url(../images/top/side_power_company.jpg) no-repeat left top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany a {
	color: #4c311f;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany p {
	margin: 10px 12px;
	font-size:92.4%;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany ul {
	margin: 0 12px 10px 12px;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	float: left;
	width: 68px;
	font-size:92.4%;
	background: url(../images/top/side_power_company_arrow.gif) no-repeat left center;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany #powerCompanyDetail a {
	margin: 0 25px 15px 25px;
	display: block;
	clear: both;
	width: 130px;
	height: 20px;
	background: url(../images/top/side_power_company_btn.gif) no-repeat center top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #powerCompany #powerCompanyDetail a:hover {
	background-position: 0 -20px;
}

/* --------------------------------------------------
	=qa
-------------------------------------------------- */

#wrapper #contents #top #static #topSideAreaL #qa {
	margin-bottom: 10px;
	padding: 0 5px;
	border-top: solid 5px #dcd6be;
	border-bottom: solid 5px #dcd6be;
	width: 170px;
	background: url(../images/top/bg_qa.gif) repeat-y center top;
}

#wrapper #contents #top #static #topSideAreaL #qa h4 {
	width: 170px;
	height: 34px;
	background: url(../images/top/side_qa.gif) no-repeat left top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #qa a {
	color: #4c311f;
}

#wrapper #contents #top #static #topSideAreaL #qa .line {
	height: 2px;
	background: url(../images/top/side_qa_line.gif) no-repeat center top;
	font-size: 1%;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #qa .intro {
	margin: 0 7px 5px 7px;
}

#wrapper #contents #top #static #topSideAreaL #qa .question {
	margin: 5px;
	width: 160px;
	background: url(../images/top/side_qa_ico.jpg) no-repeat left top;
}

#wrapper #contents #top #static #topSideAreaL #qa .questionOneLine {
	margin: 5px;
	width: 160px;
	height: 30px;
	background: url(../images/top/side_qa_ico.jpg) no-repeat left top;
}

#wrapper #contents #top #static #topSideAreaL #qa .question p,
#wrapper #contents #top #static #topSideAreaL #qa .questionOneLine p {
	margin-left: 30px;
	width: 130px;
 font-size:92%;
}

#wrapper #contents #top #static #topSideAreaL #qa #qaDetail a {
	margin: 8px 20px 10px 20px;
	display: block;
	width: 130px;
	height: 20px;
	background: url(../images/top/side_qa_btn.gif) no-repeat center top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topSideAreaL #qa #qaDetail a:hover {
	background-position: 0 -20px;
}

/* --------------------------------------------------
	=topBlock
-------------------------------------------------- */

#wrapper #contents #top #static #topBlock {
	margin-left: 18px;
	float: left;
	width:750px;
	font-size: 92.4%;
}

.bold{
 font-weight:bold;
}

/*201308 オール電化の今*/
#topBlock #nowAlldenka {
	margin-bottom: 50px;
}

#topBlock #nowAlldenka h4 {
	margin: 0 0 26px 2px;
	height: 53px;
	background: url(../images/top/head_now.gif) no-repeat left top;
	text-indent: -100000em;
}

#wrapper #contents #top #static #topBlock #kouritsuteki #kouritsuBox h4.hdg {
	margin: 0 0 30px 2px;
	width: auto;
	height: 59px;
	background: url(../images/top/head_about.gif) no-repeat left top;
	text-indent: -100000em;
}

/* 20140108 エリア */
#wrapper #contents #top #static #topBlock #mapArea {
	background: url(../images/top/bt_bg.jpg) no-repeat left top;
	width: 750px;
	height: 246px;
	margin: 0 auto 30px;
}
#wrapper #contents #top #static #topBlock #mapArea ul {
	padding: 105px 5px 0;
}
#wrapper #contents #top #static #topBlock #mapArea li {
	float: left;
	padding: 10px;
	width:128px;
	height: 44px;
}
#wrapper #contents #top #static #topBlock #mapArea li.end {
	padding-right: 100px;
}
#wrapper #contents #top #static #topBlock #mapArea li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:128px;
	height: 44px;
	background-position: 0 0;
}
#wrapper #contents #top #static #topBlock #mapArea li a:hover {
	background-position: 0 bottom;
}
#wrapper #contents #top #static #topBlock #mapArea li.erea01 a {background-image: url(../images/top/bt_erea01.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea02 a {background-image: url(../images/top/bt_erea02.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea03 a {background-image: url(../images/top/bt_erea03.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea04 a {background-image: url(../images/top/bt_erea04.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea05 a {background-image: url(../images/top/bt_erea05.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea06 a {background-image: url(../images/top/bt_erea06.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea07 a {background-image: url(../images/top/bt_erea07.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea08 a {background-image: url(../images/top/bt_erea08.gif);}
#wrapper #contents #top #static #topBlock #mapArea li.erea09 a {background-image: url(../images/top/bt_erea09.gif);}

/* --------------------------------------------------
	140927 New Top Design
-------------------------------------------------- */
#wrapper #contents #top {
  background-image: none;
}

#slide {
  width: 100%;
  height: 450px;
  background-image: url(../images/top/bg_main_loop.jpg);
  background-repeat: repeat-x;
  text-align: center;
}
#slide h2 {
  padding: 32px 0;
}
#slide #slideBody {
  position: relative;
  width: 958px;
  height: 288px;
  margin: 0 auto;
  background-image: url(../images/top/slide_box.png);
  background-repeat: no-repeat;
}

#slide #slideBody .slide_btn {
  position: absolute;
  top: 128px;
  cursor: pointer;
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
#slide #slideBody .slide_btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#slide #slideBody #slideLeft {
  left: 4px;
}
#slide #slideBody #slideRight {
  right: 4px;
}
#slide #slideNavi {
  padding-top: 5px;
}
#slide #slideNavi span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/top/slide_position.png);
  background-repeat: no-repeat;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#slide #slideNavi span.active {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#topSideAreaL #powerCompany {
  margin-bottom: 0 !important;
}
#topSideAreaL #otoku {
  width: 180px;
  height: 251px;
  background-image: url(../images/top/side_otoku_bk.jpg);
  background-repeat: no-repeat;
}
#topSideAreaL #otoku a {
  display: block;
  padding: 10px 12px 0;
}
#topSideAreaL #otoku a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#topSideAreaL .sideBanner a {
  display: block;
  padding-bottom: 10px;
}
#topSideAreaL .sideBanner a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#topBlock .imgBlock {
  padding: 10px 0;
}
#topBlock .imgBlock img {
  float: left;
}
#topBlock #tB-neage div {
  clear: both;
  width: 736px;
  height: 226px;
  padding: 18px 0 0 14px;
  background-image: url(../images/top/img_2_neage4_bk.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#topBlock #tB-neage div img {
  float: none;
}
#topBlock #tB-neage div ul {
  display: block;
  padding-top: 13px;
  width: 615px;
}
#topBlock #tB-neage div ul li {
  display: block;
  float: left;
  width: 200px;
  padding: 0 5px 5px 0;
}
#topBlock #tB-neage div ul li img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#topBlock #tB-hybrid {
  padding: 10px 0;
}
#topBlock #tB-hybrid ul {
  display: block;
  padding: 30px 0 10px;
}
#topBlock #tB-hybrid ul .point {
  display: block;
  float: left;
  width: 375px;
}

#topBlock #tB-hybrid ul .point p {
  padding: 0 5px 8px 5px;
  position: left;
}

#topBlock #tB-hybrid ul .point img {
  float: left;
  padding: 0 20px 8px 0;
}
#topBlock #tB-hybrid ul .point a {
  display: block;
  float: left;
  width: 130px;
  height: 20px;
  background: url(../images/top/btn_more.jpg) no-repeat 0 0;
  font-size: 0;
}
#topBlock #tB-hybrid ul .point a:hover {
  background-position: 0 -20px;
}
#topBlock #tB-hybrid ul .line {
  margin: 24px 0 0 0;
  padding: 10px 0 0 0;
  display: block;
  float: left;
  width: 750px;
  height: 20px;
  border-top: 1px dotted #651f1d;
}
.banner a {
	display: block;
	background: url('/images/top/bnr_1602.jpg') no-repeat;
	width: 754px;
	height: 0;
	overflow: hide;
	padding-top: 127px;
	margin: 0 auto 10px auto;
}

.banner  a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
/*add 20130227*/
#WrapKanreichiBanner {
	position: fixed;
	overflow: hidden;
	width: 146px;
	height: 202px;
	z-index: 1000;
	right: 4px;
	bottom: 2px;
	_position:absolute;
}
#kanreichiBanner {
	background: url(../images/top/kanrei_bnr_bg.gif) 0 0 no-repeat;
	width: 146px;
	height: 202px;
	margin-left: 1000px;
	padding-top: 34px;
}

#kanreichiBanner ul.clearfix {
	padding: 31px 0 0 8px;
}

#kanreichiBannerBtnA {
	margin-bottom: 7px;
}

#kanreichiBannerBtnA a,
#kanreichiBannerBtnB a {
	display: block;
	background: url(../images/top/kanrei_btn.gif) 0 0 no-repeat;
	width: 128px;
	height: 44px;
	text-indent: -9999px;
}
#kanreichiBannerBtnB a {
	background-position: 0 -51px;
}

#kanreichiBannerClose {
	margin-left: 111px;
}

#kanreichiBanner ul,
#kanreichiBanner li {
	float: left;
}

#slideBody {
	height: 280px;
	overflow: hidden;
}