@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
	background: #cbbeaa;
	color: #444;
	font-size: 13px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

a:link {
	color:#5d4d3e;
}

a:visited {
	color:#5d4d3e;
}

a:hover {
	text-decoration: none;
}

a:active {
}

#contents{
	width:960px;
}

#page {
	width: 960px;
}

#main {
	width: 680px;
	float:left;
}

#sub {
	width: 250px;
	float:right;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*
	clearfix
*/
#header:after, #gNav:after, #contents:after, #fNav:after, .case_item:after, #main div.section:after, #top_reformmenu:after, #top_box_2col:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.mgB10{
	margin-bottom:10px;
}

.mgB20{
	margin-bottom:20px;
}

.mgL10{
	margin-left:10px;
}

.mgL20{
	margin-left:20px;
}
.title01{
	font-size:19px;
	color:#630;
	padding:5px 10px;
	border-bottom:#999 solid 1px;
	margin-bottom:15px;
	background:url(../img/share/title_bg.jpg) no-repeat;
}
.title02{
	font-size:15px;
	color:#630;
	border-bottom:#660 solid 1px;
	margin:0px 0px 15px;
}
.title03{
	font-size:15px;
	color:#630;
	margin:0px 0px 15px;
	background:#dcd1b1;
	padding:0px 5px;
}
.subtitle01 {
	font-size: 16px;
	color: #FF3300;
	margin-bottom: 10px;
}
.imgborder{
	border:#CCC solid 2px;
}
.line01{
	clear:both;
	border-bottom:#999 dotted 1px;
	margin:10px 10px;
}

a:hover , a.oHover:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.box01 {
padding: 10px;
border: #ccc dotted 2px;
}

.box02 {
padding: 10px;
background: #fffdd9;
border: #fde888 solid 1px;
}

.list01 li{
	list-style:disc;
	list-style-position:inside;
	margin-left:5px;
}
/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
}

#contents .pageTop {
	clear: both;
	text-align: right;
	font-size:12px;
	padding-top:10px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	padding-bottom:10px;
}

#main div.section{
	margin-bottom:20px;
	clear:both;
	border:#f1e8d7 solid 5px;
	background:#fff;
	padding:10px;
}

#main div.section p{
}
#breadNavi{
	margin-bottom:10px;
}
/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	text-align:center;
	padding-top:10px;
	background:#bcaf9b;
	padding-bottom:10px;
}

#subNav{
	margin-bottom:20px;
}

#subNav li{
	margin-bottom:5px;
}
#subAreamap{
	background:#f8eded;
	border:#8f7171 solid 3px;
	padding:7px;
	margin:0px 15px 10px;
	text-align:left;
	color:#5a4141;
}
/* -----------------------------------------------------------
	トップページ
----------------------------------------------------------- */
div.top_box{
	width:680px;
	background:url(../img/top/top_box_bg.jpg) no-repeat top;
	border-bottom:#e4dbcc solid 6px;
}

div.top_box div{
	padding:10px;
}
#top_reformmenu{
	width:680px;
	background:url(../img/top/top_whatnew_bg.jpg) bottom;
	padding-top:10px;
	padding-bottom:30px;
	margin-bottom:10px;
}
#top_reformmenu h3{
	text-align:center;
	margin-bottom:10px;
}
#top_reformmenu ul{
	width:600px;
	margin:0 auto;
}
#top_reformmenu ul li{
	width:300px;
	float:left;
	text-align:center;
}

#top_box_2col{
	background:url(../img/top/top_box_2col_bg.jpg) repeat-y;
}
#whatnew{
	width:335px;
	float:left;
}
#top_whatnew_btn{
	display:block;
	position:absolute;
	width:100px;
	text-align:center;
	background:#5d4d3e;
	color:#fff;
	text-decoration:none;
	padding:5px;
	margin-top:-45px;
	margin-left:185px;
}
#whatnew_inner{
	padding:20px;
}

#whatnew_inner dl{
	color:#522f2f;
	margin:0px;
	border-top:#000 dotted 1px;
	padding-top:5px;
}

#whatnew_inner dt{
	font-weight:bold;
	width:100px;
	float:left;
}

#whatnew_inner dd{
	border-bottom:#ccc dotted 1px;
	padding-bottom:5px;
	margin-bottom:5px;
	padding-left:110px;
}
#top_facebook{
	width:335px;
	height:400px;
	float:right;
}
/* -----------------------------------------------------------
	施工事例
----------------------------------------------------------- */

.case_item{
	border:#f1e8d7 solid 5px;
	padding:10px;
	margin-bottom:20px;
	clear:both;
	background:#fff;
}

.case_item h3{
	font-size:17px;
	color:#630;
	margin-bottom:10px;
}

#photoBox{
	width:610px;
	margin:0 auto 20px;
}

#mainImg{
	border:#e5e5e5 solid 5px;
	width:600px;
	margin-bottom:10px;
}

#sImgBox td img{
	margin-right:10px;
	border:#333 solid 1px;
}

.case_msgBox01{
	width:590px;
	margin:0 auto 20px;
	border:#CCC solid 1px;
	padding:10px;
}

.case_msgBox02{
	width:590px;
	margin:0 auto 20px;
	padding:10px;
}

/* -----------------------------------------------------------
	建売か注文住宅か迷っている方へ
----------------------------------------------------------- */
table.tip01_table{
	width:650px;
	margin:0 auto;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	margin-bottom:20px;
}

table.tip01_table th{
	padding:5px;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	text-align:center;
	background:#faf7f2;
}
table.tip01_table td{
	padding:5px;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
}
/* -----------------------------------------------------------
	因間工務店について
----------------------------------------------------------- */
.about_table{
	width:670px;
	border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	margin:0 auto;
}
.about_table th{
	width:160px;
	padding:10px;
	border-left:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	background:#FFC;
}
.about_table td{
	padding:10px;
	border-left:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	background:#fff;
}
/* -----------------------------------------------------------
	FAQ
----------------------------------------------------------- */
#faq{
	margin:10px 20px;
}
#faq dt{
	font-size:17px;
	font-weight:bold;
	background:url(../img/faq/q.gif) no-repeat 0px 4px;
	padding-left:30px;
	padding-bottom:5px;
	border-bottom:#ccc dotted 1px;
	margin-bottom:5px;
}
#faq dd{
	margin-bottom:30px;
	background:url(../img/faq/a.gif) no-repeat 0px 3px;
	padding-left:30px;
}
/* -----------------------------------------------------------
	お客様の声
----------------------------------------------------------- */
.voice_item{
	width:315px;
	padding:10px;
	float:left;
	text-align:center;
}

.voice_item h4{
	background:#f3f3f3;
	margin-bottom:10px;
	border-bottom:#ccc solid 1px;
	font-size:14px;
}

#pager li{
	margin:0px 2px;
	color:#fff;
	display:inline-block;
}
#pager li a{
	background:#630;
	color:#fff;
	display:block;
	padding:3px 10px;
}

.current_page{
	padding:3px 10px;
	color:#333;
	font-weight:bold;
}
/* -----------------------------------------------------------
	お問い合わせ
----------------------------------------------------------- */
.contact-table{
	margin-left:10px;
	width:640px;
	border-top:#ccc solid 1px;
	margin-bottom:20px;
}
.contact-table th{
	padding:10px;
	width:200px;
	background:#CCC;
	border-left:#666 solid 3px;
	border-bottom:#fff solid 1px;
}
.contact-table td{
	padding:10px;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 3px;
}
.buttons_box{
	text-align:center;
}
.form_req{
	color:#F00;
	font-weight:normal;
	font-size:10px;
}
/* -----------------------------------------------------------
	家づくり相談
----------------------------------------------------------- */
#iedukuri2_img01{
	width:610px;
	height:305px;
	background:url(../img/iedukuri/bg.jpg) no-repeat;
}
#iedukuri2_img01 ul{
	width:250px;
	height:300px;
	background:url(../img/iedukuri/contents_navi.png) no-repeat 0px 0px;
}
#iedukuri2_img01 ul li{
	width:250px;
	height:50px;
}
#iedukuri2_img01 ul li a{
	display:block;
	text-indent:-9000px;
	width:250px;
	height:50px;
}
#a a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px 0px;
}
#b a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px -50px;
}
#c a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px -100px;
}
#d a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px -150px;
}
#e a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px -200px;
}
#f a:hover{
	background:url(../img/iedukuri/contents_navi.png) no-repeat -250px -250px;
}
#iedukuri2_table01{
	margin:0px auto 20px; 
}
#iedukuri2_table01 th{
	text-align:center;
	background:#F60;
	color:#fff;
	border-bottom:#630 solid 1px;
	border-right:#630 solid 1px;
	border-left:#fff solid 1px;
	border-top:#fff solid 1px;
	font-size:11px;
	font-weight:normal;
	padding:5px 0px;
}
#iedukuri2_table01 td{
	text-align:center;
	border-bottom:#630 solid 1px;
	border-right:#630 solid 1px;
	border-left:#fff solid 1px;
	border-top:#fff solid 1px;
	font-size:11px;
	padding:5px 0px;
}
#total{
	background:#060;
	color:#fff;
}
#iedukuri2_table01 td.arr{
	background:url(../img/iedukuri/arr.gif) no-repeat center bottom;
}
#iedukuri2_dl{
	margin:0 10px;
}
#iedukuri2_dl dt{
	float:left;
	clear:both;
	display:block;
}
#iedukuri2_dl dd{
	display:block;
	border-bottom:#ccc solid 1px;
	padding-left:100px;
}
/* -----------------------------------------------------------
	リフォームの流れ
----------------------------------------------------------- */
div.flow_item{
	background:url(../img/flow/arrow.png) no-repeat left top;
	padding-left:40px;
	clear:both;
}

div.flow_item ul{
	margin:0px 10px 20px;
}
div.flow_item ul li{
	list-style:disc;
	list-style-position:inside;
	padding-left:20px;
}