/* 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;
/*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;
}