/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/



* {
	color:#333333;
	padding:0;
	font-size: 10pt;
	line-height: 130%;
	margin: 0;
}

body {
	background-image: url(../images/back_img.png);
	border: 0px solid blue;
	background-repeat: repeat;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'メイリオ',Meiryo,'MS UI Gothic','ＭＳ ゴシック',sans-serif;
}

a {
	color: #33cc00;
	text-decoration: underline;
	font-size: 10pt;
}

a:hover {
	text-decoration: none;
	color: #FFCC33;
}

a img {
	border: none;
	margin: 0px;
}

a.click_area:hover {
	position : relative;
	top : 1pt;
	left : 1pt;
}

a.click_pagetop:hover {
	position : relative;
	top : -3pt;
}

img {
	border:none;
	margin: 0px;
	vertical-align: top;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c0c0c0;
	height: 1px;
}

strong {
	color: #394D4E;
}

h1 {
	color: #754f24;
	font-size: 10.5pt;
	font-weight: bold;
}

h2 {
	font-size: 11pt;
	font-weight: normal;
}

h3 {
	font-weight: normal;
}

div,p {
	border: 0px solid red;
	text-align: left;
	vertical-align: top;
}
div.div_clear {
	height: 1px;
	clear:both;
	/*border: 1px solid;*/
}

.font_set {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'メイリオ',Meiryo,'MS UI Gothic','ＭＳ ゴシック',sans-serif;
}


/*
ベース
-------------------------------------------------------------------*/
#base {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	z-index: 0;
	overflow: visible;
	padding: 0 0 50px 0;
	text-align: center; /* IE8対応 */
}

#main_base {
	width: 920px;
	margin: 0px auto;
	padding: 0 0 50px 10px;
	border: 1px solid #999;
	overflow: hidden;
	background-color: #FFF;
	position: relative;
	/*top: -40px;*/
	top: 10px;
	z-index: 1000;
	text-align: center; /* IE8対応 */
}

#sub_base {
	width: 800px;
	margin: 60px auto 0;
	padding: 45x auto 0;
}

#main_base_sub {
	width: 920px;
	margin: 0px auto;
	padding: 0 5px 50px 10px;
	border: 1px solid #999;
	overflow: hidden;
	background-color: #FFF;
	position: relative;
	top: 20px;
	z-index: 10;
}


#base div#main {
	width: 690px;
	/*height: 100%;*/
	min-height:100%;
	float: left;
	margin: 20px 0 0 0;
}


#base div#main2 {
	width: 900px;
	/*height: 100%;*/
	min-height:100%;
	float: left;
	margin: 20px 0 0 0;
}

#base div#side_area {
	width: 210px;
	/*height: 100%;*/
	float: right;
	text-align: left;
	background: url(../images/side_back.png) repeat-y;
	padding: 20px 5px 0 8px;
	display: block;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	/*padding-bottom: 0;*/  /* IE8対応 */
	/*margin-bottom: 0;*/   /* IE8対応 */
	height: 100%;
}


/*トップイメージ
-----------------------------------------------------------------*/
.top_image {
	width: 100%;
	height: 162px;
	background-repeat: repeat-x;
	background: url(../images/head_hill.png) top center;
	text-align: center; /* IE8対応 */
}

.top_image #top_body{
	width: 900px;
	height: 162px;
	margin: 0 auto;
	background: url(../images/head_logo.png) top left no-repeat;
	overflow: hidden;
}

.top_image #head_frame {
	overflow: hidden;
	height: 120px;
}

.top_image div#head_logo {
	width: 500px;
	float: left;
}

.top_image div#head_contact {
	width: 390px;
	float: right;
}


#head_link {
	width: 450px;
	height: 110px;
	cursor: pointer;
}

/***  ナビゲーションバー  ***/
#navi {
	width: 750px;
	height: 42px;
	padding: 0;
	margin: 0 0 0 160px;
	border: 0px solid #CC99CC;
	_width: 900px; /* IE8対応 */
	_margin: 0 0 0 120px; /* IE8対応 */
}
#navi ul {
	height: 42px;
	margin: 0px auto;
}

#navi ul li {
	display: inline;
	list-style-type: none;
}



/* 各コンテンツ
-----------------------------------------------------------------*/
.contents {
	margin: 20px 0;
	overflow: hidden;
}

div.float_container {
	overflow: hidden;
	width: 100%;
}



/*
サイドエリア設定
-------------------------------------------------------------------*/
#side_area a {
	color: #339933;
	text-decoration: underline;
	font-size: 10pt;
}
#side_area a:hover {
	color: #ff6633;
	text-decoration: none;
	font-size: 10pt;
}

#side_area a .side_btn {
	margin: 10px 0 0 0;
}

#side_area .side_contents {
	margin: 30px 0 50px 0;
}

#side_area .side_contents #banner_list {
	margin: 10px 0 0 11px;
}

#side_area .side_contents #banner_list a:hover {
	position : relative;
	top : 1pt;
	left : 1pt;
}

#side_area #side_cont_area {
	margin: 3px 0 0 7px;
	font-size: 8pt;
	width: 190px;
	font-weight: bold;
}




/*
メインエリア設定
-------------------------------------------------------------------*/
#main table.l_frame {
	width: 650px;
	height: auto;
	background-repeat: no-repeat;
	border-collapse: collapse;
}
#main table.l_frame tr#l_head {
	height: 63px;
	background-repeat: no-repeat;
}
#main table.l_frame tr#l_middle {
	background-repeat: repeat-y;
	background-image: url(../images/fra_middle.png);
}
#main table.l_frame tr#l_middle td{
	padding: 0px 30px 10px 30px;
}
#main table.l_frame tr#l_middle td a {
	/*font-size: 11pt;*/
}
#main table.l_frame tr#l_foot {
	height: 40px;
	background-repeat: no-repeat;
	background-image: url(../images/fra_foot.png);
}

/*
トップページ
-------------------------------------------------------------------*/
div#top_illust {
	width: 100%;
	min-width: 900px;
	height: 400px;
	text-align: center;
	z-index: 1;
	margin: 0 auto;
	
}

#topslider {
	width: 1300px;
	margin: 0 auto;
	max-width: 100%;
}

a.jump_pe {
	position: absolute;
	bottom: 80px;
	right: 22%;
	z-index: 100;
}

a.jump_pe:hover {
	opacity: 0.7;
}

a.jump_pe img {
	width: auto;
}

/*
#slideArea li {
	width: 1300px;
	max-width: 100%;
	height: 400px;
}*/

/*
#slideArea li a {
	position: absolute;
	bottom: 80px;
	right: 20%;
}

#slideArea li a:hover {
	opacity: 0.7;
}*/


div#top_contents {
	width: 673px;
	padding: 0px 5px 0;
	overflow: hidden;
}

div#top_contents div.div_contents {
	width: 317px;
	height: 243px;
	padding: 67px 6px 5px;
}
/*
div#top_contents div#div_pro {
	float: left;
	background: url(../images/cont_top_pro.jpg) no-repeat;
}

div#top_contents div#div_roof {
	float: right;
	background: url(../images/cont_top_roof.jpg) no-repeat;
}
*/
div#top_contents div#div_denki {
	float: left;
	background: url(../images/cont_top_denki.jpg) no-repeat;
}
/*
div#top_contents div#div_doctor {
	float: right;
	background: url(../images/cont_top_doctor.jpg) no-repeat;
}
*/
div#top_contents div#div_energy {
	float: right;
	background: url(../images/cont_top_energy.jpg) no-repeat;
}


a#lnk_topcont {
	color: #333333;
	text-decoration: none;
	line-height: 140%;
}
a#lnk_topcont:hover {
	color: #FFCC33;
	text-decoration: underline;
}
a#lnk_topcont img {
	margin: 0 0 5px 0;
}

div#top_contents2 {
	width: 670px;
	height: 187px;
	margin: 5px 5px 0;
	overflow: hidden;
	background: url(../images/cont_top_mini.png) no-repeat;
}

div#top_contents2 span {
	width: 215px;
	display: inline-block;
	vertical-align: top;
	margin: 50px 0px 5px 5px;
}

div#top_contents2 span img {
	margin: 0 0 7px 0;
}

div.flame {
	width: 665px;
	margin: 30px 0 0 7px;
}
div.flame div.fla_middle {
	width: 625px;
	background: url(../images/fla_middle.png) repeat-y;
	padding: 10px 20px;
	line-height: 140%;
}
div.flame div.fla_bottom {
	width: 100%;
	height: 14px;
	background: url(../images/fla_bottom.png) no-repeat;
}

div.flame div#fla_news_head {
	width: 100%;
	height: 40px;
	background: url(../images/fla_head_news.png) no-repeat;
}

div.flame div#fla_area_head {
	width: 100%;
	height: 40px;
	background: url(../images/fla_head_area.png) no-repeat;
}

p#town {
	margin: 0 0 5px 20px;
	line-height: 120%;
}

iframe#facebook {
	margin: 30px 0 0 7px;
}



img#head_image {
	margin: 0 0 30px 0;
}

.fb_container {
	text-align: center;
}
.fb-page {
	margin: 30px auto;
}

/*
私たちの取組み
-------------------------------------------------------------------*/
div#about_head {
	width: 700px;
	height: 480px;
	//padding: 100px 0 0 0;
	//background: url(../images/head_about.jpg) no-repeat;
	line-height: 200%;
	margin: 0 0 30px;
}
div#about_head img {
	width: 100%;
}

div#about_head p {
	font-size: 10.5pt;
	text-align: center;
}

div.cont_about {
	width: 380px;
	height: 100%;
	padding: 55px 0 0 280px;
	margin: 0 0 40px 0;
	overflow: hidden;
	line-height: 150%;
}

div#about01 {
	background: url(../images/cont_about01.jpg) no-repeat;
}
div#about02 {
	background: url(../images/cont_about02.jpg) no-repeat;
}
div#about03 {
	background: url(../images/cont_about03.jpg) no-repeat;
}
div#about04 {
	background: url(../images/cont_about04.jpg) no-repeat;
}




/*
施工のこだわり
-------------------------------------------------------------------*/
div#work_head {
	width: 690px;
	height: 210px;
	padding: 90px 0 0 0;
	background: url(../images/head_work.jpg) no-repeat;
}

div#work_point {
	width: 680px;
	/*background: url(../images/point_workman.png) no-repeat;*/
	padding: 0 0px 0 0px;
	margin: 0 0 30px 0;
	vertical-align: bottom;
}

div#work_point img {
	float: left;
	margin: 0 0 0 15px;
}

div#work_point_frame {
	width: 550px;
	background: url(../images/point_fra_head.png) no-repeat;
	float: right;
	padding: 41px 0 0 0;
	/*margin: 0 5px 0 0;*/
}

div#work_point_frame div#work_point_middle {
	width: 550px;
	padding: 5px 0 5px 0;
	/*height: 81px;*/
	background: url(../images/point_fra_middle.png) repeat-y;
}

div#work_point_frame div#work_point_middle p {
	margin: 0px 30px 0 25px;
}

div#work_point_frame div#work_point_bottom {
	width: 550px;
	height: 20px;
	background: url(../images/point_fra_bottom.png) no-repeat;
}

div.foot_contact {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	border: 5px ridge #e3ceaa;
}


/*
スタッフ紹介
-------------------------------------------------------------------*/
dl.staff_profile {
	width: 690px;
	margin: 0 0 10px 0px;
	border: 0px dotted #996633;
	/*cursor: url(../images/ico_search.cur);*/
}
dl.staff_profile dt {
	cursor: pointer;
}
dl.staff_profile dd {
	padding: 10px 0 10px 0;
}


table.tbl_staff {
	width: 320px;
	margin: 0 0 0 20px;
	border-collapse: collapse;
}

table.tbl_staff th {
	border: 1px solid #cce198;
	width: 100px;
	padding: 5px 5px;
	background: url(../images/bg_staff.png) repeat;
}
table.tbl_staff th#thspan {
	background: none;
	font-weight: normal;
	text-align: left;
	border: 1px solid #cce198;
}

table.tbl_staff td {
	border: 1px solid #cce198;
	padding: 5px 5px;
}


/*
施工例
-------------------------------------------------------------------*/
.exp_container,
.exp_container2 {
	width: 49%;
	overflow: hidden;
	margin: 0 0 50px;
	text-align: center;
}

.exp_container2 {
	width: 100%;
}

.exp_container2 .exp_title,
.exp_container .exp_title {
	width: 95%;
	border-bottom: 1px dotted #999;
	font-size: 18px;
	color: #000;
	margin: 0 5px 20px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro",Georgia, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding: 0 10px 2px 10px;
	text-shadow:0 0 1px #bbb;
	letter-spacing: 1px;
}

.exp_container img {
	/*width: 45%;
	float: left;*/
	width: 90%;
}

.exp_container2 img {
	width: 45%;
}

.exp_container .exp_summary {
	width: 53%;
	padding: 5px;
	float: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/*
会社概要
-------------------------------------------------------------------*/

table#tbl_outline {
	width: 665px;
	margin: 5px 0 50px 15px;
	border-collapse: collapse;
	border-bottom: 1px dotted #16742c;
}

table#tbl_outline td {
	font-size: 10.5pt;
	padding: 10px 15px;
	border-top: 1px dotted #16742c;
	text-align: left;
	vertical-align: top;
}

table#tbl_outline td#ol_title {
	width: 150px;
	font-weight: bold;
}

div#accessmap {
	overflow: hidden;
	margin: 5px 20px 30px 15px;
}

div#accessmap img#map {
	float: left;
}

div#accessmap p#p_map {
	float: right;
	width: 220px;
	margin: 30px 0 0 0;
}

p#p_co_address {
	width: 650px;
	margin: 20px 0 0 25px;
	font-size: 10.5pt;
	background: url(../images/img_daihyou.jpg) no-repeat top right;
}


/*
パーソナルエナジー
-------------------------------------------------------------------*/
.ps_title{
	font-size: 21px;
	margin: 18px 0px 25px 20px;
}

.ps_about{
	width: 90%;
	font-size: 11pt;
	margin: 11px 0px 15px 20px;
}

.ps_about2{
	width: 93%;
	font-size: 11pt;
	padding: 0px 10px 2px 10px;
	margin: 3px 8px 25px 15px;
}

.ps_about3{
	width: 90%;
	font-size: 11pt;
	margin: 22px 0px 3px 32px;
}

.ps_about3 b{
	font-size: 11pt;
}

.ps_overflow{
	overflow:hidden;
}

.ps_overflow p{
	border-bottom: 1px dotted #999;
	font-size: 18px;
	color: #000;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro",Georgia, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding: 0 10px 2px 10px;
	margin: 45px 0px 20px 0px;
	text-shadow:0 0 1px #bbb;
	letter-spacing: 1px;
}

.ps_overflow p.point_title  {
	height: 30px;
}

.ps_overflow p.point_title img {
	margin-top: -10px;
	margin-right: 15px;
}


.ps_left{
	float:left;
	font-size: 11pt;
	line-height: 1.5;
	width:55%;
	margin: 10px 0px 0px 20px;
}

.ps_left b{
	font-size: 11pt;
}

.ps_right{
	float:right;
	margin: 0px 30px 0px 0px;
	width: 35%;
}

.ps_right img {
	max-width:100%;
}

.ps_relative{
	position:relative;
	top:500px;
	left:200px;
}

.ps_table{
	border-collapse:collapse;
	border: 1px solid #ffffff;
	text-align: center;
	margin: 0px 0px 0px 5px;
}

.ps_table th{
	border: 2px solid #ffffff;
	background-color:#3186bc;
	font-size: 16px;
	color: #ffffff;
	padding: 8px;
}

.ps_table td{
	border: 2px solid #ffffff;
	background-color:#9fd2ea;
	font-size: 16px;
	padding: 8px;
	width: 320px;
}

.ps_title12{
	margin: 2px 0px 8px 23px;
}

.ps_text{
	text-align: center;
}

.ps_kagu{
	font-size: 11pt;
	margin: 8px 0px 8px 100px;
}

.ps_summary{
	margin: 45px 0px 60px 0px;
}


/*
QアンドA
-------------------------------------------------------------------*/
.qanda_about{
	font-size: 20px;
	width: 95%;
	border-bottom: 1px dotted #999;
	padding: 0px 10px 2px 20px;
	margin: 5px 0px 11px 2px
}

.qanda_about p {
	font-size: 15px;
	padding: 10px 0;
}

img#qanda_headimage {
	margin: 0 0 20px 0;
}

.qanda_q1{
	/* min-height:50px;*/
	overflow:hidden;
	margin: 30px 0px 1px 3px;
	cursor: pointer;
}

.qanda_q2{
	float:right;
	min-height:50px;
	width:88%;
	padding: 10px 8px 8px 1px;
}

.qanda_a1{
	/* min-height:50px;*/
	overflow:hidden;
	margin: 1px 0px 10px 3px;
}

.qanda_a2{
	float:right;
	min-height:50px;
	width:88%;
	padding: 10px 8px 8px 1px;
}

.qanda_font_q{
	padding: 9px;
	border-bottom: 3px dotted #999;
	border-radius: 5px;        /* CSS3草案 */ 
	 -moz-border-radius: 10px;   /* Firefox用 */   
	font-size: 22px;
	font-weight: normal;
}

.qanda_font_a{
	padding: 12px;
	background-color: #ebf5fb;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	 -moz-border-radius: 10px;   /* Firefox用 */   
	 font-size: 16px;
}
.qanda_contact{
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 25px 0px 58px 0px;
}

.qanda_foot{
	margin: 60px 0px 0px 0px;
}


/*
こうそうちゅう
-------------------------------------------------------------------*/
div#future_head {
	width: 900px;
	height: 240px;
	padding: 90px 0 0 0;
	background: url(../images/head_future.jpg) no-repeat;
}

div#imagine {
	//width: 870px;
	//height: 836px;
	//background: url(../images/imagine.jpg) no-repeat top left;
	//padding: 0px 0 0 30px;
	//margin: 0px 0 0 0;
	float: left;
	width: 635px;
}

div#imagine p {
	font-size: 11pt;
	font-weight: bold;
	line-height: 140%;
	color: #968b80;
}

p#future_text,
p#future_text2 {
	line-height: 140%;
	font-size: 10.5pt;
	color: #666;
	margin: 30px 0 0 10px;
}

p#future_text {
	float: right;
	width: 250px;
}


p#future_text b,
p#future_text span,
p#future_text2 b,
p#future_text2 span {
	font-size: 11pt;
}

.big_txt {
	color: #000;
	font-size: 12pt;
	font-weight: bold;
}


/*
お問い合わせ
-------------------------------------------------------------------*/
p#contact_head {
	margin: 30px 0 40px 20px;
	font-size: 10.5pt;
}

p#contact_head b {
	font-size: 12pt;
	letter-spacing: 1px;
}

p#contact_memo {
	margin: 10px 0 5px 30px;
	font-size: 9pt;
}


/*
フッター
-------------------------------------------------------------------*/
#over_footer {
	width: 900px;
	height: 80px;
	/*margin: -30px auto 0;*/
	margin: 10px auto 0;
	border: 0px dotted blue;
	text-align: right;
}
#over_footer_sub {
	width: 900px;
	height: 80px;
	margin: 20px auto 0;
	border: 0px dotted blue;
	text-align: right;
}
#footer_top {
	width: 100%;
	height: 75px;
	background-image: url(../images/back_grass.png);
	background-repeat: repeat-x;
	position: relative;
	z-index: 20;
	margin-top: -40px;
}

#footer {
	width: 100%;
	padding: 10px 0 10px 0;
	background-image: url(../images/back_ground.png);
	background-repeat: repeat;
}

#footer #footer_text {
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: center;
	color: #FFF;
	font-size: 10pt;
	line-height: 250%;
}

#footer #footer_text a {
	color: #FFCC33;
	text-decoration: underline;
	font-size: 10pt;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS UI Gothic','ＭＳ ゴシック',sans-serif;
}

#footer #footer_text a:hover {
	text-decoration: none;
	color: #FFCC33;
}


#footer #footer_text span {
	color: #555555;
	font-size: 11pt;
}

#footer hr {
	text-align: left;
	color: #FFFFFF;
	width: 647px;
	margin-bottom: 5px;
	margin-left: 20px;
}