@charset "SHIFT_JIS";

/* BODY */
body { font-size: 12px; line-height:1.2em; color: #666666; background-color: #FFFFFF; text-align: center; margin: 0px; padding: 0px; }
body { -webkit-text-size-adjust: 100%; }/*iphone•ถŽšƒTƒCƒY’ฒฎ*/

a { outline: none; }
a:link { text-decoration: none; color: #454545; }
a:visited { text-decoration: none; color: #454545; }
a:hover { text-decoration: none; color: #FF0099; }
a:active { text-decoration: none; }

h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; }

p { margin: 0px; padding: 0px; }

img { border: 0px; vertical-align: top; margin: 0px; padding: 0px; }


/* micro clearfix */
.cf:before , .cf:after { content:""; display: table; }
.cf:after { clear:both; }
.cf { *zoom:1; } /* for ie6,7 */


/* OFFICIAL BANNER */
.roomlist_banner_link { position: relative; display: block; width: 800px; height: 110px; background-color: #fff; margin: 0 auto 0 auto; padding:0; }
.roomlist_banner_link p { position: absolute; font-size: 12px; color: #fff; bottom: 9px; right: 10px; text-shadow: 1px 1px 1px #000; text-align: right; }
.roomlist_banner_link img:hover { opacity: 0.8; }

.banner_link { display: block; width: 800px; height: 110px; background-color: #fff; margin: 0 auto 0 auto; padding:0; }
.banner_link img:hover { opacity: 0.8; }

  
  
 
/* HEADER */
.header_table { width: 100%; }
.header_table_td { background-image: url(../img/header_bg.gif); text-align: center; }

/* MENU */
.menu_table { width: 100%; text-align: center; background-color: #000000; }
.menu_table_td_space { background-image: url(../img/bt_bg.gif); }
.menu_table_td_01 { width: 130px; }

/* CONTENTS LAYOUT */
.top_table { widows: 800px; margin: 0px auto; text-align: center; background-color: #FFFFFF; }
.contents_table { widows: 750px; margin: 0px auto; text-align: center; background-color: #FFFFFF; }

/* HEADLINE */
.headline { width: 800px; height: 50px; margin: 20px auto 0px auto; text-align: left; background-image: url(../img/headline.gif); background-repeat: no-repeat; }
.headline_text { width: 650px; height: 50px; padding-top: 8px; padding-bottom: 8px; margin-left: 150px; line-height: 1.6em; }

/* INFORMATION */
.information_area { width: 800px; height: 280px; margin-top: 30px; }
.info_left { float: left; width: 470px; }
.info_right { float: left; width: 310px; height: 250px; margin-left: 20px; }

#information { height: 250px; line-height: 1.6em; border-width: 1px 1px 1px 1px; border-color: #DFDFDF; border-style: solid; text-align: left; }
    #information a:link { text-decoration: none; color: #FF9900; }
	#information a:visited { text-decoration: none; color: #FF9900; }
	#information a:hover { text-decoration: none; color: #FF6600; }
	#information a:active { text-decoration: none; }
	
	#information ul { padding: 10px; margin: 0px; list-style: none; }
	#information li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; font-size: 12px; }
	#info_menu p { margin-bottom: 20px; }

/* PAGE TOP */
.page_top { clear: both; width: 800px; text-align: right; }
.page_top02 { width: 750px; text-align: right; }

/* FOOTER */
.footer_table { width: 100%; height: 120px; }
.footer_table_td { background-image: url(../img/footer_bg.gif); text-align: center; }

/* OUTLINE */
.outline_table { width: 750px; margin: 0px auto; background-color: #A1A1A1; }
.outline_table td { font-size: 12px; padding: 8px; line-height: 1.4em; color: #4E4E4E; vertical-align: middle; }
.outline_table td a:link { text-decoration: none; color: #996633; }
.outline_table td a:visited { text-decoration: none; color: #996633; }
.outline_table td a:hover { text-decoration: underline; color: #000099; }
.outline_table td a:active { text-decoration: none; }

.outline_td_01 { width: 150px; background-color: #FFFFFF; text-align: center; }
.outline_td_02 { background-color: #FFFFFF; text-align: left; }


/* EQUIPMENT */
.equip_table { width: 750px; text-align: left; line-height: 1.3em; color: #4E4E4E; }
.equip_td_01 { width: 230px; vertical-align: top; }
.equip_td_02 { width: 230px; height: 35px; vertical-align: top; padding-top: 4px; }
.equip_td_sp { width: 30px; }


/* ROOMPLAN */
.plan_table { width: 750px; margin: 0px auto; background-color: #C2C2C2; font-family: "ƒqƒ‰ƒMƒm–พ’ฉ ProN W6", HiraMinProN-W6, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ƒƒCƒŠƒI, Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;}
.plan_table td { font-size: 12px; padding: 4px; color: #4E4E4E; text-align: center; }
.plan_table a { display: block; height: 15px; width: 100px; }
.plan_table td a:link { text-decoration: none; color: #996633; }
.plan_table td a:visited { text-decoration: none; color: #996633; }
.plan_table td a:hover { text-decoration: underline; color: #000099; }
.plan_table td a:active { text-decoration: none; }

.plan_td_01 { width: 92px; background-color: #E6E6E6; }
.plan_td_02 { background-color: #FFFFFF; }



/* ROOM LIST */
.room_info { width: 750px; height: 120px; margin: 0px auto 0px auto; }
.roomlist { width: 750px; background-color: #CCCCCC; margin: 0px auto 0px auto; }
.roomlist td { font-size: 12px; color: #454545; text-align: center; }
.roomlist a { text-decoration: none; color: #999900; }
.roomlist a:hover { text-decoration: underline; color: #993300; }
.roomlist a:active { text-decoration: none; }
.floor { width: 30px; height: 76px; background-color: #FFFFFF; }
.list_space01 { width: 3px; background-color: #CCCCCC; }
.list_space02 { background-color: #FFFFFF; }
.direction { background-color: #99FFFF; }
.room { background-color: #FFFFFF; }
.room_campaign { background-color: #FFCCFF }
.room_number { background-color: #FFFFCC; }
.gray { background-color: #CCCCCC; }

#plan_koushin { width: 750px; text-align: right; margin: 3px auto 0 auto; }


/* ARTICLE */
.article_table { width: 960px; margin: 0px auto; text-align: center; }
.article_td_info { height: 25px; text-align: left; vertical-align: top; font-size: 10px; color: #666666; } 
.article_td_sp { width: 30px; }



/* CAMPAIGN BANNER */
#plan_campaign { background-color: #ffffff; width: 750px; margin: 0 auto 0px auto; }
.campaignInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 750px; height:auto; padding: 5px; color: #fff; box-sizing: border-box; font-family:"ƒqƒ‰ƒMƒm–พ’ฉ ProN W6", "HiraMinProN-W6", "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "ƒƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif; }
.campaignInfo { background: #797065; }
.campaignInfo:hover { opacity: 0.9; }
.campaignInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #ffffff; box-sizing: border-box; }
.campaignInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #9f9385; box-sizing: border-box; }
.campaignInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 10px; color: #fff; border: none; box-sizing: border-box; }
.campaignInfo .wrap03 { 
background: #f5f5f5;
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #f5f5f5 50%, #eeeeee 100%);
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
background: linear-gradient(135deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}
.campaignInfo p { box-sizing: border-box; color: #6a1400; text-align: center; box-sizing: border-box; }
.campaignInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–พ’ฉE" , "‚l‚r ‚o–พ’ฉ" , "MS PMincho" , serif; }
.campaignInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.campaignInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.campaignInfo { width: 750px; margin: 0 auto 30px auto; box-sizing: border-box; }
.campaignInfo .bannerBoxLeft { float: left; width: 50%; height: 100px; box-sizing: border-box; }
.campaignInfo .bannerBoxRight { float: left; width: 50%; height: 100px; border-left: dotted 1px #969696; padding: 5px 0 0 40px; box-sizing: border-box; }
.campaignInfo .cTop { color: #121212; font-size: 15px; margin-top: 7px; box-sizing: border-box; }
.campaignInfo .cMiddle { color: #933700; font-size: 23px; font-weight: normal; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink { color: #933700; font-size: 14px; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink .arrow { font-size: 13px; letter-spacing: -3px; }
.campaignInfo .cBottom { text-align: left; font-size: 13px; letter-spacing: 1.5px; line-height: 1.2; margin-top: 0px; box-sizing: border-box; }
.campaignInfo .mTxt { color: #424242; text-align: left; font-size: 10px; margin-top: 10px; box-sizing: border-box; }



/* WAITING BANNER */
.waitingInfoWrap { background-color: #fff; }
.waitingInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 750px; height:auto; margin-top: 10px; padding: 5px; color: #fff; box-sizing: border-box; font-family:"ƒqƒ‰ƒMƒm–พ’ฉ ProN W6", "HiraMinProN-W6" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "ƒƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif; }
.waitingInfo:hover { opacity: 0.8; }
.waitingInfo { background: #797065; }
.waitingInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #fff; box-sizing: border-box; }
.waitingInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #9f9385; box-sizing: border-box; }
.waitingInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 20px; color: #fff; border: none; box-sizing: border-box; }
.waitingInfo .wrap03 {
background: #f5f5f5;
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #f5f5f5 50%, #eeeeee 100%);
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
background: linear-gradient(135deg,  #eeeeee 0%,#f5f5f5 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}

.waitingInfo p { box-sizing: border-box; color: #ffffff; text-align: center; box-sizing: border-box; }
.waitingInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–พ’ฉE" , "‚l‚r ‚o–พ’ฉ" , "MS PMincho" , serif; }
.waitingInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.waitingInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.waitingInfo { width: 750px; margin: 0 auto 0px auto; box-sizing: border-box; }
.waitingInfo .bannerBoxLeft { float: left; width: 50%; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { float: right; width: 45%; padding: 10px; background-color: #5f584f; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.waitingInfo .cTop { color: #121212; font-size: 16px; text-align: center; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #686868; box-sizing: border-box; }
.waitingInfo .cMiddle { color: #933700; font-size: 26px; font-weight: normal; margin-top: 10px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.waitingInfo .cBottom { text-align: left; font-size: 12px; margin-top: 0px; line-height: 1.5 ; box-sizing: border-box; }
.waitingInfo .mTxt { color: #ffec82; text-align: right; letter-spacing: 0; font-weight: bold; font-size: 15px; margin-top: 5px; box-sizing: border-box; }
.waitingInfo .mTxt .arrow { letter-spacing: -6px; font-size: 14px; font-weight: bold; }


/* CSS Document */