@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; }

#goo{background:none; margin-top:10px; margin-left:-1px;}

/* 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 {
	font-family: 'ＭＳ Ｐゴシック','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;
}

label			{ vertical-align: middle; }

/************************************************************
 * IDS
 ************************************************************/

#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:950px;
}

#contents			{ padding: 0 15px; }

#leftColumn			{ float: left; width: 265px; margin-right: 10px; }
#centerColumn		{ float: left; width: 320px; }
#bottomColumn		{ margin-top: 25px; }
#sideContents		{ float: right; width: 315px; background-color:#FFFFFF; }
#sideContents iframe{ overflow-x: hidden; }

/************************************************************
 * CLASSES
 ************************************************************/

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

.msList {
	width: 300px;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #808080;
}

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

.allReq {
top: 5px;
right:4px;
position:absolute;
}

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


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

/* アイコン */
.icArrow				{ background-position: -1095px 3px; height: 8px; padding-left: 10px; }

/* ボタン */
.btKanto				{ background-position: -125px -613px; width: 81px; height: 28px; }
.btKanto:hover,
.btKanto:active			{ background-position: -125px -641px; }

.btTokai				{ background-position: -125px -557px; width: 81px; height: 28px; }
.btTokai:hover,
.btTokai:active			{ background-position: -125px -585px; }

.btLSWork				{ background-position: -502px -325px; width: 151px; height: 60px; }
.btLSWork:hover,
.btLSWork:active		{ background-position: -502px -385px; }

.btLSShinkon			{ background-position: -653px -325px; width: 151px; height: 60px; }
.btLSShinkon:hover,
.btLSShinkon:active		{ background-position: -653px -385px; }

.btLSChild				{ background-position: -502px -445px; width: 151px; height: 60px; }
.btLSChild:hover,
.btLSChild:active		{ background-position: -502px -505px; }

.btLSSinior				{ background-position: -653px -445px; width: 151px; height: 60px; }
.btLSSinior:hover,
.btLSSinior:active		{ background-position: -653px -505px; }

.bt1999					{ background-position: -251px -100px; width: 251px; height: 36px; }
.bt1999:hover,
.bt1999:active			{ background-position: -251px -136px; }

.bt2999					{ background-position: -251px -172px; width: 251px; height: 36px; }
.bt2999:hover,
.bt2999:active			{ background-position: -251px -208px; }

.bt3999					{ background-position: -251px -244px; width: 251px; height: 36px; }
.bt3999:hover,
.bt3999:active			{ background-position: -251px -280px; }

.bt4999					{ background-position: -251px -316px; width: 251px; height: 36px; }
.bt4999:hover,
.bt4999:active			{ background-position: -251px -352px; }

.bt5000					{ background-position: -251px -388px; width: 251px; height: 36px; }
.bt5000:hover,
.bt5000:active			{ background-position: -251px -424px; }

.bt2010Guide			{ background-position: -280px -181px; width: 280px; height: 48px; }
.bt2010Guide:hover,
.bt2010Guide:active		{ background-position: -280px -181px; }

.btJukatsu				{ background-position: 0 -379px; width: 280px; height: 100px; }
.btJukatsu:hover,
.btJukatsu:active		{ background-position: -280px -379px; width: 280px; height: 100px; }

.btAdvisor				{ background-position: -280px -88px; width: 270px; height: 48px; }
.btAdvisor:hover,
.btAdvisor:active		{ background-position: -550px -88px; width: 270px; height: 48px; }

.btTVCM					{ background-position: -560px -379px; width: 270px; height: 100px; }
.btTVCM:hover,
.btTVCM:active			{ background-position: -830px -379px; width: 270px; height: 100px; }

.btReport				{ background-position: -900px -181px; width: 130px; height: 22px; }
.btReport:hover,
.btReport:active		{ background-position: -900px -203px; width: 130px; height: 22px; }

/* エリア名 */
.btKobe1			{ background-position: -26px -309px; width: 99px; height: 31px; }
.btKobe1:hover,
.btKobe1:active		{ background-position: -26px -340px; }

.btKobe2			{ background-position: -26px -371px; width: 99px; height: 31px; }
.btKobe2:hover,
.btKobe2:active		{ background-position: -26px -402px; }

.btOsaka1			{ background-position: -26px -433px; width: 99px; height: 31px; }
.btOsaka1:hover,
.btOsaka1:active	{ background-position: -26px -464px; }

.btOsaka2			{ background-position: -26px -495px; width: 99px; height: 31px; }
.btOsaka2:hover,
.btOsaka2:active	{ background-position: -26px -526px; }

.btKyoto			{ background-position: -125px -309px; width: 99px; height: 31px; }
.btKyoto:hover,
.btKyoto:active		{ background-position: -125px -340px; }

.btShiga			{ background-position: -125px -371px; width: 99px; height: 31px; }
.btShiga:hover,
.btShiga:active		{ background-position: -125px -402px; }

.btNara				{ background-position: -125px -433px; width: 99px; height: 31px; }
.btNara:hover,
.btNara:active		{ background-position: -125px -464px; }

.btEtc				{ background-position: -26px -557px; width: 99px; height: 46px; }
.btEtc:hover,
.btEtc:active		{ background-position: -26px -603px; }

.btReload			{ background-position: -125px -495px; width: 78px; height: 23px; }
.btReload:hover,
.btReload:active	{ background-position: -125px -518px; }

/* その他 */
.bgTopTitle			{ background-position: 0 0; width: 920px; height: 100px; }
.h1Title			{ background-position: -116px -11px; width: 682px; height: 55px; top:11px; left:116px; position: absolute; }

.h2Area				{ background-position: -502px -100px; width: 265px; height: 32px; }
.h2Price			{ background-position: -502px -132px; width: 265px; height: 32px; }
.h2Tokushu			{ background-position: -502px -164px; width: 265px; height: 33px; }
.h2Theme			{ background-position: -502px -197px; width: 320px; height: 32px; }
.h2Style			{ background-position: -502px -229px; width: 320px; height: 32px; }
.h2Check			{ background-position: -502px -261px; width: 320px; height: 32px; }
.h2Pickup			{ background-position: -502px -293px; width: 315px; height: 32px; }

.h3Tokushu			{ background-position: 0 -671px; width: 490px; height: 22px; }
.h3Bookmark			{ background-position: 0 -693px; width: 490px; height: 22px; }
.h3Useful			{ background-position: -490px -671px; width: 200px; height: 22px; }
.h3Soudan			{ background-position: -490px -693px; width: 200px; height: 22px; }

.bgArea				{ background-position: 0 -100px; width: 251px; height: 209px; }

.icRedDArrow		{ background-position: -913px -192px; padding-left: 12px; }
.icOrangeArrow		{ background-position: -911px -129px; padding-left: 12px; }

.icMame				{ background-position: -125px -541px; width: 73px; height: 16px; }

.bukkenT			{ background-position: 0 -246px; width: 920px; height: 41px; }
.bukkenB			{ background-position: 0 -65px; width: 920px; height: 6px; }

.reqMat				{ background-position: -568px -71px; width: 172px; height: 28px; }

.bgPoint			{background-position: 0 0 ; }

/*堺市特集導線*/
.icSakai				{ background-position: -26px -649px; width: 88px; height: 16px; }


/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w53	{ width: 53px; }
.w90	{ width: 90px; }
.w100	{ width: 100px; }
.w135	{ width: 135px; }
.w160	{ width: 160px; }
.w165	{ width: 165px; }
.w170	{ width: 170px; }
.w175	{ width: 175px; }
.w200	{ width: 200px; }
.w220	{ width: 220px; }
.w230	{ width: 230px; }
.w260	{ width: 260px; }
.w265	{ width: 265px; }
.w270	{ width: 270px; }
.w280	{ width: 280px; }
.w415	{ width: 415px; }
.w490	{ width: 490px; }
.w565	{ width: 565px; }
.w632	{ width: 632px; }
.w715	{ width: 715px; }
.w920	{ width: 920px; }

/* HEIGHT */
.h26	{ height:26px; }

/* LINE-HEIGHT */
.lh12	{ line-height: 12px; }
.lh14	{ line-height: 14px; }
.lh20	{ line-height: 20px; }
.lh26	{ line-height: 26px; }

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

.mR5	{ margin-right: 5px; }
.mR6	{ margin-right: 6px; }
.mR7	{ margin-right: 7px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.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; }

.pT10	{ padding-top: 10px; }

.pR10	{ padding-right: 10px; }

.pB10	{ padding-bottom: 10px; }

.pL13	{ padding-left: 13px; }
.pL10	{ padding-left: 10px; }

.pH5	{ padding-right: 5px; padding-left: 5px; }
.pH25	{ padding-right: 25px; padding-left: 25px; }

.pV6	{ padding-top: 7px; padding-bottom: 6px; }
.pV7	{ padding-top: 7px; padding-bottom: 7px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }

.pV10H5		{ padding: 10px 5px; }
.pV10H20	{ padding: 10px 20px; }

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

.breakW		{ word-wrap: break-word; }
.breakA		{ word-break: break-all; }
.lBNormal	{ line-break: normal; }

.note{
	text-indent: -11px;
	margin-left: 12px;
}

/* 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; }
.top5	{ top: 5px; }
.top15	{ top: 15px; }
.top26	{ top: 26px; }
.top30	{ top: 30px; }
.top51	{ top: 51px; }
.top54	{ top: 54px; }
.top63	{ top: 63px; }
.top87	{ top: 87px; }
.top132	{ top: 132px; }
.top165	{ top: 165px; }

.right0	{ right: 0; }
.right7	{ right: 7px; }
.right8	{ right: 8px; }

.left0	{ left: 0; }
.left20	{ left: 20px; }
.left138{ left: 138px; }

.bottom0{ bottom: 0; }

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

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

/* BACKGROUNG */
.bgWhite		{ background-color: #FFFFFF; }
.bgLBlue		{ background-color: #b8e8ea; }
.bgLLBlue		{ background-color: #f8feff; }
.bgLGray		{ background-color: #f7f7f7; }
.bgLLPink		{ background-color: #FFF6E4; }

/* BORDER */
.bdGrayA		{ border: 1px solid #E7E7E7; }
.bdGrayT		{ border-top: 1px solid #E7E7E7; }
.bdGrayB		{ border-bottom: 1px solid #E7E7E7; }
.bdGrayR		{ border-right: 1px solid #E7E7E7; }
.bdGrayL		{ border-left: 1px solid #E7E7E7; }

.bdLBlue		{ border: 1px solid #c0ebec; }

.bdLGreenT		{ border-top: 3px solid #C1D98C; }

.bdGreenB		{ border-bottom: 3px solid #8FC31F; }

.bdGrayDB		{ border-bottom: 1px dotted #CCCCCC; }