@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; font-weight: normal; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * アンカー
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/************************************************************
 * タグ
 ************************************************************/
body, input, select, textarea, th, td, li, a, #mi_wrapper {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, input, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}
/************************************************************
 * IDS
 ************************************************************/
#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:950px;
}

#contents{ padding: 0 15px 0 15px; }

/************************************************************
 * CLASSES
 ************************************************************/
h1, h2, h3, h4, h5, h6 { font-size: 12px; }

.bukkenList	{
	width: 898px;
	margin-top: 20px;
	border: 1px solid #ACDD80;
}

/* FORM要素 */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
}

/* スプライト画像 */
.b		{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }

.b {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w105	{ width: 105px; }
.w120	{ width: 120px; }
.w270	{ width: 270px; }
.w320	{ width: 320px; }
.w400	{ width: 400px; }
.w418	{ width: 418px; }
.w500	{ width: 500px; }
.w540	{ width: 540px; }
.w880	{ width: 880px; }
.w920	{ width: 920px; }

/* HEIGHT */
.h160	{ height:160px; }

/* LINE-HEIGHT */
.lh12	{ line-height: 12px; }
.lh14	{ line-height: 14px; }
.lh25	{ line-height: 25px; }

/* MARGIN */
.m10	{ margin: 10px; }

.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }
.mT40	{ margin-top: 40px; }

.mR4	{ margin-right: 4px; }
.mR10	{ margin-right: 10px; }
.mR20	{ margin-right: 20px; }

.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }

.mL10	{ margin-left: 10px; }
.mHA	{ margin-right: auto; margin-left: auto; }

/* PADDING */
.p5		{ padding: 5px; }
.p7		{ padding: 7px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT5	{ padding-top: 5px; }
.pT10	{ padding-top: 10px; }
.pT40	{ padding-top: 40px; }

.pR10	{ padding-right: 10px; }

.pB10	{ padding-bottom: 10px; }

.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }

.pH10	{ padding-right: 10px; padding-left: 10px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }

.pH20V12 { padding: 12px 20px; }
.pH20V15 { padding: 15px 20px; }

/* DISPLAY */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oh		{ overflow: hidden; }

.note{
	text-indent: -1.2em;
	margin-left: 1.2em;
}

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.offLeft	{ text-indent: -9999px; overflow: hidden; }

.zm		{ zoom: 1; }
/* FOREGROUNG */
.bld	{ font-weight: bold; }
.nml	{ font-weight: normal; }

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs14		{ font-size: 14px; }
.fs16		{ font-size: 16px; }
.fs20		{ font-size: 20px; }

.fgGray		{ color:#959595; }
.fgLGray 	{ color:#B4B4B4; }

/* BACKGROUNG */
.bgWhite		{ background-color: #FFFFFF; }
.bgBeige		{ background-color: #efeadd; }
.bgGray			{ background-color: #E8E8E8; }

/* BORDER */
.bdGrayTD		{ border-top: 1px dotted #7F7F7F; }
.bdGrayRD		{ border-right: 1px dotted #7F7F7F; }
.bdGrayL		{ border-left: 1px solid #CCCCCC; }

/* 注文住宅 by SUUMO */
.s				{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }
.x				{ background-image: url(../img/sprites/x.png); background-repeat: no-repeat; }

.bgH1Title 		{ background-image: url("../img/h1.jpg"); background-repeat: no-repeat; width: 920px; height: 150px; }
.bgH2Title01	{ background-position: 0 -156px; width: 505px; height: 60px; }
.bgH2Title02	{ background-position: 0 0; width: 880px; height: 36px; }
.bgH2Title03	{ background-position: 0 -216px; width: 346px; height: 41px; }
.bgH2Title04	{ background-position: 0 -257px; width: 348px; height: 41px; }
.bgH2Title05	{ background-position: 0 -298px; width: 306px; height: 41px; }
.bgH2Title06	{ background-position: 0 -339px; width: 414px; height: 41px; }
.bgH3Title01	{ background-position: -346px -216px; width: 235px; height: 25px; }
.bgH3Title02	{ background-position: -581px -216px; width: 117px; height: 25px; }

.bgFujisan		{ background-position: -643px -96px; width: 236px; height: 60px; }
.bgAmazon		{ background-position: -643px -156px; width: 236px; height: 60px; }

.bgKanto		{ background-position: -348px -241px; width: 80px; height: 40px; }
.bgKitaKanto	{ background-position: -428px -241px; width: 80px; height: 40px; }
.bgKansai		{ background-position: -508px -241px; width: 80px; height: 40px; }
.bgTokai		{ background-position: -588px -241px; width: 80px; height: 40px; }
.bghokkaidomiyagi		{ background-position: -668px -241px; width: 80px; height: 80px; }
.bgchushikokukyushu		{ background-position: -748px -241px; width: 80px; height: 80px; }

.bgRadiusGray	{ background-position: -122px -36px; width: 460px; height: 40px; }
.bgRadiusGrayL	{ background-position: -122px -76px; width: 460px; height: 80px; }

.roundOrangeBox { background-position: 0 0; background-repeat: repeat-y; width: 880px; }
.roundOrangeB 	{ background-position: -880px bottom; background-repeat: no-repeat; width: 840px; }

.btBuy			{ background-position: 0 -36px; width: 122px; height: 54px; }
.btBuy:hover,
.btBuy:active	{ background-position: 0 -90px; width: 122px; height: 54px; }

.icArrowOrange	{ background-position: -872px -370px; }

.top7 			{ top: 7px;}
.top20 			{ top: 20px;}
.top170 		{ top: 170px;}
.top344 		{ top: 344px;}

.bottom7 		{ bottom: 7px;}
.bottom34 		{ bottom: 34px;}
.bottom81 		{ bottom: 81px;}
.bottom86 		{ bottom: 86px;}
.bottom139 		{ bottom: 139px;}

.left14 		{ left: 14px; }
.left45 		{ left: 45px; }
.left58 		{ left: 58px; }
.left193 		{ left: 193px; }
.left234 		{ left: 234px; }
.left368 		{ left: 368px; }

.right5 		{ right: 5px; }
.right16 		{ right: 16px; }
.right28 		{ right: 28px; }
.right118 		{ right: 118px; }

.mR25			{ margin-right: 25px; }

.pL16			{ padding-left: 16px; }

.h193			{ height: 193px; }
.h204			{ height: 204px; }

#contents p.pagetop { margin: 20px 0 0 0; }
#contents p { line-height: 1.7; }
#contents p.tagline { margin-top: 20px; }


.l-kounyupage{
	border: 2px solid #f77c00;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.l-kounyupage .l-kounyupage-title{
	text-align: center;
	background-color: #f77c00;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 0;
}
.l-kounyupage .l-kounyupage-body{
	padding: 10px 0;
}

.pagelist {
	overflow: hidden;
}
.pagelist > li {
	float: left;
	width: 33.2%;
	border-left: 1px dotted #999999;
	text-align: center;
}
.pagelist > li:first-child {
	border-left: none;
}