@charset "UTF-8";
@media screen and (min-width: 581px){


/* ========BASIC======== */
html { overflow-y:scroll; }

body {
   margin:0; padding:0;
   line-height:22px;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   font-size:0.9em;
   color:#404040;
   background:#ffffff  url("../../images/bg.jpg") 0 0 repeat-x;
      width:100%;
}

br { letter-spacing:normal; }
a { color:#0077A9; text-decoration:none; font-weight:bold; }
a:hover { color:#000000; text-decoration:underline; }
img { border:0; vertical-align:bottom;max-width:100%; }
h1,h2,h3,h4,h5,h6 { margin:0; }

.center{ text-align:center; }
.left{ float:left; margin-right:5px; }
.right{ float:right; margin-left:5px; }

#main p { margin:20px 10px; }

strong{ color:#FF7E00; font-size:18px; font-weight:bold; }
hr { background:#ffffff  url("../../images/hr.png") 0 0 repeat-x; border:0px; height: 43px; width:660px; clear:both; }

/* ========TEMPLATE LAYOUT======== */
#contents_top { clear:both; width:960px; margin:25px auto; padding:0px; }
#contents { clear:both; width:960px; margin:25px auto; padding:0px; }
#main_top { float:left; width:660px; margin-left:0px ; }

#main { float:left; width:660px; margin-left:10px; background: url("../../images/bg_main.png") 0 0 no-repeat; padding:0px 10px 50px 14px; display:block;}

/* ========HEADER CUSTOMIZE======== */
#headWrap { }
#header { position:relative; width:960px; margin:0 auto; height:110px; }
.header_logo { position:absolute; top:10px; left:0px; }
.contact { background:url(../../images/bg_contact.png) no-repeat; position:absolute; top:35px; right:0px; width:180px; height:60px; padding-left:250px; padding-top:10px; }
.fair { background:url(../../images/bg_contact.png) no-repeat; position:absolute; top:35px; right:0px; width:180px; height:60px; padding-left:250px; padding-top:10px; }
#gnavi { position:absolute; top:8px; right: 40px; font-size:12px; }
#gnavi  a{ background:url(../../images/mark_arrow.png) left 1px no-repeat; padding-left:15px; margin-left:20px;}
#header h1 { margin-left:10px; color:#ffffff; font-size:12px; font-weight:normal; }

/* ========p_navi======== */
#p_navi { width:911px; height:10px; margin:5px auto; font-size:0.85em; }

/* ========Top======== */
#point{
background:#F7F7F7; 
width:670px; 

display:inline-table; 
border:4px solid #ffffff;
/* box-shadow */
box-shadow:0px 0px 6px 0px #999999;
-moz-box-shadow:0px 0px 6px 0px #999999;
-webkit-box-shadow:0px 0px 6px 0px #999999;
padding:0;
padding-bottom:10px;
margin-bottom:140px;
}

#point p{float:left; margin:0; width:50%;}


/* ========MENU CUSTOMIZE======== */
#menu { width:960px; height:50px; margin:0 auto; padding-left:18px; }
#menu ul { margin:0 auto; padding:0; }
#menu li { margin-top:0px; float:left; list-style-type:none; }
#menu li a { display:block; width:151px; }
#menu li.home a { width:152px; }



#menu ul li {
  position: relative;

}
#menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
    background:#ffffff;
}
#menu ul li:hover, .menu ul li a:hover {

}
#menu ul li ul {
  position: absolute;
  z-index: 100;
}


#menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 140;/*サブメニューの幅*/
  height: 0;
 height:30px;/*サブメニューの高さ*/
border-bottom:1px solid #ffffff;
margin:0;

}

#menu ul li ul li a{
  background:#0092cf;/*サブメニューの背景色*/
   color:#ffffff;
 padding-top:5px;
padding-left:5px;
 height:25px

}


#menu ul li ul li:hover, #menu ul li ul li a:hover {
  background:#efefef;
   color:#666666;
    height:30px;/*サブメニューの高さ*/


}
#menu ul li:hover ul li, #menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:30px;/*サブメニューの高さ*/
  z-index: 10;
    color:#333333;
}
#menu * {

}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main h1 { width:630px; margin-top:40px; margin-left:5px; margin-bottom:20px; padding:5px 0 0 10px; height:30px; font-size:30px; font-weight:normal; color:#044A6C; border-bottom:4px solid #4BA6D9; }
#main h1 span { display: block; color: #0077D9; font-size: 0.6em; font-weight:normal; }
#main h2 { 
margin:20px 14px 10px 7px; 
padding:12px 0 10px 38px;  
font-size:18px; 
color: #005B9D;  
font-weight:bold;  
background:#ebf9f9 url("../../images/bg_h2.png") 5px 8px no-repeat;
clear:both; 
display:block;
 border:2px solid #97c5e1;
  border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
 }
 
 
#main h3 { margin:10px 7px 10px 7px; padding: 4px; font-size:16px; font-weight:normal; background-color:#eee;}

/* ========信頼と実績======== */
#maker{ border:1px solid #eee; margin: 20px 0 30px 7px; padding-bottom:15px; width:650px;display:inline-block; }
#maker ul { list-style:none; margin-left:0px; }
#maker li { float: left; border:1px solid #cdcdcd; margin-left:10px; margin:10px; }
#past_work{ margin-bottom:30px; margin-left:-30px; display:inline-block; }
#past_work ul { list-style:none; margin-left:0px; }
#past_work li { float: left; width:200px; margin-right:15px; margin-top:0px; margin-bottom:20px; display:block; font-size:80%; line-height:1.2em; }
#past_work li img{ float: left; border:4px solid #E8E8E8; margin-top:10px; display:inline-block; width:200px; max-height:150px;margin-bottom:5px; }
#past_work li span{ font-size:80%; text-align:center; display:block; line-height:17px; }
.ml70{ margin-left:70px; margin-right:20px; }
.bt_page{ float: left; margin:10px 5px 5px 45px; display:inline-block; width:260px; }



/* ========SUBCONTENTS CUSTOMIZE======== */
#sub_top { float:right; width:240px; font-size:0.85em; margin-top:29px; margin-right:10px; }

#sub { float:right; width:240px; font-size:0.85em; margin-top:0px; margin-right:10px; }
#submenu { width:240px; padding-top:5px; }
#submenu ul { padding:0; margin-left:0; }
#submenu li { height:44px; list-style:none; }

.box_sub{ border:1px solid #B3B3B3;  background:#ffffff; margin:0; width:223px; text-align:center; margin-bottom:10px; line-height:1.4em; }


.pl40{ padding-left:40px; }


.sub2{ 
width:218px; 
height:100%;
text-align:center;
border:4px solid #e6e6e6;
margin-bottom:20px;
margin-top:0;
display:inline-table; 
clear:both;
background:#ffffff;
}

.sub2 a img{
text-align:center;

}

.sub2 p{
line-height:16px;
text-align:center;
width:100%;
}


.sub3{ padding-top:55px; width:225px; height:195px; background:url("../../images/bg_right04.jpg") no-repeat; text-align:center; position:relative; }

.sub4{ padding-top:55px; width:225px; height:195px; background:url("../../images/bg_right05.jpg") no-repeat; text-align:center; position:relative; }

/* ========PAGEOP CUSTOMIZE========= */

#page-top {
    position: fixed;
    bottom: 0px;
    right:20px;
	z-index:100;
	border:1px solid #efefef;
}

#page-top a {
    padding: 0px;
	margin:0;
border:1px solid #ffffff;
text-align:center;

}
#page-top a:hover {
    text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

/* ========FOOTMENU CUSTOMIZE======== */
#footer { 
background:#f1f7fa url("../../images/bg_foot.jpg") repeat-x; 
font-size:12px; 
padding-top:5px; 
width:100%; 
margin:0px auto; 
height:200px; 
display:block;
clear:both;
}

.foot_menu { width:960px; margin:0 auto; padding-top:30px; }
.foot_access { float:right; margin-top:20px; width:650px; font-size:90%; display:block; text-align:right; }
.box_footer{ display:block; width:920px; padding:10px; background:#e4f0f6; color:#60a4c8; line-height:1.4em; margin:0 auto; margin-bottom:10px; border:1px solid #ffffff; }
.copyright {text-align:left; width:100%; margin:0; padding:0px; 
}
.foot_links { margin-bottom:20px; width:100%; font-size:90%; display:block; text-align:right; }
.foot_links i{ margin-right:4px;}


/* ========その他======== */
.mt-30{margin-top:-30px!important;}
.mt-15{margin-top:-15px!important;}
.mt-10{margin-top:-10px!important;}
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}
.mt95{margin-top:95px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}

.ml-5{margin-left:-5px!important;}
.ml0{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml55{margin-left:55px!important;}
.ml60{margin-left:60px!important;}
.ml65{margin-left:65px!important;}
.ml70{margin-left:70px!important;}
.ml75{margin-left:75px!important;}
.ml80{margin-left:80px!important;}
.ml85{margin-left:85px!important;}
.ml90{margin-left:90px!important;}
.ml95{margin-left:95px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
.mr55{margin-right:55px!important;}
.mr60{margin-right:60px!important;}
.mr65{margin-right:65px!important;}
.mr70{margin-right:70px!important;}
.mr75{margin-right:75px!important;}
.mr80{margin-right:80px!important;}
.mr85{margin-right:85px!important;}
.mr90{margin-right:90px!important;}
.mr95{margin-right:95px!important;}
.mr100{margin-right:100px!important;}

.pt0{padding-top:0px!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
.pt55{padding-top:55px!important;}
.pt60{padding-top:60px!important;}
.pt65{padding-top:65px!important;}
.pt70{padding-top:70px!important;}
.pt75{padding-top:75px!important;}
.pt80{padding-top:80px!important;}
.pt85{padding-top:85px!important;}
.pt90{padding-top:90px!important;}
.pt95{padding-top:95px!important;}
.pt100{padding-top:100px!important;}

.pb0{padding-bottom:0px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}
.pb55{padding-bottom:55px!important;}
.pb60{padding-bottom:60px!important;}
.pb65{padding-bottom:65px!important;}
.pb70{padding-bottom:70px!important;}
.pb75{padding-bottom:75px!important;}
.pb80{padding-bottom:80px!important;}
.pb85{padding-bottom:85px!important;}
.pb90{padding-bottom:90px!important;}
.pb95{padding-bottom:95px!important;}
.pb100{padding-bottom:100px!important;}

.pl0{padding-left:0px!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}
.pl55{padding-left:55px!important;}
.pl60{padding-left:60px!important;}
.pl65{padding-left:65px!important;}
.pl70{padding-left:70px!important;}
.pl75{padding-left:75px!important;}
.pl80{padding-left:80px!important;}
.pl85{padding-left:85px!important;}
.pl90{padding-left:90px!important;}
.pl95{padding-left:95px!important;}
.pl100{padding-left:100px!important;}

.pr0{padding-right:0px!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}
.pr55{padding-right:55px!important;}
.pr60{padding-right:60px!important;}
.pr65{padding-right:65px!important;}
.pr70{padding-right:70px!important;}
.pr75{padding-right:75px!important;}
.pr80{padding-right:80px!important;}
.pr85{padding-right:85px!important;}
.pr90{padding-right:90px!important;}
.pr95{padding-right:95px!important;}
.pr100{padding-right:100px!important;}

.red{color:red;}
.green{color:green;}

.flr{ float:right; }
.fll{ float:left; }
.flSideText{ overflow:hidden; zoom:1; }

.tac{ text-align:center; }
.tar{ text-align:right; }
.tal{ text-align:left; }

.oshirase{
	margin: 10px 0 25px 10px;
	padding: 1px 40px;
	box-sizing: border-box;
	border: 1px solid black;
}
.oshirase .border-top{ border-top: 1px dotted #ccc; }
.oshirase .midashi{ font-size:16px;color:#C91C3C; font-weight:bold; padding-top:5px;}
.campaign{
	border: 2px solid red;
	background-color: #FFFEE4 !important;
}
.buildnum-box{
	width: 635px;
	border: 1px solid #ccc;
	padding: 15px 0;
	text-align: center;
}

.buildnum-box .title{
	font-size: 16px;
}

.buildnum-box .num{
	font-weight: bold;
	font-size: 22px;
	padding: 0 10px;
	color: #C91C3C;
}

.bold{
	font-weight: bold;
	font-size: 16px;
	color: #C91C3C;
}

/* 会社概要 */
.datatable {
	width: 635px;
	margin-left: 10px;
	font-size:13px;
	line-height:1.6em;
	border-collapse:collapse;
	background:#FFF;
}
.datatable td {
	font-size:13px;
	line-height:1.6em;
	padding:12px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
	background:#FFF;
}
.datatable th {
	font-size:12px;
	line-height:1.6em;
	width:130px;
	vertical-align:middle;
	padding:12px;
	font-weight:bold;
	text-align: left;
	border:solid 1px #ccc;
	background:#f0f0f0;
}
.datatable input.habahalf { width:50%; }
.datatable input.habafull { width:98%; }
.datatable textArea.habafull { width:98%; }

/* 工事の流れ pics */
img.flow_pic { width:170px; padding:2px; border:1px solid #D7E1EF; }

/* ショウルーム pics */
img.showroom_pic { padding:2px; border:1px solid #D7E1EF; width:95%; }

/* こんなにお得！売電状況 */
.baiden-title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: orange;
}
.baiden-title img{
	margin-right: 5px;
}
#baiden th{ font-weight:normal; }
#baiden td{ vertical-align:top; text-align:center; }
#baiden .point{
	margin:20px 0;
	padding:10px;
	border: 2px red dotted;
}
#baiden .price{
	font-size: 18px;
}
#baiden .sum{
	font-weight: bold;
}
#baiden .plus{
	color: blue;
}
#baiden .minus{
	color: red;
}
/* 安心の工事体制 */
#workflow table{
	margin-left: 10px;
	background-color: #ccc;
	width: 630px;
}
#workflow table th{
	background-color: #fff;
	padding: 10px 5px;
	text-align: center;
}
#workflow table td{
	background-color: #fff;
	padding: 10px 5px;
	text-align: left;
}
#workflow .statustable td{
	text-align: center;
}
#workflow .statustable th.before{
	background-color: yellow;
}
#workflow .statustable th.underconst{
	background-color: orange;
}
#workflow .statustable th.after{
	background-color: #82B7D7;
}
#workflow .statustable .gray{
	color: red;
	font-weight: bold;
	background-color: #eee;
}
#workflow .photo{
	margin-bottom: 15px;
}
#workflow .photo th{
	width: 33%;
}
#workflow .photo img{
	width: 157px;
}
#workflow p{
	width: 558px;
	border: 2px dotted #4BA6D9;
	padding: 20px;
	padding-left: 50px;
	background:url(../../images/mark_sun.png) 10px 10px no-repeat;
}
p.sun-mark{
	padding:0 10px 0 60px;
	background:url(../../images/mark_sun.png) 10px 0 no-repeat;
}
#myFacebook{
	margin: 30px 0 30px 10px;
	width: 650px;
	height:580px;
}

.item-list{
	margin-left: 12px;
	width: 96%;
	background-color: #ccc;
}
.item-list th{
	font-size: 90%;
	background-color: #eee;
	text-align: center;
}
.item-list td{
	font-size: 90%;
	text-align: center;
	background-color: #fff;
	padding: 10px;
}
.item-list span{
	font-size: 130%;
	font-weight: bold;
}
.point-title{
	color: green;
	font-size: 130%;
	font-weight: bold;
}
.pr-point{
	color:red;
}

#news{
	margin: 20px 0 30px 0;
	display:block;
	clear:both;
}
#news p{
	font-weight: bold;
	font-size: 120%;
	border-bottom: 3px solid #4BA7DA;
	padding: 5px 0;
}
#news ul{
	padding: 0;
}
#news li{
	list-style-type: none;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
#news li a{
	margin-left: 10px;
}


/* ========TOP======== */
#catch{
margin:0;
height:310px;
}

.banner{
clear:both;
width:100%;
display:block;
}


ul.bxslider{
margin:0;

}

ul.bxslider li img {
  position: absolute;
  top: 0px;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}


ul.bxslider li {
padding:10px;
display:block;
height:310px;
text-align:center;
  position: relative;
  margin-top:0px;
  margin-bottom:0px;
}

/* ========スマホメニュー======== */

.header_contact{
position:absolute;
top:3px;
right:20px;
display:none;
z-index:999999;
}


#mainnavi{
position:absolute;
top:70px;
left:0;
background:#399bcd;

text-align:left;
width:100%;
padding-bottom:20px;
border:1px solid #cdcdcd;
z-index:999999;
display:none;
}

#mainnavi ul{
list-style:none;
padding:0;
margin:0,;
}

#mainnavi li{
list-style:none;
margin-left:0px;
}

#mainnavi li a{
padding:7px 5px 7px 15px;
border-bottom:1px dotted #cdcdcd;
width:100%;
display:block;
color:#ffffff;
z-index:999999;

}

#main .topics{
	width: 630px;
	margin-left: 5px;
}
#main .topics img{
	padding-right: 10px;
}
#main .topics p.title{
	border-top: 2px dotted #4BA6D9;
	border-bottom: 2px dotted #4BA6D9;
	font-size: 140%;
	padding: 10px 0;
	margin-bottom: 20px;
	margin-top: 10px;
}
#main .topics p{
	margin: 40px 0;
}
#main .topics p.wrote{
	margin: 40px 0 0 0;
	font-size: 90%;
}
table#company .company-logo{
	width: 200px;
}

#contents.battery #main p {
    margin: 20px 10px;
}
#contents.battery p.leadtext1{
	font-size: 20px;
	color: white;
	background: darkcyan;
	padding: 0.5rem 1rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2rem !important;
}
#contents.battery p.leadtext2{
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 1rem !important;
	border-bottom: 1px dotted;
	padding-bottom: 0.5rem;
}

a.battery-btn{
	background-color: orange;
	color: white;
	padding: 0.5rem;
}
#battery-items{
	margin-bottom: 60px;
}
#battery-items p:first-child {
	font-weight: bold;
	font-size: 130%;
	border-bottom: 3px solid #1E8CDD;
	padding: 5px 0;
}
#battery-items table{
	background-color: #ccc;
	font-size: 80%;
	margin-bottom: 20px;
}
#battery-items th{
	background-color: #eee;
	text-align: center;
	padding: 10px;
}
#battery-items td{
	background-color: #fff;
	padding: 10px;
	text-align: center;
}
#battery-items td img{
	width: 80%;
}

}