@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, l, 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; }
td{ text-align: center; vertical-align: middle; }

/* 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-top: 0;
	padding-bottom: 0;
}
p.pagetop { margin: 10px 0 0 0; }
#bottomContents { padding: 20px 0 0 15px; }
*/

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

/* 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;
}

/* スプライト画像 */
.s{ background-image: url(../images/sprites/s.png); background-repeat: no-repeat; }
.b{ background-image: url(../images/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%; }
.w64	{ width: 64px; }
.w87	{ width: 87px; }
.w91	{ width: 91px; }
.w196	{ width: 196px; }
.w198	{ width: 198px; }
.w207	{ width: 207px; }
.w218	{ width: 218px; }
.w221	{ width: 221px; }
.w240	{ width: 240px; }
.w242	{ width: 242px; }
.w244	{ width: 244px; }
.w250	{ width: 250px; }
.w270	{ width: 270px; }
.w271	{ width: 271px; }
.w280	{ width: 280px; }
.w285	{ width: 285px; }
.w298	{ width: 298px; }
.w310	{ width: 310px; }
.w319	{ width: 319px; }
.w350	{ width: 350px; }
.w360	{ width: 360px; }
.w368	{ width: 368px; }
.w435	{ width: 435px; }
.w442	{ width: 442px; }
.w453	{ width: 453px; }
.w480	{ width: 480px; }
.w490	{ width: 490px; }
.w500	{ width: 500px; }
.w590	{ width: 590px; }
.w600	{ width: 600px; }
.w620	{ width: 620px; }
.w677	{ width: 677px; }
.w705	{ width: 705px; }
.w888	{ width: 888px; }
.w890	{ width: 890px; }

/* HEIGHT */
.h48	{ height: 48px; }
.h198	{ height: 198px; }
.h500	{ height: 500px; }

/* LINE-HEIGHT */
.lh1	{ line-height: 1; }
.lh11	{ line-height: 1.1; }
.lh12	{ line-height: 1.2; }
.lh15	{ line-height: 1.5; }
.lh17	{ line-height: 1.7; }

/* MARGIN */
.mHA	{ margin-right: auto; margin-left: auto; }

.mT1	{ margin-top: 1px !important; }
.mT2	{ margin-top: 2px !important; }
.mT3	{ margin-top: 3px !important; }
.mT4	{ margin-top: 4px !important; }
.mT7	{ margin-top: 7px !important; }
.mT20	{ margin-top: 20px !important; }
.mT25	{ margin-top: 25px !important; }
.mT30	{ margin-top: 30px !important; }
.mT35	{ margin-top: 35px !important; }
.mT40	{ margin-top: 40px !important; }
.mT45	{ margin-top: 45px !important; }
.mT50	{ margin-top: 50px !important; }
.mT80	{ margin-top: 80px !important; }

.nmT1	{ margin-top: -1px !important; }
.nmT2	{ margin-top: -2px !important; }
.nmT7	{ margin-top: -7px !important; }

.nmR1	{ margin-right: -1px !important; }
.nmR2	{ margin-right: -2px !important; }

.mR1	{ margin-right: 1px !important; }
.mR2	{ margin-right: 2px !important; }
.mR3	{ margin-right: 3px !important; }
.mR8	{ margin-right: 8px !important; }
.mR12	{ margin-right: 12px !important; }
.mR13	{ margin-right: 13px !important; }
.mR15	{ margin-right: 15px !important; }
.mR17	{ margin-right: 17px !important; }
.mR18	{ margin-right: 18px !important; }

.mB13	{ margin-bottom: 13px !important; }

/* PADDING */
.p10	{ padding: 10px !important; }
.p15	{ padding: 15px !important; }
.p20	{ padding: 20px !important; }

.pT3	{ padding-top: 3px !important; }
.pT5	{ padding-top: 5px !important; }
.pT6	{ padding-top: 6px !important; }
.pT7	{ padding-top: 7px !important; }
.pT12	{ padding-top: 12px !important; }
.pT13	{ padding-top: 13px !important; }
.pT15	{ padding-top: 15px !important; }
.pT40	{ padding-top: 40px !important; }

.pR14	{ padding-right: 14px !important; }

.pB3	{ padding-bottom: 3px !important; }
.pB5	{ padding-bottom: 5px !important; }
.pB6	{ padding-bottom: 6px !important; }
.pB10	{ padding-bottom: 10px !important; }
.pB13	{ padding-bottom: 13px !important; }
.pB15	{ padding-bottom: 15px !important; }
.pB40	{ padding-bottom: 40px !important; }

.pL5	{ padding-left: 5px !important; }
.pL10	{ padding-left: 10px !important; }
.pL14	{ padding-left: 14px !important; }
.pL15	{ padding-left: 15px !important; }
.pL19	{ padding-left: 19px !important; }
.pL20	{ padding-left: 20px !important; }
.pL37	{ padding-left: 37px !important; }
.pL43	{ padding-left: 43px !important; }

.pH15	{ padding-right: 15px !important; padding-left: 15px !important; }

.pV10	{ padding-top: 10px !important; padding-bottom: 10px !important; }
.pV15	{ padding-top: 15px !important; padding-bottom: 15px !important; }
.pV20	{ padding-top: 20px !important; padding-bottom: 20px !important; }
.pV23	{ padding-top: 23px !important; padding-bottom: 23px !important; }
.pV25	{ padding-top: 25px !important; padding-bottom: 25px !important; }
.pV40	{ padding-top: 40px !important; padding-bottom: 40px !important; }

.pT10H14	{ padding: 10px 14px 0 14px !important; }
.pT20H25	{ padding: 20px 25px 0 25px !important; }

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

.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

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

/* 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; }

.top0 	{ top: 0; }
.top60 	{ top: 60px; }

.right0 { right: 0; }
.left0 	{ left: 0; }
.left26 { left: 26px; }
.left90 { left: 90px; }
.left91 { left: 91px; }
.left181{ left: 181px; }
.left280{ left: 280px; }
.left392{ left: 392px; }
.left575{ left: 575px; }

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

.zm		{ zoom: 1; }

/* FOREGROUNG */
.italic { font-style: italic; }

.bld 	{ font-weight: bold; }
.nml	{ font-weight: normal; }

.fs14	{ font-size: 14px; }
.fs16	{ font-size: 16px; }
.fs18	{ font-size: 18px; }
.fs19	{ font-size: 19px; }
.fs20	{ font-size: 20px; }
.fs22	{ font-size: 22px; }
.fs26	{ font-size: 26px; }

.fgGray	 { color:#3F3B37; }
.fgLGray { color:#87929B; }
.fgLLGray{ color:#666666; }
.fgDGray { color:#343434; }
.fgBrown { color:#473023; }
.fgGreen { color:#66AE26; }

/* BACKGROUNG */
.bgGray			{ background-color: #EEEEE9; }

/* BORDER */
.bdGold 		{ border: 1px solid #99893B; }
.bdGoldT2 		{ border-top: 2px solid #9E8D37; }
.bdGoldT3 		{ border-top: 3px solid #9E8D37; }
.bdGoldB3 		{ border-bottom: 3px solid #9E8D37; }

.bdDGrayBD 		{ border-bottom: 1px dotted #343434; }
.bdDGrayB3 		{ border-bottom: 3px solid #343434; }
.bdDGrayTB 		{ border-top: 1px dotted #343434; border-bottom: 1px dotted #343434; }

.bdGuideDGray	{ border: 1px solid #E3E2D7; }

.bdGreenL4 		{ border-left: 4px solid #55A986; }

.bdBrownB 		{ border-bottom: 1px solid #5A5529; }

/* TABLE */
.bdWhiteST 		{ border-top: 1px solid #ffffff; }
.bdWhiteSR 		{ border-right: 1px solid #fffffff; }
.bdWhiteSB 		{ border-bottom: 1px solid #ffffff; }

.bgGuideDGray	{ background-color: #b9d6fe; }
.bgGuideGray	{ background-color: #e3f8fb; }
.bgGuideLGray	{ background-color: #F6F6F6; }

.bgGuidenew01	{ background-color: #0f3d5d; 
	color: #ffffff;
    font-weight: 100;
}
.bgGuidenew01b	{ background-color: #ececec; 
    font-weight: 100;
}






/************************************************************
 * 不動産ガイド
 ************************************************************/
 /* 共通 */

.bgH2Ttl {
	background-position: 0 -45px;
	width: 900px;
	height: 35px;
	padding-left: 20px;
	font-size: 26px;
	line-height: 1;
}

.title_h2 {
	position: relative;
	padding-bottom: 7px;
	border-bottom: 1px solid #a2a089;
}
.title_h2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 2px;
	border-bottom: 1px solid #d9d9d9;
}
.title_h2-text {
	position: relative;
	padding-left: 20px;
	line-height: 1.2;
	font-size: 26px;
}
.title_h2-text:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(to bottom, #62ad8e, #3f7760);
}

.bgFooter {
	background: url(../img/bg_footer.png) no-repeat;
	width: 870px;
	height: 180px;
	margin-top: 30px !important;
	position: relative;
}

.footerTtlArea {
	width: 249px;
	height: 17px;
}

.footerTtlCompany {
	width: 176px;
	height: 17px;
}

.h3Ttl {
	padding-left: 10px;
	color:#473023;
	border-left: 19px solid #12307c !important; 
	font-size: 19px;
	line-height: 1;

}

.fgTtlGreen {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	color: #306bb3;
	margin-top: 0px !important;
}

.icOrangeArrow		{ background-position: -995px 3px; padding-left: 10px; }

.tabTop				{ background-position: 0 -183px; width: 183px; height: 27px; }
.tabTop:hover,
.tabTop:active,
.tabTopCurrent		{ background-position: 0 -210px; width: 183px; height: 27px; }
.tabTopGrayOut		{ background-position: 0 -237px; width: 183px; height: 27px; }

.tabBrand			{ background-position: -183px -183px; width: 183px; height: 27px; }
.tabBrand:hover,
.tabBrand:active,
.tabBrandCurrent	{ background-position: -183px -210px; width: 183px; height: 27px; }
.tabBrandGrayOut	{ background-position: -183px -237px; width: 183px; height: 27px; }

.tabSale			{ background-position: -366px -183px; width: 183px; height: 27px; }
.tabSale:hover,
.tabSale:active,
.tabSaleCurrent		{ background-position: -366px -210px; width: 183px; height: 27px; }
.tabSaleGrayOut		{ background-position: -366px -237px; width: 183px; height: 27px; }

.tabPublish			{ background-position: -549px -183px; width: 183px; height: 27px; }
.tabPublish:hover,
.tabPublish:active,
.tabPublishCurrent	{ background-position: -549px -210px; width: 183px; height: 27px; }
.tabPublishGrayOut	{ background-position: -549px -237px; width: 183px; height: 27px; }

.tabCompany			{ background-position: -732px -183px; width: 184px; height: 27px; }
.tabCompany:hover,
.tabCompany:active,
.tabCompanyCurrent	{ background-position: -732px -210px; width: 184px; height: 27px; }
.tabCompanyGrayOut	{ background-position: -732px -237px; width: 184px; height: 27px; }

.tabTopB			{ background-position: 0 -264px; width: 183px; height: 27px; }
.tabTopB:hover,
.tabTopB:active,
.tabTopBCurrent		{ background-position: 0 -291px; width: 183px; height: 27px; }
.tabTopBGrayOut		{ background-position: 0 -318px; width: 183px; height: 27px; }

.tabBrandB			{ background-position: -183px -264px; width: 183px; height: 27px; }
.tabBrandB:hover,
.tabBrandB:active,
.tabBrandBCurrent	{ background-position: -183px -291px; width: 183px; height: 27px; }
.tabBrandBGrayOut	{ background-position: -183px -318px; width: 183px; height: 27px; }

.tabSaleB			{ background-position: -366px -264px; width: 183px; height: 27px; }
.tabSaleB:hover,
.tabSaleB:active,
.tabSaleBCurrent	{ background-position: -366px -291px; width: 183px; height: 27px; }
.tabSaleBGrayOut	{ background-position: -366px -318px; width: 183px; height: 27px; }

.tabPublishB		{ background-position: -549px -264px; width: 183px; height: 27px; }
.tabPublishB:hover,
.tabPublishB:active,
.tabPublishBCurrent	{ background-position: -549px -291px; width: 183px; height: 27px; }
.tabPublishBGrayOut	{ background-position: -549px -318px; width: 183px; height: 27px; }

.tabCompanyB		{ background-position: -732px -264px; width: 184px; height: 27px; }
.tabCompanyB:hover,
.tabCompanyB:active,
.tabCompanyBCurrent	{ background-position: -732px -291px; width: 184px; height: 27px; }
.tabCompanyBGrayOut	{ background-position: -732px -318px; width: 184px; height: 27px; }

.btMansion				{ background-position: 0 -441px; width: 133px; height: 36px; }
.btMansion:hover,
.btMansion:active		{ background-position: 0 -477px; }
.btMansionGrayOut		{ background-position: 0 -513px; width: 133px; height: 36px; }

.btChukoMansion			{ background-position: -133px -441px; width: 133px; height: 36px; }
.btChukoMansion:hover,
.btChukoMansion:active	{ background-position: -133px -477px; }
.btChukoMansionGrayOut	{ background-position: -133px -513px; width: 133px; height: 36px; }

.btIkkodate				{ background-position: -266px -441px; width: 133px; height: 36px; }
.btIkkodate:hover,
.btIkkodate:active		{ background-position: -266px -477px; }
.btIkkodateGrayOut		{ background-position: -266px -513px; width: 133px; height: 36px; }

.btChukoIkkodate		{ background-position: -399px -441px; width: 133px; height: 36px; }
.btChukoIkkodate:hover,
.btChukoIkkodate:active	{ background-position: -399px -477px; }
.btChukoIkkodateGrayOut	{ background-position: -399px -513px; width: 133px; height: 36px; }

.btTochi				{ background-position: -532px -441px; width: 133px; height: 36px; }
.btTochi:hover,
.btTochi:active			{ background-position: -532px -477px; }
.btTochiGrayOut			{ background-position: -532px -513px; width: 133px; height: 36px; }

/* 詳細 */
.bgGuide2012			{ background-position: 0 0; width: 920px; height: 45px; }
.bgPropertyInfo			{ background-position: 0 -92px; width: 705px; height: 24px; }

/* 店舗情報 */
.bgShopName 			{ background-position: 0 -361px; width: 291px; height: 20px; }
.bgShopInfo 			{ background-position: -291px -361px; width: 599px; height: 20px; }
.bgTraffic				{ background-position: 0 -381px; width: 95px; height: 18px; }
.bgLocation				{ background-position: -95px -381px; width: 95px; height: 18px; }
.bgAddress				{ background-position: -190px -381px; width: 95px; height: 18px; }
.bgBusinessHours		{ background-position: -285px -381px; width: 95px; height: 18px; }
.bgHoliday				{ background-position: -380px -381px; width: 95px; height: 18px; }

/* ブランド */
.bgAgencyBrand			{ background-position: 0 -80px; width: 920px; height: 12px; }

/* 分譲実績 */
.icFeatureMark			{ background-position: -984px -100px; width: 16px; height: 16px; }

.bgH2Mansion			{ background-position: 0 -116px; width: 620px; height: 34px; }
.bgH2Ikkodate			{ background-position: 0 -150px; width: 620px; height: 33px; }
.bgH2IkkodateMs			{ background-position: 0 -345px; width: 620px; height: 33px; }

.bgTimeResults 			{ background-position: 0 -567px; width: 95px; height: 18px; }
.bgLocationResults 		{ background-position: -95px -567px; width: 95px; height: 18px; }
.bgPremiseResults 		{ background-position: -190px -567px; width: 95px; height: 18px; }
.bgArticleFeature 		{ background-position: 0 -585px; width: 242px; height: 18px; }

.icAntiEarthquake		{ background-position: 0 -603px; width: 59px; height: 35px; }
.icSkeleton				{ background-position: -59px -603px; width: 59px; height: 35px; }
.icSaveEnergy			{ background-position: -118px -603px; width: 59px; height: 35px; }
.icLargeScale			{ background-position: -177px -603px; width: 59px; height: 35px; }
.icPerformance			{ background-position: -236px -603px; width: 59px; height: 36px; }
.icHighGrade			{ background-position: -295px -603px; width: 59px; height: 36px; }
.icRenewal				{ background-position: -354px -603px; width: 59px; height: 36px; }
.icSecurity				{ background-position: -413px -603px; width: 59px; height: 36px; }
.icYutori				{ background-position: 0 -638px; width: 79px; height: 35px; }
.icPerformanceK			{ background-position: -80px -638px; width: 79px; height: 35px; }
.icEco					{ background-position: -158px -638px; width: 79px; height: 35px; }
.icAntiQuakeFire		{ background-position: -238px -639px; width: 79px; height: 35px; }
.icFacilities			{ background-position: -318px -639px; width: 79px; height: 35px; }
.icDevelop				{ background-position: -396px -639px; width: 79px; height: 35px; }
.icH2Mansion			{ background-position: -496px -116px; width: 124px; height: 31px; }
.icH2IkkodateTochi		{ background-position: -496px -149px; width: 124px; height: 30px; }
.icH2IkkodateTochiMs	{ background-position: -441px -345px; width: 179px; height: 31px; }

.bottom0	{ bottom: 0; }
.bdBlackB2	{ border-bottom: 2px solid #343434; }
