@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; }
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img	{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ font-weight: normal; }

input,
select		{ vertical-align: middle; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }
.cb { clear: both; }
/************************************************************
 * アンカー
 ************************************************************/
a:link		{ color: #67acbd; }
a:visited	{ color: #67acbd; }
a:hover		{ color: #67acbd; }
a:active	{ color: #67acbd; }

.linkBrown a			{ color: #4d2626; }
.linkBrown a:visited	{ color: #4d2626; }
.linkBrown a:hover		{ color: #4d2626; }
.linkBrown a:active		{ color: #4d2626; }

/************************************************************
 * タグ
 ************************************************************/
body, input, select, textarea, th, td, li, a {
	font-family: 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, input, select, textarea {
	color: #666666;
	font-size: 12px;
	line-height: 1.2;
}

body { background: #84bcc2 url(/tokushu/renovation/img/sprites/bg.png) repeat; }
#bgWhiteArea { background: #FFFFFF; }
/************************************************************
 * IDS
 ************************************************************/

/*wrapper*/
#wrapper {
	width:950px;
	margin:0 auto;
	background-color: #ffffff;
}

/*contents*/
#contents{
	margin: 15px 0;
	padding: 0 15px;
	background: url(/tokushu/renovation/img/sprites/y.png) -950px 0 repeat-y;
}
#topContents{
	margin: 15px 0;
	padding: 0 15px;
	background: url(/tokushu/renovation/img/sprites/y.png) 0 0 repeat-y;
}

/*left_column*/
#left_column{
	float:left;
	width:670px;
}

#topLeft_column{
	float:left;
	width:612px;
}

/*right_column*/
#right_column{
	float:right;
	width:219px;
}
#topRight_column{
	float:right;
	width:277px;
}

.checkBox
.radioButton {
	height:13px;
	width: 13px;
	margin:0;
	padding:0;
}

/************************************************************
 * HEADER(globalに入れるもの）
 ************************************************************/

.g	{ background-image: url(/tokushu/renovation/img/sprites/g.png); background-repeat: no-repeat; }

.logo				{ background-position: 0 -841px; width: 129px; height: 43px; }
.logoR				{ background-position: -129px -831px; width: 165px; height: 34px; }
.statement		{ background-position: 0 -831px; width: 129px; height: 10px; }
.mainimgT		{ background-position: 0 0; width: 950px; height: 421px; }
.mainimg_buy			{ background-position: 0 -422px; width: 950px; height: 204px; }
.mainimg_buyKanto		{ background-position: 0 -1294px; width: 920px; height: 205px; }
.mainimg_buyKansai	{ background-position: 0 -1499px; width: 920px; height: 205px; }
.mainimg_buyTokai		{ background-position: 0 -1704px; width: 920px; height: 205px; }
.mainimg_buyKyushu	{ background-position: 0 -1909px; width: 920px; height: 205px; }

.mainimg_market	{ background-position: 0 -627px; width: 950px; height: 204px; }

.mainimg_what		{ background-position: 0 -885px; width: 950px; height: 204px; }
.mainimg_qaa		{ background-position: 0 -1090px; width: 950px; height: 204px; }

.icTitleKanto			{ background-position: -450px -831px; width: 64px; height: 22px; }
.icTitleKansai		{ background-position: -514px -831px; width: 64px; height: 22px; }
.icTitleTokai			{ background-position: -578px -831px; width: 64px; height: 22px; }
.icTitleKyushu		{ background-position: -642px -831px; width: 64px; height: 22px; }

.capBox				{ width: 365px; height: 28px; }
/************************************************************
 * CLASSES
 ************************************************************/
.objectDetail, .saleDetail {
width: 42px;
padding: 2px;
color: #ffffff;
font-size: 10px;
background: #c0c4ba;
text-align: center;
 }
.saleDetail {
width: 40px;
background: #acb6a4;
}

/* スプライト画像 */
.ic	{ background-image: url(/tokushu/renovation/img/sprites/ic.png); background-repeat: no-repeat; }
.bt	{ background-image: url(/tokushu/renovation/img/sprites/ic.png); background-repeat: no-repeat; }

.bn	{ background-image: url(/tokushu/renovation/img/sprites/bn.png); background-repeat: no-repeat; }

.bn, .bt	{
	border: 0 none;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}
/* ボタン */
.btObject					{ background-position: 0 0; width: 215px; height: 67px; }
.btObject:hover,
.btObject:active,
.btObjectCurrent		{ background-position: 0 -67px; width: 215px; height: 67px; }

.btCo						{ background-position: -215px 0; width: 215px; height: 67px; }
.btCo:hover,
.btCo:active,
.btCoCurrent			{ background-position: -215px -67px; width: 215px; height: 67px; }

.btCase					{ background-position: -430px 0; width: 215px; height: 67px; }
.btCase:hover,
.btCase:active,
.btCaseCurrent			{ background-position: -430px -67px;width: 215px; height: 67px; }

.btKanto 					{ background-position: 0 -134px; width: 132px; height: 24px; }
.btKanto:hover,
.btKanto:active,
.btKantoCurrent			{ background-position: 0 -158px; width: 132px; height: 24px; }
.btKantoNo				{ background-position: 0 -182px; width: 132px; height: 24px; }

.btKansai					{ background-position: -132px -134px; width: 132px; height: 24px; }
.btKansai:hover,
.btKansai:active,
.btKansaiCurrent		{ background-position: -132px -158px; width: 132px; height: 24px; }
.btKansaiNo				{ background-position: -132px -182px; width: 132px; height: 24px; }

.btTokai					{ background-position: -264px -134px; width: 132px; height: 24px; }
.btTokai:hover,
.btTokai:active,
.btTokaiCurrent			{ background-position: -264px -158px; width: 132px; height: 24px; }
.btTokaiNo				{ background-position: -264px -182px; width: 132px; height: 24px; }

.btChugoku				{ background-position: -396px -134px; width: 131px; height: 24px; }
.btChugoku:hover,
.btChugoku:active,
.btChugokuCurrent		{ background-position: -396px -158px; width: 131px; height: 24px; }
.btChugokuNo			{ background-position: -396px -182px; width: 131px; height: 24px; }

.btKyusyu				{ background-position: -527px -134px; width: 131px; height: 24px; }
.btKyusyu:hover	,
.btKyusyu:active,
.btKyusyuCurrent		{ background-position: -527px -158px; width: 131px; height: 24px; }
.btKyusyuNo				{ background-position: -527px -182px; width: 131px; height: 24px; }

.btPackRequest			{ background-position: 0 -206px; width: 207px; height: 21px; }
.btPackRequest:hover,
.btPackRequest:active{ background-position: 0 -227px; }

.btDocRequest			{ background-position: -207px -206px; width: 207px; height: 21px; }
.btDocRequest:hover,
.btDocRequest:active	{ background-position: -207px -227px; }

.btRev					{ background-position: -530px -222px; width: 116px; height: 21px; }
.btRev:hover,
.btRev:active			{ background-position: -530px -243px; }

.btRevL					{ background-position: -414px -222px; width: 116px; height: 21px; }
.btRevL:hover,
.btRevL:active			{ background-position: -414px -243px; }

.btLook					{ background-position: -438px -272px; width: 131px; height: 16px; }
.btLook:hover,
.btLook:active			{ background-position: -438px -288px; }

.btRequest				{ background-position: -219px -272px; width: 219px; height: 33px; }
.btRequest:hover,
.btRequest:active		{ background-position: -219px -305px; }

.btBuild					{ background-position: -280px -338px; width: 280px; height: 114px; }
.btBuild:hover,
.btBuild:active			{ background-position: -280px -452px; }

.btBuy					{ background-position: 0 -338px; width: 280px; height: 114px; }
.btBuy:hover,
.btBuy:active			{ background-position: 0 -452px; }

.btSearchCo				{ background-position: -277px -661px; width: 131px; height: 16px; }
.btSearchCo:hover,
.btSearchCo:active		{ background-position: -277px -677px; }

.btSearchOb				{ background-position: -408px -661px; width: 131px; height: 16px; }
.btSearchOb:hover,
.btSearchOb:active		{ background-position: -408px -677px; }

.btRenovationA			{ background-position: 0 -898px; width: 275px; height: 16px; }
.btRenovationA:hover,
.btRenovationA:active,
.btRenovationACurrent{ background-position: 0 -914px; width: 275px; height: 16px; }

.btRenovationB			{ background-position: -275px -898px; width: 338px; height: 16px; }
.btRenovationB:hover,
.btRenovationB:active,
.btRenovationBCurrent{ background-position: -275px -914px; width: 338px; height: 16px; }

.btQaaA					{ background-position: 0 -1027px; width: 154px; height: 17px; }
.btQaaA:hover,
.btQaaA:active,
.btQaaACurrent			{ background-position: 0 -1010px; width: 154px; height: 17px; }

.btQaaB					{ background-position: -154px -1027px; width: 99px; height: 17px; }
.btQaaB:hover,
.btQaaB:active,
.btQaaBCurrent			{ background-position: -154px -1010px; width: 99px; height: 17px; }

.btQaaC					{ background-position: -253px -1027px; width: 155px; height: 17px; }
.btQaaC:hover,
.btQaaC:active,
.btQaaCCurrent			{ background-position: -253px -1010px; width: 155px; height: 17px; }

.btQaaD					{ background-position: -408px -1027px; width: 109px; height: 17px; }
.btQaaD:hover,
.btQaaD:active,
.btQaaDCurrent			{ background-position: -408px -1010px; width: 109px; height: 17px; }

.capBuyT					{ background-position: 0 -338px; width: 280px; height: 68px; }
.capBuildT				{ background-position: -280px -338px; width: 280px; height: 68px; }

/* Dpattern sub menu */
.btSubSearchCo		{ background-position: 0 -406px; width: 124px; height: 26px; }
.btSubSearchCo:hover,
.btSubSearchCo:active		{ background-position: 0 -432px; }

.btSubSearchCase			{ background-position: -124px -406px; width: 140px; height: 26px; }
.btSubSearchCase:hover,
.btSubSearchCase:active			{ background-position: -124px -432px; }

.btSubWhat					{ background-position: -264px -406px; width: 212px; height: 26px; }
.btSubWhat:hover,
.btSubWhat:active			{ background-position: -264px -432px; }

/* Dpattern area button */
.btTokyo					{ background-position: 0 -490px; width: 170px; height: 33px; }
.btTokyo:hover,
.btTokyo:active,
.btTokyoCurrent		{ background-position: 0 -457px; width: 170px; height: 33px; }

.btKanagawa				{ background-position: -170px -490px; width: 170px; height: 33px; }
.btKanagawa:hover,
.btKanagawa:active,
.btKanagawaCurrent	{ background-position: -170px -457px; width: 170px; height: 33px; }

.btSaitama				{ background-position: -340px -490px; width: 170px; height: 33px; }
.btSaitama:hover,
.btSaitama:active,
.btSaitamaCurrent		{ background-position: -340px -457px; width: 170px; height: 33px; }

.btChiba					{ background-position: 0 -556px; width: 170px; height: 33px; }
.btChiba:hover,
.btChiba:active,
.btChibaCurrent			{ background-position: 0 -523px; width: 170px; height: 33px; }

.btShutoken				{ background-position: -170px -556px; width: 226px; height: 33px; }
.btShutoken:hover,
.btShutoken:active,
.btShutokenCurrent	{ background-position: -170px -523px; width: 226px; height: 33px; }

.btSubKanto				{ background-position: 0 -589px; width: 47px; height: 13px; }
.btSubKanto:hover,
.btSubKanto:active		{ background-position: 0 -602px; }

.btSubKansai			{ background-position: -47px -589px; width: 47px; height: 13px; }
.btSubKansai:hover,
.btSubKansai:active	{ background-position: -47px -602px; }

.btSubTokai				{ background-position: -94px -589px; width: 46px; height: 13px; }
.btSubTokai:hover,
.btSubTokai:active		{ background-position: -94px -602px; }

.btSubKyushu			{ background-position: -140px -589px; width: 46px; height: 13px; }
.btSubKyushu:hover,
.btSubKyushu:active	{ background-position: -140px -602px; }

.btKantoT				{ background-position: 0 -1492px; width: 280px; height: 49px; }
.btKantoT:hover,
.btKantoT:active		{ background-position: 0 -1541px; }

.btKansaiT				{ background-position: -280px -1492px; width: 280px; height: 49px; }
.btKansaiT:hover,
.btKansaiT:active		{ background-position: -280px -1541px; }
.btKansaiTClose		{ background-position: 0 -1856px; width: 280px; height: 49px; }

.btTokaiT					{ background-position: 0 -1590px; width: 280px; height: 49px; }
.btTokaiT:hover,
.btTokaiT:active		{ background-position: 0 -1639px; }

.btKyushuT				{ background-position: -280px -1590px; width: 280px; height: 49px; }
.btKyushuT:hover,
.btKyushuT:active		{ background-position: -280px -1639px; }
.btKyushuTClose		{ background-position: -280px -1856px; width: 280px; height: 49px; }

.btSubToshin			{ background-position: 0 -1688px; width: 148px; height: 28px; }
.btSubToshin:hover,
.btSubToshin:active,
.btSubToshinCurrent	{ background-position: 0 -1716px; width: 148px; height: 28px; }

.btSub23N				{ background-position: -148px -1688px; width: 148px; height: 28px; }
.btSub23N:hover,
.btSub23N:active,
.btSub23NCurrent		{ background-position: -148px -1716px; width: 148px; height: 28px; }

.btSub23W				{ background-position: -296px -1688px; width: 148px; height: 28px; }
.btSub23W:hover,
.btSub23W:active,
.btSub23WCurrent		{ background-position: -296px -1716px; width: 148px; height: 28px; }

.btSub23E				{ background-position: -444px -1688px; width: 148px; height: 28px; }
.btSub23E:hover,
.btSub23E:active,
.btSub23ECurrent		{ background-position: -444px -1716px; width: 148px; height: 28px; }

.btSub23S				{ background-position: 0 -1744px; width: 148px; height: 28px; }
.btSub23S:hover,
.btSub23S:active,
.btSub23SCurrent		{ background-position: 0 -1772px; width: 148px; height: 28px; }

.btSubToka				{ background-position: -148px -1744px; width: 148px; height: 28px; }
.btSubToka:hover,
.btSubToka:active,
.btSubTokaCurrent		{ background-position: -148px -1772px; width: 148px; height: 28px; }

.btSubYokohamaN			{ background-position: -296px -1744px; width: 300px; height: 28px; }
.btSubYokohamaN:hover,
.btSubYokohamaN:active,
.btSubYokohamaNCurrent{ background-position: -296px -1772px; width: 300px; height: 28px; }

.btSubYokohamaS			{ background-position: 0 -1800px; width: 300px; height: 28px; }
.btSubYokohamaS:hover,
.btSubYokohamaS:active,
.btSubYokohamaSCurrent{ background-position: 0 -1828px; width: 300px; height: 28px; }

.btSubShonan				{ background-position: -300px -1800px; width: 300px; height: 28px; }
.btSubShonan:hover,
.btSubShonan:active,
.btSubShonanCurrent		{ background-position: -300px -1828px; width: 300px; height: 28px; }

.txtOtherArea			{ background-position: -186px -589px; width: 112px; height: 13px; }

.pagetop					{ background-position: -294px -831px; width: 121px; height: 33px; }

/* アイコン */
.icNew					{ background-position: -414px -206px; width: 37px; height: 16px; }
.icPrice					{ background-position: -451px -206px; width: 52px; height: 16px; }
.icMove					{ background-position: -503px -206px; width: 62px; height: 16px; }
.icCheckBox				{ background-position: -645px -40px; width:13px; height: 13px; padding-right: 10px; }
.icArrow					{ background-position: -645px 0; height: 5px; padding-left: 10px; }
.icBArrowS				{ background-position: -658px -128px; height: 10px; width: 5px;}
.icBArrowL				{ background-position: -569px -272px; height: 5px; width: 25px;}
.icBsquare				{ background-position: -645px -83px; height: 5px; padding-left: 15px; }

/* テキスト */
.txtCheck				{ background-position: 0 -248px; width: 264px; height: 13px; }
.txtAllCheck				{ background-position: 0 -261px; width: 218px; height: 11px; }
.txtRelate				{ background-position: -218px -261px; width: 59px; height: 9px; }
.txtStep					{ background-position: -428px -621px; width: 216px; height: 16px; }
.txtBefore				{ background-position: -613px -898px; width: 35px; height: 11px; }
.txtPoint					{ background-position: 0 -930px; width: 621px; height: 16px; }
.txtProcess				{ background-position: 0 -946px; width: 392px; height: 13px; }
.txtBuy					{ background-position: -393px -946px; width: 234px; height: 17px; }
.txtCollabo				{ background-position: -244px -1062px; width: 171px; height: 13px; }
.txtBeforeK				{ background-position: -517px -1010px; width: 97px; height: 13px; }
.txtAfterK				{ background-position: -517px -1023px; width: 95px; height: 13px; }

.capFit					{ background-position: 0 -959px; width: 261px; height: 18px; }
.capUsed					{ background-position: 0 -977px; width: 384px; height: 16px; }
.capBuy					{ background-position: -384px -977px; width: 248px; height: 16px; }
.capInfra					{ background-position: -261px -964px; width: 366px; height: 13px; }

.capQ01					{ background-position: 0 -1133px; width: 371px; height: 18px; }
.capQ02					{ background-position: 0 -1151px; width: 305px; height: 18px; }
.capQ03					{ background-position: 0 -1169px; width: 589px; height: 18px; }
.capQ04					{ background-position: 0 -1187px; width: 435px; height: 18px; }
.capQ05					{ background-position: 0 -1205px; width: 439px; height: 18px; }
.capQ06					{ background-position: 0 -1223px; width: 332px; height: 18px; }
.capQ07					{ background-position: 0 -1241px; width: 496px; height: 18px; }
.capQ08					{ background-position: 0 -1259px; width: 331px; height: 18px; }
.capQ09					{ background-position: 0 -1277px; width: 375px; height: 18px; }
.capQ10					{ background-position: 0 -1295px; width: 267px; height: 18px; }
.capQ11					{ background-position: 0 -1313px; width: 273px; height: 18px; }
.capQ12					{ background-position: 0 -1331px; width: 467px; height: 18px; }
.capQ13					{ background-position: 0 -1349px; width: 231px; height: 18px; }
.capQ14					{ background-position: 0 -1367px; width: 245px; height: 18px; }
.capQ15					{ background-position: 0 -1385px; width: 315px; height: 18px; }
.capQ16					{ background-position: 0 -1403px; width: 385px; height: 18px; }
.capWhatL				{ background-position: 0 -993px; width: 223px; height: 17px; }
.capWhatS				{ background-position: 0 -1075px; width: 438px; height: 13px; }
.capDifferentL			{ background-position: -223px -993px; width: 228px; height: 17px; }
.capDifferentS			{ background-position: 0 -1062px; width: 244px; height: 13px; }
.capFitL					{ background-position: 0 -1044px; width: 266px; height: 17px; }
.capFitS					{ background-position: 0 -1088px; width: 510px; height: 13px; }
.capNews				{ background-position: -266px -1044px; width: 239px; height: 17px; }
.capArrow				{ background-position: -630px -909px; width: 40px; height: 32px; }
.capPhoto				{ background-position: -305px -1151px; width: 218px; height: 18px; }
.capShared				{ background-position: 0 -1117px; width: 161px; height: 16px; }
.capPrivate				{ background-position: -161px -1117px; width: 163px; height: 16px; }
.capFull					{ background-position: -368px -1101px; width: 287px; height: 16px; }
.capCustom				{ background-position: 0 -1101px; width: 249px; height: 16px; }
.capOutside				{ background-position: -323px -1101px; width: 45px; height: 16px; }
.capHallway				{ background-position: -249px -1101px; width: 74px; height: 16px; }
.capQaa					{ background-position: -276px -1421px; width: 382px; height: 54px; }
.txtIntTitle				{ background-position: 0 -1421px; width: 103px; height: 11px; }
.txtIntC1					{ background-position: 0 -1452px; width: 222px; height: 20px; }
.txtIntC2					{ background-position: 0 -1432px; width: 271px; height: 20px; }
.txtIntC3					{ background-position: 0 -1472px; width: 276px; height: 20px; }

.figS						{ background-position: 0 -1792px; width: 627px; height: 441px; }
.figL						{ background-position: 0 -1010px; width: 627px; height: 782px; }
.figArrow					{ background-position: -645px -941px; width: 25px; height: 38px; }
/* バナー */
.bnWhatS					{ background-position: 0 -47px; width: 219px; height: 60px; }
.bnWhatL					{ background-position: 0 -107px; width: 277px; height: 114px; }
.bnFlow					{ background-position: 0 0; width: 219px; height: 47px; }
.bnNarrative				{ background-position: -219px 0; width: 219px; height: 47px; }
.bnQAA					{ background-position: -438px 0; width: 219px; height: 47px; }
.bnChamberS			{ background-position: -219px -47px; width: 219px; height: 37px; }
.bnChamberL			{ background-position: 0 -221px; width: 277px; height: 54px; }

/* 背景 */
.bgSearch				{ background-image: url(/tokushu/renovation/img/sprites/bg_gray.png); background-repeat: repeat; }
.bgYellow					{ background-image: url(/tokushu/renovation/img/sprites/bg_yellow.png); background-repeat: repeat; }
.bgBuild					{ background-position: -214px -566px; width: 214px; height: 95px; }
.bgBuy					{ background-position: 0 -566px; width: 214px; height: 95px; }
.bgTopics				{ background-position: 0 -661px; width: 277px; height: 39px; }
.bgForSale				{ background-position: 0 -272px; width: 219px; height: 65px; }
.bgFlow					{ background-position: 0 -700px; width: 670px; height: 99px; }
.bgNarrative				{ background-position: 0 -799px; width: 670px; height: 98px; }
.bgNarrativeSingle		{ background-position: 0 -799px; width: 670px; height: 99px; }
.bgArrow2				{ background-position: -428px -566px; width: 238px; height: 55px; }
.bgQaaArea				{ background-position: -617px -1475px; }
/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width:100%;}
.w61	{ width: 61px;}
.w71	{ width: 71px;}
.w76	{ width: 76px;}
.w85	{ width: 85px;}
.w96	{ width: 96px;}
.w108	{ width: 108px;}
.w113	{ width: 113px;}
.w145	{ width: 145px;}
.w147	{ width: 147px;}
.w150	{ width: 150px;}
.w151	{ width: 151px;}
.w154	{ width: 154px;}
.w168	{ width: 168px;}
.w163	{ width: 163px;}
.w193	{ width: 193px;}
.w180	{ width: 180px;}
.w188	{ width: 188px;}
.w194	{ width: 194px;}
.w195	{ width: 195px;}
.w207	{ width: 207px;}
.w227	{ width: 227px;}
.w233	{ width: 233px;}
.w263	{ width: 263px;}
.w270	{ width: 270px;}
.w275	{ width: 275px;}
.w276	{ width: 276px;}
.w280	{ width: 280px;}
.w295	{ width: 295px;}
.w297	{ width: 297px;}
.w300	{ width: 300px;}
.w317	{ width: 317px;}
.w335	{ width: 335px;}
.w338	{ width: 338px;}
.w383	{ width: 383px;}
.w388	{ width: 388px;}
.w395	{ width: 395px;}
.w423	{ width: 423px;}
.w450	{ width: 450px;}
.w462	{ width: 462px;}
.w465	{ width: 465px;}
.w476	{ width: 476px;}
.w590	{ width: 590px;}
.w615	{ width: 615px;}
.w622	{ width: 622px;}
.w635	{ width: 635px;}
.w920	{ width: 920px;}


/* 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; }
.mT10	{ margin-top: 10px; }
.mT15	{ margin-top: 15px; }
.mT20	{ margin-top: 20px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }
.mT35	{ margin-top: 35px; }
.mT40	{ margin-top: 40px; }
.mT42	{ margin-top: 42px; }
.mT45	{ margin-top: 45px; }
.mT50	{ margin-top: 50px; }
.mT55	{ margin-top: 55px; }
.mT56	{ margin-top: 56px; }
.mT58	{ margin-top: 58px; }
.mT60	{ margin-top: 60px; }
.mT65	{ margin-top: 65px; }
.mT68	{ margin-top: 68px; }
.mT80	{ margin-top: 80px; }
.mT110{ margin-top: 110px; }

.mL5	{ margin-left: 5px; }
.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL19	{ margin-left: 19px; }
.mL21	{ margin-left: 21px; }
.mL25	{ margin-left: 25px; }
.mL27	{ margin-left: 27px; }
.mL35	{ margin-left: 35px; }
.mL36	{ margin-left: 36px; }

.mR1	{ margin-right: 1px; }
.mR2	{ margin-right: 2px; }
.mR3	{ margin-right: 3px; }
.mR4	{ margin-right: 4px; }
.mR5	{ margin-right: 5px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }
.mR23	{ margin-right: 23px; }
.mR25	{ margin-right: 25px; }
.mR18	{ margin-right: 18px; }
.mR39	{ margin-right: 39px; }

.mB3	{ margin-bottom: 3px; }
.mB10	{ margin-bottom: 10px; }

.mH15	{ margin-left: 15px; margin-right: 15px; }
.mHA	{ margin-right: auto; margin-left: auto; }

/* PADDING */
.p3				{ padding: 3px; }
.p5				{ padding: 5px; }
.p8				{ padding: 8px; }
.p9				{ padding: 9px; }
.p10			{ padding: 10px; }
.p13			{ padding: 13px; }
.p15			{ padding: 15px; }
.p20			{ padding: 20px; }
.pT6			{ padding-top: 6px; }
.pT8			{ padding-top: 8px; }
.pT10			{ padding-top: 10px; }
.pT15			{ padding-top: 15px; }
.pT20			{ padding-top: 20px; }
.pT25			{ padding-top: 25px; }

.pR5			{ padding-right: 5px; }
.pR7			{ padding-right: 7px; }
.pR15			{ padding-right: 15px; }

.pB5			{ padding-bottom: 5px; }
.pB20			{ padding-bottom: 20px; }

.pL10			{ padding-left: 10px; }
.pL15			{ padding-left: 15px; }
.pL25			{ padding-left: 25px; }
.pL30			{ padding-left: 30px; }
.pL36			{ padding-left: 36px; }

.pH2			{ padding-left: 2px; padding-right: 2px; }
.pH10			{ padding-left: 10px; padding-right: 10px; }
.pH13			{ padding-left: 13px; padding-right: 13px; }
.pH15			{ padding-left: 15px; padding-right: 15px; }
.pH20			{ padding-left: 20px; padding-right: 20px; }

.pV6			{ padding-bottom: 6px; padding-top: 6px; }
.pV8			{ padding-bottom: 8px; padding-top: 8px; }
.pV15			{ padding-bottom: 15px; padding-top: 15px; }
.pV25			{ padding-bottom: 25px; padding-top: 25px; }
.pV30			{ padding-bottom: 30px; padding-top: 30px; }

.pV10H5		{ padding: 10px 5px;}
.pV15H12	{ padding: 10px 12px;}
.pV10H15	{ padding: 10px 15px;}
.pV10H20	{ padding: 10px 20px; }
.pV15H20	{ padding: 15px 20px; }
.pV14H19	{ padding: 14px 19px; }

/* DISPLAY */
.di			{ display: inline; }
.db			{ display: block; }
.dib		{ display: inline-block; }

/* POSITION */
.fl			{ float: left; }
.fr			{ float: right; }

.pr			{ position: relative; }
.pa			{ position: absolute; }

.top70		{ top: 70px; }
.left300	{ left: 300px; }

/* VARTICAL-ALIGN */
.vaT		{ vertical-align: top; }
.vaM		{ vertical-align: middle; }

/* TEXT-ALIGN */
.taL		{ text-align: left; }
.taR		{ text-align: right; }
.taC		{ text-align: center; }

/* FONT-SIZE */
.fs10		{ font-size: 10px; }
.fs14		{ font-size:14px; }
.fs17		{ font-size:17px; }

/* FONT-WEIGHT */
.b			{ font-weight: bold; }

/* LINE-HEIGHT */
.lh1_6		{ line-height: 1.6; }

/* FONT-COLOR */
.fgLGray	{color: #88917f; }
.fgBrown	{color: #4d2626; }
.fgLBlue	{color: #83b9c6; }

/* FOREGROUNG */
.offLeft	{ text-indent: -9999px; overflow: hidden; }
.textNote	{
margin-left:1em;
text-indent:-1.2em;
}

.fs7		{ font-size: 7px; }
.fs8		{ font-size: 8px; }
.fs10		{ font-size: 10px; }

/* BACKGROUND */
.bgGrayFooter	{ background-color: #e3e3e3; }
.bgGray			{ background-color: #cbd3c4; }
.bgLGray			{ background-color: #e4e8df; }
.bgWhite			{ background-color: #ffffff; }

/* BORDER */
.bdBrownS		{ border: 1px solid #4d2626; }
.bdBrownSB		{ border-bottom: 1px solid #4d2626; }
.bdBrownSB2		{ border-bottom: 2px solid #4d2626; }
.bdBrownST		{ border-top: 1px solid #4d2626; }
.bdBrownT		{ border-top: 1px dashed #4d2626; }
.bdBrownB		{ border-bottom: 1px dashed #4d2626; }
.bdGrayT			{ border-top: 1px solid #cbd3c4; }
.bdDGrayT		{ border-top: 1px solid #a0a995; }
.bdDGrayB		{ border-bottom: 1px solid #a0a995; }
.bdwhiteR		{ border-right: 1px solid #ffffff; }
.bdwhiteT		{ border-top: 2px solid #ffffff; }
.bdBrownDB		{ border-bottom: 1px dotted #4d2626; }
.bdGreenS		{ border: 1px solid #25d38a; }
.bdLBlueSB		{ border-bottom: 4px solid #bbd7dd; }
.bdDBlueST		{ border-top: 8px solid #62a9bb; }

/************************************************************
 * 画像 hover
 ************************************************************/
 .roomimg			 { border: 2px solid #e4e8df; }
 .roomimg:hover,
 .roomimg:active	 { border: 2px solid #27e6f2; }
