@charset "utf-8";

@import "YUI/reset.css";
@import "YUI/fonts.css";

/* リンク設定
============================================================ */
a {
	overflow:hidden;}
	
a:link,
a:visited {
	color: #111111;
	text-decoration: none;}

a:hover,
a:active {
	color: #111111;
	text-decoration: underline;
	}

/* ============================================================
class設定
============================================================ */
div { zoom:1;}
div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
	
.clearfix { zoom:1;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

/* テキスト消去 Move Out Txt */
u, .mot {
	text-indent: -9999px;
	/*\*/
	position:absolute;
	left:-2999px;
	width:990px;
	text-indent: 0;/**/}

.mot2 {
	position:absolute;
	top:-2999px;
	height:990px;}

/* ============================================================
全体
============================================================ */
html {
	background: url(../img/html_bg.gif) 0 0 repeat-x;}

body {
	margin:0;
	padding:12px 0 0;
	text-align:center;
	color:#111111;
	line-height:1.5;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#topText {
	padding: 0 0 6px;
	background: url(../img/dot_pink.gif) 0 bottom repeat-x;
	text-align:center;}

#topText h1 {
	margin: 0 auto;
	width: 950px;
	height:auto;
	background: none;
	line-height: 1;
	text-align:left;
	font-size:77%;
	font-weight:normal;
	color: #666666;
	text-indent: 0;}

#wrap {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	zoom:1;}

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

/* ヘッダー
============================================================ */
#header {
	margin: 0 0 12px;
	padding: 9px 0 0;
	zoom:1;}

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

#header img {vertical-align: top;}

#header #logo {
	float: left;
	margin: 0 40px 0 0;}

#header #polusLogo {
	float: right;
	padding: 2px 11px 0 0;}

#header ul {
	padding: 15px 0 0;
	list-style: none;
	zoom:1;}
	
#header ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#header ul li {
	float: left;
	margin: 0 15px 0 0;}

/* グローバルメニュー
============================================================ */
#globalMenu {
	clear: both;
	margin: 0 0 15px;}

#globalMenu ul {
	padding: 0 0 0 2px;
	height: 36px;
	background: url(../img/gm_bar.gif) 0 0 no-repeat;
	list-style: none;
	zoom:1;}
#globalMenu ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#globalMenu ul li {
	position: relative;
	float: left;
	padding: 0 2px 0 0;
	height: 36px;
	z-index: 999;}

#globalMenu ul li#navArea {background: url(../img/gm_area_on.gif) 0 0 no-repeat;width: 234px;}
#globalMenu ul li#navAddress {background: url(../img/gm_address_on.gif) 0 0 no-repeat;width: 236px;}
#globalMenu ul li#navRailway {background: url(../img/gm_railroad_on.gif) 0 0 no-repeat;width: 235px;}
#globalMenu ul li#navDetail {background: url(../img/gm_condition_on.gif) 0 0 no-repeat;width: 235px;}

#globalMenu ul li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;}

#globalMenu ul li#navArea a {background: url(../img/gm_area.gif) 0 0 no-repeat;}
#globalMenu ul li#navAddress a {background: url(../img/gm_address.gif) 0 0 no-repeat;}
#globalMenu ul li#navRailway a {background: url(../img/gm_railroad.gif) 0 0 no-repeat;}
#globalMenu ul li#navDetail a {background: url(../img/gm_condition.gif) 0 0 no-repeat;}

#globalMenu ul li a:hover {background: none !important;}

#globalMenu ul li dl a {
	display: inline;
	height: auto;
	text-indent: 0;
	overflow: auto;
	background: none !important;}

#globalMenu ul li .allArea {
	display: none;
	position: absolute;
	top: 36px;
	left: 4px;
	padding: 0 0 3px;
	width: 486px;
	background: url(../img/gm_allArea_bg_btm.gif) 0 bottom no-repeat;}

#globalMenu ul li .allArea a:link,
#globalMenu ul li .allArea a:visited {
	color: #e7368e;
	text-decoration: underline;}
	
#globalMenu ul li .allArea a:hover,
#globalMenu ul li .allArea a:active {
	color: #e7368e;
	text-decoration: none;}

#globalMenu ul li .allArea .nav {
	padding: 8px 0 0;
	background: url(../img/gm_allArea_bg_top.gif) 0 0 no-repeat;}

#globalMenu ul li .allArea .navinner {
	padding: 7px 0 13px;
	background: #fff url(../img/gm_allArea_bg.gif) 0 0 repeat-y;
	zoom:1;}

#globalMenu ul li .allArea .navinner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#globalMenu ul li .allArea dl {
	float: left;
	padding: 0 0 0 27px;
	width: 135px;
	font-size:108%;}


#globalMenu ul li:hover > .allArea {display: block;}

#globalMenu ul li:hover#navArea > a {background: url(../img/gm_area_act.gif) 0 0 no-repeat !important;}

/* メインコンテナー
============================================================ */
#container {
	padding: 0 0 30px;
	zoom:1;}

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

#container a:link,
#container a:visited {
	color: #e7368e;
	text-decoration: underline;}
#container a:hover,
#container a:active {
	color: #e7368e;
	text-decoration: none;}

#main {
	position:relative;
	margin: 20px 0 0;
	width: 690px;
	float: left;}

/* 右メニュー
============================================================ */
#utility {
	margin: 20px 0 0;
	float: right;
	width: 218px;}
#utility .banner {
	margin-top: 20px;
}
#utility .banner.asideTop {
	margin-top: 0;
	margin-bottom: 10px;
}
#utility .banner .rollOpa:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
#utility .more {
	padding: 0 0 0 12px;
	background: url(../img/link_arrow_pink.jpg) 0 center no-repeat;
	line-height: 1.7;
	font-size:77%;
	color: #e7368e;}

#utility .box_hover{
	cursor:pointer;}

#utility #service .none{display: none;}

#utility .section dl dd {
	padding: 7px 10px 10px;
	border-bottom: 1px solid #dddddd;
	zoom:1;}

#utility .section dl dd:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}


#campaign2 {
	margin: 0 0 30px 0;}
	
#utility #osusume {
	zoom:1;}

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

#utility #osusume .more {
    float: right;
    position: relative;
    margin: -18px -2px 0 0;}

#utility #osusume .box_hover,
#utility #osusume dl a:hover {
	background-color: #fff4fa;}

#utility #osusume dl dt {
    height: 26px;}

#utility #osusume dl dt#campus {
    background: url(../../img/osusumeSearch_campus-trans.png) 0 0 no-repeat;}
#utility #osusume dl dt#area {
    background: url(../../img/osusumeSearch_zero-trans.png) 0 0 no-repeat;}

#utility #osusume dl dd p:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

#utility #service {margin: 30px 0 0;}

#utility #service dl .box_hover {
	background-color: #e4f9cf;}
	
#utility #service dl dt {
  height: 15px;
	padding: 49px 10px 0 0;
	zoom:1;}
	
#utility #service dt:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#utility #service dt#about {
	background: url(../../img/service_about-trans.png) 0 0 no-repeat;}
#utility #service dt#anshin {
	background: url(../../img/service_anshinSystem-trans.png) 0 0 no-repeat;}
#utility #service dt#roomservice {
	background: url(../../img/service_RoomService-trans.png) 0 0 no-repeat;}		



#utility #service .more {
	position: relative;
	float: right;}


#utility #service dd {
	font-size:77%;}


#utility #mobile {
	margin: 30px 0 20px 0;}

#utility #mobile div.linkbox2,
#utility #mobile div.linkbox {
	padding: 8px 10px 10px 10px;}

#utility #mobile .box_hover {
	background-color: #e4f9cf; }

#utility #mobile p.detail {text-align: right;}
#utility #mobile p.qr {
	margin: 10px auto 0;
	width: 161px;
	font-size:77%;}

#utility #mobile p.qr img {margin: 0 0 6px;}

#utility .box {
	margin: 13px 0 0;
	background: url(../img/box_bg.gif) 0 0 repeat-y;}

#utility .box dl {background: url(../img/box_bg_btm.gif) 0 bottom no-repeat;}
#utility .box dl dt {
	zoom:1;}
#utility .box dl dt:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
	
#utility .box dl dd {padding: 8px 10px;}
#utility .box .more {
	position: relative;
	margin: -15px 0 0;
	padding-right: 10px;
	float: right;}

/* カベコレバナー */
#rsKabecolle {
	margin-bottom: 32px;
}
#rsKabecolle h2 {
	width: 218px;
	height: 55px;
}
#rsKabecolle li {
	width: 218px;
	height: 63px;
	border-bottom: 1px solid #ddd;
}

/* フッター
============================================================ */
#footer {
	padding: 3px 0 0;
	background: url(../img/footer_bg.gif) 0 0 repeat-x;
	text-align:center;
	line-height: 1;
	zoom:1;}
	
#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

/* .menu
---------------------------------- */
#footer .menu {
	border-bottom: 2px dotted #81c046;
	text-align:center;}

#footer .menu ul {
	width: 950px;
	margin: 0 auto;
	/*margin:0\9;*/
	padding: 12px 0;
	list-style: none;
	text-align:left;
	zoom:1;}
	

#footer .menu ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#footer .menu ul li {
	float: left;
	padding: 0 24px 0 13px;}

/* #subMenu
---------------------------------- */
#footer #subMenu div.sub01 {
	width: 950px;
	margin:0 auto;
	padding:12px 0 0;
	text-align:left;
	border-bottom: 2px dotted #ccc;}

#footer #subMenu div.sub01 ul {
	padding:0px 0 12px;}

#footer #subMenu div.sub01 ul li {
	float: left;
	width:112px;
	/*width:125px\9;*/
	padding:0 10px 0 13px;}

/*:root #footer #subMenu div.sub01 ul li {
	width:112px \0/;}*/  /* IE9 */


#footer #subMenu ul li {
	background: url(../img/link_arrow_green.gif) 0 center no-repeat;}

#footer #polusGroup ul li {
	background: url(../img/link_arrow_gray.gif) 0 center no-repeat;}

#footer #comInfo {
	width: 950px;
	margin: 0 auto;
	padding: 21px 0 0;
	padding-bottom:20px\9;
	line-height: 1.8;
	text-align:left;
	zoom:1;}

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

#footer #comInfo p {
	font-size:77%;}

#footer #license {
	margin: 0 55px 0 0;
	float: left;}

#footer #license p strong {
	line-height: 1.5;
	font-size:167%;
	font-weight: normal;}

#footer #license address {
	margin: 0 0 5px;
	font-size:93%;
	font-style: normal;
	line-height: 1.5;}

#footer #membership {
	margin: 0 55px 0 0;
	float: left;}

#footer #accreditation {
	float: left;}

#footer #accreditation img {margin: 0 12px 0 0;}

#footer #polus {
	float: right;
	padding: 4px 38px 0 0;}