@charset 'UTF-8';
@import url(common.css);
@import url(textsetting.css);


/* ================================================================ *
	NexasDesign 2008/06
	共通 CSS
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
}

#wrapper {
	width : 810px;
	margin : 0 auto;
	padding-left : 5px;
	text-align : left;
/*	background : #d4d;*/
}
/* wrapscroll使用の為 */
#wrap-contents {
	float : left;
}

table {
	border-collapse: collapse;
}

li {
	list-style : none;
}


h2 {
	margin : 0 0 15px;
}

h3 {
	margin : 0 0 5px;
}

h3.h3-bg {
	clear : both;
	width : 530px;
	height : 39px;
	margin: 0 0 15px;
	background : url(../img/parts/h3_bg.jpg) no-repeat;
}

.h3-bg span {
	display : block;
	float : left;
	margin : 7px 0 0 0;
	padding : 0 0 0 48px;
}

h4 {
	clear : both;
	margin : 15px 0 5px 0;
	padding : 0 0 0 10px;
	border-left : 4px solid #0e6099;
}
h4.border-none {
	padding : 0 0 0 0;
	border-left : none;
}
p {
	font-size : 13px;
}
/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	height : 95px;
	background : url(../img/parts/header_bg.jpg) no-repeat;
}

#header h1 {
	margin : 31px 0 0;
	float : left;
}

#header ul {
	float : right;
	display : inline;
	margin : 17px 55px 0 0;
}

#header li {
	display : inline;
}
#header li a {
	display : block;
	float : left;
	height : 14px;
	margin-left : 15px;
	text-indent : -5000px;
	overflow : hidden;
}

#header li a:hover {
	background-position : 0 -14px;
}

#com a {
	width : 73px;
	background : url(../img/navi/com_navi.gif) no-repeat;
}

#site-map a {
	width : 88px;
	background : url(../img/navi/site_map_navi.gif) no-repeat;
}

#policy a {
	width : 130px;
	background : url(../img/navi/policy_navi.gif) no-repeat;
}


/* -------------------------------------------------------------------
>> main-navi
------------------------------------------------------------------- */
#main-navi {
	clear : both;
}

#main-navi li {
	display : inline;
}
#main-navi a {
	display : block;
	float : left;
	height : 38px;
	text-indent : -5000px;
	overflow : hidden;
}
#main-navi a:hover {
	background-position : 0 -40px;
}

/*  メニュー画像読み込み  */
#elect a{
	width : 132px;
	background : url(../img/navi/elect_navi.jpg) no-repeat;
}

#info-sys a{
	width : 185px;
	background : url(../img/navi/info_navi.jpg) no-repeat;
}

#environ a{
	width : 122px;
	background : url(../img/navi/environ_navi.jpg) no-repeat;
}

#sales a{
	width : 121px;
	background : url(../img/navi/sales_navi.jpg) no-repeat;
}

#FaQ a{
	width : 88px;
	background : url(../img/navi/FaQ_navi.jpg) no-repeat;
}

#inq a{
	width : 152px;
	background : url(../img/navi/inq_navi.jpg) no-repeat;
}

#main-navi li.now a{
	background-position : 0 -40px;
}
/* -------------------------------------------------------------------
>> pankuzu
------------------------------------------------------------------- */
#pankuzu {
	clear : both;
	width : 800px;
	height :  25px;
	background : url(../img/parts/pankuzu_bg.jpg) no-repeat;
}

#pankuzu ul {
	padding : 5px 22px 0;
}

#pankuzu li {
	display : inline;
}

/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#contents {
	float : left;
	clear : both;
	width : 810px;
	margin : 20px 0;
/*	background : #4dd;*/
}

#contents p {
/*	margin : 0 0 30px 0;*/
}


/* トップページメインビジュアル */
#visual {
	margin-top : 4px;
	width : 540px;
	height : 226px;
	background : url(../img/photo/visual.jpg) no-repeat #e6e6e6 0;
}
#visual h2 {
	position : relative;
	top : 15px;
	padding-right : 10px;
	font-size : 12px;
	color : #003457;
	text-align : left;
	margin : 0 0 0 10px;
}
#visual img {
	margin : 15px 0 0 160px;
}
#visual a {
	overflow : hidden;
}


#left-area {
	float : left;
	width : 530px;
/*	background : #d4d;*/
}

#right-area {
	float : right;
	padding-left : 4px;
/*	background : #4d4;*/
}





/* ページ内リンク */
#page-list {
	margin : 0 0 20px 0;
}
#page-list ul {
	width : 232px;
	padding : 15px 0 0;
	background : url(../img/parts/page_list_in.jpg) repeat-y;
}
#page-list li {
	padding : 0 5px 15px 20px;
	font-weight : bold;
	color : #0e6099;
}
#page-list li a {
	display : block;
	text-align : left;
	padding : 0 0 0 20px;
	font-weight : normal;
	font-size : 12px;
	background : url(../img/icon/anc01.gif) no-repeat 0 0;
}
#page-list li a:hover {
	background : url(../img/icon/anc01_hover.gif) no-repeat 0 0;
}
#page-list img {
	display : block;
}



/* トップページ事業別ボタン */

#business-btn {
	clear : both;
	width : 815px;
	position : relative;
	left : -5px;
/*	background : #dd4;*/
}

#business-btn li {
	float : left;
	margin-right : 13px;
}

#business-btn .margin-none {
	margin-right : 0;
}


/* トピックス＆インフォメーション */
#update-area:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	overflow : hidden;
	visibility:hidden;
}
#update-area {
	margin : 0 0 10px;
}

#topics-box,#info-box {
	float : left;
	width : 390px;
	min-height : 300px;
	margin : 10px 0 0;
}

* html #topics-box,* html #info-box {
	height : 300px;
}

#topics-box {
	clear:both;
	margin-right : 18px;
	border : 1px solid #0e6099;
}
#info-box {
	border : 1px solid #e5b715;
}

#topics-box dl,#info-box dl {
	padding : 0 15px 0;
}

#topics-box dd {
	width : 360px;
	margin : 0 0 15px;
	padding : 0 0 5px;
	font-size : 12px;
	line-height : 140%;
	border-bottom : 1px dotted #0e6099;
}

#info-box dd {
	width : 360px;
	margin : 0 0 15px;
	padding : 0 0 5px;
	font-size : 12px;
	line-height : 140%;
	border-bottom : 1px dotted #e5b715;
}


#topics-box dd:after,#info-box dd:after,.update-box dd:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	overflow : hidden;
	visibility:hidden;
}

#topics-box span.date-photo,#info-box span.date-photo,.update-box span.date-photo {
	float : right;
	margin : 0 0 10px 10px;
	border-bottom : none;
}

#topics-box .more-btn,#info-box .more-btn {
	margin : -30px 0 20px 275px;
}

/* トピックス＆インフォ詳細 */
.update-box dt {
	margin : 0 0 10px 0;
	font-size : 18px;
	font-weight : bold;
}
.update-box dd {
	width : 510px;
	margin : 0 0 20px;
	padding : 0 0 5px;
	font-size : 12px;
	line-height : 140%;
	border-bottom : 1px dotted #e6e6e6;
}
.update-box .day-topics,.update-box .day-info {
	margin : 0 0 10px 0;
}
.page-link {
	margin : 5px 0 20px;
	padding : 4px 0;
	font-size : 12px;
	text-align : right;
	background : #efefef;
}
.page-link li {
	display : inline;
	padding : 0 2px;
}


/* テンプレートdl */
.tmp-dl01 {
	width : 510px;
	margin : 0 0 20px 0;
	font-size : 13px;
}
.tmp-dl01 dt {
	float : left;
}
.tmp-dl01 dd {
	margin : 0 0 15px;
	padding : 0 0 0 100px;
/*	border-bottom : 1px dotted #ff9966;*/
}


/* 3カラム（風力発電詳細ページなど） */
.tmp-dl02 {
	width : 510px;
	margin : 0 0 20px 0;
	border-bottom : 1px dotted #cccccc;
}
.tmp-dl02 dt {
	float : left;
	width : 80px;
}
.tmp-dl02 dd {
	margin : 0 0 10px;
	padding : 0 0 0 90px;
	line-height : 150%;
	letter-spacing : 0.07em;
	font-size : 12px;
/*	border-bottom : 1px dotted #ff9966;*/
}
.tmp-dl02 .layout-right {
	padding : 0 0 0 0px;
}

/* -------------------------------------------------------------------
>> 概要レイアウト
------------------------------------------------------------------- */
/* 概要box */
.summary-box  {
	clear : both;
	width : 530px;
	margin : 0 0 20px;
	padding : 0 0 10px;
	border-bottom : 1px dotted #cccccc;
}

.summary-box h4 {
	margin : 0 0 10px;
}
.summary-box p.layout-left {
	padding : 0 10px 0 0;
}


/* -------------------------------------------------------------------
>> 実績一覧
------------------------------------------------------------------- */
.works-box  {
	clear : both;
	margin : 0 0 15px 0;
	padding : 0 0 5px 0;
	border-bottom : 1px dotted #cccccc;
}

.works-box  h4 {
	margin : 0 0 10px 0;
	padding : 0 0 0 10px;
}
.works-box table {
	width : 530px;
	margin-bottom : 20px;
	border : 1px solid #dfdfdf;
}
.works-box td {
	padding : 5px;
}
.works-box .bg-color {
	background : #eff8fe;
}

/* -------------------------------------------------------------------
>> 床暖房詳細
------------------------------------------------------------------- */
.heating-box h4 {
	margin : 10px 5px;
	padding : 0 0 0 10px;
}
.heating-box p {
	margin : 0 0 25px 0;
}

/* -------------------------------------------------------------------
>> 環境事業詳細
------------------------------------------------------------------- */

/* 太陽光発電詳細 */
.data-box {
	margin : 0 0 30px;
}
.data-box .layout-left {
	width : 330px;
}
.data-box h4 {
	padding : 4px 0 4px 10px;
	font-size : 14px;
	background : #efefef;
}
.data-box p {
	line-height : 150%;
	letter-spacing : 0.07em;
	font-size : 12px;
	margin : 10px 0 20px;
}


.solar-plan {
	margin : 10px 0;
	background-color : #fbf5ea;
}
.solar-plan dt {
	clear : both;
	padding : 4px 0;
	text-align : center;
	font-weight : bold;
	font-size : 18px;
	background-color : #fedb9e;
}
.solar-plan dd {
	margin: 10px 10px 20px 10px;
}
.solar-plan .layout-left {
	margin : 5px 15px 5px 5px;
}


/* cost-box */

.cost-box {
	margin : 0 0 20px 0;
	border-bottom : 1px dotted #cccccc;
}
.cost-box h4 {
	padding : 0 0 0 0;
	border-left : none;
}

#contents .cost-box p {
	margin : 10px 0 10px 0;
}
.cost-box table {
	width : 255px;
	margin: 40px 0 10px;
	font-size : 12px;
	border-color : #b1dcf8;
}
.cost-box th {
	padding : 5px;
	color : #333333;
	background-color : #e8f7fd;
}
.cost-box td {
	padding : 5px;
}

.cost-box dl {
	clear : both;
	margin : 0 0 10px;
}
.cost-box dt {
	float : left;
	clear : both;
}
.cost-box dd {
	margin : 0 0 5px;
	padding : 0 0 0 240px;
}
.com-cost-box {
	padding : 5px;
	border : 1px solid #fc9b00;
	background : #fee4bf;
}
.attention-box {
	padding : 5px;
	background-color : #efefef;
}
#contents .attention-box p.attention {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

.left-box {
	width : 262px;
	float : left;
	margin : 0 0 15px 0;
}
.right-box {
	width : 262px;
	float : right;
	margin : 0 0 15px 0;
}

/* オール電化 */
.eco-box {
	margin : 10px 0 0 0;
}
.eco-box dt {
	clear : both;
	padding : 4px 0;
	font-size : 16px;
	font-weight : bold;
	background : #efefef;
}
.eco-box dd {
	margin : 10px 0 30px;
}

/* -------------------------------------------------------------------
>> サイトマップ
------------------------------------------------------------------- */
.site-map ul {
	margin : 0 0 20px 0;
	padding : 0 0 5px 1.5em;
	border-bottom : 1px solid #e6e6e6;
}
.site-map li {
	margin : 0 0 10px 0;
}
.site-map a{
	padding : 0 0 0 20px;
	background : url(../img/icon/anc01.gif) no-repeat;
}
.first-list {
	font-size : 18px;
	font-weight : bold;
	text-indent : -1.5em;
}


/* -------------------------------------------------------------------
>> ボタン設定
------------------------------------------------------------------- */
/* ページトップへ戻る */
#gotoTop-box {
/*	width : 37px;*/
	float : right;
}
#gotoTop p {
	width : 37px;
	height : 426px;
	text-indent : -5000px;
	background : url(../img/navi/gotoTop_line.jpg) no-repeat 0 0;
}

#gotoTop a {
	display : block;
	width : 34px;
	height : 160px;
	overflow : hidden;
	background : url(../img/navi/gotoTop.jpg) no-repeat 3px 0;
}


/* 実績一覧ボタン */
span.works-btn {
	text-indent : -5000px;
	float : right;
}
span.works-btn a {
	display : block;
	margin : 7px 0 0 0;
	padding : 0 0 0 0;
	width : 158px;
	height : 15px;
	overflow : hidden;
	background : url(../img/btn/gotoList.gif) no-repeat;
}
span.works-btn a:hover {
	background-position : 0 -15px;
}

/*詳しくはこちらボタン */
.data-btn {
	clear : both;
	margin : 10px 0 20px;
	text-indent : -5000px;
}

.data-btn a {
	display : block;
	float : right;
	width : 138px;
	height : 33px;
	overflow : hidden;
	background : url(../img/btn/gotoData.jpg) no-repeat;
}
.data-btn a:hover {
	background-position : 0 -33px;
}

/*実績一覧はこちらボタン */
.works-btn2 {
	clear : both;
	margin : 10px 0 20px;
	text-indent : -5000px;
}

.works-btn2 a {
	display : block;
	float : right;
	width : 153px;
	height : 33px;
	overflow : hidden;
	background : url(../img/btn/works_btn.jpg) no-repeat;
}
.works-btn2 a:hover {
	background-position : 0 -33px;
}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer {
	clear : both;
	width : 823px;
	height : 103px;
	background : url(../img/parts/footer_bg.jpg) no-repeat;
}

#footer ul {
	padding : 10px 0 0 20px;
}

#footer li {
	display : inline;
	margin : 0 0 0 10px;
}

#footer li a {
	padding : 0 0 0 10px;
	border-left : 1px solid #ffffff;
}

#footer .border-right {
	padding : 0 10px 0 0;
	border-right : 1px solid #ffffff;
}

#footer h4 {
	float : left;
	display : inline;
	margin : 10px 15px 0 30px;
}
#footer address {
	margin : 15px 0 0 0;
}
#footer p {
	float : right;
	margin : -15px 0 0 0;
	padding : 0 35px 0 0;
}


/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
/* clear-fix */
.clear-fix:after,#contents:after,.summary-box:after,.tmp-dl02:after,.solar-plan:after {
	content : ".";
	clear :both;
	visibility : hidden;
	display : block;
	height : 0;
}


#contents p.attention {
	margin : 0 0 10px 0;
}

.list-dl dt {
	font-weight : bold;
	color : #0e6099;
}
.list-dl dd {
	margin-bottom : 20px;
	font-size : 12px;
}
.cont-bnr li {
	display : inline;
}
.cont-bnr a {
	float : left;
	display : block;
	margin-right : 20px; 
	text-align : center;
	font-weight : bold;
	text-decoration : none;
}


.text-right {
	text-align : right;
}


.layout-left {
	float : left;
}

.layout-right {
	float : right;
}


#policy dt {
	margin : 10px 0 5px 0;
	font-weight : bold;
}
#policy dd {
	margin : 0 0 15px 0;
	font-size : 13px;
}

.g_map {
	width : 530px;
}
.g_map td {
	line-height : 150%;
	vertical-align : top;
	text-align : right;
}
#map1,
#map2,
#map3,
#map4,
#map5,
#map6 {
	width : 320px;
	height : 180px;
	float : right;
	background : #dfdfdf;
}