@charset "UTF-8";
/* CSS Information========
Date: 2012.04.23
Table of Contents:
 * body
 * wrapper
 * h1
 * header
 * hotel_tab
 * contents
	 * main_visual
	 * contents_in
		 * left
		 * main
		 * right
		 * sns_btn
 	 * footer
 * toTop
========================== */
a:link,a:visited {
	display: inline-block;
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #666;
}
.mouseon_alpha a:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	background-color: #FFF;
}
.mb_10 {
	margin: 0 0 10px 0;
}
.mb_20 {
	margin: 0 0 20px 0;
}
.mb_30 {
	margin: 0 0 30px 0;
}
.mb_40 {
	margin: 0 0 40px 0;
}
.frame{
	padding: 1px;
	border: #CCC solid 1px;
	background-color: #FFF;
}
.ico_shin {
	background: url(http://www.granbellhotel.jp/img/common/ico_shin.gif) no-repeat 0 4px;	
	padding: 0 0 0 15px;
}
.ico_shib {
	background: url(http://www.granbellhotel.jp/img/common/ico_shib.gif) no-repeat 0 4px;	
	padding: 0 0 0 15px;
}
.ico_aka {
	background: url(http://www.granbellhotel.jp/img/common/ico_aka.gif) no-repeat 0 4px;	
	padding: 0 0 0 15px;
}
.ico_group {
	background: url(http://www.granbellhotel.jp/img/common/ico_group.gif) no-repeat 0 4px;	
	padding: 0 0 0 15px;
}
.last_bnr {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: #CCC solid 1px;	
}
/* =======================
		clearfix
========================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
  /*\*//*/
   display: inline-table;
  /* */
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* =======================
		body
========================== */
body {
	background: url(http://www.granbellhotel.jp/img/common/bg_body.gif) repeat;
	-webkit-text-size-adjust: 100%;
}
/* =======================
		wrapper
========================== */
#wrapper {
	position: relative;
	width: 1050px;
	margin: 0 auto;
}
/* =======================
		h1
========================== */
#logo {
	position: absolute;
	top: 0;
	left: 70px;
	z-index: 50;
}
#logo a {
	display: block;
	width: 180px;
	height: 130px;
	overflow: hidden;
	text-decoration: none;  
}
h1 {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden; 
}
/* =======================
		header
========================== */
#header {
	position: absolute;
	z-index: 40;
}
#header .l_nav a:link ,#header .l_nav a:visited {
	color: #CCC;
	text-decoration: none;
}
#header .l_nav a:hover {
	color: #999;
	text-decoration: none;
}
#header .l_nav {
	margin: 10px 50px 5px 555px;
	width: auto;
	border-right: #666 solid 1px;
}
#header .l_nav li {
	float: left;
    width: 110px;
	text-align: center;
	border-left: #666 solid 1px;
}
#header .g_nav {
	width: 770px;
	padding: 0 0 0 280px;
	border-top: #876538 solid 1px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);
	background-color: rgba(0, 0, 0, 0.5);	
}
#header .g_nav a:link,#header .g_nav a:visited {
	color: #CCC;
	text-decoration: none;
}
#header .g_nav a:hover ,#header .g_nav .last a:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC000000,EndColorStr=#CC000000);
	background-color: rgba(0, 0, 0, 0.7);	
	color: #FFF; 
}
#header .g_nav li {
	position:relative;
	float: left;
    width: 120px;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
}
* html .g_nav li{
	display:inline;
	zoom:1;
}
*+html .g_nav li{
	display:inline;
	zoom:1;
}
#header .g_nav li ul li span {
	visibility: hidden;
} 
#header .g_nav .last a {
	background: url(http://www.granbellhotel.jp/en/img/common/bg_g_nav_line_last.gif) no-repeat 0 0;
}
#header .g_nav ul {
	position: absolute;
	left: 0;
	z-index: 1020;
	width: 165px;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);
	background-color: rgba(0, 0, 0, 0.5);	
	list-style-type: none;
}
#header .g_nav li.nomal .sub ,#header .g_nav li.nomal .sub li {
	width: 120px;
}
#header .g_nav li.plan .sub ,#header .g_nav li.plan .sub li {
	width: 210px;
	text-align: left;
}
#header .g_nav li.plan .sub li a {
	width: auto;
	padding: 7px 10px;
}
#header .g_nav li.plan .sub li a span {
	width: 115px;
	display: inline-block;
	text-align: right;
}
#header .g_nav li a  {
	position:relative;
	display: block;
	padding: 15px 0;
	background: url(http://www.granbellhotel.jp/en/img/common/bg_g_nav_line.gif) no-repeat 0 0;
}
#header .g_nav li .sub li a {
	 padding: 8px 0;
	 text-align: center;
}
#header .g_nav .reservation .sub li a {
	 padding: 8px 0 8px 15px;
	 text-align: left;
}
#header .g_nav .current, #header .g_nav .last .current {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC000000,EndColorStr=#CC000000);
	background-color: rgba(0, 0, 0, 0.7);	
	color: #FFF; 
}
/* =======================
		menu, sub
========================== */
ul.menu li{
	float:left;
	width:179px;
	position:relative;
}
* html ul.menu li{
	display:inline;
	zoom:1;
}
*+html ul.menu li{
	display:inline;
	zoom:1;
}
ul.menu li a{
	display:block;
	width:100%;
	height:100%;
	color:#CFDFB5;
	text-decoration:none;
	position:relative;
}
ul.menu li a:hover{
}
ul.sub{
	display:none;
}
* html ul.sub{
	zoom:1;
	position:relative;
}
*+html ul.sub{
	zoom:1;
	position:relative;
}
ul.sub li{
	float:none;
}
#header .g_nav ul.sub li {
	width: 150px;
}
#header .g_nav ul.sub li a {
	display: block;
}
ul.sub li ul.sub{
	position:absolute;
	left:310px;
	top:0;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
/* =======================
		hotel_tab
========================== */
#hotel_tab{
	position: absolute;
	top: 444px;
	right: 0;
	z-index: 20;
	width: 620px;
	margin: 0 50px;
	padding: 0 20px 20px 465px;
	background: url(http://www.granbellhotel.jp/img/common/group_tab_bottom.gif) no-repeat 155px 35px;
}
#hotel_tab .tab_shib, #hotel_tab .tab_aka, #hotel_tab .tab_shin, #hotel_tab .tab_kyoto {
	float: left;
	padding: 0 0 0 10px;
}
#hotel_tab a {
	width: 145px;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
	display: block;
	text-decoration: none;  
}
#hotel_tab .tab_kyoto a {
	background: url(../img/170530/group_tab_kyoto.gif) no-repeat 0 0;
}
#hotel_tab .tab_kyoto a:hover {
	background: url(../img/170530/group_tab_kyoto.gif) no-repeat 0 -55px;
}
#hotel_tab .tab_shin a {
	background: url(../img/common/group_tab_shin.gif) no-repeat 0 0;
}
#hotel_tab .tab_shin a:hover {
	background: url(../img/common/group_tab_shin.gif) no-repeat 0 -55px;
}
#hotel_tab .tab_shib a {
	background: url(http://www.granbellhotel.jp/img/common/group_tab_shib.gif) no-repeat 0 0;
}
#hotel_tab .tab_shib a:hover {
	background: url(http://www.granbellhotel.jp/img/common/group_tab_shib.gif) no-repeat 0 -55px;
}
#hotel_tab .tab_aka a {
	background: url(http://www.granbellhotel.jp/img/common/group_tab_aka.gif) no-repeat 0 0;
}
#hotel_tab .tab_aka a:hover {
	background: url(http://www.granbellhotel.jp/img/common/group_tab_aka.gif) no-repeat 0 -55px;
}
/* =======================
		contents
========================== */
#contents {
	width: 1050px;
	padding: 29px 0 0 0;
}
/* =======================
		main_visual
========================== */
#main_visual {
	background: url(http://www.granbellhotel.jp/shinjuku/img/main_visual/001.jpg) no-repeat 0 0;
}
/* =======================
		contents_in
========================== */
#contents_in {
	margin: 0 50px;
	padding: 0 0 20px 0;
	background-color: #FFF;
}
/* =======================
		left
========================== */
#left{
	float: left;
	width: 180px;
	padding: 0 20px;
}
/* =======================
		reservation
========================== */
#reservation {
	width: 160px;
	height: 250px;
	padding: 0 10px;
	margin: 0 0 20px 0;
	background: url(http://www.granbellhotel.jp/img/common/group_bg_reservation.gif) no-repeat;
}
#reservation form input {
	width: 80px;
	margin: 10px 40px;
}
* html #reservation form input {
	width: 80px;
	margin: 5px 40px;
}
#reservation h2 {
	overflow: hidden;
	height: 0;
	padding-top: 44px;
}
#reservation dl {
	height: 34px;
	padding: 10px 0;
	border-bottom: #CCC solid 1px;
}
#reservation .no_border{
	border-bottom: none;
}
#reservation .search {
	width: 100px;
	margin: 10px 30px;
}
/* =======================
		members_menu
========================== */
#members_menu {
	margin-bottom: 20px;
	z-index: 30;
	padding-bottom: 10px;
	border-bottom: #CCC solid 1px;
}
#members_menu li {
	float: none;
	width:180px;
	position: relative;
	z-index: 30;
}
#members_menu li h3 a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 37px;
}
#members_menu .registration a {
	background: url(http://www.granbellhotel.jp/img/common/registration.gif) no-repeat 0 0;
}
#members_menu .registration a:hover {
	background: url(http://www.granbellhotel.jp/img/common/registration.gif) no-repeat 0 -37px;
}
#members_menu .login a {
	background: url(http://www.granbellhotel.jp/img/common/login.gif) no-repeat 0 0;
}
#members_menu .login a:hover {
	background: url(http://www.granbellhotel.jp/img/common/login.gif) no-repeat 0 -37px;
}
#members_menu .id a {
	background: url(http://www.granbellhotel.jp/img/common/id.gif) no-repeat 0 0;
}
#members_menu .id a:hover {
	background: url(http://www.granbellhotel.jp/img/common/id.gif) no-repeat 0 -37px;
}	
#members_menu li .sub {
	position: absolute;
	top: 0;
	left: 180px;
	}
#members_menu li .sub li {
	float: left;
	width:100px;
	}
#members_menu li .sub li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 37px;
}
#members_menu .sub_shibuya a {
	background: url(http://www.granbellhotel.jp/img/common/btn_sub_shibuya.gif) no-repeat 0 0;
}
#members_menu .sub_shibuya a:hover {
	background: url(http://www.granbellhotel.jp/img/common/btn_sub_shibuya.gif) no-repeat 0 -38px;
}
#members_menu .sub_akasaka a {
	background: url(http://www.granbellhotel.jp/img/common/btn_sub_akasaka.gif) no-repeat 0 -1px;
}
#members_menu .sub_akasaka a:hover {
	background: url(http://www.granbellhotel.jp/img/common/btn_sub_akasaka.gif) no-repeat 0 -39px;
}
/* =======================
		standard_menu
========================== */
#standard_menu dl {
	margin-bottom: 10px;
}
#standard_menu dl dt {
	padding: 28px 10px 5px 10px;
	color: #FFF;
}
#standard_menu dl dd a {
	display: block;
	padding: 5px 0 5px 10px;
	color: #CC3;
}
#standard_menu .mobile_title {
	overflow: hidden;
	height: 0;
	padding-top: 80px;
	background: url(/img/common/bnr_mobile_01.gif) no-repeat;
}
#standard_menu .mobile_body {
	height: 170px;
	background: url(/img/121004/bnr_mobile_02.gif) no-repeat;
}
#standard_menu .mail_maga {
	background: url(/img/common/bnr_mail_magazine.gif) no-repeat;
}
#standard_menu .ebi_top {
	background: url(../img/180803/ebisu_jp.png) no-repeat;
	    margin: 0 0 10px 0;
}
#standard_menu .meg_top {
	background: url(../img/191202/meguro.png) no-repeat;
	    margin: 0 0 20px 0;
}
#standard_menu .shib_top {
	background: url(/img/common/bnr_shibuya.gif) no-repeat;
}
#standard_menu .aka_top {
	background: url(/img/common/bnr_akasaka.gif) no-repeat;
}
#standard_menu .shin_top {
	background: url(/img/common/bnr_shinjuku.gif) no-repeat;
}
#standard_menu .kyoto_top {
	background: url(/img/170920/bnr_kyoto.gif) no-repeat;
}
#standard_menu .bnr a {
	height: 0;
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding-top: 60px;
}
#standard_menu .bnr a:hover {
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	background-color: #FFF;
}
/* =======================
		main
========================== */
#main{
	float:left;
	width: 490px;
	margin-bottom: 20px;
	padding: 0 10px;
	line-height: 1.5;
}
/* =======================
		top_info
========================== */
#top_info {
	margin: 0 0 30px 0;
}
#top_info h2{
	overflow: hidden;
	display: block;
	height: 0;
	margin: 0 0 20px 0;
	padding-top: 25px;
	background: url(http://www.granbellhotel.jp/img/common/group_ttl_info.gif) no-repeat 0 0;	
}
#top_info ul li {
	margin: 0 0 7px 0;
}
#top_info ul li strong {
	padding-right: 20px;
}
/* =======================
		top_plan
========================== */
#top_plan h2{
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 25px;
	margin-bottom: 10px;
	background: url(http://www.granbellhotel.jp/img/common/group_ttl_plan.gif) no-repeat 0 0;	
}
#top_plan dl {
	position: relative;
	width: 320px;
	min-height: 104px;
	padding: 20px 0 20px 170px;
	border-bottom: #CCC dotted 1px;
}
#top_plan .plan_last {
	border-bottom: none;
}
#top_plan dl .plan_img {
	position: absolute;
	top: 20px;
	left: 0;
}
#top_plan dl dt {
	margin: 0 0 7px 0;
	font-weight: bold;
}
#top_plan dl dd.sub_title {
	margin: 0 0 7px 0;
	font-weight: bold;
}
#top_plan dl dd {
	margin: 0 0 4px 0;
}
.shin_ttl {
	overflow: hidden;
	height: 0;
	padding: 28px 0 0 20px;
	border-bottom: 1px solid #CCC;
	background: url(http://www.granbellhotel.jp/img/160518/shin_ttl_001.jpg) no-repeat 0 0;
}
.shib_ttl {
	overflow: hidden;
	height: 0;
	padding: 28px 0 0 20px;
	border-bottom: 1px solid #CCC;
	background: url(http://www.granbellhotel.jp/img/160518/shib_ttl_002.jpg) no-repeat 0 0;
}
.aka_ttl {
	overflow: hidden;
	height: 0;
	padding: 28px 0 0 20px;
	border-bottom: 1px solid #CCC;
	background: url(http://www.granbellhotel.jp/img/160518/aka_ttl_001.jpg) no-repeat 0 0;
}
.group_none { 
	display: none;
}
/* =======================
		right
========================== */
#right{
	float: left;
	width: 180px;
	padding: 0 20px;
}
/* =======================
		sns_btn
========================== */
.sns_btn {
	clear: both;
}
.btnSocialBox{
	float: right;
}
.btnSocial {
	float: left;
	margin-left: 10px;
	overflow: hidden;
	line-height: 0;
}
/* =======================
		banner_area
========================== */
#banner_area .bestprice a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 250px;
	background: url(http://www.granbellhotel.jp/img/common/bnr_bestprice.gif) no-repeat;
}
#banner_area .bestprice a:hover {
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
	background-color: #FFF;
}
/* =======================
		footer
========================== */
#footer {
	position: relative;
	height: 80px;
	margin: 0 50px;
	background: url(http://www.granbellhotel.jp/img/common/group_logo_002.gif) no-repeat 0 0;
}
#footer .l_nav a:link,#footer .l_nav a:visited {
	color: #CCC;
	text-decoration: none;
}
#footer .l_nav a:hover {
	color: #999;
}
#footer .l_nav {
	position: absolute;
	top: 15px;
	right: 0;
	width: auto;
	border-right: #666 solid 1px;
}
#footer .l_nav li {
	float: left;
	padding: 0 20px;
	border-left: #666 solid 1px;
}
#footer .copyright {
	position: absolute;
	top: 40px;
	right: 0;
	color: #CCC;
}
/* =======================
		toTop
========================== */
#toTop {
	width: 25px;
	height: 125px;
	background: url(http://www.granbellhotel.jp/img/common/page_top_e.gif) no-repeat;
}
#toTop a:hover {
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity=30);
	background-color: #000;
}
a.page_top {
	display:block;
	width: 25px;
	height: 125px;
}
/* =======================
		日程から検索用
========================== */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .month_day {
        font-size: 90%;
    }
}