/* ############################################# 初期設定 */

* {
	margin: 0;
	padding: 0;
}

img{
	border:0;
}

body, td{
	font-size:100%;
	letter-spacing: 0.1em;
	line-height:150%;
}

body {
	text-align: center;
	background: url(../main/img/bg.gif) repeat-y 50% 50%;
	font-family: 'MS UI Gothic',Verdana, ;
	color:#585858;
}

/* "ＭＳ　Ｐゴシック", sans-serif */

/* FireFox対策 */
html {
	overflow-y:scroll;
}

a {
	color: #809D27;
	text-decoration: none;
	}
	
a:hover {
	color: #D0D9B1;
	text-decoration: underline;
}

/*　改行を生かしたまま折り返す  */
pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

/* ############################################# レイアウト設定（ページ全体） */

#page {
	width:760px;
	margin:0 auto;
	background:#FFF;
	text-align: left;
}

#container {
	float:left;
}

#side_cover{
	float:left;
	width:180px;
}

#side {
	padding:20px 0 20px 20px;
}

#main_cover{
	float:left;
	width:580px;
}

#main {
	padding:20px;
}


/* ############################################# レイアウト設定（上部下部） */
#toplogo {
	margin:0;
	padding:7px 0 1px 41px;
	height:78px;
	float:left;
}

#topaddress {
	margin:0;
	padding:33px 26px 13px 0;
	height:32px;
	float:right;
}

#foot {
	clear: both;
	width:760px;
	text-align:center;
	margin-top:10px;
	margin-bottom:2px;

}

#foot p{
	border-width:1px 0;
	border-style:solid;
	border-color:#D6DBD3;
	padding:2px;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0.1em;
	color:#787A78;
	line-height:120%;
	font-family:Verdana;

}


/* ############################################# 見出し、サイドメニュー、 */

/* 最上部 */
h1 {
	margin:3px 0;
	padding: 0 20px;

	border-width:1px 0;
	border-style:solid;
	border-color:#D6DBD3;

	font-size:12px;
	font-weight:normal;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	color:#787A78;
	line-height:145%
}

/*　各ページのタイトル部分　*/
h2 {
	font-size:1.2em;
	padding:3px 28px;
	background: url(../main/img/0146_splat.png) no-repeat 10px 45%;

}

.h2icon {
	margin-right:5px;
	vertical-align:baseline;
}

/* タイトル部分の上下水平線*/
.line03 {
	background:url(../main/img/line03.gif) repeat-x;
	height:3px;
	margin:0;
	width:100%;
}
.line01 {
	background:url(../main/img/line01.gif) repeat-x;
	height:3px;
	margin:0;
	width:100%;
}


/*　サイドメニューの設定　*/
.leftmenu1{
	width:154px;
	height:7px;
	background:url(../main/img/leftmenubg1.gif) no-repeat;
}	
.leftmenu2{
	width:144px;
	padding:7px 6px 2px 4px;/* 左右は枠の内側ギリギリまでにする */
	background:url(../main/img/leftmenubg2.gif) repeat-y;
}

.leftmenu2 ul{
	margin:0 10px 6px 15px;
	
}


.leftmenu2 li{
	list-style-type:none;
	background:url(../main/img/listimg09.gif) no-repeat -3px 4px;
	margin:6px 0;
	padding-left:16px;
}
	
.leftmenu3{
	width:154px;
	height:11px;
	background:url(../main/img/leftmenubg3.gif) no-repeat;
}	

/* サイドメニューの見出し */
p.sidem{
	border-width:1px 0;
	border-color:#C7C9C6;
	border-style:solid;
	margin:10px 4px 0;
	padding:2px 5px;
	text-align:center;
	background-color:#F7F8F0;
	color:#4A5B15;
	letter-spacing: 0.2em;
}


/* ############################################# 共通アイテム設定 */	

/*　水平線は全部隠す　*/
hr{
	display:none;
}

/* 画像の枠にボーダー */
.clip{
   border: 1px solid #D6DBD3; /* 枠線：1ピクセル・実線・緑色 */
   padding: 3px; /* 内側の余白：1ピクセル */
}

/* テーブル：ボーダー設定 */
table.t1,table.t4 {
	border-top:1px solid #D6DBD3;
	border-left:1px solid #D6DBD3;
	border-collapse:collapse;
}	

.t1 td, .t4 td {
	border-right:1px solid #D6DBD3;
	border-bottom:1px solid #D6DBD3;
}

.t4 td{
	padding:6px 8px;
}	

/* セル毎 */
/* 内装材ページ */
.cell1{
	text-align:center;
	width:86px;
	padding:12px 0;
}
.cell2{
	padding:12px 8px;
}

/* 竹製品ページ */
.cell3{
	height:110px;
	text-align:center;
	padding:6px 8px;
}

/* 施工実績など */
.cell4{
	text-align:center;
	width:120px;
	padding:8px 0;
}

.cell5{
	text-align:left;
	padding:8px 10px;

}

/* 主な業務経歴 */
table.t3{
	border:1px solid #dfdfdf;
	border-bottom: 0;
	margin-top:20px;
}

.cell6{
	border-bottom:1px solid #dfdfdf;
	background-color: #EAF0E6;
	color: #444C3E;
	padding:3px 6px;
}

/* 施工実績　各ページの文章セル */
.cell7{
	border-bottom:1px solid #dfdfdf;
	padding:6px 6px 10px 6px;
	line-height:1.8;

}

.cell8{
	padding:6px 8px;
}

.cell9{
	padding:5px;
	text-align:center;
}

.works_midasi{
	color:#6D3848;
}

.under{
	border-bottom: 1px solid #dfdfdf;
	margin-bottom:4px;
}

.product_list {
	background-color: #EAF0E6;
	margin: 0;
	border-bottom: 1px solid #dfdfdf;

}

.product_list dt{
	color: #444C3E;
	padding: 10px;
	width: 160px;
	float: left;
	background-color: #EEF1EC;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	border-top: 1px solid #dfdfdf;

}
.product_list dd{
	background-color: #F4F4F3;
	margin: 0 0 0 160px;
	padding: 10px;
	border-left: 1px solid #dfdfdf;
	color: #666666;
	text-align: left;
	border-top: 1px solid #dfdfdf;
}

/* テーブルの設定2 tdの内容が中央にくる　写真リスト */
table.t2 {
	border-top:1px solid #D6DBD3;
	border-left:1px solid #D6DBD3;
	border-collapse:collapse;
}	

.t2 td {
	border-right:1px solid #D6DBD3;
	border-bottom:1px solid #D6DBD3;
	height:110px;
	text-align:center;
	vertical-align:50%;

	padding:6px 8px;
}

/* 要素を隠す hrとか*/
.hide{
	display:none;
}

/* 戻る矢印 */
.p1{
	text-align:right;
	padding-top:8px;
	padding-right:5px;
}


/* メインでの単発文章向け */

p.anna{
	margin:15px 5px;
}	

p.mariko{
	line-height: 1.8;
	margin:15px 5px;
}

.vd {
	font-family:Verdana;	
}

/* 一覧用 */

ul.lis{
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:black;
}

.lis li{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:black;


}


ul.ds {
	list-style-type:circle;
	margin:20px;
}

li.ds {
	margin:10px;
}

	
/* ############################################# 個別設定 */	

/*お問い合わせページの要素*/
.cont1{
	margin:40px 0 10px 4px;
}

.cont2{
	font-size:38px;
	/* font-weight: bolder;  */
	color:#678E21;
	font-family:Verdana;
}

.contmark{
	margin-bottom:1px;
	margin-right:4px;
}		

p.come {
	margin-top:3px;
	font-size:0.8em;
	line-height:100%;
}

.s2{
	margin-bottom:20px;	
}


/*　内装材トップ見出し　*/
.intm{
	font-size:150%;
	font-weight:bold;
	margin:0 0 3px 0;

}
.intm2{
	color:#7B4253;
}

	
/* ############################################# メインメニュー */

#g_navi {
	clear:both;
	height:34px;
	background:url(img/g_navi_bg.gif) no-repeat;
	margin:0;
}
#g_navi ul {
	padding:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:34px;
	display:block;
	float:right;
	text-decoration:none;
	overflow:hidden;
}

#g_navi span.alt{
	display:none;
}

/*------off*/
#g_navi li.g_navi01		a {	background:url(img/g_navi02.gif) no-repeat 0px 0px;	width:154px;}
#g_navi li.g_interior	a {	background:url(img/g_navi02.gif) no-repeat -154px 0px;	width:98px;}
#g_navi li.g_product	a {	background:url(img/g_navi02.gif) no-repeat -252px 0px;	width:100px;}
#g_navi li.g_works	 	a {	background:url(img/g_navi02.gif) no-repeat -352px 0px;	width:147px;}
#g_navi li.g_campany 	a {	background:url(img/g_navi02.gif) no-repeat -499px 0px;	width:117px;}
#g_navi li.g_contact 	a {	background:url(img/g_navi02.gif) no-repeat -616px 0px;	width:144px;}

/*------hover*/
#g_navi li.g_navi01		a:hover {	background:url(img/g_navi02.gif) no-repeat 0px -68px;}
#g_navi li.g_interior	a:hover {	background:url(img/g_navi02.gif) no-repeat -154px -68px;}
#g_navi li.g_product	a:hover {	background:url(img/g_navi02.gif) no-repeat -252px -68px;}
#g_navi li.g_works		a:hover {	background:url(img/g_navi02.gif) no-repeat -352px -68px;}
#g_navi li.g_campany	a:hover {	background:url(img/g_navi02.gif) no-repeat -499px -68px;}
#g_navi li.g_contact	a:hover {	background:url(img/g_navi02.gif) no-repeat -616px -68px;}

/*------on*/
#g_navi li.g_navi01_on		a {	background:url(img/g_navi02.gif) no-repeat 0px -34px;	width:154px;}
#g_navi li.g_interior_on	a {	background:url(img/g_navi02.gif) no-repeat -154px -34px;	width:98px;}
#g_navi li.g_product_on		a {	background:url(img/g_navi02.gif) no-repeat -252px -34px;	width:100px;}
#g_navi li.g_works_on		a {	background:url(img/g_navi02.gif) no-repeat -352px -34px;	width:147px;}
#g_navi li.g_campany_on		a {	background:url(img/g_navi02.gif) no-repeat -499px -34px;	width:117px;}
#g_navi li.g_contact_on		a {	background:url(img/g_navi02.gif) no-repeat -616px -34px;	width:144px;}