@charset "UTF-8";

/*
==================================================
ヘッダー
==================================================
*/

#header {
	background: url(../images_global/bg_header.jpg) left bottom repeat-x;
}

#area_tagline {
	background-color: #99978F;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
}

#area_tagline p {
	width: 960px;
	margin: 0 auto;
	color: #fff;
	line-height: 1.5;
	font-size: 85%;
}

#site_id_head {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header h1,#site_id {
	padding: 34px 0 35px 0;
}

#header h1 a,#site_id a {
	display: block;
	width: 184px;
	height: 64px;
	background-position: 0 -120px;
}

#inq_head {
	position: absolute;
	right: 0;
	top: 34px;
	width: 273px;
	height: 34px;
	background-position: -448px -120px;
}

/*
========== ユーティリティナビヘッド ==========
*/

.utility_nav_head {
	position: absolute;
	right: 0;
	top: 98px;
}

.utility_nav_head li {
	float: left;
	margin-left: 20px;
}

.utility_nav_head a {
	display: block;
	height: 15px;
}

.unh_home a {
	width: 44px;
	background-position: -448px -154px;
}
.unh_home a:hover {
	background-position: -448px -169px;
}

.unh_inquiry a {
	width: 88px;
	background-position: -492px -154px;
}
.unh_inquiry a:hover {
	background-position: -492px -169px;
}

.unh_sitemap a {
	width: 69px;
	background-position: -580px -154px;
}
.unh_sitemap a:hover {
	background-position: -580px -169px;
}

.unh_login a {
	width: 90px;
	background-position: -649px -154px;
}
.unh_login a:hover {
	background-position: -649px -169px;
}

/*
========== グローバルナビゲーション ==========
*/

.nav_global ul {
	width: 960px;
	height: 60px;
}

.nav_global li {
	float: left;
	width: 192px;
}

.nav_global a {
	display: block;
	width: 192px;
	height: 60px;
}

.gn_build a {
	background-position: 0 0;
}
.gn_build a:hover,
#gn_build .gn_build a {
	background-position: 0 -60px;
}

.gn_reform a {
	background-position: -192px 0;
}
.gn_reform a:hover,
#gn_reform .gn_reform a {
	background-position: -192px -60px;
}

.gn_about a {
	background-position: -384px 0;
}
.gn_about a:hover,
#gn_about .gn_about a {
	background-position: -384px -60px;
}

.gn_work a {
	background-position: -576px 0;
}
.gn_work a:hover,
#gn_work .gn_work a {
	background-position: -576px -60px;
}

.gn_collection a {
	background-position: -768px 0;
}
.gn_collection a:hover,
#gn_collection .gn_collection a {
	background-position: -768px -60px;
}

/*
==================================================
フッター
==================================================
*/

/*
========== フッターナビ ==========
*/

#footer_nav {
	background-color: #EAE3D4;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

#footer_nav a {
	font-size: 93%;
	color: #4C4638;
}

#footer_nav a:hover {
	color: #766C60;
}

/*
========== サイトインフォ ==========
*/

#site_info {
	background: #99978F url(../images_global/bg_footer.jpg) center center no-repeat;
	padding: 40px 0;
}

.si_foot {	/*clearfix*/
	width: 960px;
	margin: 0 auto;
	background: url(../images_global/bg_si_foot.gif) 313px 0 repeat-y;
}

#site_id_foot {
	float: left;
	width: 313px;
}

#footer h1 {
	margin-bottom: 30px;
}

#footer h1 a {
	display: block;
	width: 264px;
	height: 64px;
	background-position: -184px -120px;
}

#site_id_foot p {
	width: 273px;
	height: 34px;
	background-position: -721px -120px;
}

#business_area {
	float: right;
	width: 605px;
	padding-left: 40px;
	color: #fff;
	/*font-size: 93%;*/
	line-height: 1.7;
}

#business_area h2 {
	font-weight: normal;
}

#business_area dl {
	overflow: hidden;
	margin-bottom: 1em;
}

#business_area dt {
	clear: left;
	float: left;
	width: 5em;
	margin-right: -5em;
}

#business_area dd {
	padding-left: 5em;
}

#copyright {
	background-color: #766C60;
	padding: 10px 0;
	font-size: 85%;
	color: #fff;
	text-align: center;
}

/*
==================================================
ホーム
==================================================
*/

#bg_slides_design1 {
	background: url(../images/bg_slides_design1.jpg) repeat-x;
}

#bg_slides_design2 {
	background: url(../images/bg_slides_design2.png) center bottom no-repeat;
}

/* カルーセル：slides */

#area_slides {
	margin: 0 auto;
	width: 960px;
	height: 370px;
	position: relative;	/* 左右ボタン位置基準 */
}

.slides_wrap {	/* スタイル生成：style="overflow-x: hidden; overflow-y: hidden; position: relative; display: block; */
	width: 960px;
	height: 350px;
	overflow: hidden;	/* JS未実装時の確認用 */
}

.slides_wrap li {
	float: left;
	width: 960px;
	height: 350px;
	position: relative;	/* 続きはこちらボタン位置基準 */
}

/* カルーセル左右ボタン */

#btn_cl_slides a {
	position: absolute;
	top: 160px;
	width: 30px;
	height: 30px;
	z-index: 6;
}

#btn_cl_slides .slides_prev {
	left: -10px;
	background-position: -843px -154px;
}
#btn_cl_slides .slides_prev:hover {
	background-position: -903px -154px;
}

#btn_cl_slides .slides_next {
	right: -10px;
	background-position: -873px -154px;
}
#btn_cl_slides .slides_next:hover {
	background-position: -933px -154px;
}

/* カルーセルインジケーター（IE6/7はinline-block list 対策とネガティブマージンによる位置調整必要） */

.slides_indicator {
	text-align: center;
	margin-top: 10px;
}

.slides_indicator li {
	display: inline-block;
	width: 10px;
	margin: 0 5px;
}

.slides_indicator a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #EAE3D4;
	text-indent: -9999px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.slides_indicator a:hover,
.slides_indicator .active a {
	background-color: #766C60;
}

/*
========== 施工事例 ==========
*/

#sec_build {
	float: left;
	width: 320px;
}

#sec_reform {
	float: right;
	width: 320px;
}

.sec_caselist h2 {
	margin-bottom: 30px;
}

.hd_more {
	position: relative;
}

.sec_caselist .hd_more a {
	position: absolute;
	top: -55px;
	right: 0;
}

.sec_caselist h3 {
	float: right;
	width: 188px;
	line-height: 1.4;
	font-size: 108%;
	margin-bottom: 5px;
}

.sec_caselist article {	/*clearfix*/
	margin-bottom: 30px;
}

.sec_caselist p.thumb {
	float: left;
	width: 122px;
}

.sec_caselist p.thumb img {
	border: 1px solid #cccccc;
}

.sec_caselist p.thumb a:hover img {
	border: 1px solid #64AEBF;
}

.sec_caselist p {
	float: right;
	width: 188px;
	line-height: 1.7;
}

/*
========== お知らせ ==========
*/

#atcl_news dl {
	line-height: 1.7;
	border-right: 1px solid #EAE3D4;
	border-bottom: 1px solid #EAE3D4;
	border-left: 1px solid #EAE3D4;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#atcl_news dt {
	color: #766C60;
	font-weight: bold;
	border-top: 1px dotted #cccccc;
	padding-top: 10px;
	margin-top: 10px;
	
}

#atcl_news dl dt:first-child {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
	
}

/*
========== バナーエリア ==========
*/

.asd_banner p {
	margin-bottom: 10px;
}

/*
==================================================
コンテンツ
==================================================
*/

/*
========== ローカルナビ ==========
*/

.nav_local {
	margin: 100px 0 40px 0;
}

.nav_local ul {
	border-right: 1px solid #D3CDC1;
	border-left: 1px solid #D3CDC1;
	width: 258px;
	line-height: 1.5;
}

.nav_local li {
	
}

.nav_local li a {
	display: block;
	width: 220px;
	background: #EAE3D4 url(../images_global/bg_bullet1.png) 10px 50% no-repeat;
	padding: 10px 10px 10px 28px;
	border-top: 1px solid #FFF8E9;
	border-bottom: 1px solid #D3CDC1;
	color: #766C5F;
}

.nav_local li a:hover {
	background: #FCFAF4 url(../images_global/bg_bullet1.png) 10px 50% no-repeat;
	text-decoration: none;
}

/* level2 */

.nav_local ul ul {
	border: none;
	background-color: #F5F0E5;
	padding: 10px 0 9px 0;
	border-bottom: 1px solid #D3CDC1;
}

.nav_local ul ul li {
	
}

.nav_local ul ul li a {
	width: 210px;
	background: #F5F0E5 url(../images_global/bg_bullet2.png) 28px 50% no-repeat;
	padding: 5px 10px 5px 38px;
	border: none;
}

.nav_local ul ul li a:hover {
	background: #FCFAF4 url(../images_global/bg_bullet2.png) 28px 50% no-repeat;
}

/*
==================================================
新築／リフォーム／作業風景／コレクション
==================================================
*/

/*
========== フォトリスト ==========
*/

.photolist {	/*clearfix*/
	margin-bottom: 20px;
}

.photolist li {
	float: left;
	margin: 0 10px 10px 0;
}

.photolist li img {
	border: 3px outset #EAE3D4;
}

.photolist li a:hover img {
	border: 3px inset #EAE3D4;
}

/*
========== GoogleMaps ==========
*/

#map_canvas {
	width: 660px;
	height: 400px;
	margin-bottom: 1em;
}

#area_infowindow {
	width: 400px;
	color: #333333;
}

#area_infowindow p {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 5px;
}

#area_infowindow .gl_img {
	margin-bottom: 0;
}

#area_infowindow .heading {
	font-size: 16px;
	font-weight: bold;
}

/*
==================================================
お問い合わせ：メールフォーム
==================================================
*/

.area_mailform th em {
	color: #900;
	margin-left: 5px;
}

.area_mailform th span {
	color: #99978F;
}

.area_mailform .btn_dsn_a {
	font-size: 124%;
	padding: 15px 30px;
}

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

.ibl1 {
	margin-left: -40px;
}

.ibl1 section {
	display: inline-block;
	width: 460px;
	margin: 0 0 40px 40px;
	vertical-align: top;
}