@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 小ページ用css
　02. 
　03. 
　04. 
　05. 


******************************************************************************* */


/* ==

　01. 小ページ用css

=============================================================================== */

/* ========== Position ========== */ 
.cap01 { margin-top: 3px; }

/* ========== Color ========== */
.txtRed01 { color: #FF0000; }
.txtYellow01 { color: #FFF567; }
.txtGray01 { color: #666666; }

/* ========== Line ========== */
.line01 {
	border-top: 1px solid #890113;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.lineDot01 {
	border-top: 1px dotted #333333;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* ========== Arrow ========== */
.arrow01 li {
	font-size: 12px;
	display: inline; 
}

.arrow01 li a {
	padding-left: 15px;
	background: transparent url(../images/link_arrow.gif) no-repeat left center;
}

/* ========== List ========== */
.notesList01 li {
	padding-left:1em;text-indent:-1em;line-height:1.4;
}

/* ========== Contents ========== */
#contSp01 {
	width: 730px;
	margin: 0 auto 40px auto;
}

#contSp01 img, div {
	padding: 0;
}

#titArea { margin-bottom: 0 !important; }
#titLeft {
	float: left;
	width: 83px;
	padding: 9px 0 12px 0;
}
#titRight {
	float: left;
	width: 647px;
	text-align: right;
	padding: 10px 0 0px 0;
}

.pr2 { padding-right: 2px; }


/* ========== Back Button ========== */
p.backBtn {
	margin-left: 625px;
}
p.backBtn span { display: none; }
p.backBtn a {
	width: 105px;
	height: 23px;
	background-image: url(../images/btn_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
p.backBtn a:link, p.backBtn a:visited{ background-position: left top; }
p.backBtn a:hover, p.backBtn a:active{ background-position: left bottom; }


/*　　Add 0918　　　*/

/* ==

　02. タブ

=============================================================================== */
.tabArea {
	background: url(../images/ind_tab_bg.jpg) no-repeat;
	margin-top: 20px;
}

.tabMain {
	float: left;
	padding-top: 5px;
	padding-left: 7px;
}
.tabSub {
	float: left;
	padding: 5px 0 0 2px;
}

.pr11 { padding-right: 11px; 
}

.pdgIcon{ padding:5px 5px 0 0; }

.pdgIcon02{ padding:2px 2px 0 0; }

p.tab01 span, p.tab02 span { display: none; }

p.tab01 a {
	width: 220px;
	height: 31px;
	background: url(../images/ind_tab_main01.jpg) left top no-repeat;
	display: block;
}
p.tab02 a {
	width: 220px;
	height: 31px;
	background: url(../images/ind_tab_main02.jpg) left top no-repeat;
	display: block;
}

p.tab01 a:link, p.tab02 a:link { background-position: left top; }
p.tab01 a:visited, p.tab02 a:visited { background-position: left top; }
p.tab01 a:hover, p.tab02 a:hover { background-position: left bottom; }
p.tab01 a:active, p.tab02 a:active { background-position: left bottom; }

.tabStay01 {
	width: 220px;
	height: 31px;
	background: url(../images/ind_tab_main01.jpg) left bottom no-repeat;
	display: block;
}
.tabStay02 {
	width: 220px;
	height: 31px;
	background: url(../images/ind_tab_main02.jpg) left bottom no-repeat;
	display: block;
}

.tabStay01 span, .tabStay02 span { display: none; }

#tabSearch {
	float:right;
	margin-top:5px;
	margin-right:2px;
	height:26px;
	width:220px;
}

#tabSearch #tabSearchForm {
	position:relative;
} 

#tabSearch #tabKeywords {
	width:165px;
	height:26px;
	background:url(../images/input_bg.jpg) no-repeat;
	border:none;
	color: #D1D1D1;
}

#tabSearch #tabSearchBtn {
	position: absolute;
	top: 0;
	/top:1px;  /* for IE6,IE7 */
	left: 170px;
}

/* ==

　02-01. 検索エリア

=============================================================================== */

.searchTit {
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
	padding: 12px 0 5px 10px;
}

.searchArea {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 5px 0 5px 0px;
}

.searchAreaBg01 {
	margin:0 8px;
	padding:3px 8px 0;
	background-color:#EEEEEE;
}

.searchAreaBg02 {
	margin:0 8px 10px;
	padding:3px 8px 11px;
	background-color:#EEEEEE;
}

.floatL ul {
	margin:4px 0 0;
}

.floatL li {
	float: left;
	margin-right:3px;
}

.searchAreaBg01 .sp {
	margin-right:20px;
}

.searchAreaBg02 .sp {
	margin-right:30px;
}

ul.viewBtn {
	margin-top:6px;
}

ul.viewBtn li {
	margin-right:3px;
}

p.viewBtn01 {
	margin-top:3px;
	padding-left:568px;
	background:url(../images/arrow_02.gif) no-repeat 560px 4px;
	font-weight: bold;
	color: #666666;
}
p.viewBtnStay01 {
	margin-top:3px;
	padding-left:568px;
	background:url(../images/arrow_02.gif) no-repeat 560px 4px;
	font-weight: bold;
	color: #666666;
}



/* == テーマ == */

p.theme01 span, p.theme02 span, p.theme03 span, p.theme04 span, p.theme05 span, p.theme06 span, p.theme07 span, p.theme08 span, p.theme09 span, p.theme10 span, p.theme11 span, p.theme12 span, p.theme13 span, p.theme15 span { display: none; }

p.theme01 a {
	width: 74px;
	height: 20px;
	background: url(../images/ind_theme01.gif) left top no-repeat;
	display: block;
}
p.theme02 a {
	width: 53px;
	height: 20px;
	background: url(../images/ind_theme02.gif) left top no-repeat;
	display: block;
}

p.theme03 a {
	width: 62px;
	height: 20px;
	background: url(../images/ind_theme03.gif) left top no-repeat;
	display: block;
}
p.theme04 a {
	width: 62px;
	height: 20px;
	background: url(../images/ind_theme04.gif) left top no-repeat;
	display: block;
}

p.theme05 a {
	width: 96px;
	height: 20px;
	background: url(../images/ind_theme05.gif) left top no-repeat;
	display: block;
}
p.theme06 a {
	width: 105px;
	height: 20px;
	background: url(../images/ind_theme06.gif) left top no-repeat;
	display: block;
}

p.theme07 a {
	width: 99px;
	height: 20px;
	background: url(../images/ind_theme07.gif) left top no-repeat;
	display: block;
}
p.theme08 a {
	width: 73px;
	height: 20px;
	background: url(../images/ind_theme08.gif) left top no-repeat;
	display: block;
}

p.theme09 a {
	width: 61px;
	height: 20px;
	background: url(../images/ind_theme09.gif) left top no-repeat;
	display: block;
}
p.theme10 a {
	width: 82px;
	height: 20px;
	background: url(../images/ind_theme10.gif) left top no-repeat;
	display: block;
}

p.theme11 a {
	width: 81px;
	height: 20px;
	background: url(../images/ind_theme11.gif) left top no-repeat;
	display: block;
}
p.theme12 a {
	width: 96px;
	height: 20px;
	background: url(../images/ind_theme12.gif) left top no-repeat;
	display: block;
}
p.theme13 a {
	width: 73px;
	height: 20px;
	background: url(../images/ind_theme13.gif) left top no-repeat;
	display: block;
}
p.theme15 a {
	width: 95px;
	height: 20px;
	background: url(../images/ind_theme15.gif) left top no-repeat;
	display: block;
}

p.theme01 a:link, p.theme02 a:link, p.theme03 a:link, p.theme04 a:link, p.theme05 a:link, p.theme06 a:link, p.theme07 a:link, p.theme08 a:link, p.theme09 a:link, p.theme10 a:link, p.theme11 a:link, p.theme12 a:link, p.theme13 a:link, p.theme15 a:link { background-position: left top; }
p.theme01 a:visited, p.theme02 a:visited, p.theme03 a:visited, p.theme04 a:visited, p.theme05 a:visited, p.theme06 a:visited, p.theme07 a:visited, p.theme08 a:visited, p.theme09 a:visited, p.theme10 a:visited, p.theme11 a:visited, p.theme12 a:visited, p.theme13 a:visited, p.theme15 a:visited { background-position: left top; }
p.theme01 a:hover, p.theme02 a:hover, p.theme03 a:hover, p.theme04 a:hover, p.theme05 a:hover, p.theme06 a:hover, p.theme07 a:hover, p.theme08 a:hover, p.theme09 a:hover, p.theme10 a:hover, p.theme11 a:hover, p.theme12 a:hover, p.theme13 a:hover, p.theme15 a:hover { background-position: left bottom; }
p.theme01 a:active, p.theme02 a:active, p.theme03 a:active, p.theme04 a:active, p.theme05 a:active, p.theme06 a:active, p.theme07 a:active, p.theme08 a:active, p.theme09 a:active, p.theme10 a:active, p.theme11 a:active, p.theme12 a:active, p.theme13 a:active, p.theme15 a:active { background-position: left bottom; }

.theme01 {
	width: 74px;
	height: 20px;
	background: url(../images/ind_theme01.gif) left bottom no-repeat;
	display: block;
}
.theme02 {
	width: 53px;
	height: 20px;
	background: url(../images/ind_theme02.gif) left bottom no-repeat;
	display: block;
}

.theme03 {
	width: 62px;
	height: 20px;
	background: url(../images/ind_theme03.gif) left bottom no-repeat;
	display: block;
}
.theme04 {
	width: 62px;
	height: 20px;
	background: url(../images/ind_theme04.gif) left bottom no-repeat;
	display: block;
}

.theme05 {
	width: 96px;
	height: 20px;
	background: url(../images/ind_theme05.gif) left bottom no-repeat;
	display: block;
}
.theme06 {
	width: 105px;
	height: 20px;
	background: url(../images/ind_theme06.gif) left bottom no-repeat;
	display: block;
}

.theme07 {
	width: 99px;
	height: 20px;
	background: url(../images/ind_theme07.gif) left bottom no-repeat;
	display: block;
}
.theme08 {
	width: 73px;
	height: 20px;
	background: url(../images/ind_theme08.gif) left bottom no-repeat;
	display: block;
}

.theme09 {
	width: 61px;
	height: 20px;
	background: url(../images/ind_theme09.gif) left bottom no-repeat;
	display: block;
}
.theme10 {
	width: 82px;
	height: 20px;
	background: url(../images/ind_theme10.gif) left bottom no-repeat;
	display: block;
}

.theme11 {
	width: 81px;
	height: 20px;
	background: url(../images/ind_theme11.gif) left bottom no-repeat;
	display: block;
}
.theme12 {
	width: 96px;
	height: 20px;
	background: url(../images/ind_theme12.gif) left bottom no-repeat;
	display: block;
}
.theme13 {
	width: 73px;
	height: 20px;
	background: url(../images/ind_theme13.gif) left bottom no-repeat;
	display: block;
}
.theme15 {
	width: 95px;
	height: 20px;
	background: url(../images/ind_theme15.gif) left bottom no-repeat;
	display: block;
}
/* == 構造 == */

p.construction01 span, p.construction02 span { display: none; }

p.construction01 a {
	width: 70px;
	height: 20px;
	background: url(../images/ind_construction01.gif) left top no-repeat;
	display: block;
}
p.construction02 a {
	width: 70px;
	height: 20px;
	background: url(../images/ind_construction02.gif) left top no-repeat;
	display: block;
}

p.construction01 a:link, p.construction02 a:link { background-position: left top; }
p.construction01 a:visited, p.construction02 a:visited { background-position: left top; }
p.construction01 a:hover, p.construction02 a:hover { background-position: left bottom; }
p.construction01 a:active, p.construction02 a:active { background-position: left bottom; }

.construction01 {
	width: 70px;
	height: 20px;
	background: url(../images/ind_construction01.gif) left bottom no-repeat;
	display: block;
}
.construction02 {
	width: 70px;
	height: 20px;
	background: url(../images/ind_construction02.gif) left bottom no-repeat;
	display: block;
}

/* == 階高 == */

img.sp {
	margin-top: 7px;
}

p.floorheight01 span, p.floorheight02 span, p.floorheight03 span { display: none; }

p.floorheight01 a {
	width: 68px;
	height: 20px;
	background: url(../images/ind_floorheight01.gif) left top no-repeat;
	display: block;
}
p.floorheight02 a {
	width: 77px;
	height: 20px;
	background: url(../images/ind_floorheight02.gif) left top no-repeat;
	display: block;
}
p.floorheight03 a {
	width: 77px;
	height: 20px;
	background: url(../images/ind_floorheight03.gif) left top no-repeat;
	display: block;
}

p.floorheight01 a:link, p.floorheight02 a:link, p.floorheight03 a:link { background-position: left top; }
p.floorheight01 a:visited, p.floorheight02 a:visited, p.floorheight03 a:visited { background-position: left top; }
p.floorheight01 a:hover, p.floorheight02 a:hover, p.floorheight03 a:hover { background-position: left bottom; }
p.floorheight01 a:active, p.floorheight02 a:active, p.floorheight03 a:active { background-position: left bottom; }

.floorheight01 {
	width: 68px;
	height: 20px;
	background: url(../images/ind_floorheight01.gif) left bottom no-repeat;
	display: block;
}
.floorheight02 {
	width: 77px;
	height: 20px;
	background: url(../images/ind_floorheight02.gif) left bottom no-repeat;
	display: block;
}
.floorheight03 {
	width: 77px;
	height: 20px;
	background: url(../images/ind_floorheight03.gif) left bottom no-repeat;
	display: block;
}

/* == 部屋数 == */

p.rooms01 span, p.rooms02 span, p.rooms03 span, p.rooms04 span { display: none; }

p.rooms01 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms01.gif) left top no-repeat;
	display: block;
}
p.rooms02 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms02.gif) left top no-repeat;
	display: block;
}
p.rooms03 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms03.gif) left top no-repeat;
	display: block;
}
p.rooms04 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms04.gif) left top no-repeat;
	display: block;
}

p.rooms01 a:link, p.rooms02 a:link, p.rooms03 a:link, p.rooms04 a:link { background-position: left top; }
p.rooms01 a:visited, p.rooms02 a:visited, p.rooms03 a:visited, p.rooms04 a:visited { background-position: left top; }
p.rooms01 a:hover, p.rooms02 a:hover, p.rooms03 a:hover, p.rooms04 a:hover { background-position: left bottom; }
p.rooms01 a:active, p.rooms02 a:active, p.rooms03 a:active, p.rooms04 a:active { background-position: left bottom; }

.rooms01 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms01.gif) left bottom no-repeat;
	display: block;
}
.rooms02 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms02.gif) left bottom no-repeat;
	display: block;
}
.rooms03 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms03.gif) left bottom no-repeat;
	display: block;
}
.rooms04 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_rooms04.gif) left bottom no-repeat;
	display: block;
}

/* == 延床面積 == */

p.floorarea01 span, p.floorarea02 span, p.floorarea03 span, p.floorarea04 span, p.floorarea05 span { display: none; }

p.floorarea01 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea01.gif) left top no-repeat;
	display: block;
}
p.floorarea02 a {
	width: 80px;
	height: 20px;
	background: url(../images/ind_floorarea02.gif) left top no-repeat;
	display: block;
}
p.floorarea03 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea03.gif) left top no-repeat;
	display: block;
}
p.floorarea04 a {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea04.gif) left top no-repeat;
	display: block;
}
p.floorarea05 a {
	width: 80px;
	height: 20px;
	background: url(../images/ind_floorarea05.gif) left top no-repeat;
	display: block;
}

p.floorarea01 a:link, p.floorarea02 a:link, p.floorarea03 a:link, p.floorarea04 a:link, p.floorarea05 a:link { background-position: left top; }
p.floorarea01 a:visited, p.floorarea02 a:visited, p.floorarea03 a:visited, p.floorarea04 a:visited, p.floorarea05 a:visited { background-position: left top; }
p.floorarea01 a:hover, p.floorarea02 a:hover, p.floorarea03 a:hover, p.floorarea04 a:hover, p.floorarea05 a:hover { background-position: left bottom; }
p.floorarea01 a:active, p.floorarea02 a:active, p.floorarea03 a:active, p.floorarea04 a:active, p.floorarea05 a:active { background-position: left bottom; }

.floorarea01 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea01.gif) left bottom no-repeat;
	display: block;
}
.floorarea02 {
	width: 80px;
	height: 20px;
	background: url(../images/ind_floorarea02.gif) left bottom no-repeat;
	display: block;
}
.floorarea03 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea03.gif) left bottom no-repeat;
	display: block;
}
.floorarea04 {
	width: 90px;
	height: 20px;
	background: url(../images/ind_floorarea04.gif) left bottom no-repeat;
	display: block;
}
.floorarea05 {
	width: 80px;
	height: 20px;
	background: url(../images/ind_floorarea05.gif) left bottom no-repeat;
	display: block;
}