@charset "utf-8";

@import "null.css?\"\{";


/* -----デザインパーツ----- */

#main a:hover img,
#side a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#main a:link,
#main a:visited {
	color: #666;
	}

#main a:hover,
#main a:focus,
#main a:active {
	color: #c9d787;
	}


/* 
	■ヘッダーレイアウト指定
------------------------------------- */

#mutenka #header{
	background:url(../img/mutenka/header.jpg) no-repeat center bottom;
	}

#material #header{
	background:url(../img/mutenka/material/header.jpg) no-repeat center bottom;
	}

#question #header{
	background:url(../img/mutenka/question/header.jpg) no-repeat center bottom;
	}

#construction #header{
	background:url(../img/construction/header.jpg) no-repeat center bottom;
	}

#flow #header{
	background:url(../img/flow/header.jpg) no-repeat center bottom;
	}

#sitemap #header{
	background:url(../img/sitemap/header.jpg) no-repeat center bottom;
	}

#policy #header{
	background:url(../img/policy/header.jpg) no-repeat center bottom;
	}

#principles #header{
	background:url(../img/company/principles/header.jpg) no-repeat center bottom;
	}

#outline #header{
	background:url(../img/company/outline/header.jpg) no-repeat center bottom;
	}

#cgi-bin #header{
	background:url(../img/cgi-bin/header.jpg) no-repeat center bottom;
	}

#contact #header{
	background:url(../img/contact/header.jpg) no-repeat center bottom;
	}
	

/* 
	■コンテンツ指定
------------------------------------- */

/* -----  main  ------ */

#main{
	margin-top: 12px;
	}

/* ---  topicpath  --- */

.topicpath ol{
	margin-top: 1em;
	margin-left: 0;
	margin-bottom: 24px;
	padding: 0;
	}

.topicpath li{
	display: inline;
	}

.topicpath li a{
	font-weight: bold;
	margin-right: 6px;
	}


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

#main .inner{
	margin-left: 12px;
	}

h1.title{
	margin-bottom: 36px;
	}

.main_01,
.main_02{
	margin-bottom: 36px;
	}

#main .inner dt.subtitle{
	color: #5e472c;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.8;
	padding-left: 12px;
	margin-bottom: 12px;
	border-left: solid 4px #c9d787;
	}	

#main .inner dd{
	margin: 12px;
	letter-spacing: 0.2em;
	}

/* -- 無添加住宅とは？ -- */

.mutenka_01{
	background: url(../img/mutenka/01.jpg) no-repeat;
	}

.mutenka_01 p{
	padding: 155px 24px 48px 340px;
	font-size: 95%;
	color: #656565;
	}

/* --- 無添加住宅の素材
アコーディオン関係 --- */

#accordion{
	width: 500px;
	margin: 50px auto
	}

.accordion dl{
	width: 500px;
	}

.accordion dt{
	width: 500px;
	padding: 8px;
	font-weight: bold;
	margin-top: 5px;
	cursor: pointer;
	background: url(../img/common/accordion_title.jpg);
	}
	
.accordion dt:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: #c9d787;
	}

.accordion dt span{
	font-weight: normal;
	margin-right: 1em;
	}

.accordion dd{
	padding-left: 18px;
	overflow: hidden;
	background: #fff;
	}

/* safari only ¥*/

html:¥66irst-child .accordion dd {
	overflow: auto;
}



/* --- 無添加住宅のよくある質問 --- */

#rotate dl{
	margin: 18px;
	}
	
#rotate dt{
	background: url(../img/mutenka/question/q.jpg) no-repeat left center;
	padding-left: 2em;
	padding-bottom: 0.3em;
	border-bottom: solid 1px #c9d787;
	}

#rotate dd{
	padding-bottom: 1em;
	}


/* --- 施工事例 --- */

dt.galleria{
	margin-bottom: -12px;
	padding-left: 8px;
	border-left: solid 4px #c9d787;
	}


/* --  家造りの流れ  -- */

.flow_title{
	color: #5e472c;
	font-size: 110%;
	margin-bottom: 2px;
	}
	
.flow_body{
	margin-bottom: 12px;
	margin-left: 1em;
	}
	




/* ---  会社概要  --- */

.principles{
	background: url(../img/company/principles/01.jpg) no-repeat;
}

.principles h2{
	padding-top: 140px;
	padding-left: 50px;
	font-size: 140%;
	font-weight: bold;
	color: #9e753d;
	letter-spacing: 0.5em;
	}

.principles dl{
	color: #9e753d;
	padding: 40px 50px 100px 70px;
	} 

.principles dl dt,	
.principles dl dd{
	font-weight: bold;
	}
	 
table.outline{
	margin: 8px auto 24px;
	border-collapse: collapse;
	border: solid 1px #c9d787;
	}

table.outline caption{
	color: #5e472c;
	margin-bottom: 12px;
	padding-left: 8px;
	border-left: solid 4px #c9d787;
	font-size: 110%;
	line-height: 1.8;
	} 

table.outline th{
	width: 150px;
	padding-left: 1em;
	line-height: 2.2;
	border-bottom: solid 1px #c9d787;
	}

table.outline td{
	width: 300px;
	padding-left: 1em;
	line-height: 2.2;
	border-left: solid 1px #c9d787;
	border-bottom: solid 1px #c9d787;
	}
	
table.outline td.no_border{
	border-bottom: none;
	}


/* --  プライバシーポリシー  -- */

table.tb_policy{
	width:500px;
	margin: 8px auto 24px;
	}

table.tb_policy caption{
	padding-left: 8px;
	border-left: solid 4px #c9d787;
	font-size: 110%;
	}	

table.tb_policy th{
	color: #5e472c;
	font-size: 105%;
	line-height: 1.8;
	}

table.tb_policy td{
	font-size: 95%;
	line-height: 1.4;
	letter-spacing: 0.2em;
	}

table.tb_policy td.row{
	padding-bottom: 12px;
	}

table.tb_policy td.row_1{
	padding-bottom: 6px;
	}

table.tb_policy td.col{
	text-indent: -1.5em;
	padding-left: 30px;
	padding-right: 12px;
	}


/* --  サイトマップ  -- */

.maproot dl{
	width: 260px;
	margin-left: 20px;
	margin-bottom: 24px;
	float: left;
	background:url(../img/sitemap/box_bg.jpg) no-repeat center bottom;
	}

.maproot dl dt{
	padding-left: 8px;
	border-left: solid 4px #c9d787;
	}

.maproot dl dd{
	margin-left: 3em;
	}

.maproot dl dt a,	
.maproot dl dd a{
	border-bottom: solid 1px;
	}
	

/* --  メールフォーム  -- */

dl.mailform{
	padding-bottom: 2em;
	}

dl.mailform dt{
	padding-left: 8px;
	border-left: solid 4px #c9d787;
	}

mailform.dl, form.dt, form.dd,
form, fieldset, input, textarea, button{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

form{
	margin: 0 auto;
	padding: 1em;
	width: 36em;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
	}

fieldset{
	border: none;
	}
	
input,textarea{
	padding: 0.2em;
	border: 1px solid #AAA;
	}

/* For Opera */
optgroup{
	color: #000;
	background-color:#FCFCFC;
	}
/* For Opera End */

form p{
	margin: 0 auto;
	width: 8em;
	}
form dt{
	margin: 0.2em 0.5em 0;
	width: 10em;
	float: left;
	}

form dd{
	margin-bottom: 1em;
	padding-bottom: 1em;
	}

input:focus,
textarea:focus{
	background-color: #FFC;
	}

p.button,
#err_box{
	margin-left: 2em;
	margin-bottom: 2em;
	}
	
#err_box li{
	margin: 1em;
	}
	




/* 
	■Sideの設定
------------------------------------- */

#side .box_01,
#side .box_03{
	margin-left: 20px;
	margin-bottom: 24px;
	width: 290px;
	}
	
#side h3{
	margin-bottom: 12px;
	}

#side dl{
	margin: 0 10px 20px 20px;
	width: 260px;
	}

#side p{
	margin-left: 15px;
	margin-bottom: 18px;
	width: 260px;
	}
	
#side span{
	margin-left: 24px;
	}


/* --  無添加住宅  -- */
/*
#side dl.side_info{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #f39800;
	}

#side dl.side_info dt{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #f39800;
	}
-- */
#side dl.sozai{
	border: none;
	}

#side dl.sozai dt{
	border: none;
	float: left;
	margin-right: 12px;
	}