@charset "UTF-8";

/* == 全体設定 ============================================================= */
html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	background: #fff;
}
img,
a img {
	border: none;
}
a {
	outline-width: 0;
}

sup {
	font-size: 0.7em;
}
/* -- 全体枠 ---------------------------------------- */
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}


/* == ヘッダー ============================================================ */
#header {
	width: 980px;
	height: 181px;
	position: relative;
	background: url(/img/head_bg.jpg) no-repeat left top #463c28;
	padding-right: 20px;
}
#header_inner {
	background: url(/img/headinner_bg.jpg) no-repeat;
}
#header_inner #logo_area {
	text-align: left;
	padding: 50px 20px 45px;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#header li {
	display: inline;
	margin: 0;
	padding: 0;
}
#header #head_menu_main {
	text-align: right;
	margin-top: 5px;
}
#header #head_menu_main ul {
	margin-top: 5px;
}
#header ul img {
	margin-left: 10px;
}
#header #head_menu_sub {
	vertical-align: top;
	text-align: right;
}
#header #head_menu_sub ul {
	padding-right: 15px;
}
#header #head_menu_sub ul a:hover img {
	filter:alpha(Opacity=70); /* IE 用 */
	-moz-opacity:0.7; /* Mozilla 用 */
	-khtml-opacity:0.7; /* KHTML 用 */
	opacity:0.7; /* Safari 用 */
}


/* -- 室内を見る --*/
#knock {
	/*	
	background: url(/img/shelf.png) no-repeat center bottom;
	padding-bottom: 49px;
*/
	position: absolute;
	left: 10px;
	z-index: 10;
	width: 200px;
	bottom: -85px;
}



/* == ページボディ =================================================== */
#pagebody {
	background: url(/img/sidebox_bg.jpg) repeat-y left top;
	margin-right: 25px;
	margin-left: 23px;
}


/* == メインボックス =================================================== */
#mainbox {
	width: 760px;
	float: right;
	padding-bottom: 3em;
}

.page-title {
	clear: both;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
}

.interior .page-title,
.deco .page-title,
.gallery .page-title,
.making .page-title,
.works .page-title,
.company .page-title,
.links .page-title {
	margin: 0;
}


.archive-title {
	clear: both;
	color: #8C6B52;
	font-size: 1.5em;
	font-weight: bold;
	margin: 1.5em 0 0 0;
}

.news .archive-title,
.company .archive-title,
.links .archive-title {
	font-size: 1.2em;
	letter-spacing: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #625334;
	margin-bottom: 0.5em;
	padding-bottom: 0em;
}


#contentbody {
	clear: both;
	margin: 0 30px;
}


#pagenavi {
	font-size: 0.9em;
	padding: 2px 0;
	margin: 0 0 15px 0;
}
#pagenavi table {
	margin: 0 auto;
}
#pagenavi td {
	text-align: center;
	padding: 0 10px;
}
#pagenavi a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 1px 5px;
	border: 1px solid #FFF;
}
#pagenavi a:hover {
	background: #FFF;
}

/* インターデコハウス室蘭/デコギャラリー */
.deco #pagenavi,
.gallery #pagenavi {
	background: #5D8340;
}
.deco #pagenavi a:hover,
.gallery #pagenavi a:hover {
	color: #5D8340;
}

/* 品質へのこだわり */
.making #pagenavi {
	padding: 2px 0 2px 63px;
	background: #BB6E72;
}
.making #pagenavi table {
	margin: 0;
}
.making #pagenavi a:hover {
	color: #BB6E72;
}

/* 建築施工例 */
.works #pagenavi {
	background: #AE8E6B;
}
.works #pagenavi a:hover {
	color: #AE8E6B;
}

/* インテリア */
.interior #pagenavi {
	background: #C0A36B;
}
.interior #pagenavi a:hover {
	color: #C0A36B;
}

/* 会社案内 */
.company #pagenavi {
	padding: 2px 0 2px 87px;
	background: #94805B;
}
.company #pagenavi table {
	margin: 0;
}
.company #pagenavi a:hover {
	color: #94805B;
}

/* リンク集 */
.links #pagenavi {
	padding: 2px 0 2px 87px;
	background: #94805B;
}
.links #pagenavi table {
	margin: 0;
}
.links #pagenavi a:hover {
	color: #94805B;
}




/* == サブボックス =================================================== */
#subbox {
	float: left;
	width: 174px;
	text-align: center;
	padding-top: 85px;
}
#subbox p {
	margin-top: 0;
	margin-bottom: 15px;
}
#subbox p.bottom {
	margin-bottom: 0;
}
#subbox a:hover img {
	filter:alpha(Opacity=80); /* IE 用 */
	-moz-opacity:0.8; /* Mozilla 用 */
	-khtml-opacity:0.8; /* KHTML 用 */
	opacity:0.8; /* Safari 用 */
}

#subbox .sideform {
	background: #E8F3D1;
	width: 145px;
	margin-bottom: 15px;
}
#subbox .sideform h3 {
	font-size: 15px;
	line-height: 27px;
	background: url(/contact/img/navi-title.gif) no-repeat right top;
	margin: 0;
}
#subbox .sideform h3 a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
}
#subbox .sideform p {
	font-size: 12px;
	padding: 5px;
	margin: 0;
}
#subbox .sideform p a {
	color: #000;
	text-decoration: none;
}
#subbox #gallery_btn {
	margin-bottom: 25px;
}

/* -- お問い合わせを隠す --*/
.gallery #subbox #toti_btn ,
.deco #subbox #toti_btn ,
.works #subbox #toti_btn ,
.house #subbox #toti_btn ,
.making #subbox #toti_btn ,
.land #subbox #siryou_btn ,
.article #subbox #siryou_btn ,
.ma_maison #subbox #toti_btn ,
.ma_maison #subbox #siryou_btn ,
.interior #subbox #toti_btn ,
.interior #subbox #siryou_btn ,
.news #subbox #toti_btn ,
.news #subbox #siryou_btn ,
.links #subbox #toti_btn ,
.links #subbox #siryou_btn ,
.company #subbox #toti_btn ,
.company #subbox #siryou_btn ,
.contact #subbox #siryou_btn ,
.contact #subbox #toti_btn {
	display: none;
}



/* == フッター =================================================== */
#footer,
#footerphp {
	clear: both;
	text-align: right;
}
#footer ul,
#footerphp ul {
	font-size: 0.9em;
	list-style: none;
	margin: 0px;
	padding: 0px 25px 1em;
	background: url(/img/sidebox_bg.jpg) no-repeat 23px top;
}
#footer li,
#footerphp li {
	display: inline;
	background: url(/img/arrow_green.gif) no-repeat left center;
	margin: 0 0 0 1em;
	padding-left: 8px;
}
#footer li a,
#footerphp li a {
	text-decoration: none;
	color: #000;
}
#footer li a:hover,
#footerphp li a:hover {
	color: #999;
}
#footer h3,
#footerphp h3 {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
	background: #463c28 url(/img/foot_bg.jpg) no-repeat 23px top;
	margin: 0px;
	padding: 0.5em 25px;
}



/* == 共通パーツ ============================================================ */
/* 親の枠で .clearfix すること */
/* -- 枠：左寄せ -- */
#box_left {
	float: left;
}
/* -- 枠：センター -- */
#box_center {
	float: left;
}
/* -- 枠：左寄せ -- */
#box_right {
	float: right;
}

/* -- 画像右寄せ -- */
.imgfloatright {
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
}
/* -- 画像左寄せ -- */
.imgfloatleft{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

/* -- 回り込みクリア -- */
.floatclear {
	clear: both;
	height: 0;
}
.floatclear hr {
	display: none;
}

/* -- 回り込み解除 ------ */
.clearfix {
	zoom:1; /* for IE 5.5-7 */
}
.clearfix:after { /* for modern browser */
	content:".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* -- 写真はクリックで大きくなります -- */
.click {
	text-align: center;
	clear: both;
	margin-top: 20px;
}


/* -- ギャラリー内資料請求ボタン -- */
#g_siryo_box {
	text-align: center;
	clear: both;
	border: 1px solid #BfBbA7;
	margin-bottom: 20px;
	margin-top: 20px;
}
#g_siryo_box h3 {
	background-color: #F1EeD9;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#g_siryo_box p {
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#g_siryo_box img {
	margin-right: 5px;
	margin-left: 5px;
}


/*-- ウェルサポート --*/
#wealsupport th {
	color: #FFFFFF;
	background-color: #646464;
}
#wealsupport th strong {
	color: #FFFF64;
}
#wealsupport p {
	margin-top: 1em;
	margin-bottom: 0.8em;
}