@charset "UTF-8";

/* Default style clear------------------------------------------- */
@import "../../css/reset.css";
/* -------------------------------------------Default style clear */

/* All style----------------------------------------------------- */
@import "../../css/normal.css";
/* -----------------------------------------------------All style */


h2#TTh2{
	background-image:url(../images/title_mokuzai.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:730px;
	height:130px;
	text-indent:-9999px;
}




/* 木材の達人 */
/* 20090329　machi製作 */
/* 素適住生活研究所 */

a:link{text-decoration:none;color:#0066ff ;}
a:visited{text-decoration:none;color:#0066ff ;}
a:hover{text-decoration:none;color:#BB1212 ;}
a:active{text-decoration:none;color:#0066ff ;}


.news_list td a:link{text-decoration:none;color:#ffffff ;}
.news_list td a:visited{text-decoration:none;color:#ffffff ;}
.news_list td a:hover{text-decoration:underline;color:#ffffff ;}
.news_list td a:active{text-decoration:none;color:#ffffff ;}




/* レイアウト------------------------------------------------------ */

#main{
	float:right;
	width:730px;
	text-align:left;
	margin-right:5px;
	}

#menu{
	float:left;
	width:180px;
	background-color:#f5f5c3;
	text-align:left;
	border:1px solid #517020;
	margin-left:5px;
}


.rema_link{
	text-align:right;
	font-size:80%;
	padding-bottom:20px;
	margin-right:10px;
	clear:both;
}

.p_navi{
	text-align:right;
	margin-right:10px;
	clear:both;
}
h2.cent{
	text-align:center;
	background-color:#000000;
	width:935px;
	padding-top:20px;
	padding-bottom:20px;}
	
	
.categori{
	width:270px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	font-size:80%;
	line-height:150%;}
	
img.pict_cate{
	border:1px solid #cccccc;
	padding:2px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:10px;}

.news{
	background-image:url(../images/whatsnew.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:210px;
}

.news_list{
overflow:auto;
width:400px;
height:75px;
border-top:1px dotted #ffffff;
margin-bottom:20px;
margin-top:100px;
margin-left:25px;}

.news th{
	width:100px;
	height:25px;
	border-bottom:1px dotted #ffffff;
	font-size:80%;
	text-align:left;
	color:#ffffff;
	}
.news td{
	width:300px;
	height:25px;
	border-bottom:1px dotted #ffffff;
	font-size:80%;
	text-align:left;
	color:#ffffff;
	}



/*------------------------------------------------------レイアウト */

/* topの指定----------------------------------------------------- */

.top_column{
	width:730px;}

img.left{
	float:left;
	margin-right:15px;}


/*------------------------------------------------------topの指定 */


/* menuの指定----------------------------------------------------- */

#menu ol li{
	font-size:90%;
	padding-left:18px;
/*	height:30px;	*/
	line-height:30px;
	margin-left:5px;
	background-image:url(../../images/arrow001.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
}
ul.submenu li{
	background-image:url(../images/arrow001.gif);
	background-position:center left;
	background-repeat:no-repeat;
	font-size:80%;
	padding-left:15px;
	height:18px;
	line-height:18px;
	}

#menu ol li.celec{
	font-size:90%;
	padding-left:18px;
/*	height:30px;	*/
	line-height:30px;
	margin-left:5px;
	background-image:url(../../images/arrow002.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
}
ul.submenu li.celec{
	background-image:url(../images/arrow002.gif);
	background-position:center left;
	background-repeat:no-repeat;
	font-size:80%;
	padding-left:15px;
	height:18px;
	line-height:18px;
	}




/* ----------------------------------------------------menuの指定  */


h3{
	font-size:1.2em;
	border-left:5px solid #9abf5f;
	border-bottom:1px solid #9abf5f;
	padding:5px 0px 5px 5px;
	margin:20px 0px 10px 5px;
	font-weight:bold;
	clear:both;
}

h4{
	font-size:1.1em;
	border-left:5px solid #9abf5f;
	padding:5px 0px 5px 5px;
	margin:5px 0px 5px 25px;
	font-weight:bold;
	clear:both;
}

p{
	line-height:170%;
	margin:0px 20px;
}

/*数字付*/
#main ol{
	margin:0px 20px 0px 60px;
	list-style-type:decimal;
}
/*黒丸*/
#main ul{
	margin:0px 20px 0px 60px;
	list-style-type:disc;
}

.first{
	font-weight:normal;
	font-size:1em;
	line-height:170%;
	border:1px solid #9abf5f;
	margin:50px 30px 50px 30px;
	padding:10px;
		clear:both;
}

/* ------------------------------------------------------全体指定 */

/* コラム（column）---------------------------------------------- */

.column{
	width:730px;
	clear:both;
}


.column_pict-300{
	width:300px;
	float:left;
	padding-bottom:20px;
	padding-left:10px;
		font-size:75%;
	line-height:120%;
}

.column_text400{
	width:400px;
	text-align:left;
	font-size:85%;
	line-height:180%;
	float:right;
	padding-bottom:20px;
	padding-right:10px;
}


p.s_title{
	font-size:75%;
	line-height:120%;
	font-weight:bold;
	margin-left:0px;
}

.comm_title{
	width:650px;
	font-size:80%;
	line-height:150%;
	margin:10px auto 30px;
}



.column_pict-l{
	width:250px;
	float:left;
	padding-bottom:20px;
	padding-left:10px;
		font-size:75%;
	line-height:120%;
}

.column_text-r{
	width:450px;
	text-align:left;
	font-size:85%;
	line-height:180%;
	float:right;
	padding-bottom:20px;
	padding-right:10px;
}

.column_pict-r{
	width:250px;
	float:right;
	padding-bottom:20px;
	padding-right:10px;
			font-size:75%;
	line-height:120%;
}

.column_text-l{
	width:450px;
	text-align:left;
	font-size:85%;
	line-height:180%;
	float:left;
	padding-bottom:20px;
	padding-left:10px;
}

span.re{
	color:#A71D1D;
	font-weight:bold;
}

span.gr{
	color:#127214;
	font-weight:bold;
}

.column_cent{
	width:730px;
	text-align:center;
	background-color:#ffffff;
}



.flow_wood{
	width:720px;
	height:200px;
	margin-left:10px;
	background-image:url(../info/images/bk_column22.gif);
	background-position:bottom left;
	background-repeat:repeat-y;
	clear:both;
}

.flow_text{
	width:365px;
	font-size:85%;
	line-height:150%;

	float:right;}

.flow_pict{
	width:250px;
	margin-right:10px;
	float:right;
	font-size:75%;
	line-height:120%;
	text-align:center;}

.flow_title{
	padding-left:10px;
		clear:both;}


.column28{
	font-size:90%;
	line-height:150%;
	text-align:center;
	margin:25px auto;
	border:1px dotted #cccccc;
	width:600px;
	padding:20px;
}


.column28_map{
	width:600px;
	text-align:center;
	margin:5px auto;
}

/* --------------------------------------------- コラム（column） */

/* mokume? ---------------------------------------------- */

.moku_menu{
	clear:both;
	text-align:right;
	margin:20px 0;
}


.column_l{
	width:230px;
	float:left;}
img.list_p{
	float:left;
	padding:2px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-right:5px;
	margin-left:35px;
	margin-bottom:10px;}

h4{
	font-size:95%;}

ol.word_t{
	margin-left:20px;}

.back_menu{
	clear:both;
	text-align:right;
	padding-top:50px;
	height:50px;
}

/*---------------------------------------------- mokume? */



/* yakushima ---------------------------------------------- */

.yaku{
	width:680px;
	margin:10px auto;
}


.yaku_waku{
	width:170px;
	text-align:center;
	margin-bottom:13px;
	float:left;}

img.yaku_p{
	float:left;
	padding:2px;
	border:1px solid #666666;
	background-color:#FFFFFF;
}


/*---------------------------------------------- yakushima */

/* remake ---------------------------------------------- */

.rema{
	width:680px;
	margin:10px auto;
	clear:both;
}


.rema_pict{
	width:400px;
	float:left;
	margin-bottom:40px;

}

.rema_text{
	width:270px;
	float:right;
	margin-bottom:40px;
	font-size:85%;
	line-height:170%;
}


/*---------------------------------------------- remake */
/* meiboku ---------------------------------------------- */

table.meiboku_list{
	clear:both;
}


table.meiboku_list th{
	font-size:80%;
	line-height:120%;
	font-weight:bold;
	height:25px;
	border-right:1px solid #e1e1e1;
	padding-right:15px;
	width:100px;
}

table.meiboku_list td{
	font-size:80%;
	line-height:120%;
	height:25px;
	padding-left:10px;
	text-align:left;
}

.meiboku_rig{
	padding-top:20px;
	padding-bottom:25px;
	margin-left:30px;
}

.pict_meiboku{
	width:730px;

}


img.meiboku_p{
	float:left;
	padding:2px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-right:5px;
	margin-left:35px;
	margin-bottom:10px;}


p.derivation{
	font-size:85%;
	line-height:180%;
	clear:both;
	padding-bottom:25px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}


p.editor{
	font-size:85%;
	line-height:180%;
	clear:both;
	padding-bottom:40px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}


.photo{
	text-align:right;
	font-size:80%;
	padding-right:20px;
	padding-bottom:30px;
}

/*---------------------------------------------- meiboku */
/* kabegami ----------------------------------------------*/

table.kabegami{}

table.kabegami td{
	font-size:80%;
	line-height:150%;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
}


/*---------------------------------------------- kabegami */

/* sozai ----------------------------------------------*/

.sozai{
	clear:both;
}


.sozai_pict{
	width:250px;
	float:left;
	margin-bottom:30px;
	margin-left:15px;

}

.sozai_text{
	width:430px;
	float:right;
	margin-bottom:30px;
	font-size:85%;
	line-height:150%;
	margin-top:20px;

}

p.rig{
	text-align:right;
	margin-top:15px;
}

table.sozai_sho{
	border-bottom:1px dotted #858585;
	margin-top:10px;
}

table.sozai_sho th{
	width:40px;
	font-size:80%;
	line-height:120%;
	height:22px;
	border-top:1px dotted #858585;
	border-left:1px dotted #858585;
	padding-left:5px;
}

table.sozai_sho td{
	width:230px;
	font-size:80%;
	line-height:120%;
	height:22px;
	border-top:1px dotted #858585;
	border-right:1px dotted #858585;
	padding-left:5px;
}


.sozai_flo{
	width:280px;
	float:left;
	padding-left:30px;
	padding-right:5px;
	padding-bottom:25px;
}


/*---------------------------------------------- sozai */


/* work ---------------------------------------------*/

.work_ind{
	margin-bottom:40px;
}

.work_ind-p{
	width:400px;
	float:left;
	margin-left:15px;
}

.work_ind-t{
	width:290px;
	float:right;
	font-size:90%;
	line-height:150%;
	padding-top:10px;
}

img.waku{
	border:1px solid #BEBEBE;
	color:#ffffff;
	padding:3px;
}


.work_l{
	width:230px;
	float:left;
	margin-bottom:20px;
}

img.wlist_p{
	float:left;
	padding:2px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-right:5px;
	margin-left:30px;
	margin-bottom:10px;}

.wlist_t{
	margin-left:30px;
	font-size:75%;
	line-height:160%;
}



.work_sho{
	clear:both;
}
.work_sho-pict{
	width:400px;
	float:left;
	margin-bottom:30px;
	}

.work_sho-text{
	width:320px;
	float:right;
	font-size:80%;
	line-height:150%;
	
}

h4.work_s{
	font-size:100%;
	border:2px dotted #D1D1D1;
	font-weight:bold;
	clear:both;
	margin:5px 0px 5px 0px;
	padding:2px 0px 2px 5px;
	
}

p.work_s-t{
	font-size:100%;
	line-height:150%;

}



.work_acc{}
.work_acc-p{
	width:150px;
	float:left;
	margin-left:5px;
	margin-bottom:30px;
}
.work_acc-t{
	width:155px;
	float:right;
	margin-bottom:30px;
}

/*--------------------------------------------- work */