@charset "utf-8";

/*====================================================================

common.css

======================================================================

	01.format
	02.body
	03.header
	04.navigation
	05.local navigation
	06.main
	07.footer
	08.other
	09.index
	10.level2

=====================================================================*/


/*--------------------------------------------------------------------/
	01.format
/--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	vertical-align: top;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}
hr{
	border-width:0px;
	height:0
}
li{list-style-type: none;}


/*a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color: #38b41c;
	outline:none;
}

a:link   {text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}



/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body{
	background: #f7f3eb;
	text-align: center;
	font-size: 12px;
	color: #232323;
}
div#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background:url(img/common_bg_wrapper.gif) repeat-y;
	text-align: left;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
div#header{
	position:relative;
	width: 800px;
	height: 83px;
	background:url(img/common_bg_header.gif) no-repeat;
}
div#header h1{
	position:absolute;
	top:10px;
	right:20px;
	font-size: 10px;
	font-family:'ＭＳ ゴシック',sans-serif;
	color: #b4b2af;
}
div#header div a{
	position:absolute;
	display: block;
	top:10px;
	left:10px;
	width: 190px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
}

/* primary navigation
--------------------------------------------------------------------*/
div#header ul{
	position:absolute;
	top:35px;
	right:2px;
	width:290px;
	height:20px;
	background: url(img/common_bg_primary.gif) no-repeat;
}
div#header ul li,
div#header ul li a{
	display:inline;
	height:20px;
	outline:none;
	text-indent:-9999px;
}
#pn1 a{
	float:left;
	width:82px;
	background-position: 0 0;
}
#pn2 a{
	float: left;
	width:100px;
	background-position: -82px 0;
}
#pn3 a{
	float: left;
	width:108px;
	background-position: -182px 0;
}
div#header ul li a:hover{background-image: url(img/common_bg_primary_over.gif);}


/*--------------------------------------------------------------------/
	04.navigation
/--------------------------------------------------------------------*/
ul#navigation{
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	height: 47px;
	background: url(img/common_bg_navigation.gif) no-repeat;
}
ul#navigation li,
ul#navigation li a{
	display: inline;
	float: left;
	height: 47px;
	width:154px;
	outline: none;
	text-indent: -9999px;
}
#gn1 a{background-position: 0 0;}
#gn2 a{background-position: -154px 0;}
#gn3 a{background-position: -308px 0;}
#gn4 a{background-position: -462px 0;}
#gn5 a{background-position: -616px 0;}
ul#navigation li a:hover{background-image: url(img/common_bg_navigation_over.gif);}


/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
div#main{
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	width: 770px;
	background:url(img/common_bg_main.gif) repeat-x top;
}
div#main:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#contents{
	float: right;
	width: 540px;
	text-align:left;
}
div#sidebar{
	float: left;
	width: 210px;
	text-align: left;
}

/* contents
--------------------------------------------------------------------*/
div#contents h3{
	margin-top:20px;
	padding-bottom:17px;
	padding-left:30px;
	background:url(img/common_bg_h3.gif) no-repeat bottom;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#195416;
}
div#contents h3 span{
	margin-top:5px;
	margin-right:10px;
	font-size:12px;
	line-height:18px;
}
div#contents h4{
	margin-top:20px;
	padding-left:15px;
	background:url(img/common_bg_h4.gif);
	font-size:14px;
	font-weight:bold;
	color:#1883ed;
	line-height:40px;
}
div#contents h4 span{
	margin-right:10px;
	font-size:12px;
	line-height:40px;
}

/* box */
div.box{
	width:540px;
	text-align:left;
}
div.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#contents div.box h3{margin-top:30px;}
div.box p{
	padding:15px 15px 0 15px;
	line-height:1.9;
}
div.box img.right{
	display:inline;
	margin:15px 15px 15px 25px;
}


/* sidebar
--------------------------------------------------------------------*/
div#sidebar dl{
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:5px;
	background-image:url(img/common_bg_dl-side.gif);
}
div#sidebar dl dd{
	margin-top:5px;
	margin-left:5px;
}

div#sidebar img.btn{margin-left:10px;}

div#sidebar div#bnr{
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	padding-top:15px;
	background:url(img/common_bg_bnr-s.gif) no-repeat top;
	text-align:center;
}
div#sidebar div#bnr img{
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
div#bnr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
div#bnr a:hover img.na{
	opacity:1;
	filter: alpha(opacity=100);
}


/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
div#footer{
	position:relative;
	background:url(img/common_bg_footer.gif) no-repeat top;
	height:135px;
	width:800px;
}
div#footer *{
	font-size:10px;
	font-family:'ＭＳ ゴシック',sans-serif;
	color:#666053;
}
div#footer ul{
	float: left;
	margin-top: 35px;
	margin-left:10px;
	padding: 2px 15px 5px 0;
}
div#footer ul li{
	padding-left: 20px;
	padding-bottom:2px;
	background: url(img/common_bg_footer-li.gif) no-repeat top left;
	font-size:10px;
	text-align: left;
}
div#footer ul li ul{
	margin-top: 0;
	margin-left: -25px;
	margin-right: 0;
	padding-right: 0;
	padding-bottom: 0;
	float: none;
	background-image: none;
	border-right: none;
}
div#footer ul li ul li{
	padding-left: 25px;
	padding-bottom: 1px;
	background: url(img/common_bg_footer-li-li.gif) no-repeat top left;
	font-weight: normal;
}
div#footer ul li a{text-decoration: none; }
div#footer ul li a:hover{
	color:#33a62c;
	text-decoration: underline;
}
div#footer div{
	display:inline;
	float:right;
	margin-top:35px;
	margin-right:10px;
	width:400px;
	text-align:right;
}
div#footer address{
	margin-top:-2px;
	padding-right:3px;
	color:#666053;
}
div#footer p{
	padding-top:15px;
	color: #948d7e;
	font-size: 10px;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
}



/*--------------------------------------------------------------------/
	07.other
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clearfix{zoom:1;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
strong{color: #cc3300;}
strong.st{color:#fc6c1e;}
.ws-n{white-space:nowrap;}


/* text */
.txt_l{text-align: left;}
.txt_r{text-align: right;}
.txt_c{text-align: center;}

/* size */
.fs_s{
	font-size: 80%;
	line-height: 100%;
}
.fs_m{
	font-size: 100%;
	line-height: 120%;
}
.fs_l{
	font-size: 120%;
	line-height: 140%;
}
.msgoth-s{
	font-family:'ＭＳ ゴシック',sans-serif;
	font-size:10px;
}

/* letter spacing */
.ls_s{letter-spacing: -1pt;}
.ls_m{letter-spacing: 0pt;}
.ls_l{letter-spacing: 1em;}

/* padding */
.ps{padding: 5px;}
.ps_t{padding-top: 5px;}
.ps_b{padding-bottom: 5px;}
.ps_h{padding: 5px 0px;}
.ps_w{padding: 0px 5px;}

.pm{padding: 10px;}
.pm_t{padding-top: 10px;}
.pm_b{padding-bottom: 10px;}
.pm_h{padding: 10px 0px;}
.pm_w{padding: 0px 10px;}

/* margin */
.ms{margin: 10px;}
.ms_t{margin-top: 10px;}
.ms_b{margin-bottom: 10px;}
.ms_l{margin-left: 10px;}
.ms_r{margin-right: 10px;}
.ms_h{margin: 10px 0px;}
.ms_w{margin: 0px 10px;}

.mm{margin: 15px;}
.mm_t{margin-top: 15px;}
.mm_b{margin-bottom: 15px;}
.mm_l{margin-left: 15px;}
.mm_r{margin-right: 15px;}
.mm_h{margin: 15px 0px;}
.mm_w{margin: 0px 15px;}

.ml{margin: 20px;}
.ml_t{margin-top: 20px;}
.ml_b{margin-bottom: 20px;}
.ml_l{margin-left: 20px;}
.ml_r{margin-right: 20px;}
.ml_h{margin: 20px 0px;}
.ml_w{margin: 0px 20px;}

.m_a{margin:0px auto;}


/* pagetop */
div.pagetop{
	margin-top: 25px;
	height: 15px;
}
div.pagetop img{
	display: inline;
	float: right;
}



/*--------------------------------------------------------------------/
	09.index
/--------------------------------------------------------------------*/

/* h2box */
div#h2box{
	position:relative;
	width:800px;
	height:290px;
	background:url(img/top_bg_h2box.jpg) no-repeat;
	outline:none;
}
div#h2box h2{text-indent:-9999px;}
div#h2box a img{position:absolute;}
div#h2box a img#service01{
	top:122px;
	left:310px;
}
div#h2box a img#service02{
	top:33px;
	left:367px;
}
div#h2box a img#service03{
	top:0;
	left:490px;
}
div#h2box a img#service04{
	top:10px;
	left:616px;
}
div#h2box a img#service05{
	top:129px;
	left:688px;
}

/* tbox */
div#tbox{
	padding-bottom:20px;
	width:540px;
	background:url(img/top_bg_tbox.gif) no-repeat bottom;
}
div#tbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#tbox ul{
	margin-top:5px;
	margin-left:20px;
}
div#tbox p{
	margin-top:15px;
	margin-left:20px;
	margin-right:20px;
	padding:15px 20px;
	background-image:url(img/top_bg_tbox-p.gif);
	color:#675c54;
	text-align:left;
}


dl#tbox-btn{
	width:540px;
	height:42px;
	background:url(img/top_bg_tbox-btn.gif) no-repeat;
}
dl#tbox-btn img{	
	display:inline;
	float:left;
	margin-left:25px;
}


/* topics */
div#topics div{
	width:540px;
	height:150px;
	overflow:auto;
}
div#topics table{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:96%;
}
div#topics th,
div#topics td{
	padding: 10px 15px;
	text-align: left;
	border-bottom:solid 1px #eaeaea;
	vertical-align:top;
}
div#topics th{
	width:20%;
	font-size: 11px;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #8fb38b;
}


/* index h3 */
div#contents div#tbox h3{margin-top:0;}
div#contents div#tbox h3,
div.box h3#top,
div#contents div#topics h3{
	padding:0;
	background:none;
}



/*--------------------------------------------------------------------/
	10.level2
/--------------------------------------------------------------------*/

/* common elements
--------------------------------------------------------------------*/

/* topic path */
ul#topic-path{
	margin-bottom: -10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	height: 20px;
	text-align: left;
	font-size: 10px;
	text-align: right;
}
ul#topic-path:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul#topic-path li{
	display: inline;
	padding-left: 3px;
	font-family:'ＭＳ ゴシック',sans-serif;
	line-height: 16px;
}
ul#topic-path li a{
	padding-right:10px;
	background:url(img/common_bg_tp.gif) no-repeat right center;
}

/* box */
div.box li{
	padding-top:3px;
	padding-left:20px;
	background:url(img/common_bg_li.gif) no-repeat top left;
}
div.box img.pic{
	padding:3px;
	background:#ffffff;
	border:solid 1px #e9e9e7;
}

/* contact */
div#contact{
	margin-top:35px;
	background:url(img/common_bg_contact.gif) no-repeat bottom;
	height:180px;
}
div#contact:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#contents div#contact h3{
	margin-top:0;
	padding:0;
	padding:20px 20px 35px 25px;
	background:url(img/common_bg_contact-h3.gif) no-repeat top;
	line-height:1.5;
}
div#contact img{
	display:block;
	float:right;
	margin-right:20px;
}


/* feature
--------------------------------------------------------------------*/
div#contents h3#feature{
	margin-top:15px;
	padding:0;
	background:none;
}

/* tool */
div#ktI-T1 table{margin-top:15px;}
div#ktI-T1 th.ktImage,
div#ktI-T1 td.ktText{padding:5px 0 0 20px;}

/* confidence */
div#confidence{
	padding-bottom:30px;
	background:url(img/feature_bg_confidence.jpg) no-repeat bottom right;
	border-bottom: solid 2px #e9e9e9;
}
div#confidence h4{
	padding:0;
	background:none;
	text-indent:-9999px;
}
div#confidence dl{
	width:330px;
	margin-top:-45px;
}
div#confidence dt{
	margin-top:20px;
	padding:15px 30px 5px 15px;
	background:url(img/feature_bg_confidence-dt.gif) no-repeat top;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
div#confidence dd{
	padding:5px 30px 15px 15px;
	background:url(img/feature_bg_confidence-dd.gif) no-repeat bottom;
}


/* e-reform
--------------------------------------------------------------------*/

/* tool */
div#ktI-T2 table{margin-top:15px;}
div#ktI-T2 td.ktText{padding:5px 10px 0 15px;}
div#ktI-T2 th.ktImage img{
	padding:3px;
	background:#ffffff;
	border:solid 1px #e9e9e7;
}

/* item */
dl.item{
	margin-top:25px;
	margin-left:15px;
}
dl.item dt{margin-bottom:10px;}
dl.item dt span{
	padding:2px 5px;
	background:#f44f46;
	border:solid 1px #cd2219;
	color:#ffe43b;
	font-weight:bold;
}
dl.item dd{
	padding-top:3px;
	padding-left:20px;
	background:url(img/common_bg_li.gif) no-repeat top left;
}
div.box p.i-txt{
	clear:both;
	padding-top:0;
}

div.box p.point{
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	padding:10px 8px 10px 10px;
	background:url(img/e-reform_bg_p-point.gif);
	color:#e05138;
}

/* petit */
div#petit{
	margin-top:35px;
	padding-bottom:15px;
	background:url(img/e-reform_bg_petit.gif) no-repeat bottom;
}
div#contents div#petit h3{
	padding:0;
	background:none;
}
div#petit p{
	padding:10px 30px;
	line-height:1.9;
}
div#petit dl{margin-left:30px;}
div#petit dl dt{margin-bottom:10px;}
div#petit dl dt span{
	padding:2px 5px;
	background:#f44f46;
	border:solid 1px #cd2219;
	color:#ffe43b;
	font-weight:bold;
}
div#petit dl dd{
	padding-top:3px;
	padding-left:20px;
	background:url(img/e-reform_bg_petit-dd.gif) no-repeat top left;
}


/* reform menu */
div#reform-menu{
	margin-top:35px;
	width:540px;
	height:200px;
	background:url(img/e-reform_bg_reform-menu.gif) no-repeat;
}
div#reform-menu ul{
	margin-left:230px;
	padding-top:10px;
}


/* flow
--------------------------------------------------------------------*/
div#contents h3#solar-f{
	padding-bottom:17px;
	padding-left:30px;
	background:url(img/flow_bg_h3-solar.gif) no-repeat bottom;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#bf2904;
}
/* tool */
div#ktI-T3 table,
div#ktI-T4 table{margin-top:15px;}
div#ktI-T3 th.ktImage,
div#ktI-T3 td.ktText,
div#ktI-T4 th.ktImage,
div#ktI-T4 td.ktText{padding:5px 0 0 20px;}


/* useful
--------------------------------------------------------------------*/

/* tool */
div#ktI-T5 table,
div#ktI-T6 table{margin-top:15px;}
div#ktI-T5 th.ktImage,
div#ktI-T5 td.ktText,
div#ktI-T6 th.ktImage,
div#ktI-T6 td.ktText{padding:5px 0 0 20px;}


/* w-reform
--------------------------------------------------------------------*/
div#contents h3#campaign{
	padding-bottom:17px;
	padding-left:30px;
	background:url(img/w-reform_bg_h3_campaign.gif) no-repeat bottom;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#bf2904;
}

/* tool */
div#ktI-T7 table,
div#ktI-T8 table,
div#ktI-T9 table,
div#ktI-T10 table{
	margin-top:15px;
	width:540px;
}
div#ktI-T7 th.ktImage,
div#ktI-T8 th.ktImage,
div#ktI-T9 th.ktImage,
div#ktI-T10 th.ktImage{width:260px;}
div#ktI-T7 th.ktImage img,
div#ktI-T8 th.ktImage img,
div#ktI-T9 th.ktImage img,
div#ktI-T10 th.ktImage img{
	padding:3px;
	background:#ffffff;
	border:solid 1px #e9e9e7;
}
div#ktI-T7 td.ktText,
div#ktI-T8 td.ktText,
div#ktI-T9 td.ktText,
div#ktI-T10 td.ktText{padding:5px 20px 0 20px;}


/* air-conditioner
--------------------------------------------------------------------*/
div.box ul#ac{
	margin-top:15px;
	padding:20px;
	background:url(img/ac_bg_ul.gif) no-repeat bottom right;
	border:double #eaeae8;
}
div.box ul#ac li{
	padding-left:25px;
	background:url(img/ac_bg_li.gif) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	color:#073459;
	list-style: none;
}


/* tool */
div#ktI-T11 table,
div#ktI-T12 table{margin-top:15px;}
div#ktI-T11 th.ktImage,
div#ktI-T11 td.ktText,
div#ktI-T12 th.ktImage,
div#ktI-T12 td.ktText{padding:5px 0 0 20px;}


/* company
--------------------------------------------------------------------*/

/* tool */
/* table */
div#ktTable1{padding-bottom:10px;}
div#ktTable1 table,
div#ktTable2 table{
	margin-top:20px;
	margin-left:15px;
	width:510px;
	border-top:solid 1px #e6e6e6;
}
div#ktTable1 td,
div#ktTable2 td{	
	padding:10px 20px;
	border-bottom:solid 1px #e6e6e6;
}
div#ktTable1 td.td1,
div#ktTable2 td.td1{
	width:23%;
	color:#0b8fcf;
	background-image:url(img/common_bg_h4.gif);
}


/* access */
div#access{
	text-align: left;
}
div#access iframe{
	margin:20px 0 5px 15px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #e1e1e1;
	text-align: left;
}
div#access small{padding-left: 15px;}




/* faq
--------------------------------------------------------------------*/

/* tool */
div#ktI-T13 table{margin-top:15px;}
div#ktI-T13 th.ktImage,
div#ktI-T13 td.ktText{padding:5px 0 0 20px;}


/* contact
--------------------------------------------------------------------*/

/* tool */
div#ktI-T14 table{margin-top:20px;}
div#ktI-T14 th.ktImage,
div#ktI-T14 td.ktText{padding:5px 0 0 20px;}

div#contact-info{
	margin-top:20px;
	background:url(img/contact_bg_contact-info.gif) no-repeat;
	width:540px;
	height:100px;
}

/* contact info */
div#contact-info img{
	margin-top:33px;
	margin-left:265px;
}

/* table */
table.nml{
	margin-top:20px;
	margin-left:15px;
	width:510px;
	border-top:solid 1px #e6e6e6;
}
table.nml th,
table.nml td{	
	padding:10px 20px;
	border-bottom:solid 1px #e6e6e6;
	text-align:left;
}
table.nml th{
	width:28%;
	color:#0b8fcf;
	background-image:url(img/common_bg_h4.gif);
}

/* form */
div.box table.send{
	margin-left: 20px;
	margin-top: 20px;
	width: 150px;
}
div.box table.send th,
div.box table.send td{
	padding: 0;
	border-bottom: none;
}