@charset "utf-8";

/************************************************************
 * reset
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
}

/*
table	{
	word-wrap: break-word;
	word-break: break-all;
}*/

li	{
	list-style-position: outside;
	vertical-align: bottom;
}

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; }

/************************************************************
 * anchor-link
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/* percolation */
.activeAlpha	{
	opacity:1;
	filter:alpha(opacity=100);
}
.activeAlpha:hover{
	opacity:.75;
	filter:alpha(opacity=75);
}

.tlf			{ table-layout: fixed; }

/************************************************************
 * tag
 ************************************************************/
body, select, textarea, th, td, li, a {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}

label		{ vertical-align: middle; }

/************************************************************
 * id-style
 ************************************************************/
#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:950px;
}

#kyotsu_kiji {
	width: 643px;
	margin-top: 20px;
}
/************************************************************
 * classes
 ************************************************************/
h1, h2, h3, h4, h5, h6 { font-size: 12px; }

/* kiji-reset */
#contents h2	{ background: none;  margin-top: 0; font-weight: bold; }
#contents h3	{ border-left: none; font-weight: bold; }
#contents p		{ margin-top: 0; }

/* form-style */
.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;
	height: 13px;
	margin-right: 1px;
}

/* sprites-style */
.b {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

.s		{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }
.b		{ background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }

.pagetop10 	{ padding-top: 10px; font-size: 12px; text-align: right; }


/************************************************************
 * classes(property)
 ************************************************************/
/* width */
.w133	{ width: 133px; }
.w145	{ width: 145px; }
.w183	{ width: 183px; }
.w204	{ width: 204px; }
.w300	{ width: 300px; }
.w310	{ width: 310px; }
.w330	{ width: 330px; }
.w425	{ width: 425px; }

/* height */
.h100	{ height: 100px; }

/* margin */
.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; }

.mR10	{ margin-right: 10px; }
.mR14	{ margin-right: 14px; }
.mR15	{ margin-right: 15px; }

.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL195	{ margin-left: 195px; }

.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB30	{ margin-bottom: 30px; }
.mB40	{ margin-bottom: 40px; }
.mB50	{ margin-bottom: 40px; }

.mHA	{ margin-right: auto; margin-left: auto; }
.mlr80	{ margin-right: 80px; margin-left: 80px; }
.mlr95	{ margin-right: 95px; margin-left: 95px; }
.mTB15	{ margin-top: 23px; margin-bottom: 15px; }

/* padding */
.p7	{ padding: 7px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT10	{ padding-top: 10px; }

.pR10	{ padding-right: 10px; }

.pB10	{ padding-bottom: 10px; }

.pL10	{ padding-left: 10px; }

.pV10	{ padding-top: 10px; padding-bottom: 10px; }

.pH10	{ padding-left: 10px; padding-right: 10px; }

.pV10H15	{ padding: 10px 15px;}
.pV15H10	{ padding: 15px 10px;}

/* line-height */
.lh12	{ line-height: 12px; }
.lh16	{ line-height: 16px; }

/* display */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oa		{ overflow: auto; }
.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

.breakW		{ word-wrap: break-word; }
.breakA		{ word-break: break-all; }
.lBNormal	{ line-break: normal; }

.textNote{
	text-indent: -1em;
	margin-left: 1em;
}

.zm	{ zoom: 1; }

/* 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; }
.prb	{ position: absolute; right: 15px; }
.pb		{ position: absolute; bottom: 15px; }

.offLeft	{ text-indent: -9999px; overflow: hidden; }

/* font-property */
.text		{ font-size: 14px; line-height: 1.6; }
.text_s		{ font-size: 12px; line-height: 1.6; }
.bld		{ font-weight: bold; }
.nml		{ font-weight: normal; }

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs16		{ font-size: 16px; }

.fs16bld	{ font-size: 16px; line-height: 1.6; font-weight: bold; color: #e01f97; margin-bottom: 10px; }
.fs13bld	{ font-size: 13px; line-height: 1.6; font-weight: bold; color: #e01f97; margin-bottom: 10px; }

/* background-color */
.bgGrn		{ background-color: #f6f7e1; }

/* border */
.bdGray			{ border: 1px solid #CCCCCC; }
.bdNv		{ border-bottom: 6px solid #003d68; }

/************************************************************
 * classes(property)
 ************************************************************/

/* navi */
.navi02 { background-position: 0 -674px; width: 297px; height: 47px; }
.navi01 { background-position: -297px -674px; width: 297px; height: 47px; }
.navi02on { background-position: 0 -721px; width: 297px; height: 47px; }
.navi01on { background-position: -297px -721px; width: 297px; height: 47px; }
.navi02:hover { background-position: 0 -721px; width: 297px; height: 47px; }
.navi01:hover { background-position: -297px -721px; width: 297px; height: 47px; }

/* 間取りボタン */
.Btn01 { background-position: 0 -768px; width: 97px; height: 85px; }
.Btn02 { background-position: -97px -768px; width: 86px; height: 97px; }
.Btn03 { background-position: -183px -768px; width: 97px; height: 85px; }
.Btn04 { background-position: -280px -768px; width: 86px; height: 97px; }

.Btn01:hover { background-position: 0 -853px; width: 97px; height: 85px; }
.Btn02:hover { background-position: -97px -865px; width: 86px; height: 97px; }
.Btn03:hover { background-position: -183px -865px; width: 97px; height: 85px; }
.Btn04:hover { background-position: -280px -865px; width: 86px; height: 97px; }

/* 間取りposition */
.Btn01 { left: 347px; top: 39px; }
.Btn02 { left: -40px; top: 16px; }
.Btn03 { left: -45px; top: 235px; }
.Btn04 { left: 297px; top: 170px; }

/* ページ遷移 */
.madoriKufuu { background-position: 0 -962px; width: 483px; height: 95px; }
.madoriHousoku { background-position: 0 -1152px; width: 483px; height: 95px; }
.madoriKufuu:hover { background-position: 0 -1057px; width: 483px; height: 95px; }
.madoriHousoku:hover { background-position: 0 -1247px; width: 483px; height: 95px; }

/* 見出し */
#kyotsu_kiji h2, #kyotsu_kiji h3 { background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }

#contents #madoriH2_01 { background-position: 0 0; width: 643px; height: 47px; }
#contents #madoriH2_02 { background-position: 0 -47px; width: 643px; height: 47px; }
#contents #madoriH2_03 { background-position: 0 -94px; width: 643px; height: 78px; }
 
#contents #madoriKufuu_01 { background-position: 0 -172px; width: 643px; height: 46px; }
#contents #madoriKufuu_02 { background-position: 0 -218px; width: 643px; height: 46px; }
#contents #madoriKufuu_03 { background-position: 0 -264px; width: 643px; height: 46px; }
#contents #madoriKufuu_04 { background-position: 0 -310px; width: 643px; height: 46px; }

#contents #madoriHousoku_01 { background-position: 0 -356px; width: 643px; height: 46px; }
#contents #madoriHousoku_02 { background-position: 0 -402px; width: 643px; height: 46px; }
#contents #madoriHousoku_03 { background-position: 0 -448px; width: 643px; height: 46px; }
#contents #madoriHousoku_04 { background-position: 0 -494px; width: 643px; height: 46px; }

.iconY {
	background-position: -628px -732px;
	width: 15px;
	height: 36px;
	margin-top: 50px;
}
.iconTalk { background-position: -300px -594px; width: 110px; height: 18px; }
.mametishiki { background-position: 0 -540px; width: 332px; height: 28px; }
.seikoustep { background-position: -300px -612px; width: 193px; height: 16px; }
.seikoustep01 { background-position: -300px -628px; width: 308px; height: 23px; }
.seikoustep02 { background-position: -300px -651px; width: 306px; height: 23px; }
.pkup { background-position: 0 -568px; width: 623px; height: 26px; }
.pkup01 { background-position: 0 -594px; width: 136px; height: 31px; }
.pkup02 { background-position: -136px -594px; width: 136px; height: 31px; }
.pkup03 { background-position: 0 -625px; width: 136px; height: 31px; }
.pkup04 { background-position: -136px -625px; width: 139px; height: 31px; }
	
/************************************************************
 * 物件検索フォーム
 ************************************************************/
body a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

select, textarea	{ font-size: 13px; line-height: 1.56; }
.c_search 			{ background: #feeade; padding: 15px 20px; }
.c_search dl 		{ padding: 0 0 14px 0; }
.c_search dt 		{ padding: 0 10px 0 0; }
.c_search label 	{ line-height: 160%; padding: 0 10px 0 0; }
.bdRdot86786D 		{ border-right: 1px dotted #86786D; }
.w215 				{ width: 215px; }
.w340 				{ width: 340px; }
.pL45 				{ padding-left: 45px; }
.pB5 				{ padding-bottom: 5px; }	
