@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;
}

/*ヘッダ*/
#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;
}   


/*右半分*/
#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;
}