@charset "utf-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}


/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
* html .clearfix {
	zoom: 1;
}

*+html .clearfix {
	zoom: 1;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #333;
	font-size: 14px;
	line-height: 1.7;
	-webkit-text-size-adjust: none;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader .hdTitBox {
	background:url(../images/common/hd_bg01.jpg) left top repeat-x;
}

#gHeader .hdTitBox h1 {
	color:#e4d3a1;
	text-align:right;
	width:850px;
	margin:0 auto;
	padding-top:2px;
}

#gHeader .hdBox {
	background:url(../images/common/body_bg01.jpg) repeat;
	padding-bottom:10px;
}

#gHeader .hBoxIn {
	width:850px;
	margin:0 auto;
}

#gHeader .hBoxIn .logo {
	float:left;
	padding:5px 0 0;
}

#gHeader .hBoxIn p {
	float:left;
	font-size:14px;
	color:#410604;
	padding:50px 0 0 30px;
}

#gHeader .hBoxIn .contact {
	float:right;
	padding-top:30px;
}


/*------------------------------------------------------------
	slider
------------------------------------------------------------*/
.bx-wrapper .bx-viewport {
	background-color:#390404!important;
	border:none!important;
	left:0!important;
}

#slider {
	width:950px!important;
	margin:0 auto!important;
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	background:url(../images/common/gnavi_bg01.jpg) center center repeat;
	background-size:cover;
	height:62px;
}

#gNavi ul {
	width:950px;
	margin:0 auto;
}

#gNavi ul li {
	float:left;
}

/*------------------------------------------------------------
	main
------------------------------------------------------------*/
#main {
	padding:0 0 120px;
	background:url(../images/common/body_bg01.jpg) repeat;
}

#main .mainBg {
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
}

#main .mainBoxTop {
	background:url(../images/common/mainBox_top_bg.png) center top no-repeat;
	width:970px;
	height:20px;
	margin:0 auto;
}

#main .mainBox {
	background:url(../images/common/mainBox_bg.png) center top repeat-y;
	width:970px;
	margin:0 auto;
}

#main .mainBoxBtm {
	background:url(../images/common/mainBox_btm_bg.png) center top no-repeat;
	width:970px;
	height:20px;
	margin:0 auto;
}

#main .lBoxInner {
	padding:12px 48px 0 63px;
}

#main .lBoxInner .textBox {
}

#main .lBoxInner .textBox .sec {
	padding-bottom:80px;
}

#main .lBoxInner .textBox .secLast {
	padding-bottom:30px!important;
}


#main .h2Basic01 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	font-weight:bold;
	color:#9b2300;
	background:url(../images/common/title_bg01.jpg) left 4px no-repeat;
	padding:0 0 0 40px;
	margin-bottom:20px;
}

#main .h2Basic02 {
	text-align:center;
	padding:70px 0 30px;
}

#main .gallery {
	width:730px;
	margin:0 auto;
}

#main .gallery ul {
	padding-bottom:10px;
}

#main .gallery ul li {
	float:left;
	width:142px;
	height:142px;
	display:table;
	text-align:center;
	margin-right:5px;
}

#main .gallery ul li span {
	display:table-cell;
	vertical-align:middle;
}

#main .gallery ul li.last {
	float:right;
	margin-right:0;
}


/* トップ
------------------------------------------------------------*/
#index #main {
	padding-top:35px!important;
}

#index #main .boxInner {
	padding:12px 48px 0 63px;
}

#index #main .textBox {
	float:left;
	width:580px;
}

#index #main .textBox .sec {
	padding-bottom:80px;
}

#index #main .textBox .secLast {
	padding-bottom:30px!important;
}

#index #main .picBox {
	float:right;
}


#house #main .mainBg {
	background-image:url(../images/house-renovation/main_bg.jpg);
}

#exterior #main .mainBg {
	background-image:url(../images/exterior/main_bg.jpg);
}

#furniture #main .mainBg {
	background-image:url(../images/furniture/main_bg.jpg);
}

#shop-design #main .mainBg {
	background-image:url(../images/shop-design/main_bg.jpg);
}

#contact #main .mainBg {
	background-image:url(../images/contact/main_bg.jpg);
}


/* 会社概要、お問い合わせ
------------------------------------------------------------*/
#main .comBox {
	padding:12px 105px 0 63px;
}

#main .comBox .inner {
	padding-left:40px;
}

#main .comBox .tb01 {
	width:100%;
}

#main .comBox .tb01 tr {
	background:url(../images/contact/tb_bg01.jpg) left bottom repeat-x; 
}

#main .comBox .tb01 th,
#main .comBox .tb01 td {
	padding:14px 0 15px 15px;

}

#main .comBox .tb01 th {
	font-weight:bold;
	text-align:left;
}

#main .comBox .comSec {
	padding-bottom:60px;
}

#main .comBox .comSecLast {
	padding-bottom:0!important;
}

.wtn_copyright {
	display:none;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	background:#3f2a19 url(../images/common/ft_bg01.jpg) left top repeat-x;
	color:#daca98;
	padding-bottom:10px;
}

#gFooter a {
	color:#daca98;
}

#gFooter .fBox {
	width:950px;
	margin:0 auto;
	padding:60px 0 90px;
}

#gFooter .fBox .comInfo {
	float:left;
	padding:25px 35px 0 25px;
}

#gFooter .fBox .comInfo dl {
	padding-bottom:2em;
}

#gFooter .fBox .map {
	float:left;
	padding-right:35px;
}

#gFooter .fBox .fNavi {
	float:left;
	padding-top:25px;
}

#gFooter .copyright {
	text-align:center;
}

#gFooter .link {
	font-size:12px;
	text-align:right;
	margin:-20px auto 0;
	width:950px;
}

#gFooter .link a {
	color:#634b37;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}