@charset "utf-8";

/* トップページ共通設定
============================================================ */
h1 {
	position: relative;
	z-index: 2;
	font-size: x-small;
	font-weight: normal;
	color: #6e6e6e;}


#mcR ul {
	list-style: none;}

h2 {
	height:50px;
	text-indent:-9999px;
	font-size:1px;}

#pickup h2 { background:url(../img/top/h2-pickup.gif) 0 0 no-repeat;}
#search h2 { background:url(../img/top/h2-roomSearch.gif) 0 0 no-repeat;}
#service h2 { background:url(../img/top/h2-polusService.gif) 0 0 no-repeat;}

#mCl {
	float: left;
	padding: 0 20px 0 15px;
	width: 472px;
	border-right:solid 1px #DDD;}

#mC-r {
	display: inline;
	float: right;
	margin: 0 15px 0 0;
	width:269px;}

/* main
============================================================ */
#main {
	margin: 0 0 11px;
	padding: 0 15px 7px;
	background: url(../img/top/main_grade.gif) repeat-x bottom;
	width: 770px;}



/* メイン画像 09.03.30
------------------------------- */
#main h2 { position:absolute; left:-9999px;}
#main #mainImg {
	float:left;
	position:relative;
	width:508px;
	height:293px;
	background:url(../img/top/top_image.jpg) 0 0 no-repeat;}

#main #mainImg a {
	position: static;
	left: auto;
	display:block;
	width:508px;
	height:293px;
	background:url(../img/top/top_image-on.jpg) 0 0 no-repeat;}
#main #mainImg a:hover {border: none;}

#main #mainImg a:hover img {visibility: hidden;}

#main ul { float:right;}
#main ul li { margin-bottom:4px;}



/* メインメニュー
------------------------------- */
li#what, li#virtual, li#shop {
	font-size:0;
	text-indent:-9999px;}

li#what 	{background: url(../img/top/topi_bnr01_on.gif) no-repeat;}
li#virtual 	{background: url(../img/top/topi_bnr02_on.gif) no-repeat;}
li#shop 	{background: url(../img/top/topi_bnr03_on.gif) no-repeat;}

li#what a, li#virtual a, li#shop a {
	display: block;
	width: 251px;
	height: 95px;}
li#what a 		{background: url(../img/top/topi_bnr01.gif) no-repeat;}
li#virtual a 	{background: url(../img/top/topi_bnr02.gif) no-repeat;}
li#shop a 		{background: url(../img/top/topi_bnr03.gif) no-repeat;}

li#what a:hover, li#virtual a:hover, li#shop a:hover { background:none;}



/* 特集から探す
============================================================ */

#pickup #blog {
	position: relative;
	margin:0 0 10px 10px;
	padding:1px 1px 10px;
	height: 1%;
	border:solid 1px #DEDEDE;}

#pickup #blog h3 {
	height:31px;
	background:url(../img/top/blog-h3.gif) 0 0 no-repeat;}
#pickup #blog .btn {
	position:relative;
	height:31px;
	margin:-31px 0 0 360px;}
#pickup #blog .btn a {
	display:block;
	width:98px;
	height:20px;}
#pickup #blog .btn a:hover { text-indent:-9999px;}
#pickup #blog .single { background:url(../img/top/blog-bg-single.gif) top center repeat-y;}
#pickup #blog .single .bgTop { background:url(../img/top/blog-bgTop-single.gif) top center no-repeat;}
#pickup #blog .bgBtm {
	padding:7px 0 0 17px;}
#pickup #blog .single .bgBtm {
	background: url(../img/top/blog-bgBtm-single.gif) center bottom no-repeat;}
#pickup #blog .txt {padding: 0 0 10px 12px;}

#pickup #blog .txt img {
	margin-right: 10px;
	vertical-align: middle;}


#pickup #blog .spot {
	padding: 0 0 10px 4px;
	height: 1%;
	background: none;
	background: url(../img/top/blog-line.gif) 115px 0 repeat-y;}

#pickup #blog .spot:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;}

#pickup #blog .spot li {
	margin: 0;
	display: inline;
	float: left;
	padding: 3px 8px 0;
	width: 96px;
	text-indent:0;
	font-size: 10px;
	background:url(../img/top/blog-spot.gif) 5px 0 no-repeat;}

#pickup #blog .spot li img {
	margin: 0 0 3px;
	padding: 0;
	display: inline;}

#pickup #blog .end {
	padding: 0;
	background: none;}

#pickup #blog .single .spot li {
	float: none;
	margin: 0 auto;}
#pickup #blog .spot li a { display:inline; text-decoration:none;}
#pickup #blog .spot li a:hover { color:#E7368E;}
#pickup #blog .spot li img { margin:0 0 15px 0;}
#pickup #blog .btnMore {position: absolute;top:55px;left: 396px;}
#pickup #blog .btnMore a {
	display:block;
	width:49px;
	height:15px;
	background:url(../img/top/blog-btnMore-on.gif) 0 0 no-repeat;}
#pickup #blog .btnMore a:hover { text-indent:-9999px;}


#pickup ul {
	height:132px;
	padding:0 0 0 10px;
	background:url(../img/top/mnPU-bg.gif) 327px 70px no-repeat;}
#pickup li {
	float:left;
	padding:0 0 8px;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1px;
	text-indent:-9999px;}
/*#pickup .mnPU01 { width:158px; background-image:url(../img/top/mnPU01-on.jpg);}*/
#pickup .mnPU02 { width:158px; background-image:url(../img/top/mnPU02-on.jpg);}
#pickup .mnPU03 { width:145px; background-image:url(../img/top/mnPU03-on.jpg);}
#pickup .mnPU04 { width:158px; background-image:url(../img/top/mnPU04-on.jpg);}
#pickup .mnPU05 { width:158px; background-image:url(../img/top/mnPU05-on.gif);}
#pickup .mnPU06 { width:145px; background-image:url(../img/top/mnPU06-on.gif);}

#pickup li a {
	display:block;
	width:145px;
	height:62px;
	background-position:0 0;
	background-repeat:no-repeat;}
#pickup li a:hover { background:none;}
#pickup .mnPU01 a { background-image:url(../img/top/mnPU01.jpg);}
#pickup .mnPU02 a { background-image:url(../img/top/mnPU02.jpg);}
#pickup .mnPU03 a { background-image:url(../img/top/mnPU03.jpg);}
#pickup .mnPU04 a { background-image:url(../img/top/mnPU04.jpg);}
#pickup .mnPU05 a { background-image:url(../img/top/mnPU05.gif);}
#pickup .mnPU06 a { background-image:url(../img/top/mnPU06.gif);}

#spLinks {
	padding: 0 0 5px 10px;
	height: 1%;}

#spLinks:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;}

#spLinks li {
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 0 0 7px;
	width:141px;}

/* お部屋を探す
============================================================ */
#search {
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	background: url(../img/top/line04.gif) no-repeat bottom;}

#search h2 { margin:0 0 0 -10px;}

#search ul li {
	float: left;
	margin: 0 3px 0 0;
	font-size:0;
	text-indent:-9999px;}
#search h3 {
	clear: both;
	background: url(../img/top/h3.gif) no-repeat;
	width: 451px;
	height: 32px;
	text-indent: -9999px;
	font-size: 9px;}

li#route {background: url(../img/top/search_bnr01_on.gif) no-repeat;}
li#area {background: url(../img/top/search_bnr02_on.gif) no-repeat;}

li#route a, li#area a {
	display: block;
	width: 224px;
	height: 95px;}
li#route a 	{background: url(../img/top/search_bnr01.gif) no-repeat;}
li#area a 	{background: url(../img/top/search_bnr02.gif) no-repeat;}

li#route a:hover, li#area a:hover { background:none;}

#search dl {
	float: left;
	padding: 0 5px 10px 46px;}

#search dl dd {
	line-height: 13px;
	font-size: x-small;}

#search dl dt {
	margin-bottom: 2px;
	background: url(../img/top/search_dt.gif) no-repeat;
	height: 12px;
	text-indent: -9999px;
	font-size:0px;}

dl#weekly dt       {background-position: 0px -13px;}
dl#companyHouse dt {background-position: 0px -26px;}

dl#tenant {
	margin-left: 6px;
	background: url(../img/top/icon_tenant.gif) no-repeat top left;
	width: 70px;
	display: inline;}

dl#weekly {
	background: url(../img/top/icon_weekly.gif) no-repeat top left;
	width: 135px;}

dl#companyHouse {
	background: url(../img/top/icon_companyhouse.gif) no-repeat top left;
	width: 82px;}


/* ポラスのサービス
============================================================ */
#service {
	padding-left: 10px;}

#service h2 {margin:0 0 2px -10px;}

#service ul {
	margin: 0 0 0 3px;
	padding: 0 11px 0 0;}

#service ul li {
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 7px 3px;
	background: url(../img/top/line01.gif) repeat-x bottom;
	height:1%;}

#service ul li img {vertical-align:top;}

#service ul li img.alignL {
	position: absolute;
	top: 0;
	left: -3px;}

#service ul li a {display: block;}
#service ul li a:hover {border: none;}
#service ul li a:hover img {visibility: hidden;}
#service ul li a:hover img.alignL {visibility: visible;}

#service ul li#service01,
#service ul li#service02 {padding: 0 0 12px 97px;}
#service ul li#service01 a,
#service ul li#service02 a {
	padding: 0 0 0 7px;
	line-height:1.3;
	text-indent: -7px;}
#service ul li#service01 a {background: url(../img/top/service01-on.gif) 0 0 no-repeat;}
#service ul li#service02 a {background: url(../img/top/service02-on.gif) 0 0 no-repeat;}

#service ul li#service03 a {background: url(../img/top/service03-on.gif) 0 0 no-repeat;}



/* news 最新情報
============================================================ */
#news {
	width:257px;
	margin-left:12px;
	background:url(../img/top/bg-news.gif) 0 0 repeat-y;}

#news h2 {
	height:33px;
	background:url(../img/top/h2-news.gif) 0 0 no-repeat;}

#news dl {
	padding:0 12px;
	font-size: x-small;}


#news dl dt {
	position:relative;
	margin:0;
	padding: 11px 0 0 13px;
	background: url(../img/top/point01.gif) 0px 15px no-repeat;
	font-weight: bold;}

#news dl dt .new {
	display:block;
	position:absolute;
	top:15px;
	left:61px;
	width:24px;
	height:7px;
	background:url(../img/top/new.gif) 0 0 no-repeat;
	font-size:0;
	text-indent:-9999px;}

#news dl dd {
	padding: 0 6px 12px 13px;
	line-height: 16px;
	background: url(../img/top/line01.gif) repeat-x bottom;}

#mC-r ul {
	margin-top: -1px;
	padding:22px 0 0 0;
	background: url(../img/top/news_btm.gif) 12px 0 no-repeat;}

#mC-r ul li {margin: 0 0 4px 12px;}

li.mobile { background:url(../img/top/btn-mobile-on.gif) 0 0 no-repeat;}
li#free {background: url(../img/top/free_bnr_on.gif) no-repeat;}

li.mobile a, li#free a {
	display: block;
	width: 256px;
	height: 93px;}

li.mobile a:hover, li#free a:hover, li#suport a:hover, li.hokenka a:hover { background-color:transparent; text-indent: -9999px;}

li#suport {background: url(../img/top/multicultural_bnr-on.gif) no-repeat;}
li#suport a {
	display: block;
	width: 256px;
	height: 68px;}
li.hokenka { background:url(../img/top/hokenka-on.jpg) 0 0 no-repeat;}
li.hokenka a {
	display:block;
	width:257px;
	height:95px;}