@charset "UTF-8";

/* Normalize - 要素のノーマライズ
==================================================*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, #nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100.01%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, #nav, section,
div, p, ul, ol, li {
	display: block;
	position: relative;
}

html {
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

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

caption, th {
	text-align: left;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
}

/* Fundamental Definition - 基本要素定義
==================================================*/

html,
body {
	display: block;
	position: relative;
	min-width: 320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

html {
	font: normal normal normal 100.01%/1.5 "Lucida Grande", Roboto, "Droid Sans", YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-break: break-all;
}

body {
	background: #fff;
	color: #252525;
	z-index: 0;
}

a {
	/*color: #;*/
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: none;
}

/* General Definition - 汎用定義
==================================================*/

/* ClearFix
----------------------------------------*/

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* Float
----------------------------------------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

/* Display
----------------------------------------*/

.block {
	display: block;
}

.iblock {  
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}

.none {
	display: none;
}

/* Width & Height
----------------------------------------*/

.full {
	width: 100%;
}

.half {
	width: 50%;
}

/* Font 
----------------------------------------*/

.f075 {
	font-size: 75%;
}

.f0875 {
	font-size: 87.5%;
}

/* Text
----------------------------------------*/

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.super {
	vertical-align: super;
}

/* Align
----------------------------------------*/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* Main Layout Settings - メインレイアウト
==================================================*/

/* Header - ヘッダ
----------------------------------------*/

#header {
	min-width: 1000px;
}

/* Header Belt - ヘッダ
------------------------------*/

#header_belt {
	width: 1000px;
	height: 106px;
	margin: 0 auto;
	overflow: hidden;
}

/* Header Company - ヘッダロゴ・社名
--------------------*/

#header_company {
	float: left;
	width: 500px;
	padding: 14px 0 0;
	overflow: hidden;
}

	#header_company > * {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 25px 0 0;
		vertical-align: middle;
	}
	
#toindex {
	width: 52px;
	height: 21px;
	padding: 0;
	background-color: #2b2d7d;
	line-height: 21px;
	text-align: center;
}

#toindex:hover {
	background-color: #009893;
}

/* Header Inquiry - ヘッダお問い合わせ
--------------------*/

#header_inquiry {
	position: absolute;
	left: 50%;
	top: 0;
	width: 220px;
}

	#header_inquiry > a {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 220px;
		height: 106px;
		background: #eeedfd url(../img/inquiry_off.png) 50% 50% no-repeat;
		line-height: 106px;
		text-align: center;
	}
	
	#header_inquiry > a:hover {
		background: #fbffe9 url(../img/inquiry_on.png) 50% 50% no-repeat;
	}
	
		#header_inquiry > a > span {
			visibility: hidden;
		}

/* Header Tel - ヘッダ電話番号
--------------------*/

#header_tel {
	float: right;
	width: 280px;
	overflow: hidden;
}

	#header_tel > * {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0;
		vertical-align: middle;
	}

	#header_tel > dt {
		width: 63px;
		line-height: 106px;
		text-align: right;
	}

	#header_tel > dd {
		width: 196px;
		padding: 0 0 0 21px;
	}

/* Navigation - ナビゲーション
------------------------------*/

#nav {
	height: 66px;
	background: #2b2d7d;
}

	#nav > ul {
		width: 999px;
		height: 66px;
		margin: 0 auto;
		padding: 0;
		border-left: 1px solid #a3a5ec;
		overflow: hidden;
	}
	
		#nav > ul > li {
			float: left;
			height: 66px;
			border-right: 1px solid #a3a5ec;
		}

#nav_overview > a,
#nav_eqresistant > span,
#nav_example > a,
#nav_standard > a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 66px;
	padding: 0 0 0 32px;
	background: url(../img/marker_circle.png) 15px 50% no-repeat;
	line-height: 72px;
	vertical-align: middle;
	overflow: hidden;
}

#nav_overview > a {
	width: 89px;
}

#nav_example > a {
	width: 93px;
}

#nav_standard > a {
	width: 93px;
}

#nav_eqresistant {
	width: 500px;
}

#nav_eqresistant > span {
	margin: 0 20px 0 0;
}

#nav_eqresistant > .button {
	width: 111px;
	margin: 0 13px 0 0;
	padding: 0;
	border: 1px solid #fff;
	font-size: 75%;
	line-height: 23px;
	vertical-align: middle;
	text-align: center;
}

#nav_eqresistant > .button + .button {
	width: 231px;
}

#nav_overview > a:hover,
#nav_example > a:hover,
#nav_standard > a:hover {
	background-color: #009893;
}

/* Footer - フッタ
----------------------------------------*/

#footer {
	min-width: 1000px;
	min-height: 177px;
	background-color: #2b2d7d;
	color: #fff;
}

/* Footer Belt - フッタベルト
------------------------------*/

#footer_belt {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

/* Footer Company - フッタロゴ・社名
--------------------*/

#footer_company {
	float: left;
	max-width: 470px;
	padding: 49px 0 0;
	overflow: hidden;
}

	#footer_company > img {
		margin: 0 25px 0 0;
		vertical-align: middle;
	}

/* Footer Company Data - フッタ住所・問い合わせ先
--------------------*/

#footer_companydata {
	float: right;
	width: 530px;
	height: auto;
	padding: 30px 0 0 0;
	overflow: hidden;
}

/* Footer Address - フッタ住所
----------*/

#footer_address {
	margin: 0 0 14px;
	font-size: 87.5%;
	line-height: 1.714;
}

/* Footer Inquiry - フッタお問い合わせ
--------------------*/

#footer_inquiry {
	float: left;
	width: 235px;
	height: 62px;
}

	#footer_inquiry > a {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 235px;
		height: 62px;
		background: #eeedfd url(../img/inquiry_off.png) 50% 50% no-repeat;
		text-align: center;
	}
	
	#footer_inquiry > a:hover {
		background: #fbffe9 url(../img/inquiry_on.png) 50% 50% no-repeat;
	}

		#footer_inquiry > a > span {
			visibility: hidden;
		}

/* Footer Tel - フッタ電話番号
--------------------*/

#footer_tel {
	float: right;
	width: 277px;
	height: 62px;
	background: #fff;
	overflow: hidden;
}

	#footer_tel > * {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0;
		vertical-align: middle;
	}

	#footer_tel > dt {
		width: 48px;
		line-height: 62px;
		text-align: right;
	}

	#footer_tel > dd {
		width: 209px;
		padding: 0 0 0 20px;
	}
	
		#footer_tel > * > img {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			margin: 0;
		}

/* Contents - コンテンツ詳細
==================================================*/

/* Contents default - 共有基本設定
----------------------------------------*/

/* Belt
------------------------------*/

.belt {
	min-width: 1000px;
	padding: 45px 0;
}

	.belt > div,
	.belt > ul {
		width: 1000px;
		margin: 0 auto;
	}

.belt_kyoudou{ background-color: #b086ca; color: #fff;}

/* Button
------------------------------*/

.button {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 12px 20px;
	background-color: #5b2493;
	color: #fff;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

.button:hover {
	background-color: #009893;
}

	.button > img {
		display: block;
		margin: 0 auto;
	}

/* Info Button
------------------------------*/

.info_button {
	position: absolute;
	left: 22px;
	width: 978px;
}

	.info_button li {
		float: left;
		margin: 0 0 0 24px;
	}
	
	.info_button > li:first-child {
		margin: 0;
	}
	
		.info_button li > a {
			display: block;
			padding: 0 0 16px;
			background: #a3a5ec;
		}
		
		.info_button > li > a:hover {
			background: #009893;
		}
		
			.info_button > li > a > img {
				display: block;
			}
			
			.info_button > li > a > img + img {
				margin: 16px auto 0;
			}
			
			.info_button > li > a:hover > img {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				opacity: 0.9;
			}
			
			.info_button > li > a:hover > img + img {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				opacity: 1;
			}

/* to Top - このページの先頭へ戻る
------------------------------*/

#totop {
	background: #5b2493;
}

#totop:hover {
	background: #009893;
}

	#totop > a {
		display: block;
		min-width: 1000px;
		height: auto;
		margin: 0 auto;
		padding: 18px 0;
	}
	
		#totop > a > img {
			display: block;
			margin: 0 auto;
		}

/* Index Page - トップページ
----------------------------------------*/

/* Index Header - トップページヘッダ
------------------------------*/

#index_header {
	min-width: 1000px;
	height: auto;
	background: #5b2493 url(../img/index_header_bg.gif) repeat-y 50% 0;
}

	#index_header > div {
		padding: 35px 0 275px;
		background: transparent url(../img/index_header.png) no-repeat 50% 100%;
	}
	
		#index_header img {
			display: block;
			margin: 0 auto;
		}

/* Index Overview - トップページご挨拶・会社概要
------------------------------*/

#index_overview {
	padding: 30px 0;
}

#index_overview > div {
}

	#index_overview > div > * {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0;
		vertical-align: middle;
	}
	
	#index_overview > div > h2 {
		padding: 16px 0;
	}
	
		#index_overview > div > h2 > img {
			display: block;
		}
	
	#index_overview > div > .button {
		float: right;
		padding: 16px 25px;
	}

/* Index EQ Resistant - トップページ耐震
------------------------------*/

#index_eqresistant {
	color: #52549f;
}
	
	#index_eqresistant h2 {
		margin: 0 0 40px;
	}
	
		#index_eqresistant h2 > img {
			margin: 0 35px 0 0;
			vertical-align: middle;
		}
	
	#index_eqresistant ul > li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 50%;
		vertical-align: top;
	}
	
		#index_eqresistant ul > li > dl {
			margin: 0 20px 0 195px;
		}
		
			#index_eqresistant ul > li > dl > dt {
				margin: 0 0 15px;
				padding: 0 0 0 21px;
				background: url(../img/marker_circle.png) 0 6px no-repeat;
				font-weight: bold;
			}
		
			#index_eqresistant ul > li > dl > dd {
					font-size: 87.5%;
					line-height: 1.571;
			}
			
				#index_eqresistant ul > li > dl > dd > .button {
					margin: 10px 0 0;
				}

/* Index Example - トップページ施工事例
------------------------------*/

#index_example {
	color: #52549f;
}
	
	#index_example > div > h2 {
		margin: 0 0 40px;
	}
	
		#index_example > div > h2 > img {
			margin: 0 15px 0 0;
			vertical-align: middle;
		}
	
	#index_example > div > div > p {
		margin: 0 0 0 330px;
		font-size: 87.5%;
		line-height: 1.571;
	}
	
		#index_example > div > div > p > .button {
			margin: 20px 30px 0 0;
		}

#jio {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 75%;
	line-height: 1.5;
	text-align: center;
}

	#jio a {
		color: #52549f;
		text-decoration: none;
	}
	
	#jio a:hover {
		text-decoration: underline;
	}

/* Index Standard - トップページ標準仕様
------------------------------*/

#index_standard {
	color: #52549f;
}
	
	#index_standard h2 {
		margin: 0 0 40px;		
	}
	
		#index_standard h2 > img {
			margin: 0 25px 0 0;
			vertical-align: middle;
		}

#index_standard_list {
}
	
	#index_standard_list > dd {
		margin: 30px 0 0;
	}
	
		#index_standard_list > dd > dl {
			margin: 0 0 30px;
		}
		
			#index_standard_list > dd > dl > dt {
				margin: 0 0 15px;
				padding: 0 0 0 21px;
				background: url(../img/marker_circle.png) 0 6px no-repeat;
				font-weight: bold;
			}
			
			#index_standard_list > dd > dl > dd {
				font-size: 87.5%;
				line-height: 1.5714;
			}
			
				#index_standard_list > dd > dl > dd > .fl {
					width: 186px;
				}
				
				#index_standard_list > dd > dl > dd > a.fl:hover {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
					opacity: 0.9;
				}
				
					#index_standard_list > dd > dl > dd > a.fl > img {
						display: block;
					}
			
				#index_standard_list > dd > dl > dd > p {
					padding: 0 10px 0 0;
				}
				
				#index_standard_list > dd > dl > dd > .fl + p {
					margin: 0 0 0 200px;
				}
				
					#index_standard_list > dd > dl > dd > p > .button {
						margin: 10px 0 0;
					}

/* Index Standard - アイテム並べ用記述
[ class="fl" としたものが横幅が全体の半分になり2つ並ぶようにできる ]
--------------------*/

#index_standard_list dl.fl,
#index_standard_list dd.fl {
	width: 50%;
}

#index_standard_list dt {
	clear: both;
}

#index_standard_list dd:after,
#index_standard_list > dd > dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#index_standard_list dd,
#index_standard_list > dd > dl {
	min-height: 1px;
}

* html #index_standard_list dd,
* html #index_standard_list > dd > dl {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* Index Cooperation - トップページ協力企業
------------------------------*/

#index_cooperation {
	padding: 24px 0;
	color: #52549f;
}

	#index_cooperation > ul {
		width: 1000px;
		margin: 0 auto;
	}
	
		#index_cooperation > ul > li {
			width: 465px;
			padding: 19px 0;
			background: #fff;
			border: 1px solid #b6b7e4;
			text-align: center;
		}
		
			#index_cooperation > ul > li > span {
				margin: 0 20px 0 0;
				padding: 0 0 0 21px;
				background: url(../img/marker_circle.png) 0 50% no-repeat;
				font-weight: bold;
			}

/* EQ Resistant Tape Page - 制震テープページ
----------------------------------------*/

/* EQ Resistant Tape - 制震テープ
------------------------------*/

#eqresistant_tape {
	margin: 60px 0 0;
	padding: 0 0 45px;
}

#eqresistant_tape > div {
	background: url(../img/eqresistant_tape.jpg) center top no-repeat;
}

#eqresistant_tape > div.kyoudou {
	background: url(../img/kyoudou.png) center top no-repeat;
}


#eqresistant_tape > div > h1 > img {
	display: block;
	margin: 0 auto;
}

#eqresistant_tape > div > .info_button {
	position: absolute;
	top: 320px;
}

#eqresistant_tape_commentary {
	margin: 616px 0 0;
}

	#eqresistant_tape_commentary > h2 {
		margin: 0 0 30px;
	}

	#eqresistant_tape_commentary > p {
		width: 640px;
		margin: 0 0 45px;
		line-height: 1.75;
	}

#eqresistant_tape_figure {
	position: absolute;
	top: 0;
	right: 0;
}

#kyoudou_commentary {
	margin: 626px 0 0;
}

	#kyoudou_commentary > h2 {
		margin: 0 0 30px;
	}

	#kyoudou_commentary > p {
		width: 640px;
		margin: 0 0 45px;
		line-height: 1.75;
	}

/* EQ Resistant Tape Performance - 性能共有
------------------------------*/

.eqresistant_tape_performance > div {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: right;
	vertical-align: middle;
}

.eqresistant_tape_performance > div:first-child {
	text-align: left;
}

.eqresistant_tape_performance > div > h2 {
	margin: 0 0 40px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
}

.eqresistant_tape_performance > div > p {
	line-height: 1.75;
}

/* EQ Resistant Tape Reduction - 低減性能
--------------------*/

#eqresistant_tape_performance_reduction .eqresistant_tape_performance > div {
	width: 410px;
}

#eqresistant_tape_performance_reduction .eqresistant_tape_performance > div:first-child {
	width: 590px;
}

/* EQ Resistant Tape Developer - 共同開発
--------------------*/

#eqresistant_tape_performance_developer {
	width: 1000px;
	margin: 0 auto;
	padding: 45px 0;
}

#eqresistant_tape_performance_developer .eqresistant_tape_performance > div {
	width: 340px;
}

#eqresistant_tape_performance_developer .eqresistant_tape_performance > div:first-child {
	width: 660px;
}

#eqresistant_tape_performance_developer .eqresistant_tape_performance > div > p {
	width: 580px;
}

/* EQ Resistant Tape Persistence - 持続性
--------------------*/

#eqresistant_tape_performance_persistence .eqresistant_tape_performance > div {
	width: 420px;
}

#eqresistant_tape_performance_persistence .eqresistant_tape_performance > div:first-child {
	width: 580px;
}

/* EQ Resistant Tape Damper - 住宅まるごとダンパー
--------------------*/

#eqresistant_tape_performance_damper {
	width: 1000px;
	margin: 0 auto;
	padding: 45px 0;
}

#eqresistant_tape_performance_damper .eqresistant_tape_performance > div {
	width: 415px;
}

#eqresistant_tape_performance_damper .eqresistant_tape_performance > div:first-child {
	width: 585px;
}

/* EQ Resistant Structure Page - スーパーストロング構造体「VALUE（バリュー）」ページ
----------------------------------------*/

/* EQ Resistant Structure - スーパーストロング構造体「VALUE（バリュー）」
------------------------------*/

#eqresistant_structure {
	padding: 0 0 45px;
}

#eqresistant_structure > div {
	padding: 70px 0 0;
	background: url(../img/eqresistant_structure.jpg) center top no-repeat;
}

#eqresistant_structure > div > h1 > img {
	display: block;
	margin: 0 auto;
}

#eqresistant_structure > div > .info_button {
	top: 210px;
}

#eqresistant_structure_commentary {
	margin: 420px 0 0;
}

	#eqresistant_structure_commentary > h2 {
		margin: 0 0 30px;
	}
	
	#eqresistant_structure_commentary > h3 {
		margin: 30px 0;
		color: #2b2d7d;
		font-size: 150%;
		font-weight: bold;
	}
	
	#eqresistant_structure_commentary > dl {
		margin: 30px 0 0;
	}
	
		#eqresistant_structure_commentary > dl > dt,
		#eqresistant_structure_commentary > dl > dd {
			float: left;
		}
	
		#eqresistant_structure_commentary > dl > dt {
			width: 43px;
			margin: 0 10px 0 0;
		}
		
		#eqresistant_structure_commentary > dl > dd {
			width: 429px;
		}
		
		#eqresistant_structure_commentary > dl > dt:first-child + dd {
			width: 430px;
			padding: 0 35px 0 0;
		}
			
			#eqresistant_structure_commentary > dl > dd > img.fl {
				margin: 0 10px 0 0;
			}
			
			#eqresistant_structure_commentary > dl > dd > p {
				line-height: 1.25;
			}
			
				#eqresistant_structure_commentary > dl > dd > p > span {
					margin: 5px 0 0;
				}

/* EQ Resistant Structure Performance - 建築基準法との耐震性比較
------------------------------*/

#eqresistant_structure_performance {
	padding: 75px 0;
}

#eqresistant_structure_performance h2 {
	margin: 0 0 30px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
}

#eqresistant_structure_performance h2 + p {
	width: 350px;
	line-height: 1.75;
}

/* EQ Resistant Structure Inspection - 第三者構造検査
------------------------------*/

#eqresistant_structure_inspection {
	padding: 75px 0;
}

#eqresistant_structure_inspection h2 {
	margin: 0 0 30px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
}

#eqresistant_structure_inspection h2 + p {
	width: 470px;
	margin: 0 30px 0 0;
	line-height: 1.75;
}

#eqresistant_structure_inspection p > img {
	display: block;
	margin: 0 0 10px;
}

/* EQ Resistant Structure Compensation - 耐震補償
------------------------------*/

#eqresistant_structure_compensation {
	min-height: 187px;
	padding: 75px 0;
}

#eqresistant_structure_compensation h2 {
	margin: 0 0 30px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
}

#eqresistant_structure_compensation p {
	width: 800px;
}

#eqresistant_structure_compensation h2 + p {
	margin: 0 30px 30px 0;
	line-height: 1.75;
}
	
#eqresistant_structure_compensation img {
	position: absolute;
	top: 0;
	right: 0;
}

/* Overview Page - ご挨拶・会社概要ページ
----------------------------------------*/

/* Salutation - ご挨拶
------------------------------*/

#salutation {
	padding: 70px 0;
}

#salutation h1 {
	margin: 0 0 50px;
}

#salutation h2 {
	margin: 0 0 40px;
}

#salutation h1 > img,
#salutation h2 > img {
	display: block;
	margin: 0 auto;
}

#salutation p {
	line-height: 1.75;
}

#salutation p + p {
	margin: 1em 0 0;
}

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

#overview {
	padding: 80px 0;
}

#overview h2 {
	margin: 0 0 40px;
	color: #2b2d7d;
	font-size: 150%;
}

#overview dl {
	border-top: 1px solid #ebefd9;
}

	#overview dl > dt {
		padding: 25px 0;
		z-index: 2;
	}
	
	#overview dl > dd {
		padding: 25px 0 25px 205px;
		border-bottom: 1px solid #ebefd9;
		z-index: 1;
	}
	
		#overview dl > dd > ul > li {
		}
	
		#overview dl > dd > ul > li + li {
			margin: 1em 0 0;
		}

/* Example Page - 施工事例ページ
----------------------------------------*/

/* Example - 施工事例紹介
------------------------------*/

#example {
	padding: 70px 0;
}

#example h1 {
	margin: 0 0 50px;
}

	#example h1 > img {
		display: block;
		margin: 0 auto;
	}

#example h2 {
	margin: 0 0 40px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

#example p {
	margin: 10px 0 0;
	line-height: 1.75;
}

#example li {
	float: left;
	width: 306px;
}

#example li.arrow {
	width: 17px;
	padding: 78px 12px 0;
}

#example li > img {
	display: block;
	width: 100%;
}

#example h3 {
	margin: 50px 0 20px;
	padding: 0 0 0 21px;
	background: url(../img/marker_circle.png) 0 50% no-repeat;
	color: #52549f;
	font-weight: bold;
}

/* System - 安心設計構造
------------------------------*/

#system {
	padding: 70px 0;
}

#system h2 {
	margin: 0 0 30px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
}

#system h3 {
	margin: 0 0 30px;
	padding: 0 0 0 21px;
	background: url(../img/marker_circle.png) 0 50% no-repeat;
	color: #52549f;
	font-weight: bold;
}

#system p {
	line-height: 1.75;
}

#system ul {
	margin: 40px 0 0;
	text-align: center;
}

	#system ul > li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 20px;
		vertical-align: top;
	}

/* kyoudou - 共同住宅
------------------------------*/

#kyoudou_1 {
	padding: 70px 0;
}

#kyoudou_1 h1 {
	margin: 0 0 50px;
}

	#example h1 > img {
		display: block;
		margin: 0 auto;
	}

#kyoudou_1 h2 {
	margin: 0 0 40px;
	color: #2b2d7d;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}

#kyoudou_1 p {
	margin: 10px 0 0;
	line-height: 1.75;
}

#kyoudou_1 li {
	float: left;
	width: 306px;
}

#kyoudou_1 li.arrow {
	width: 17px;
	padding: 78px 12px 0;
}

#kyoudou_1 li > img {
	display: block;
	width: 100%;
}

#kyoudou_1 h3 {
	margin: 50px 0 20px;
	padding: 0 0 0 21px;
	background: url(../img/marker_circle.png) 0 50% no-repeat;
	color: #52549f;
	font-weight: bold;
} 

table.kyoudou {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 35px 0;
}
table.kyoudou th {
	width: 300px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.kyoudou td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.mb30{margin-bottom: 35px;}


.kyoudou_2{clear: both;}

/* Inquiry Page - お問い合わせページ
----------------------------------------*/

#inquiry {
	padding: 70px 0;
}

#inquiry img {
	display: block;
	margin: 0 auto;
}

#inquiry h1 {
	margin: 0 0 50px;
}

#inquiry p {
	margin: 0 0 50px;
}

#inquiry p > img + img {
	margin: 30px auto 0;
}

#inquiry dl {
	border-top: 1px solid #e8e8e8;
}

	#inquiry dl > dt {
		clear: both;
		padding: 0;
		line-height: 78px;
		font-weight: bold;
		z-index: 2;
	}
	
	#inquiry dl > dd {
		padding: 20px 0 20px 190px;
		border-bottom: 1px solid #e8e8e8;
		z-index: 1;
	}
	
		#inquiry dl > dd > input,
		#inquiry dl > dd > textarea {
			padding: 8px;
			background-color: #f6f9e9;
			border: 1px solid #a185bd;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			line-height: 1.5;
		}
		
		#inquiry dl > dd > input:focus,
		#inquiry dl > dd > textarea:focus {
			background-color: #eee;
			outline: none;
		}
		
		#inquiry dl > dd > textarea {
			width: 640px;
			height: 300px;
			resize: none;
		}

#inquiry input.button {
	display: block;
	margin: 25px auto 0;
	padding: 20px 35px;
	border: 0;
	font-size: 125%;
}