@charset "utf-8";

/* -------------------------------------------------
タイトルエリア
----------------------------------------------- */
div#TitleArea {
	position: relative;
	background: url(../images/top_bg.gif) top left no-repeat;
	margin-top: 20px;
	height: 583px;
	}

div#TitleArea p#logo { position: absolute; top: 40px; left: 48px; }
div#TitleArea p#headlogo { position: absolute; top: 41px; left: 48px; }
div#TitleArea p#notice { position: absolute; top: 88px; left: 357px; }
div#TitleArea p#secret { position: absolute; top: 21px; left: 718px; }
div#TitleArea div#TitleBox {	background: url(../images/main_box.gif) top left no-repeat; width: 800px; height: 224px; position: absolute; top: 115px; left: 48px; }

div#TitleArea div#TitleBox h1 {
	margin: 40px 0 0 209px;
	}

div#TitleArea p#Titlenotes {
	background: url(../images/notes01.gif) no-repeat;
	width: 788px;
	height: 190px;
	position: absolute;
	top: 364px;
	left: 48px;
	text-indent: -5000px;
	}

/* -------------------------------------------------
アンカーエリア
----------------------------------------------- */
div#anchorArea {
	background: url(../images/middle_bg.gif) top left repeat-y;
	padding: 0 0 12px 48px;
	}

div#anchorArea div.section {
	position: relative;
	width: 800px;
	height: 119px;
	background: url(../images/anchor_box.gif) top left no-repeat;
	margin-bottom: 16px;
	}

div#anchorArea div.section dl {
	position: absolute;
	top: 18px;
	left: 0px;
	}

div#anchorArea div.section dl dt {
	width: 96px;
	float: left;
	}

div#anchorArea div.section dl dd {
	margin: 15px 0 0 120px;
	}

div#anchorArea div.section dl dd.txt02 {
	margin: 3px 0 0 120px;
	}

div#anchorArea div.section p {
	position: absolute;
	top: 39px;
	left: 648px;
	}

/* -------------------------------------------------
電力備蓄機器其の壱エリア
----------------------------------------------- */
div#section01 {
	background: url(../images/middle_bg.gif) top left repeat-y;
	}

div#section01 h2 {
	margin: 0 0 19px 2px;
	}

div#section01 h3 {
	margin: 0 0 0 49px;
	}

div#section01 div#ProductWrapper {
	margin: 27px 0 16px 49px;
	}

div#ProductWrapper div.Product_imgWrap {
	position: relative;
	width: 800px;
	height: 413px;
	background: url(../images/product_bg.gif) top left no-repeat;
	}

div#ProductWrapper div.Product_imgWrap img.ph { position: absolute;	top: 48px;	left: 48px;	}
div#ProductWrapper div.Product_imgWrap p { position: absolute;	top: 285px;	left: 476px;	}

div#ProductWrapper div.Container {
	float: left;
	display: inline;
	margin: 28px 0 0 76px;
	}

div#ProductWrapper div.Container h4 {
	margin-bottom: 20px;
	}

div#ProductWrapper div.Container p {
	font-size: 12px;
	color: #FFF;
	line-height: 160%;
	margin: 0 0 13px 27px;
	}

div#section01 div.Box,
div#section02 div.Box {
	position: relative;
	width: 800px;
	height: 151px;
	margin-left: 48px;
	clear: both;
	}

div#section01 div.Box h3,
div#section02 div.Box h3 {
	position: absolute;
	top: 17px;
	left: 17px;
	margin: 0px;
	}

div#section01 div#Offer {
	background: url(../images/offer_box.jpg) top left no-repeat;
	margin-bottom: 20px;
	height: 243px;
	}

div#section01 div#Offer dl {
	position: absolute;
	top: 20px;
	left: 184px;
	}

div#section01 div#Offer dl dt {
	width: 200px;
	margin-bottom: 2px;
	}

div#section01 div#Offer dl dd {
	margin: -21px 0 5px 105px;
	}

div#section01 div#Offer ul.link {
	position: absolute;
	top: 120px;
	left: 288px;
	}

div#section01 div#Offer ul.link li {
	margin-bottom: 3px;
	}

div#section01 div#Offer dd ul.shop li {
	margin-bottom: 3px;
	}

/* -------------------------------------------------
電力備蓄機器其の弐エリア
----------------------------------------------- */
div#section02 {
	background: url(../images/middle_bg.gif) top left repeat-y;
	padding-top: 32px;
	}

div#section02 h2 {
	margin: 0 0 19px 2px;
	}

div#section02 div.ConceptBox {
	position: relative;
	background: url(../images/product02_bg.gif) top left no-repeat;
	width: 800px;
	height: 381px;
	margin: 27px 0 20px 48px;
	}

div#section02 h3 {
	margin: 0 0 0 48px;
	}

div#section02 div.Product_imgWrap02 {
	position: absolute;
	top: 1px;
	left: 90px;
	}

div#section02 div.ConceptBox p {
	position: absolute;
	top: 235px;
	left: 71px;
	}

div#section02 div.innerTxt {
	width: 800px;
	font-size: 82%;
	color: #FFF;
	margin: 0 0 0 48px;
	}

div#section02 div.innerTxt div {
	float: left;
	}

div#section02 div.innerTxt div dl dd {
	line-height: 130%;
	margin-bottom: 20px;
	}

div#section02 div.innerTxt div dl dd.separate {
	margin-bottom: 10px;
	}

div#section02 div.innerTxt div dl dt {
	margin-bottom: 3px;
	}

div#section02 div.innerTxt div.text01 {
	width: 263px;
	}

div#section02 div.innerTxt div.text02 {
	width: 193px;
	}

div#section02 div.innerTxt div.text03 {
	width: 115px;
	height: 120px;
	margin: 0 0 0 10px;
	border-right: 1px solid #7C7C7C;
	}

div#section02 div.innerTxt div.btn {
	float: right;
	margin: 40px 36px 0 0;
	_margin: 40px 18px 0 0;
	}

div#section02 div.innerTxt div.text03 img {
	margin: -18px 0 0 0;
	}

div#section02 div#Offer02 {
	background: url(../images/offer_box02.gif) top left no-repeat;
	margin-bottom: 20px;
	height: 502px;
	}

div#section02 div#Offer02 dl {
	position: absolute;
	top: 120px;
	left: 182px;
	}

div#section02 div#Offer02 dl dt {
	width: 106px;
	float: left;
	margin-bottom: 10px;
	}

div#section02 div#Offer02 dl dd {
	margin: 0 0 10px 117px;
	}

div#section02 div#Offer02 p.atte {
	position: absolute;
	top: 376px;
	left: 179px;
	}

div#section02 div#Offer02 ul.link li {
	margin-bottom: 12px;
	}

div#section02 div#Offer02 dd ul.shop li {
	margin-bottom: 3px;
	}

div#section02 div#Privilege {
	background: url(../images/privilege_box.jpg) top left no-repeat;
	}

div#section02 p.notes {
	margin: 7px 0 0 66px;
	font-size: 82%;
	color: #FFF;
	}

div#section02 div#Privilege dl {
	position: absolute;
	top: 24px;
	left: 185px;
	}

div#section02 div#Privilege dl dt {
	margin-top: 18px;
	}
	
div#section02 div#Privilege dl dd {
	font-size: 12px;
	color: #FFF;
	line-height: 160%;
	}

/* -------------------------------------------------
告知エリア
----------------------------------------------- */
div#NewsWrap {
	background: url(../images/middle_bg.gif) top left repeat-y;
	padding: 20px 0 0 0px;
	}

div#NewsWrap div.News {
	background: url(../images/subttl02_box.gif) top left no-repeat;
	margin-left: 48px;
	height: 224px;
	}

div#NewsWrap div.News h3 {
	padding: 24px 0 20px 42px;
	}

div#NewsWrap div.News p {
	color: #FFF;
	line-height: 150%;
	font-size: 82%;
	text-align: center;
	font-weight: bold;
	padding: 0 80px 0 36px;
	}