@charset "utf-8";
/* ===================================================================
CSS information

 file name  :layout.css
 style info :ページの基本レイアウト設定（共通）/共通エレメント設定
=================================================================== */

p {
  margin: 5px 0 5px 0;
  text-align: left;
}


*html body{
	text-align: center;
 }

/*ページトップへ戻る*/ 
p.pageTop {
  float: right;
  display: inline;
  margin: 30px 16px 10px 0;
  font-size: 85%;
}
p.pageTop a {
  color: #666;
}
p.pageTop a:hover {
  color: #f5a000;
}
p.pageTop a:active {
  color: #f5a000;
}
p.pageTop a: visited {
  color: #666;
}
p.pageTop img {
  vertical-align: middle;
  margin-right: 5px;
}

div#container {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 850px;
}

/*contents1*/

div#contentsWrap1 {
		width: 850px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url(../i/bg_circleFooter.gif) bottom no-repeat #fff;
}

h1 {
  height: 10px;
  text-indent: -2000px;
  font-size: 0;
}

div#header{
	background: url(../i/bg_header.jpg) no-repeat top center;
 width: 830px;
 height: 421px;
 margin: 0 auto;
 }
 div#header img{
 		float: right;
   display: inline;
   }
/*約束*/  
img.promiseMargin{
	margin-right: 5px;
 }

/*contents2*/
div#contentsWrap2 {
		width: 850px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 100px;
  padding-top: 1px;
  background: url(../i/bg_circleHeader.gif) top no-repeat #fff;
  overflow: hidden;
}
		div#contentsWrap2 img#sub {
  	float: left;
   display: inline;
   margin-bottom: 10px;
   }
   *html div#contentsWrap2 img#sub{
   	margin-left: -10px;
    }
   
div#contentsWrap2Bottom{
		width: 850px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 50px;
  background: url(../i/img_supportFooter.gif) bottom no-repeat #fff;
  overflow: hidden;
}
div#contentsWrap2Bottom p{
 text-indent: -9999px;
 }
/*-------------------------------------------------------------------
																											  見出し
--------------------------------------------------------------------*/

h2{
	margin: 15px 0 10px 0;
 }
 h2#promise{
	margin: 15px 0 0 0;
 text-indent: -9999px;
 font-size: 0;
 }
h3{
	margin: 0px 0 10px 0;
 clear: both;
 display: block;
 overflow: hidden;
 }

/*-------------------------------------------------------------------
																											 問い合わせ
--------------------------------------------------------------------*/

div.inquiryArea{
	text-align:center;
 }
 div.inquiryArea img{
  margin-bottom: 10px;
  }

/*-------------------------------------------------------------------
																											 コンテンツ
--------------------------------------------------------------------*/

div#digital1{
	background: url(../i/price_digital1.gif) no-repeat center;
 width: 270px;
 height: 281px;
 float: left;
 display: inline;
 margin-left: 10px;
 }
 div#digital2{
	background: url(../i/price_digital2.gif) no-repeat center;
 width: 270px;
 height: 281px;
 float: left;
 display: inline;
 margin-left: 10px
 }
 div#digital3{
	background: url(../i/price_digital3.gif) no-repeat center;
 width: 270px;
 height: 281px;
 float: left;
 display: inline;
 margin-left: 10px
 }
 
div#otherWrap{
	margin: 0 auto;
 clear: both;
 display: block;
 }
 div#lamp{
 	background: url(../i/price_lamp.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#socket{
 	background: url(../i/price_socket.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#switch{
 	background: url(../i/price_switch.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#security{
 	background: url(../i/price_security.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#light{
 	background: url(../i/price_light.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#phone{
 	background: url(../i/price_phone.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#tv{
 	background: url(../i/price_tv.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#lan{
 	background: url(../i/price_lan.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#breaker{
 	background: url(../i/price_breaker.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
  div#interphone{
 	background: url(../i/price_interphone.gif) no-repeat center;
  width: 410px;
  height: 100px;
  float: left;
  display: inline;
  margin: 10px 0 10px 10px;
  }
 
/*コピーライト*/
address{
	text-align: center;
 text-indent: -9999px;
 background: url(../i/img_copyright.gif) no-repeat center;
 margin: 10px 0 20px 0;
}