/* ***************************
	リセット
***************************** */
form , input , select {
	margin:0;
	padding:0;
}

/* ************************
	グローバルメニュー
*************************** */
#global-menu {
	width:800px;
	height:47px;
}
#global-menu ul , #global-menu li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#global-menu ul {
	position:relative;
	width:800px;
	height:47px;
}
#global-menu li {
	display:block;
	height:43px;
	position:absolute;
	top:2px;
}
#global-menu li a {
	display:block;
	position:absolute;
	height:43px;
}

/* ホテルメトロポリタン */
#gm-metro a {
	width:155px;
	left:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_metropolitan.jpg) top left no-repeat;
}
#gm-metro a:hover {
	background:url(../menu/gm_metropolitan.jpg) bottom left no-repeat;
}

/* ホテルメッツ */
#gm-mets a {
	width:128px;
	left:156px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_mets.jpg) top left no-repeat;
}
#gm-mets a:hover {
	background:url(../menu/gm_mets.jpg) bottom left no-repeat;
}

/* ドリームゲート舞浜 */
#gm-dreamgate a {
	width:128px;
	left:285px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_dreamgate.jpg) top left no-repeat;
}
#gm-dreamgate a:hover {
	background:url(../menu/gm_dreamgate.jpg) bottom left no-repeat;
}

/* ファミリオ／フォルクローロ */
#gm-famifol a {
	width:128px;
	left:414px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_famifolk.jpg) top left no-repeat;
}
#gm-famifol a:hover {
	background:url(../menu/gm_famifolk.jpg) bottom left no-repeat;
}

/* ホテルニューグランド */
#gm-newgra a {
	width:128px;
	left:543px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_new_grand.jpg) top left no-repeat;
}
#gm-newgra a:hover {
	background:url(../menu/gm_new_grand.jpg) bottom left no-repeat;
}

/* シーサイドホテル芝弥生 */
#gm-seaside a {
	width:128px;
	left:672px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../menu/gm_seaside.jpg) top left no-repeat;
}
#gm-seaside a:hover {
	background:url(../menu/gm_seaside.jpg) bottom left no-repeat;
}

/* ************************
	背景色
*************************** */
.header_bg {background-color:#036;}
.menu_bg {background-color:#eed;}
.blue_bold {color:#060; font-weight:bold;}
.link_bg {background-color:#7bd;}
.obileft_bg {background-color:#058;}
.obicenter_bg {color:#94704C;}
.kei_bg {background-color:#a19990;}
.white_bg {background-color:#fff;}
.footer_cl {color:#654;}
.rate_blue_bg {background-color:#E5E5E5; padding:6px 9px;}
.rate_white_bg {background-color:#fff; padding:6px 9px;}


/* ************************
	余白
*************************** */
.mr1 {margin-right:1em;}
.mr7px {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb-none {margin-bottom:0 !important;}
#jp-top-contents p {margin:0;}
#jp-top-contents p.mb5 {margin-bottom:5px;}

table.mb6 {margin-bottom:6px !important;}
#osusume-list {margin-left:10px;}


/* ************************
	リンクカラー
*************************** */
#jp-top-contents p a:link { color:#690; text-decoration:none;}
#jp-top-contents p a:visited { color:#690; text-decoration:none;}
#jp-top-contents p a:hover { color:#690; text-decoration:underline;}


/* ************************
	テキストの装飾など
*************************** */
.bold {font-weight:bold;}
.icon-arrow {margin:2px 2px 0 0;}
#jp-top-contents p a {font-weight:bold;}
/* 強調（緑） */
#jp-top-contents strong , .g-bold {
	color:#690;
	font-weight:bold;
}
/* テキスト青 */
.blue-txt {color:#06c;}

.f-size2 {font-size:small;}
/* IE6 Hack */
* html .f-size2 {font-size: x-small;}
/* IE7 Hack */
*:first-child+html .f-size2 {font-size: x-small;}

.r-mark {
	font-size:medium;
	line-height:0;
}
/* IE6 Hack */
* html .r-mark {font-size: small;}
/* IE7 Hack */
*:first-child+html .r-mark {font-size: small;}
/* テキスト灰色 */
.gray-txt {color:#666;}
/* 注記 */
ul.kome {
	list-style:none;
	margin-left:1em;
	padding:0;
}
ul.kome li {
	text-indent:-1em;
	padding:0;
}


/* ************************
	その他
*************************** */
#reserve-txt {
	margin:0;
	padding:0;
}
.for-mac-size1 {width:155px;}
#for-mac-size2 {width:230px;}

/* ビューカードキャンペーン */
td#view-cp-banner {height:106px;}
td#view-cp-banner a {
	margin:0 0 0 2px;
	padding:0;
}

/* ビューカードバナー */
td#view-card-banner {height:186px;}
td#view-card-banner a {
	margin:0 0 0 2px;
	padding:0;
}

/* ホテルメトロポリタン高崎バナー */
td#hm-takasaki-banner {height:85px;}
td#hm-takasaki-banner a {
	margin:0 0 0 2px;
	padding:0;
}

/* ホテルメッツ5,000円キャッシュバックバナー */
td#mets-5000yen-banner {height:82px;}

/* ホテルメッツ駒込、ファミリーオ館山バナー */
ul#contents-top-banner {
	text-align:left;
	margin:0 0 18px;
	padding:0;
	list-style:none;
	height:65px;
	position:relative;
}
ul#contents-top-banner li {
	position:absolute;
	width:260px;
	height:65px;
}
li#bn-left {
	top:0;
	left:10px;
}
li#bn-right {
	top:0;
	right:0;
}

li#bn-center {
	top:0;
	left:46px;
}

/* 携帯電話からのご予約 */
#mobile-box {
	left:8px;
	position:relative;
	width:266px;
	height:82px;
}
#mobile-box p {
	margin:0;
	padding:0;
}
p#mobile-txt {
	width:156px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
}
p#mobile-url {
	width:149px;
	height:9px;
	position:absolute;
	top:60px;
	left:2px;
}
p#qr-code {
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	left:160px;
}



/* ************************
	/folkloro/525.asp
*************************** */
#renewal-title {position:relative;}
#renewal-title p {
	position:absolute;
	top:2px;
	left:235px;
	color:#c33;
	text-align:left;
}
/* IE Hack */
* html #renewal-title p {
	position:absolute;
	top:15px;
	left:235px;
	color:#c33;
	text-align:left;
}


/* ************************
	ロゴ＆メッセージ
*************************** */
#logo {margin:0 8px 0px;}
#txt_message {margin:0px 0 1px 0;}
/* IE Hack */
* html #txt_message {
	position:relative;
	top:1px;
}

/* ************************
	バナー・スペース
*************************** */
td#banner_all ul { margin-right:6px; padding:0px;}
* html td#banner_all {}
* html td#banner_all ul {margin-right:0px; position: relative; left:-22px;}
td#banner_all li {
	padding-bottom:2px;
	list-style-type: none;
	text-align:center;
}
td#banner_all ul li.banner_wide {
	padding-top:8px;
	padding-bottom:8px;
}

/* ************************
	2010/8/13 追加 おもてなしプラン
*************************** */
.gray_border {border:1px solid #cccccc;}
.none_border {border:none;}
.omotenashi_td {border:1px solid #ccc; padding:10px;}
.omotenashi_td2 {padding:12px; border:1px solid #267742; background-color:#EEFBF2;}
.omotenashi_top {float:right; margin:15px 10px;}