/* CSS Document */

@charset "UTF-8";





/*

div {

	border: 1px dotted #FF0000;

}

*/



/***********************

ページ全体

***********************/



body *{

  font-size:13px;

  margin: 0;

  padding: 0;

}

body {

  margin: 0;

  padding: 0;

  color: #653818;

width: 758px;

border-right: 1px solid #CCCCCC;}



a {

  color:#009900;

}

a:hover {

  color:#FF6600;

}



img.r {

	float: right;

	border: none;

	margin-right:8px;

	margin-top:4px;

	vertical-align:top;

}



img.l {

	float: left;

	border: none;

	margin-right:8px;

	margin-top:4px;

	vertical-align:top;

}



/***************************

縦３段

****************************/



#h_l_t {

width: 758px;

position:static;}





/***************************

ヘッダ・ナビゲーション・検索

****************************/

#header {

/*

border-right: 1px solid #CCCCCC;

*/

width: 758px;

height: 99px;

color: #653818;

background:top left no-repeat url(../pict/header.gif);

}



#header img {

	padding: 14px 0 0 15px;

	margin: -0px;

　  border: none;

        float: left;

}





/*------上文字------*/



#toptext {

    padding: 0px;

    margin: 0px;

    position: absolute;

    line-height: 1.6em;

    width: 220px;

    top: 34px;

    left: 155px;

    height: 32px;

/*border: 1px solid red;*/

}



#topmail {

    padding: 22px 5px 0 0;

    margin: -0px;

　  border: none;

    float: right;



/*border: 1px solid red;*/

}







/***********************

右コンテンツ

***********************/

/*------全体------*/

/*------この幅はボタン幅より大きくする事------*/

#content_wrapper {

width: 153px;

float: right;

margin: 0;

padding: 0;

background:url(../pict/content_l_top.gif) top left no-repeat #fff;

position: static;

/*border: 1px solid red;*/

}





/*------左下スペース------*/

#content_l_space{

	padding: 0;

	width: 149px;

	background: #fff;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: 4px;

}



/*------左ボタン------*/



#content_l ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#content_l li {

/*  margin: 26px 0 0 0;*/

  border: 1px solid #CCCCCC;

  padding: 0;

  display: block;

  width: 149px;

  height: 53px;

  text-indent: -9999px;

}



#content_l li a {

  text-decoration: none;

  display: block;

  height: 53px;

}



#content_l li#navi_1 {

  margin: 51px 0 0 0;

  background: url(../pict/navi_1.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_2 {

  background: url(../pict/navi_2.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_3 {

  background: url(../pict/navi_3.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_4 {

  background: url(../pict/navi_4.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_5 {

  background: url(../pict/navi_5.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_6 {

  background: url(../pict/navi_6.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_7 {

  background: url(../pict/navi_7.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_8 {

  background: url(../pict/navi_8.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_9 {

  background: url(../pict/navi_9.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_10 {

  background: url(../pict/navi_10.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_11 {

  background: url(../pict/navi_11.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_12 {

  background: url(../pict/navi_12.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_seminar {

  background: url(../pict/navi_seminar.gif) 0 0 no-repeat;

  height: 53px;

}

#content_l li#navi_seminar {

  background: url(../pict/navi_seminar.gif) 0 0 no-repeat;

  height: 53px;

}







#content_l li#navi_blog {

  margin: 5px 0 0 0;

  background: url(../pict/navi_blog.gif) 0 0 no-repeat;

  height: 51px;

}



#content_l li#navi_boss {

  margin: 5px 0 0 0;

  background: url(../pict/navi_boss.gif) 0 0 no-repeat;

  height: 51px;

}











#navi_mkobo li {

/*  margin: 26px 0 0 0;*/

  border: 1px solid #CCCCCC;

  padding: 0;

  display: block;

  width: 149px;

  height: 51px;

  text-indent: -9999px;

}



#navi_mkobo li a {

  text-decoration: none;

  display: block;

  height: 51px;

}

#navi_mkobo li {

  margin: 5px 0 0 0;

  background: url(../pict/navi_mkobo.gif) 0 0 no-repeat;

  height: 51px;

}

#navi_mkobo li a:hover{

  background: url(../pict/navi_mkobo.gif) 0 -51px no-repeat;

/*  height: 51px;*/

}











#content_l li#navi_1 a:hover{

  background: url(../pict/navi_1.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_2 a:hover{

  background: url(../pict/navi_2.gif) 0 -53px no-repeat;

  height: 53x;

}

#content_l li#navi_3 a:hover{

  background: url(../pict/navi_3.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_4 a:hover{

  background: url(../pict/navi_4.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_5 a:hover{

  background: url(../pict/navi_5.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_6 a:hover{

  background: url(../pict/navi_6.gif) 0 -53px no-repeat;

  height: 53px;

}



#content_l li#navi_7 a:hover{

  background: url(../pict/navi_7.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_8 a:hover{

  background: url(../pict/navi_8.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_9 a:hover{

  background: url(../pict/navi_9.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_10 a:hover{

  background: url(../pict/navi_10.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_11 a:hover{

  background: url(../pict/navi_11.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_12 a:hover{

  background: url(../pict/navi_12.gif) 0 -53px no-repeat;

  height: 53px;

}

#content_l li#navi_seminar a:hover{

  background: url(../pict/navi_seminar.gif) 0 -53px no-repeat;

  height: 53px;

}



#content_l li#navi_blog a:hover{

  background: url(../pict/navi_blog.gif) 0 -51px no-repeat;

/*  height: 51px;*/

}



#content_l li#navi_boss a:hover{

  background: url(../pict/navi_boss.gif) 0 -51px no-repeat;

/*  height: 51px;*/

}





/*------右ブログカテゴリ------*/

#blog_cat {

  width: 149px;

  border: 1px solid #CCCCCC;

}



#blog_cat ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#blog_cat li {

/*  border: 1px solid #CCCCCC;*/

  padding: 0;

  display: block;

  width: 149px;

  height: 27px;

}



#blog_cat li a {

  text-decoration: none;

  display: block;

  color: #ff6600 ;

  line-height: 2.2em;

  padding-left: 22px;

  font-weight: bold;

  background: url(../pict/navi_blog_cat.gif) 0 0 no-repeat;

  height: 27px;

}



#blog_cat li a:hover{

  background: url(../pict/navi_blog_cat.gif) 0 -27px no-repeat;

}





/***********************

コンテンツ

***********************/

#content {

	width: 758px;

	margin: 0;

	padding:0;

        border-top:1px solid #999999;

        positions:static;

/*↓floatのブラウザ問題回避設定*/

/*overflow:auto; IE7でスクロールバーが表示されて崩れる

overflow: hiddenを使用すると外側のボックスの高さがフロートした内側のボックスの高さによって拡張するのはバグでもなんでもなくて仕様のようです。
ゆえに、IE7 betaでも問題なく表示されます。

【解説】http://www.fsiki.com/archive/css-doc/float.html
*/

/*background:url(../pict/content_bg.gif) left top ;*/

/*      position:ralative;	*/

/*border-RIGHT:1px solid RED;*/



}







/***********************

中央コンテンツ・右コンテンツ

***********************/



#wrapper {

width: 605px;

float: left;

/*

border-RIGHT:1px solid RED;

*/

}



/***********************

中央コンテンツ

***********************/

#content_c {

width: 605px;

float: left;

margin: 0 auto;

/*

background:#999999;

*/

}



/*------センターメイン------*/

#main_img {

	width: 605px;

        height: 325px;

/*	border:1px solid #CCCCCC;*/

background:url(../pict/top_main.jpg) left top no-repeat;

	margin: 0;

	padding: 0;}





/*------What'snew-----*/

.news {

float:left;

width: 290px;

margin: 25px;

}

.news_co{

width:290px;

margin-bottom:15px;

padding-bottom:20px;

background:#e9f5e9;

}

.news_co dt{

padding:7px 0;

background:url(../pict/news_cobar.jpg) no-repeat;

text-indent:10px;

color:#008500;

font-weight:bold;

font-size:14px;

}

.news_co dd{

margin:3px 0 0 10px;

}



/*------top_sales【お買い得情報】-----*/



.top_sales{

width:290px;

margin-bottom:15px;

padding-bottom:20px;

background:#F5E8EA;

}

.top_sales a{

	color:#99001C;

}



.top_sales a:hover{

	color:#0AAC19;

}



.top_sales dt{

padding:7px 0;

background:url(../pict/top_sales.jpg) no-repeat;

text-indent:10px;

color:#99001C;

font-weight:bold;

font-size:14px;

}

.top_sales dd{

margin:3px 0 0 10px;

}







/*------owner-----*/

#topleft{

float:left;

padding:0 0 0 10px;

width:230px;

}

#topleft ul,

#topleft li{

list-style:none;

}

.owner{

margin:25px 0 0;

}





/*------sboss-----*/



.boss{

margin:20px 0 0;

}





/*------genba-----*/

.genba{

margin:25px 0 25px 0;

}

.owner li,

.boss li,

.genba li {

padding:5px 0;

}

.genba ul{

float:left;

margin-bottom:25px;

}

.genba_right{

margin:0 0 25px 20px;

}



/*------MSコンテンツ------*/

.ms_contents{

        width:550px;

		margin:5px auto 10px auto;

		font-size:12px;

		line-height:1.5em;

		}



.ms_contents h2{

        color:#000000;

		font-weight:600;

		font-size:20px;

		background:url(../pict/h2.gif) no-repeat 0 0;

		height:43px;

		padding:15px 0 0 25px;}

		

.ms_contents p{

        width:530px;

	margin: 5px 0 7px 10px;

        padding: 2px 0;

}



.ms_contents .log h3 {

	font-size: 16px;

	color: #FFFFFF;

	background-color: #FFCC00;

	line-height: 1.5em;

	margin:5px 0;

	padding: 0 0 0 10px;

	border-left: 3px solid #FF9900;

}

.ms_contents .company h3 {

	font-size: 16px;

	color: #FFFFFF;

	background-color: #FFCC00;

	line-height: 1.5em;

	margin:5px 0;

	padding: 0 0 0 10px;

	border-left: 3px solid #FF9900;

}



.ms_contents .log h4 {

	width: 520px;

	font-weight: 600;

	font-size: 15px;

	margin:20px 0;

	border-bottom: 1px solid #66CC00;

}.



.ms_contents .company h4 {

	width: 520px;

	font-weight: 600;

	font-size: 15px;

	margin:20px 0;

	border-bottom: 1px solid #66CC00;

}



.ms_contents strong {

	color:#FF6600;} 



/*---------MSの特徴用------------*/

/**--h3--**/

.tokutyou h3 {

	font-size: 16px;

	color: #FFFFFF;

	background-color: #FFCC00;

	line-height: 1.5em;

	padding: 0 0 0 10px;

	border-left: 3px solid #FF9900;

	margin: 0;

}

.tokutyou {

	/*border: 1px solid #FFCC00;*/

	overflow: auto;

	margin: 5px 0;

	padding:10px 0;

}





/**--h4--**/

.tokutyou .tokutyou_ms h4 {

	width: 330px;

	font-weight: 600;

	font-size: 15px;

	border-bottom: 1px solid #66CC00;

	padding: 0;

	margin: 0;

}



.tokutyou .tokutyou_general h4 {

	width: 330px;

	font-weight: 600;

	font-size: 15px;

	border-bottom: 1px solid #FFCC99;

	padding: 0;

	margin: 0;

}



/**左(ＭＳの場合・一般…)**/

.tokutyou_box {

	width: 380px;

	float: left;

}



/**--ＭＳの場合--**/



.tokutyou .tokutyou_ms {

	width: 360px;

/**	border: 10px solid #66CC00;**/

	background:url(../pict/box_ms.gif) no-repeat bottom right;

	padding: 10px 12px;

	margin: 5px 2px;

}

.tokutyou .tokutyou_ms p {

	width: 280px;

	margin: 3px 0;

	padding: 5px;

	border: 1px dotted #CCCCCC;

}



/**--一般大手メーカー--**/

.tokutyou .tokutyou_general {

	width: 360px;

/**	border: 10px solid #FFCC99;-**/

	padding: 5px 12px;

	margin: 5px 2px;

}

.tokutyou .tokutyou_general p {

	width: 330px;

	margin: 3px 0;

	padding: 5px;

	border: 1px dotted #CCCCCC;

}

/**--右画像--**/

.tokutyou .tokutyou_img {

	width: 160px;

	float: right;

}

.tokutyou_img img {

	margin: 2px;

}



/*--------価格事例------------*/

/**--h3--**/

.kakaku h3{

	width: 450px;

        height: 35px;

	font-weight: 600;

	font-size: 20px;

        background: url(../pict/h4.gif) 0 0 no-repeat;

	padding: 15px 0 0 60px;

	margin: 0;

}

.kakaku {

	/*border: 1px solid #FFCC00;*/

	overflow: auto;

	margin: 5px 0;

	padding:10px 0;

}



/*--------建物の種類------------*/

.linkDetail{

padding:5px 10px;

width:500px;

border:solid 1px #cbe3b7;

background:#e9f3e3;

}

.linkDetail td{

height:45px;

}

.linkDetail a img{

float:left;

border:0;

}

.linkDetail a span{

display:block;

float:left;

margin:10px;

cursor:pointer;

}

.tatemono{

margin:0 auto 30px 10px;

width:500px;

border-bottom:solid 1px #cfbbb1;

}

.tate_con{

float:left;

width:120px;

text-align:center;

}

.tate_con img{

border:solid 1px #CCC;

}

.tate_con dt span{

font-weight:bold;

font-size:14px;

}

.tatemono table{

float:left;

margin:0 0 30px 15px;

width:360px;

border-bottom:solid 1px #CCC;

border-left:solid 1px #CCC;

}

.tatemono table th{

width:85px;

background:#ffeeab;

}

.tatemono.zai table th{

background:#f2ddbe;

}

.tatemono table td,

.tatemono table th{

padding:5px;

border-top:solid 1px #CCC;

border-right:solid 1px #CCC;

}

.detailfont{

margin:0 0 3px;

font-size:10px;

line-height:1.2;

}

dd.t_log{

text-align:left;

}

.t_log img{

border:solid 1px #008800;

}



/******表テンプレート******/



.t_type1{

	border:1px solid #ccccff;

	}

.t_type1 th{

	color:#FFFFFF;

	text-align:left;

	magin:0;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	border: 1px solid #ccccff;

	background:#CCCCFF;

	}

.t_type1 td{

	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	border: 1px solid #ccccff;

	}



.t_type2{

	border:1px solid #FF9900;

	width:80%;

	}

.t_type2 th{

	color:#FFFFFF;

	text-align:left;

	magin:0;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	border: 1px solid #ccccff;

	background:#CCCCFF;

	}

.t_type2 td{

	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	border: 1px solid #FF9900;

	}



.t_type3{

    margin:0 0 0 10px;

	border:1px solid #00CC00;

	width:540px;}

.t_type3 th{

	text-align:center;

	magin:0;

	width:100px;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	background:#FEFB70;

	}

.t_type3 td{

	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	}

	

.t_type4{

	font-size:12px;

	width:650px;}

.t_type4 th{

	text-align:left;

	magin:0;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	background-color: #B0C4E3;

	}

.t_type4 td{



	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	}



.t_type5{

	border:1px solid #ccccff;

	}

.t_type5 th{

	color:#FFFFFF;

	text-align:left;

	magin:0;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	border: 1px solid #ccccff;

	background:#CCCCFF;

	}

.t_type5 td{

	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	border: 1px solid #ccccff;

	}



.t_type6{

	border:1px solid #FF9900;

	width:80%;

	}

.t_type6 th{

	color:#FFFFFF;

	text-align:left;

	magin:0;

	padding:3px 10px 3px 10px;

	vertical-align:top;

	border: 1px solid #ccccff;

	background:#CCCCFF;

	}

.t_type6 td{

	text-align:left;

	magin:0;

	padding:0 10px 0 10px;

	border: 1px solid #FF9900;

	}





.t_type7{

        margin:0;

	border:1px solid #00CC00;

	width:300px;

        float: left;

        }

.t_type7 th{

	text-align:center;

	magin:0;

	padding:0;

	width:120px;

	border:1px solid #00CC00;

	vertical-align:top;

	background:#FEFB70;

	}

.t_type7 td{

	border:1px solid #00CC00;

	text-align:left;

	magin:0;

	padding:0;

	}

	

.t_type8{

        margin:0 0 0 4px;

	border:1px solid #00CC00;

	width:240px;

        float: right;}

.t_type8 th{

	text-align:center;

	magin:0;

	width:100px;

	border:1px solid #00CC00;

	vertical-align:top;

	background:#FEFB70;

	}

.t_type8 td{

        border:1px solid #00CC00;

	text-align:left;

	magin:0;

	padding:0;

	}

	

/***********************

右コンテンツ

***********************/

/*#content_r {

width: 157px;

float: left;

margin: 0 auto;

background:#CCCCCC;



}*/





/***********************

フッタ

***********************/

#footer {

	clear: both;

	padding:0;

	width:758px;

	position:static;

	background: transparent url(../pict/footer.gif) left top;

        background-repeat: repeat-x;

	height: 50px;

	margin:0px;

}



#copyright {

	color: #fff;

	font-size: 12px;

	text-align: left;

        line-height: 1.4em;

        padding: 5px 0 0 0;



}



#tel {

	color: #fff;

	font-size: 30px;

	text-align: left;

        float: left;

        padding: 5px 10px 0 10px;

        font-family: Impact,Charcoal;

}



/***********************

ブログ

***********************/

.blogarea {

  border: 1px solid #cccccc;

  width: 540px;

  margin : 8px 10px;

}



.blogarea #date {

  text-align:right;

  font-weight: bold;

  margin-right: 5px;

  border-bottom: 1px dotted #cccccc;

}





.blogarea h3 {

  background-color: #e5f6ff;;

  padding: 3px;

  margin: 2px;

  font-weight: bold;

  border-left: 3px solid #0066cc;

}





.blogarea #blogbody {

  padding: 3px;

  font-family: "Comic Sans MS";

}



.blogarea #post {

  margin: 15px 0 0 0;

  font-weight: bold;

}



.blogarea #trackback {

  margin: 10px 0 0 10px;

  padding: 0px 0 0 14px;

  font-weight: bold;

}



.blogarea p {

  margin: 0 0 0 10px;

  padding: 0px 0 0 14px;

  font-size: 10px;

  line-height: 150%;

}





.blogarea #comment {

  margin: 2px 0 0 10px;

  padding: 0px 0 0 14px;

  font-weight: bold;

}

/***********************

topバナー

***********************/

#top_banner {

  padding: 15px 0 0 20px;

  margin: 12px 0 0 5px;

}







/*--------ログハウスビジネスサポートクラブ------------*/



ul#clubPoint {

	color:#008401;

	padding:0px 10px 10px 25px;

}

ul#clubPoint li{

	padding:5px 0;

}







.clubTxt ol#clubPoint {

	color:#008401;

	padding:0px 10px 10px 25px;

	margin:0 0 0 5px;

	color:#653818;

}

.clubTxt ol#clubPoint li{

	padding:5px 0;

}



.sign {

	margin:15px 0 35px 0px;

}

p.left {

	text-align:left;

	float:right;

	width:300px;

}





.clear {

clear:both;

}





/*--------ミニログ------------*/

p.mcSeries {

	background:#008811;

	padding:10px 0px 10px 15px;

	margin:10px 0;

}



p.mcSeries img.mc6{

	padding:0 0 12px 2px;

}



p.mcSeries img.mc3{

	padding:0 0 0 0;

}



#mcSpec table{

float:left;

margin:0 0 30px 0px;

width:523px;

border-bottom:solid 1px #CCC;

border-left:solid 1px #CCC;

}

#mcSpec table th{

width:85px;

background:#ffeeab;

}

#mcSpec .zai table th{

background:#f2ddbe;

}

#mcSpec table td,

#mcSpec table th{

padding:5px;

border-top:solid 1px #CCC;

border-right:solid 1px #CCC;

}