@charset "Shift_JIS";

/* ======== CSS Information ========================= *
	注文住宅Sシリーズ用 (/chumon/...)
	最終更新: 13/07/2009
 * ================================================== */

/* +0 HTML再定義
----------------------------------------------------- */
.contents p{
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	padding:0 20px 0 20px;
	margin-bottom:20px;
}
.contents p.ex{
	padding: 0;
}

/* +1 レイアウト
----------------------------------------------------- */

/* #サイドナビ -------------------------------------- */
#sideNavi{
	width:230px;
	background-image:url(image/menu_bg.gif);
	background-repeat:repeat-y;
}
#sideNavi .header,
#sideNavi .footer{
	width:100%;
	height:6px;
	overflow:hidden;
}
#sideNavi .header{
	margin-bottom:2px;
	background-image:url(image/menu_top.gif);
	background-repeat:no-repeat;
}
#sideNavi .footer{
	background-image:url(image/menu_bottom.gif);
	background-repeat:no-repeat;
}

#sideNavi table{
	margin:0 auto 2px auto;
}
#sideNavi td{
	padding-top:2px;
}
#sideNavi td.first{
	padding-top:0px;
}

#sideNavi td p{
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	padding-right: 7px;
	padding-left: 7px;
	margin-bottom:5px;
}
/* ---------------------------------------------- */

#mainContents{
	width:560px;
}

#mainContents #catHeader{
	margin-bottom:22px;
}

#mainContents .contents{
	margin-bottom:20px;
}
#mainContents .contents.border{
	border-bottom:1px dotted #666666;
	padding-bottom:20px;
}


div.title{
	padding:0;
	margin-bottom:16px;
}

/*センターボックス*/
#center {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
}


/* +2 部品スタイル
----------------------------------------------------- */

/* text style */
.text12 {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	padding: 0;
}

#mainContents .alignCenter,
#mainContents p.alignCenter,
#mainContents div.alignCenter p{
	text-align:center;
}
#mainContents .alignRight,
#mainContents p.alignRight,
#mainContents div.alignRight p{
	text-align:right;
}
#mainContents table.alignCenter{
	margin-right:auto;
	margin-left:auto;
}

#mainContents .contents .strong{
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	color:#ff6600;
}

/* box style */
.boxA{
	width:90%;
	margin:0 auto 6px auto;
	padding:14px 12px 14px 16px;
	border:1px solid #dddddd;
	background-image:url(image/box-a_bg.gif);
	background-repeat:repeat-y;
}

.boxB{
	width:530px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:12px;
	padding:12px 14px 6px 14px;
	border:1px solid #cccccc;
}

/* table style */
table.typeA,
table.typeB{
	width:100%;
	margin-bottom:6px;
	border-style:none;
}
table.typeA th,
table.typeA td{
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
	padding:4px 8px 3px 8px;
	border:1px solid #cccccc;
	border-width:0 0 1px 0;
}


table.typeB th{
	color:inherit;
	background-color:#99ccff;
	padding-right:0px;
}

table.typeB th,
table.typeB td{
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
	padding:9px 15px 8px 15px;
	border:1px solid #cccccc;
	border-width:0 0 1px 0;
}


table.typeB,
table.typeB th,
table.typeB td{
	border:1px solid #cccccc;
	border-width:0 0 1px 0;
}
table.typeB{
	padding:0;
	border-width:1px 1px 0 1px;
}



/* +3: Box Set
==================================================*/

*.boxSet {
	clear: both;
	display: inline-block;
}

*.boxSet:after {
	content: "";
	display: block;
	clear: both;
}

/* hides from ieMac \*/
* html *.boxSet {
	height: 1%;
}

*.boxSet {
	display: block;
}
/* end hide from ieMac */

*.boxLeft210 {
	display: inline;
	float: left;
	width: 210px;
}

*.boxLeft300 {
	display: inline;
	float: left;
	width: 300px;
}

*.boxLeft310 {
	display: inline;
	float: left;
	width: 310px;
}

*.boxLeft320 {
	display: inline;
	float: left;
	width: 320px;
}

*.boxLeft330 {
	display: inline;
	float: left;
	width: 330px;
}

*.boxLeft340 {
	display: inline;
	float: left;
	width: 340px;
}

*.boxLeft400 {
	display: inline;
	float: left;
	width: 400px;
}

*.boxRight150 {
	display: inline;
	float: right;
	width: 150px;
}

*.boxRight210 {
	display: inline;
	float: right;
	width: 210px;
}

*.boxRight220 {
	display: inline;
	float: right;
	width: 220px;
}

*.boxRight230 {
	display: inline;
	float: right;
	width: 230px;
}

*.boxRight240 {
	display: inline;
	float: right;
	width: 240px;
}

*.boxRight250 {
	display: inline;
	float: right;
	width: 250px;
}

*.boxRight260 {
	display: inline;
	float: right;
	width: 260px;
}

*.boxRight270 {
	display: inline;
	float: right;
	width: 270px;
}

*.boxRight350 {
	display: inline;
	float: right;
	width: 350px;
}

/* +4: Margin and Padding Set
==================================================*/
*.mB00{
	margin-bottom:0 !important;
}
*.mB06{
	margin-bottom:6px !important;
}
*.mB10{
	margin-bottom:10px !important;
}
*.mB12{
	margin-bottom:12px !important;
}
*.mB20{
	margin-bottom:20px !important;
}
*.mB24{
	margin-bottom:24px !important;
}
*.mB30{
	margin-bottom:30px !important;
}

*.pB00{
	padding-bottom:0 !important;
}
*.pB10{
	padding-bottom:10px !important;
}
*.pB12{
	padding-bottom:12px !important;
}
*.pB20{
	padding-bottom:20px !important;
}
*.pB24{
	padding-bottom:24px !important;
}
*.pB30{
	padding-bottom:30px !important;
}
.borderLeft{
	border:1px dotted #999999;
	border-width:0 0 0 1px;
}

/*建築の流れ*/
#flow_box {
	width: 520px;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
}

#flow_box p{
	font-size: 12px;
	text-align: left;
	line-height: 17px;
	padding: 5px;
	margin: 0px;
}

/*建築の流れ↓*/
#arrow_box {
	margin-bottom: 10px;
	width: 560px;
	text-align: center;
}