* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
br.clear {clear:both;}
body {
	font-size: 13px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #555152;
	min-width: 100%;
	background: #fff ;
	
}

/* ---------------------------------------------------------------- *
	パララックスエフェト
 * ---------------------------------------------------------------- */

#reveal1, #reveal2, #reveal3, #reveal4, #reveal5, #reveal6, #reveal7, #reveal8, #reveal9, #reveal10 {
		opacity: 0;
		-webkit-transform: scale(0.9);
			 -moz-transform: scale(0.9);
				-ms-transform: scale(0.9);
				 -o-transform: scale(0.9);
						transform: scale(0.9);
		-webkit-transition: all 1s ease-in-out;
			 -moz-transition: all 1s ease-in-out;
				-ms-transition: all 1s ease-in-out;
				 -o-transition: all 1s ease-in-out;
						transition: all 1s ease-in-out;
	}
#reveal1.visible, #reveal2.visible, #reveal3.visible, #reveal4.visible, #reveal5.visible, #reveal6.visible, #reveal7.visible, #reveal8.visible, #reveal9.visible, #reveal10.visible {
		opacity: 1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
	}



.digit {
		opacity: 0;
		-webkit-transform: translateX(-40px);
			 -moz-transform: translateX(-40px);
				-ms-transform: translateX(-40px);
				 -o-transform: translateX(-40px);
						transform: translateX(-40px);
		-webkit-transition: all 0.6s ease-out;
			 -moz-transition: all 0.6s ease-out;
				-ms-transition: all 0.6s ease-out;
				 -o-transition: all 0.6s ease-out;
						transition: all 0.6s ease-out;
	}
	.digit.visible {
		opacity: 1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
	}


/*font-family: 'Ubuntu', sans-serif;*/

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }

p {
  /* 基本的なテキスト要素の行送りを設定してください */
  line-height: 1.6;
  padding: 10px;
}



ul, ol, dl {
  /* リスト関連要素の行送りを設定してください */
  line-height: 1.3;
}


ul, ol, dl {
  /* 箇条書きの上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

strong {
  font-size: 110%;
  color: #F00;
}

h1 {
  font-size: 400%;
  margin: 0;
  padding: 0;
}

h2 {
  width: 100%;
  font-size: 320%;
  margin: 20px 0;
  padding: 20px 0;
  color: #8D8D8D;
  border-bottom: 3px dotted #CCC;
}

h3 {
  font-size: 200%;
  margin: 10px 0 0 0 ;
  padding: 0;
  line-height: 1.2;
 
}

h4 {
 font-size: 130%;
  margin: 0 ;
  padding: 0;
  
}


h5 {
  font-size: 120%;
  margin: 0 ;
  padding: 0;
}

h6 {
  font-size: 100%;
  margin: 10px 0 10px 20px ;
  padding: 0;
}

h7 {
  /* 見出し 6 のジャンプ率を設定してください */
  font-size: 90%;
  /* 見出し 6 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

.shell { width: 1100px; margin: 0 auto; background: #fff; }
.container { background: #fff;  }
#header { width: 1100px;position: fixed;z-index: 1; height: 120px; margin: 0 ;padding: 0 ; background:#fff ; }

.headerleft {
  float: left;
  width: 340px;
  height: 120px;
   margin: 0;
  padding: 0;
}


#logo { width: 340px; float: left; font-size: 0; line-height: 0; padding:0 0 0 0 ;}
#logo a { height: 120px; display: block; background: url(../img/header-logo.jpg) no-repeat 0 0;  text-indent: -4000px;padding:0 0 0 0 ; }



.headerright {
  float: right;
  width: 760px;
  height: 120px;
   margin: 0;
  padding: 0;
}

.toiawase {
  float: left;
  width: 180px;
  height: 48px;
  margin: 0 0 0 260px;
  padding: 12px 20px 0 0 ;
  line-height: 18px;	
}

.tel-bot {
  float: left;
  width: 300px;
  height: 48px;
  padding: 12px 0 0 0;
}


#navigation {
	height: 59px;
	margin: 60px 0 0 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	border-top: #666666 solid 1px;
	left: 50px;
	top: 181px;
}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; width: 126px; padding: ; font-size: 16px; font-weight:bold;line-height: 10px; text-align:center; }
#navigation ul li a { display: block; height: 0px; padding: 24px 0; color: #666666;  }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color:#FFF19C; }
#navigation ul li.first a { padding-left: 0; }
#navigation a.nav-btn { display: none; }

/* ---------------------------------------------------------------- *
	メイン部分
 * ---------------------------------------------------------------- */
#main {
	width:100%;
    margin:0 ;
    padding: 5px 0 0 0;
}

#main a:hover {
	/* IE8 標準モードの独自拡張 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
	/* Firefox 1.5 までの独自拡張 */
	-moz-opacity: 0.7;  
	/* Safari 1.1 までの独自拡張 */
	-khtml-opacity: 0.7;  
	/* Safari 2.0 までの独自拡張 */
	-webkit-opacity: 0.7;  
	/* CSS3 の公式プロパティ（Firefox 1.5+、Opera 8.0+、Safari 3.0+）*/
	opacity: 0.7;
} 


/* ---------------------------------------------------------------- *
	コンテンツ　共通設定
 * ---------------------------------------------------------------- */
article a{
  color: #555152;
}

.contents {
	width:1050px; 
	margin: 85px 0 0 0;
    padding: 25px;
	text-align:left;
}

.table-100 {
  width:100%;
  margin: 10px 0 40px 0;
  padding: 0;
  border:0; 	
}

.td-25
{
  float: left;
  width:25%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.td-50
{
  float: left;
  width:50%;
  margin: 0;
  padding: 0;
}

.td-50-center
{
  float: left;
  width:50%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.price {
  margin: 0; 
  padding: 0 5%;
  font-size: 16px;
  font-weight:bold;
}

.price-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 2% 5%;
  font-size: 16px;
  font-weight:bold;
  border:#666 solid 1px;
}

.price-tax {
  width:90%;
  margin: 0; 
  padding: 0% 5%;
  text-align: right;
}

.gotop {
  width:96%;
  margin: 20px 0; 
  padding: 0;
  font-size: 16px;
  font-weight:bold;
  text-align: right;
}

.gotop a{
  color: #555152;
}


/* ---------------------------------------------------------------- *
	ダイキントップページ
 * ---------------------------------------------------------------- */

.contents-daikin-top {
	width:1050px;
	height: 340px;
	margin: 85px 0 0 0;
    padding: 0 25px;
	text-align:left;
	background:url(../img/daikin-top-bg.jpg) no-repeat top;
	background-attachment: scroll;
}

.daikin-top-left {
  float: left;
  width:50%;
  height: 340px;
  margin: 0;
  padding: 0; 
}

.daikin-top-left img {
  width:100%;
}

.daikin-top-right {
  float: left;
  width:50%;
  height: 340px;
  margin: 0;
  padding: 0; 
}

.daikin-top-right img {
  width:100%;
}

.daikin-top-banner {
  float: left;
 width:100%;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
}

.daikin-top-banner img {
 width:100%;
}


.daikin-top-table-100 {
  float: left;
  width:100%;
  margin: 20px 0 0 0;
  padding: 0;
  border:0; 	
}

.daikin-top-td-25 {
  float: left;
  width:25%;
  margin: 0;
  padding: 2px 0;
  text-align: center;
}

.daikin-top-td-25 img {
  width:98%;
  margin: 0;
  padding: 0;
}

.daikin-top-td-20 {
  float: left;
  width:20%;
  margin: 0;
  padding: 2px 0;
  text-align: center;
}

.daikin-top-td-20 img {
  width:96%;
  margin: 0;
  padding: 0;
}


.daikin-top-insta-pc {
  float: left;
 width:100%;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
}

.daikin-top-insta-pc img {
 width:100%;
}

.daikin-top-insta-sp {
  display:none;
}

.daikin-top-insta-sp img {
 display:none;
}

/* ---------------------------------------------------------------- *
	トップページ
 * ---------------------------------------------------------------- */

.contents-top {
	width:1050px; 
	margin: 85px 0 0 0;
    padding: 25px;
	text-align:left;
	background:url(../img/top-backgraund01.jpg) no-repeat right top;
	background-attachment: scroll;
}

.comment-top {
  font-size: 280%;
  margin: 0;
  padding: 10px;
  letter-spacing: 0.1em;
}

.text-top {
  width:370px;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.6;
}

.top-yamazaki-pict{
  width:148px;
  margin: 0;
  padding: 10px 20px; 
}


.top-yamazaki-text{
  width:250px;
  padding: 2px 5px;
  line-height: 1.4;
}

.top-instagram-pict{
  width:100%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

.top-instagram-pict img{
  width:760px;
}


/* ---------------------------------------------------------------- *
	ダイキン最新エアコンページ
 * ---------------------------------------------------------------- */

.daikin-table-100 {
  float: left;
  width:100%;
  margin: 20px 0 0 0;
  padding: 0;
  border:0; 	
}

.daikin-td-50 {
  float: left;
  width:50%;
  margin: 0;
  padding: 2px 0;
  text-align: center;
}

.daikin-td-50 img {
  width:98%;
  margin: 0;
  padding: 0;
}


/* ---------------------------------------------------------------- *
	インスタグラムページ
 * ---------------------------------------------------------------- */
	
#gallery {
	width:100%;
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
}

.instagram-gallery {
	width:100%;
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
}
	
.gallery-item {
	float: left;
	width:21%;
	height: 380px;
	margin: 10px 2%;
    padding: 0;
	text-align:left;
	list-style: none;
	display: block;
	overflow: hidden;
	
}

.gallery-item img{
	width:100%;
	height: auto;
	margin: 0;
    padding: 5px 0;
}

.gallery-item p{
	width:100%;
	height: 20px;
	margin: 0;
    padding: 5px 0;
}

/* ---------------------------------------------------------------- *
	エアコンページ
 * ---------------------------------------------------------------- */

.contents-aircon {
	width:1050px; 
	margin: 85px 0 0 0;
    padding: 25px;
	text-align:left;
	background:url(../img/aircon-backgraund01.jpg) no-repeat;
	background-position: 0px 20px;
	background-attachment: scroll;
}

.table-100-haikan {
  width:100%;
  height: 140px;
  margin: 10px 0 40px 0;
  padding: 0;
  border:0;
  background:url(../img/aircon-backgraund02.jpg) no-repeat;
  background-attachment: scroll;
}

.td-50-haikan-p{
  float: left;
  width:50%;
  margin: 0;
  padding: 30px 0 0 0;
}

.td-50-haikan-img{
  float: left;
  width:50%;
  margin: 0;
  padding: 0;
}

.td-50-haikan-img img{
  width:100%;
}

.aircon-top-left {
  float: left;
  width:550px;
  margin: 0;
  padding: 10px 0; 
}

.aircon-top-right {
  float: left;
  width:460px;
  margin: 0;
  padding: 10px 0; 
}


.aircon-middle-left {
  float: left;
  width:440px;
  margin: 0;
  padding: 10px 0; 
   
}

.aircon-middle-right {
  float: left;
  width:610px;
  margin: 0;
  padding: 10px 0;
}

/* ---------------------------------------------------------------- *
	電気工事ページ
 * ---------------------------------------------------------------- */

.electricity-top-left {
  float: left;
  width:580px;
  height: 544px;
  margin: 0 0 30px 0;
  padding: 0;
}

.electricity-top-right {
  float: left;
  width:450px;
  height: 550px;
  margin: 0;
  margin: 0 0 30px 0;
}

.electricity-top-right-01 {
	float: left;
  width:430px;
  height: 170px;
  margin: 0;
  padding: 10px;
  background:url(../img/electricity-top02.jpg) no-repeat;
  background-attachment: scroll;
}

.electricity-top-right-02 {
	float: left;
  width:430px;
  height: 110px;
  margin: 0;
  padding: 10px;
  background:url(../img/electricity-top03.jpg) no-repeat;
  background-attachment: scroll;
}

.electricity-top-right-03 {
	float: left;
  width:450px;
  height: 230px;
  margin: 0;
  padding: 0;
  background:url(../img/electricity-top04.jpg) no-repeat;
  background-attachment: scroll;
}

/* ---------------------------------------------------------------- *
	アンテナページ
 * ---------------------------------------------------------------- */

.contents-antenna {
	width:1050px; 
	margin: 85px 0 0 0;
    padding: 25px;
	text-align:left;
	background:url(../img/antenna-backgraund01.jpg) no-repeat;
	background-attachment: scroll;
}

.td-antennaservice {
  margin: 0;
  padding: 10px 0 30px 550px;
}



/* ---------------------------------------------------------------- *
	営業エリアページ
 * ---------------------------------------------------------------- */
.area-map-left {
  float: left;
  width:60%;
  margin: 0; 
  padding: 2% 0;
}
	
.area-map-left img {
 width:100%;
}

.area-map-right {
  float: left;
  width:40%;
  margin: 0; 
  padding: 2% 0;
}
	
.area-map-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 0 5%;
  font-size: 16px;
  border:#666 solid 1px;
}

.area-map-h4 {
  margin: 10px 0 0 0; 
  padding: 0;
}



/* ---------------------------------------------------------------- *
	会社案内ページ
 * ---------------------------------------------------------------- */

.table-company {
  float: left;
  width:70%;
  margin: 10px 0 40px 0;
  padding: 0;
}

.table-company th {
  width:20%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  background: #F3F4F4;
  border:#666 solid 1px;
}

.table-company td {
  width:80%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  border:#666 solid 1px;
}

.company-img {
  float: left;
  width:30%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: right;
}

.company-map {
  float: left;
  width:40%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: center;
}

.company-navi {
  float: left;
  width:60%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: center;
}






/* ページナビ--------------------------------------------------------- */

.paginavi{
  width:100%;
  margin:0 0 5px 0;
  padding: 0;
  line-height: 1.3;

}




/* ---------------------------------------------------------------- *
	footer
 * ---------------------------------------------------------------- */

footer {
  width:1050px;

  margin: 0;
  padding: 10px 25px;
  background: #006FB8;
  text-align:center;
}

.footer-left {
  float: left;
  width:48%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: right;
}

.footer-middle {
  float: left;
  width:4%;
  margin: 10px 0 40px 0;
  padding: 0;
}

.footer-right {
  float: left;
  width:47%;
  margin: 10px 0 40px 0;
  padding: 0 0 0 1%;
  text-align: left;
}

.footer-right p {
  margin: 0;
  padding: 6px 0;
  font-size: 15px;
  font-weight:bold;
  color: #fff;
}

.footer-right p a{
  margin: 0;
  padding: 6px 0;
  font-size: 15px;
  font-weight:bold;
  color: #fff;
}


footer .address {
  width:100%;
  margin: 5px 0;
  padding: 0;
  color: #fff;
}

.pcgo {
  text-indent: -4000px;
  padding: 0;
}



/* ---------------------------------------------------------------- *
	パンくずリスト
 * ---------------------------------------------------------------- */


/* --- リストエリア --- */
ol.topicPath {
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

/* --- リンク --- */
.pankuz {
font-size:13px; /* リンクエリアの右マージン */
display: inline;
}


/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 768px; }
	.shell { width: 768px; }

h2 {
  width: 100%;
  font-size: 280%;
  margin: 20px 0;
  padding: 20px 0;
  color: #8D8D8D;
  border-bottom: 3px dotted #CCC;
}
	
	
.container { background: #fff;  }
#header { width: 768px;position: fixed;z-index: 1; height: 100px; margin: 0 ;padding: 0 ; background:#fff ; }

.headerleft {
  float: left;
  width: 258px;
  height: 100px;
   margin: 0;
  padding: 0;
}


#logo { width: 258px; float: left; font-size: 0; line-height: 0; padding:0 0 0 0 ;}
#logo a { height: 100px; display: block; background: url(../img/header-logo2.jpg) no-repeat 0 0;  text-indent: -4000px;padding:0 0 0 0 ; }



.headerright {
  float: right;
  width: 510px;
  height: 100px;
   margin: 0;
  padding: 0;
}

.toiawase {
  float: left;
  width: 200px;
  height: 40px;
  margin: 0;
  padding: 6px 8px 0 0 ;
  line-height: 18px;	
}

.tel-bot {
  float: left;
  width: 300px;
  height: 40px;
  padding: 6px 0 0 0;
}


#navigation { height: 51px; margin: 47px 0 0 0;padding: 0; font-family: 'Ubuntu', sans-serif; border-top:#666666 solid 1px;  }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; width: 85px; padding: ; font-size: 13px; font-weight:bold;line-height: 10px; text-align:center; }
#navigation ul li a { display: block; height: 0px; padding: 21px 0; color: #666666;  }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color:#FFF19C; }
#navigation ul li.first a { padding-left: 0; }
#navigation a.nav-btn { display: none; }

/* ---------------------------------------------------------------- *
	メイン部分
 * ---------------------------------------------------------------- */
#main {
	width:100%;
    margin:0 ;
    padding: 5px 0 0 0;
}

#main a:hover {
	/* IE8 標準モードの独自拡張 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
	/* Firefox 1.5 までの独自拡張 */
	-moz-opacity: 0.7;  
	/* Safari 1.1 までの独自拡張 */
	-khtml-opacity: 0.7;  
	/* Safari 2.0 までの独自拡張 */
	-webkit-opacity: 0.7;  
	/* CSS3 の公式プロパティ（Firefox 1.5+、Opera 8.0+、Safari 3.0+）*/
	opacity: 0.7;
} 


/* ---------------------------------------------------------------- *
	コンテンツ　共通設定
 * ---------------------------------------------------------------- */


.contents {
	width:748px; 
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
}

.table-100 {
  width:100%;
  margin: 10px 0 40px 0;
  padding: 0;
  border:0; 	
}

.td-25
{
  float: left;
  width:25%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.td-25 img
{
  width:90%;
}

.td-50
{
  float: left;
  width:50%;
  margin: 0;
  padding: 0;
}
	
.td-50 img
{
  width:100%;
}

.td-50-center
{
  float: left;
  width:50%;
  margin: 0;
  padding: 0;
  text-align: center;
}
	
.td-50-center img
{
  width:90%;
}

.price {
  margin: 0; 
  padding: 0 5%;
  font-size: 16px;
  font-weight:bold;
}

.price-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 2% 5%;
  font-size: 16px;
  font-weight:bold;
  border:#666 solid 1px;
}

.price-tax {
  width:90%;
  margin: 0; 
  padding: 0% 5%;
  text-align: right;
}

/* ---------------------------------------------------------------- *
	ダイキントップページ
 * ---------------------------------------------------------------- */

.contents-daikin-top {
	width:748px; 
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
	background:url(../img/daikin-top-bg.jpg) no-repeat top;
	background-position: left ;
	background-attachment: scroll;
}

.daikin-top-left {
  float: left;
  width:50%;
  height: 320px;
  margin: 0;
  padding: 20px 0 0 0; 
}

.daikin-top-right {
  float: left;
  width:50%;
  height: 280px;
  margin: 0;
  padding: 60px 0 0 0; 
}

/* ---------------------------------------------------------------- *
	トップページ
 * ---------------------------------------------------------------- */

.contents-top {
	width:748px; 
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
	background:url(../img/top-backgraund01-2.jpg) no-repeat;
	background-position: right 200px;
	background-attachment: scroll;
}

.comment-top {
  font-size: 280%;
  margin: 0;
  padding: 10px;
  letter-spacing: 0.1em;
}

.text-top {
  width:370px;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.6;
}

.top-yamazaki-pict{
  width:148px;
  margin: 0;
  padding: 10px 20px; 
}


.top-yamazaki-text{
  width:250px;
  padding: 2px 5px;
  line-height: 1.4;
}

.top-instagram-pict{
  width:748px;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

.top-instagram-pict img{
  width:100%;
}


/* ---------------------------------------------------------------- *
	エアコンページ
 * ---------------------------------------------------------------- */

.contents-aircon {
	width:748px; 
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
	background:url(../img/aircon-backgraund01-2.jpg) no-repeat;
	background-position: 0px 200px;
	background-attachment: scroll;
}

.table-100-haikan {
  width:100%;
  height: 140px;
  margin: 10px 0 40px 0;
  padding: 0;
  border:0;
  background:url(../img/aircon-backgraund02-2.jpg) no-repeat;
  background-attachment: scroll;
}
	
.td-50-haikan-p{
  float: left;
  width:50%;
  margin: 0;
  padding: 30px 0 0 0;
}

.td-50-haikan-img{
  float: left;
  width:50%;
  margin: 0;
  padding: 20px 0 0 0;
}
	
.td-50-haikan-img img{
  width:100%;
}

.aircon-top-left {
  float: left;
  width:50%;
  margin: 0;
  padding: 10px 0; 
}

.aircon-top-left img {
  width:100%; 
}

.aircon-top-right {
  float: left;
  width:46%;
  margin: 0;
  padding: 10px 2%; 
}


.aircon-middle-left {
  float: left;
  width:46%;
  margin: 0;
  padding: 10px 2%; 
   
}

.aircon-middle-right {
  float: left;
  width:50%;
  margin: 0;
  padding: 10px 0;
}

.aircon-middle-right img {
  width:100%;
}

/* ---------------------------------------------------------------- *
	電気工事ページ
 * ---------------------------------------------------------------- */

.electricity-top-left {
  float: left;
  width:100%;
  height: 550px;
  margin: 0 0;
  padding: 0;
}
	
.electricity-top-left img{
  width:100%;
}

.electricity-top-right {
  float: left;
  width:100%;
  height: 350px;
  margin: 0;
  margin: 0;
}

.electricity-top-right-01 {
	float: left;
  width:100%;
  height: 130px;
  margin: 0;
  padding: 0;
  background: #fff;
}

.electricity-top-right-02 {
	float: left;
  width:100%;
  height: 160px;
  margin: 0;
  padding: 0;
  background:url(../img/electricity-top04-2.jpg) no-repeat right top;
  background-attachment: scroll;
}

.electricity-top-right-03 {
	float: left;
  width:100%;
  height: 0px;
  margin: 0;
  padding: 0;
  background: #fff;
}

/* ---------------------------------------------------------------- *
	アンテナページ
 * ---------------------------------------------------------------- */

.contents-antenna {
	width:748px; 
	margin: 70px 0 0 0;
    padding: 10px;
	text-align:left;
	background:url(../img/antenna-backgraund01-2.jpg) no-repeat;
	background-position: 0px 20px;
	background-attachment: scroll;
}

.td-antennaservice {
  margin: 0;
  padding: 10px 0 30px 350px;
}



/* ---------------------------------------------------------------- *
	営業エリアページ
 * ---------------------------------------------------------------- */
.area-map-left {
  float: left;
  width:70%;
  margin: 0; 
  padding: 2% 0;
}
	
.area-map-left img {
 width:100%;
}

.area-map-right {
  float: left;
  width:30%;
  margin: 0; 
  padding: 0 0;
}
	
.area-map-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 0 5%;
  font-size: 13px;
  border:#666 solid 1px;
}

.area-map-h4 {
  margin: 10px 0 0 0; 
  padding: 0;
}


/* ---------------------------------------------------------------- *
	会社案内ページ
 * ---------------------------------------------------------------- */

.table-company {
  float: left;
  width:70%;
  margin: 10px 0 40px 0;
  padding: 0;
}

.table-company th {
  width:30%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  background: #F3F4F4;
  border:#666 solid 1px;
}

.table-company td {
  width:70%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  border:#666 solid 1px;
}

.company-img {
  float: left;
  width:30%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: right;
}
	
.company-img img {
  width:90%;
}

.company-map {
  float: left;
  width:50%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: center;
}
	
.company-map img {
  width:90%;
}

.company-navi {
  float: left;
  width:50%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: center;
}






/* ページナビ--------------------------------------------------------- */

.paginavi{
  width:100%;
  margin:0 0 5px 0;
  padding: 0;
  line-height: 1.3;

}




/* ---------------------------------------------------------------- *
	footer
 * ---------------------------------------------------------------- */

footer {
  width:718px;
  margin: 0;
  padding: 10px 25px;
  background: #006FB8;
  text-align:center;
}
	

.footer-left {
  float: left;
  width:48%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: right;
}

.footer-left img {
  width:100%;
}


.footer-middle {
  float: left;
  width:4%;
  margin: 10px 0 40px 0;
  padding: 0;
}

.footer-middle img {
  width:88%;
}

.footer-right {
  float: left;
  width:47%;
  margin: 10px 0 40px 0;
  padding: 0 0 0 1%;
  text-align: left;
}

.footer-right img {
  width:100%;
}

.footer-right p {
  margin: 0;
  padding: 2px 0;
  font-size: 15px;
  font-weight:bold;
  color: #fff;
}
	
.footer-right p a{
  margin: 0;
  padding: 6px 0;
  font-size: 15px;
  font-weight:bold;
  color: #fff;
}

footer .address {
  width:100%;
  margin: 5px 0;
  padding: 0;
  color: #fff;
}

.pcgo {
  text-indent: -4000px;
  padding: 0;
}
	
	
}

/* ---------------------------------------------------------------- *
	すまほCSS
 * ---------------------------------------------------------------- */

	
@media only screen and ( max-width: 767px) {
	body { width: 320px; }
	.shell { width: 320px; margin: 0 auto;  }
	#header { width: 320px; height: ;position: relative;z-index: 500; padding-left: 0; padding-right: 0;  }
	
h2 {
  width: 100%;
  font-size: 200%;
  margin: 0;
  padding: 20px 0;
  color: #8D8D8D;
  border-bottom: 1px dotted #CCC;
}

h3 {
  font-size: 150%;
  margin: 10px 0 0 0 ;
  padding: 0;
  line-height: 1.2;
 
}

h4 {
 font-size: 130%;
  margin: 0 ;
  padding: 0;
  
}


h5 {
  font-size: 120%;
  margin: 0 ;
  padding: 0;
}

	
.headerleft {
  float: left;
  width: 320px;
  height: 80px;
  margin: 0;
  padding: 0;
}


#logo { width: 100%; font-size: 0; line-height: 0; padding:0 ;text-align: center;}
#logo a { display: block; background: url(../img/header-logo3.jpg) no-repeat;  text-indent: -4000px;padding:0 0 0 0 ; }



.headerright {
  float: left;
  width: 320px;
   margin: 0;
  padding: 0;
}

.toiawase {
  float: left;
  width: 320px;
  margin: 0;
  padding: 0 ;
  line-height: 18px;
  text-align: center;
}


.tel-bot {
  width: 320px;
  height: 40px;
  margin: 0;
  padding:10px 0;
  background: #D8D8D8;
  text-align:center;
  list-style: none;
  display: block;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}


/* ---------------------------------------------------------------- *
	ナビ部分
 * ---------------------------------------------------------------- */

	#navigation {
	float: left;
	width: 320px;
	padding: 0;
	margin: 0;
	height: 0;
	background: #fff;
    border: 0;
}
	#navigation a.nav-btn { 
		width: 320px;
		height: 36px;
		margin: 10px 0;
		padding:15px 0 0 0;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background: #909090;
		text-align:center;
		list-style: none;
		display: block;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */  Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */  
	}
	
	#navigation a.nav-btn:hover { 
		text-decoration: none;
	}
	
	#navigation a.nav-btn span.arr { 
		background: url(../img/nav-arr.png) no-repeat 0 0; 
		width: 15px; 
		height: 9px;
		margin: 6px 0 0 30px;
		padding:0;
		position: absolute;  
	}
	
	#navigation a.nav-btn span.arr.active { background: url(../img/nav-arr.png) no-repeat 0 bottom; 
	}
	
	

	#navigation ul {
		display: none; 
		margin: 0;
		padding: 0; 
		width: 100%;
	}
	#navigation ul li {
		display: block; 
		width: 90%;
		height: 30px;
		margin: 0 5%;
		padding: 15px 0 5px 0; 
		float: none; 
		background: #fff;
	}
	#navigation ul li a { padding: 0; color: #666; }
 
/* ---------------------------------------------------------------- *
	メイン部分
 * ---------------------------------------------------------------- */
#main {
	width:100%;
    margin:0 ;
    padding: 50px 0 0 0;
}

#main a:hover {
	/* IE8 標準モードの独自拡張 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
	/* Firefox 1.5 までの独自拡張 */
	-moz-opacity: 0.7;  
	/* Safari 1.1 までの独自拡張 */
	-khtml-opacity: 0.7;  
	/* Safari 2.0 までの独自拡張 */
	-webkit-opacity: 0.7;  
	/* CSS3 の公式プロパティ（Firefox 1.5+、Opera 8.0+、Safari 3.0+）*/
	opacity: 0.7;
} 


/* ---------------------------------------------------------------- *
	コンテンツ　共通設定
 * ---------------------------------------------------------------- */


.contents {
	width:320px; 
	margin: 0;
    padding: 5px 0;
	text-align:left;
}

.table-100 {
  width:100%;
  margin: 10px 0 40px 0;
  padding: 0;
  border:0; 	
}

.td-25
{
  float: left;
  width:50%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

.td-25 img
{
  width:80%;
}

.td-50
{
  float: left;
  width:100%;
  margin: 10px 0;
  padding: 0;
}
	
.td-50 img
{
  width:100%;
}

.td-50-center
{
  float: left;
  width:100%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}
	
.td-50-center img
{
  width:100%;
}

.price {
  margin: 0; 
  padding: 0 5%;
  font-size: 16px;
  font-weight:bold;
}

.price-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 2% 5%;
  font-size: 16px;
  font-weight:bold;
  border:#666 solid 1px;
}

.price-tax {
  width:90%;
  margin: 0; 
  padding: 0% 5%;
  text-align: right;
}

/* ---------------------------------------------------------------- *
	ダイキントップページ
 * ---------------------------------------------------------------- */

.contents-daikin-top {
	width:320px;
	height: 410px;
	margin: 20px 0 0 0 ;
    padding: 0;
	text-align:left;
	background:url(../img/daikin-top-bg3.jpg) no-repeat top;
	background-attachment: scroll;
}

.daikin-top-left {
  float: left;
  width:100%;
  height: 200px;
  margin: 0;
  padding: 0; 
}

.daikin-top-left img {
  width:100%;
}

.daikin-top-right {
  float: left;
  width:100%;
  height: 200px;
  margin: 0;
  padding: 0; 
}

.daikin-top-right img {
  width:100%;
}

.daikin-top-banner {
 display:none;
}


.daikin-top-table-100 {
	display:none;
}

.daikin-top-insta-pc {
  display:none;
}

.daikin-top-insta-pc img {
 display:none;
}

.daikin-top-insta-sp {
  display:block;
  float: left;
  width:100%;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
}

.daikin-top-insta-sp img {
  display:block;
  width:100%;
}




/* ---------------------------------------------------------------- *
	トップページ
 * ---------------------------------------------------------------- */

.contents-top {
	width:320px; 
	margin: 0;
    padding: 5px 0;
	text-align:left;
	background:url(../img/top-backgraund01-3.jpg) no-repeat;
	background-position: 0px 400px;
	background-attachment: scroll;
}

.comment-top {
  font-size: 18px;
  margin: 0;
  padding: 5px;
  letter-spacing: 0.1em;
}

.text-top {
  width:320px;
  padding: 5px;
  font-size: 13px;
  line-height: 1.6;
}

.top-yamazaki-pict{
  width:148px;
  margin: 0;
  padding: 10px 20px; 
}


.top-yamazaki-text{
  width:250px;
  padding: 2px 5px;
  line-height: 1.4;
}
	
.top-instagram-pict{
  width:100%;
  margin: 10px 0;
  padding: 0; 
}

.top-instagram-pict img{
  width:100%;
}

/* ---------------------------------------------------------------- *
	ダイキン最新エアコンページ
 * ---------------------------------------------------------------- */

	
.daikin-table-100 {
  float: left;
  display: block;
  width:100%;
  height: 1950px;
  margin: 20px 0 0 0;
  padding: 0;
  border:0; 	
}

.daikin-td-50 {
  float: left;
  display: block;
  width:100%;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.daikin-td-50 img {
  width:100%;
  margin: 0;
  padding: 0;
}
	
/* ---------------------------------------------------------------- *
	エアコンページ
 * ---------------------------------------------------------------- */

.contents-aircon {
	width:320px; 
	margin: 0;
    padding: 5px 0;
	text-align:left;
	background:url(../img/aircon-backgraund01.jpg) no-repeat;
	background-position: 0px 20px;
	background-attachment: scroll;
}

.table-100-haikan {
  width:310;
  height: 240px;
  margin: 10px 5px 40px 5px;
  padding: 0;
  background:#fff;
  border:#666 solid 1px;
}
	
.td-50-haikan-p{
  float: left;
  width:100%;
  margin: 0;
  padding: 5px 0;
}

.td-50-haikan-img{
  float: left;
  width:100%;
  margin: 0;
  padding: 5px 0;
}
	
.td-50-haikan-img img{
  width:100%;
}

.aircon-top-left {
  float: left;
  width: 320px;
  margin: 0;
  padding: 10px 0; 
}

.aircon-top-left img {
  width:320px; 
}

.aircon-top-right {
  float: left;
  width: 310px;
  margin: 0;
  padding: 10px 5px; 
}


.aircon-middle-left {
  float: left;
  width:310px;
  margin: 0;
  padding: 10px 5px; 
   
}

.aircon-middle-right {
  float: left;
  width:320px;
  margin: 0;
  padding: 10px 0;
}

.aircon-middle-right img {
  width:100%;
}

/* ---------------------------------------------------------------- *
	電気工事ページ
 * ---------------------------------------------------------------- */

.electricity-top-left {
  float: left;
  width:100%;
  height: 250px;
  margin: 0;
  padding: 0;
}
	
.electricity-top-left img{
  width:100%;
}

.electricity-top-right {
  float: left;
  width:100%;
  height: 410px;
  margin: 0;
  margin: 0;
}

.electricity-top-right-01 {
	float: left;
  width:100%;
  height: 130px;
  margin: 0;
  padding: 0;
  background: #fff;
}

.electricity-top-right-02 {
	float: left;
  width:100%;
  height: 260px;
  margin: 0;
  padding: 0;
  background:url(../img/electricity-top04-3.jpg) no-repeat;
  background-position: 0px 120px;
  background-attachment: scroll;
}

.electricity-top-right-03 {
	float: left;
  width:100%;
  height: 0px;
  margin: 0;
  padding: 0;
  background: #fff;
}

/* ---------------------------------------------------------------- *
	アンテナページ
 * ---------------------------------------------------------------- */

.contents-antenna {
	width:320px; 
	margin: 0;
    padding: 5px 0;
	text-align:left;
	background:url(../img/antenna-backgraund01-3.jpg) no-repeat;
	background-position: 0px 120px;
	background-attachment: scroll;
}

.td-antennaservice {
  margin: 0;
  padding: 0;
}



/* ---------------------------------------------------------------- *
	営業エリアページ
 * ---------------------------------------------------------------- */
.area-map-left {
  float: left;
  width:100%;
  margin: 0; 
  padding: 2% 0;
}
	
.area-map-left img {
 width:100%;
}

.area-map-right {
  float: left;
  width:100%;
  margin: 0; 
  padding: 0 0;
}
	
.area-map-waku {
 width:86%;
  margin: 2% 2%; 
  padding: 0 5%;
  font-size: 13px;
  border:#666 solid 1px;
}

.area-map-h4 {
  margin: 10px 0 0 0; 
  padding: 0;
}


/* ---------------------------------------------------------------- *
	会社案内ページ
 * ---------------------------------------------------------------- */

.table-company {
  float: left;
  width:90%;
  margin: 10px 5px;
  padding: 0;
}

.table-company th {
  width:30%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  background: #F3F4F4;
  border:#666 solid 1px;
}

.table-company td {
  width:70%;
  margin: 0;
  padding: 2%;
  font-size: 15px;
  font-weight:bold;
  border:#666 solid 1px;
}

.company-img {
  float: left;
  width:100%;
  margin: 10px 0 40px 0;
  padding: 0;
  text-align: center;
}
	
.company-img img {
  width:90%;
}

.company-map {
  float: left;
  width:100%;
  margin: 10px 5px;
  padding: 0;
  text-align: center;
}
	
.company-map img {
  width:90%;
}

.company-navi {
  float: left;
  width:100%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}






/* ページナビ--------------------------------------------------------- */

.paginavi{
  width:100%;
  margin:0 0 5px 0;
  padding: 0;
  line-height: 1.3;

}




/* ---------------------------------------------------------------- *
	footer
 * ---------------------------------------------------------------- */

footer {
  width:320px;
  margin: 0;
  padding: 10px 5px;
  background: #006FB8;
  text-align:center;
}
	

.footer-left {
  float: left;
  width:100%;
  margin: 10px 0 ;
  padding: 0;
  text-align: center;
}

.footer-left img {
  width:90%;
}


.footer-middle {
  float: left;
  width:0;
  height: 0px
  margin: 0;
  padding: 0;
}

.footer-middle img {
  width:0;
}

.footer-right {
  float: left;
  width:100%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

.footer-right img {
  width:100%;
}

.footer-right p {
  margin: 0;
  padding: 2px 0;
  font-size: 13px;
  font-weight:bold;
  color: #fff;
}
	
.footer-right p a{
  margin: 0;
  padding: 2px 0;
  font-size: 13px;
  font-weight:bold;
  color: #fff;
}

footer .address {
  width:100%;
  margin: 5px 0;
  padding: 0;
  color: #fff;
}

.pcgo {
  text-indent: -4000px;
  padding: 0;
}
	
	 }