@charset "shift_jis";

body {
	background: url(../image/bg.jpg) ;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form {
	margin: 0px;
	padding: 0px;
}


img {
	border: none;
}

.p_con {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 10px;
}
.p_con2 {
	font-size: 12px;
	line-height: 120%;
	color: #333333;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 10px;
}

/*コンテナ*/
#container {
	margin-left: auto;
	margin-right: auto;
	width:760px;
	text-align: left;
}
#text_01 {
	position: absolute;
	top: 1150px;
	left: 200px;
	font-size: 18px;
	line-height: 26px;
}
#text_02 {
	position: absolute;
	left: 230px;
	top: 1780px;
	font-size: 18px;
}
#reboot_btn {
	text-align: center;
}
#content_02 {
	background-color: #FFF;
}


/*ヘッダ*/
#header {
	width: 760px;
	margin: 0px 0px 0px 5px;
}
#top_obj {
	width: 760px;
	margin: 0px 0px 0px 0px;
}
#header h1 {
	font-size: 10px;
	font-weight:100;
	color: #660000;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 5px;
	width:760px;
	float: left;
	text-decoration: none;
}

/*メインのナビメニュー*/


#main_menu ul{
	padding: 0px;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	width:760px;
	}

#main_menu ul#headerList li {
	float: left;
}  

#main_menu ul#headerList li a {
    display: block;   
    text-decoration: none;
    text-indent: -9999px; 
    width: 84px;   
    height: 50px;   
	overflow:hidden;
}   
#main_menu ul#headerList li.menu00 a {   
    background: url(../image/btn/btn_00.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu01 a {
	background: url(../image/btn/btn_01.jpg) right top no-repeat;
	list-style-type: none;
}   
#main_menu ul#headerList li.menu02 a {   
    background: url(../image/btn/btn_02.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu03 a {   
    background: url(../image/btn/btn_03.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu04 a {   
    background: url(../image/btn/btn_04.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu05 a {   
    background: url(../image/btn/btn_05.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu06 a {   
    background: url(../image/btn/btn_06.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu07 a {   
    background: url(../image/btn/btn_07.jpg) right top no-repeat;   
}   
#main_menu ul#headerList li.menu08 a {   
    background: url(../image/btn/btn_08.jpg) right top no-repeat;   
}   

/* 以下、メニューが複数の場合は  
その分だけそれぞれ指定します。 */  
/*#main_menu ul#headerList li a:hover {   
    background-position: left top;   
}*/  





/*左半分*/
#main {
	float: left;
	width: 300px;
	display: inline;
	margin-left: 16px;
	margin-top: 15px;
	padding-bottom: 40px;
}

#main h2{
	font-size:14px;
	}

/*#main ul#blog_list li a {
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;   
    width: 280px;   
    height: 80px;   
}   

	
#main ul#blog_list {
	padding: 0px;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
}  

#main ul#blog_list li  {
	display: block;
	text-decoration: none;
	list-style-type: none;
	margin-bottom: 10px;
	overflow:hidden;
} 
#main ul#blog_list li.menu00 a {   
    background: url(../image/btn/blog_shachou.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu01 a {   
    background: url(../image/btn/blog_rie.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu02 a {   
    background: url(../image/btn/blog_5staffs.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu03 a {   
    background: url(../image/btn/blog_trader.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu04 a {   
    background: url(../image/btn/blog_owner.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu05 a {   
    background: url(../image/btn/blog_fudousan.jpg) right top no-repeat;   
}   
#main ul#blog_list li.menu06 a {   
    background: url(../image/btn/qr.jpg) right top no-repeat;   
}
*/
#blog_list2 dt a{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:280px;
	height:80px;
	margin-bottom:3px;
}

#blog_list2 dd{
	margin-bottom:10px;
}

.menu00 a {   
    background: url(../image/btn/blog_shachou.jpg) right top no-repeat;   
}   
.menu01 a {   
    background: url(../image/btn/blog_rie.jpg) right top no-repeat;   
}   
.menu02 a {   
    background: url(../image/btn/blog_5staffs.jpg) right top no-repeat;   
}   
.menu03 a {   
    background: url(../image/btn/blog_trader.jpg) right top no-repeat;   
}   
.menu04 a {   
    background: url(../image/btn/blog_owner.jpg) right top no-repeat;   
}   
.menu05 a {   
    background: url(../image/btn/blog_fudousan.jpg) right top no-repeat;   
}   
.menu06 a {   
    background: url(../image/btn/qr.jpg) right top no-repeat;   
}


.menu07 a{
	background-image:url(../image/btn/at_home_diary.gif);
	background-repeat:no-repeat;
}   

.menu08 a{
	background-image:url(../image/staff_n/staff_n.jpg);
	background-repeat:no-repeat;
}   


/*右半分*/
#sub {
	float: right;
	width: 428px;
	margin-right:16px;
}

div.div200-hpi {
  margin: 1em 0;
}

div.div200-hpi ul {
  text-align: center;
}

div.div200-hpi ul li {
  display: inline;
  margin-left: 0px;
  margin-right: 0px;
  list-style: none;
}

div.div200-hpi ul li a img {
  border: none;
  margin-bottom:10px;
}

/*	トップページのフッタ*/
#footer {
	clear: both;
	width: 760px;
	line-height: 1.5em;
	text-align: center;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	height: 50px;
}

#footer a:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

#footer a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/*フッタ　top以外のページ*/
#footer2 {
	clear: both;
	width: 760px;
	line-height: 1.5em;
	text-align: center;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
	background-color:#FFFFFF;
}

#footer2 a:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

#footer2 a:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

#footer2 a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

#footer3 {
	clear: both;
	width: 760px;
	line-height: 1.5em;
	text-align: center;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}

#footer3 a:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

#footer3 a:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

#footer3 a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*トップのこのページの先頭へ*/
#brown a:link {
	font-size: 10px;
	color: #660000;
	text-decoration: none;
}
#brown a:hover {
	font-size: 10px;
	color: #006600;
}

#brown a:visited {
	font-size: 10px;
	color: #996633;
	text-decoration: none;
}

/*このページの先頭へ*/
#brown2{
	background-color:#FFFFFF;
	}

#brown2 a:link {
	font-size: 10px;
	color: #660000;
	text-decoration: none;
}
#brown2 a:hover {
	font-size: 10px;
	color: #006600;
}

#brown2 a:visited {
	font-size: 10px;
	color: #996633;
	text-decoration: none;
}

/*旧ページのテーブル*/
#tbl {
	width: 760px;
	margin: 0px;
	float: left;
	}

/*施工例集のスタイル*/
.white12px {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.white11px {
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
}
.gray11px {
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}
/*お問い合わせページ*/
.orange12px {
	font-size: 12px;
	line-height: 14px;
	color: #FF9900;
}


/*社長の本プレゼント*/
#naiyou p {
	font-size: 12px;
	line-height: 150%;
	color: #000033;
	text-align: left;
	margin-left: 20px;
	}

#naiyou ul{
	font-size:12px;
	line-height: 200%;
	text-align: left;
	}


#naiyou ul li {
	list-style-type: square;
}

.menu08 {
	background-image:url(../image/homechecker_bn.gif);
	background-repeat:no-repeat;
}

#wp_title{
	background:url(../img/wp/img_wp_title.gif) no-repeat;
}

#contact_navi table{
	margin:0 auto;
}

#contact_navi td a{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:205px;
	height:115px;
}

#contact01 a{
	background:url(../img/btn_contact01.gif) no-repeat;
}

#contact02 a{
	background:url(../img/btn_contact02.gif) no-repeat;
}

#contact03 a{
	background:url(../img/btn_contact03.gif) no-repeat;
}

#contact04 a{
	background:url(../img/btn_contact04.gif) no-repeat;
}

#contact05 a{
	background:url(../img/btn_contact05.gif) no-repeat;
}

#contact06 a{
	background:url(../img/btn_contact06.gif) no-repeat;
}

#contact01 a:hover{
	background:url(../img/btn_contact01_o.gif) no-repeat;
}

#contact02 a:hover{
	background:url(../img/btn_contact02_o.gif) no-repeat;
}

#contact03 a:hover{
	background:url(../img/btn_contact03_o.gif) no-repeat;
}

#contact04 a:hover{
	background:url(../img/btn_contact04_o.gif) no-repeat;
}

#contact05 a:hover{
	background:url(../img/btn_contact05_o.gif) no-repeat;
}

#contact06 a:hover{
	background:url(../img/btn_contact06_o.gif) no-repeat;
}

.bg-cream{
	background-color:#F7F3DA;
}

.bg-white{
	background-color:#FFF;
}
#merit td a{
	text-indent:-10000px;
	display:block;
	overflow:hidden;
	width:241px;
	height:80px;
}

#story a{
	background:url(../image/img_meritto01.jpg) no-repeat;
}

#ie a{
	background:url(../image/img_meritto02.jpg) no-repeat;
}

#kyaku a{
	background:url(../image/img_meritto03.jpg) no-repeat;
}

#merit td a:hover{
	background-position:0 -80px;
}#content_03 {
	background-color: #E8D7C3;
	width: 1300px;
}
#movie_bnr {
	color: #FFF;
	position: absolute;
	top: 1080px;
	left: 560px;
	font-size: 18px;
	font-weight: bold;
}

#reboot_new {
	height: 200px;
	width: 280px;
	float: left;
	margin-left: 165px;
	background-color: #FFF;
	margin-top: 32px;
	margin-right: 10px;
	padding-top: 60px;
	padding-left: 5px;
	font-size: 16px;
	overflow: auto;
	text-align: center;
}
#reboot_blog {
	height: 200px;
	width: 280px;
	float: left;
	background-color: #FFF;
	margin-top: 32px;
	padding-top: 60px;
	padding-left: 5px;
	font-size: 16px;
	overflow: auto;
	text-align: center;
}
#bnr_link {
	margin-left: 150px;
	float: left;
}

#reboot_movie {
	float: left;
	margin-right: 10px;
}
#img_new {
	position: absolute;
	left: 170px;
	top: 832px;
}
#img_blog {
	position: absolute;
	top: 833px;
	left: 845px;
}


/*トップページバナー*/

#blog_01{
	font-size:12px;
	overflow:auto;
	width:270px;
	height:65px;
	border: 5px solid #E8AE80;
	background-color: #FFF;
}

.blog_02{
	font-size:12px;
	overflow:auto;
	width:261px;
	height:30px;
	background-color: #FFF;
	border-right: 9px solid #E9C77F;
	border-bottom: 7px solid #E9C77F;
	border-left: 9px solid #E9C77F;
}

.blog_03{
	font-size:12px;
	overflow:auto;
	width:262px;
	height:65px;
	background-color: #FFF;
	border-right: 9px solid #CBBE8A;
	border-bottom: 7px solid #CCBE8D;
	border-left: 9px solid #CCBF8B;
}

.blog_04{
	font-size:12px;
	overflow:auto;
	width:262px;
	height:30px;
	background-color: #FFF;
	border-right: 9px solid #B1D28D;
	border-bottom: 7px solid #B1D28D;
	border-left: 9px solid #B1D28D;
}

.blog_05{
	font-size:12px;
	overflow:auto;
	width:262px;
	height:30px;
	background-color: #FFF;
	border-right: 9px solid #EAAC9D;
	border-bottom: 7px solid #EAAC9D;
	border-left: 9px solid #EAAC9D;
}

#blog_bg{
	width:279px;
	background-color:#E9C77F;
}

#sublist_09_main{
	font-size:12px;
	overflow:auto;
	width:173px;
	height:65px;
	border: 5px solid #339933;
	background-color: #FFF;
}

#sublist_10_main{
	font-size:12px;
	overflow:auto;
	width:173px;
	height:65px;
	border: 5px solid #66cc33;
	background-color: #FFF;
}

/*低燃費住宅ページ*/

#tnp_01{
	background-image:url(../tnp/img/01.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 139px;
	width: 760px;	
}

#tnp_02{
	background-image: url(../tnp/img/02.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 760px;
}

#tnp_blog_title{
	color: #FFF;
	background-color: #339933;
	height: 26px;
	width: 502px;
	margin-left: 124px;
	font-size: 14px;
	text-indent: 10px;
	line-height: 26px;
	font-weight: bolder;
}

#tnp_blog{
	background-image:url(../image/bg.jpg);
	height: 60px;
	width: 481px;
	overflow: auto;
	margin-left: 124px;
	border: 1px solid #339933;
	padding:10px;
}

#tnp_03{
	background-image: url(../tnp/img/03.jpg);
	background-repeat: no-repeat;
	height: 423px;
	width: 760px;
	text-indent:-10000px;
}

#tnp_04{
	background-image:url(../tnp/img/04.gif);
	background-repeat:no-repeat;
	width:760px;
	height:120px;
	text-indent:-10000px;
}

#tnp_05{
	background-image: url(../tnp/img/05.jpg);
	background-repeat: no-repeat;
	height: 850px;
	width: 760px;
}

#tnp_05 p{
	height: 200px;
	width: 355px;
	margin-left:123px;
	padding-top:90px;
}

#tnp_06{
	background-image: url(../tnp/img/06.jpg);
	background-repeat: no-repeat;
	height: 450px;
	width: 760px;
}

#tnp_07{
	background-image: url(../tnp/img/07.gif);
	background-repeat: no-repeat;
	height: 125px;
	width: 760px;
}

#tnp_08{
	background-image: url(../tnp/img/08.jpg);
	background-repeat: no-repeat;
	height: 420px;
	width: 760px;
}

#tnp_08 p{
	width:395px;
	height:110px;
	margin-left:125px;
	padding-top:120px;
}

#tnp_09{
	background-image: url(../tnp/img/09.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 760px;	
}

#tnp_09 p{
	width:360px;
	height:290px;
	margin-left:125px;
	padding-top:90px;
}

#tnp_10{
	background-image: url(../tnp/img/10.gif);
	background-repeat: no-repeat;
	height: 148px;
	width: 760px;
}

#tnp_11{
	background-image: url(../tnp/img/11.gif);
	background-repeat: no-repeat;
	height: 370px;
	width: 760px;
}

#tnp_11 p{
	width:600px;
	height:190px;
	margin-left:125px;
	padding-top:125px;
}

.red{
	color: #F00;
}
#sublist_09_main p {
	line-height: 30px;
	font-weight: bold;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

