@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";

/*------------------------
reset
-------------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

body{-webkit-text-size-adjust: 100%;}

/*------------------------
utility
-------------------------*/

.clearfix:before,.clearfix:after {	content: " ";	display: table;}
.clearfix:after {	clear: both;}
.clearfix {	*zoom: 1;}

.flt-l {	float: left;	}
.flt-r {	float: right;	}
.ta-l {	text-align: left;	}
.ta-c {	text-align: center;	}
.ta-r {	text-align: right;	}

.whitelink{color:#63352c;}
.whitelink:hover{color:#a86052;}

/*------------------------
Big Frame
-------------------------*/

body {
	background: #FFFFFF;
	color:#282627;
	font-family: 'Arial','Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	text-align:center;
}
.centerArea{margin:0 auto;width:960px;}
.ie7 .centerArea{text-align:left!important;}
#content {
	padding:102px 0 55px 0;
	text-align:left;
}
.ie6 #content { background:url(../imgs/bg/akan_nature_1.jpg) no-repeat center center;}

#content #right{float:right;width:720px;}
#content #left{float:left;width:240px;}

#pageContentOutside {background:rgba(255,255,255,0.70);padding:20px 30px;}
#pageContentInside {background:rgba(255,255,255,0.50); }

.ltie9 #pageContentOutside{background:#888;}
.ltie9 #pageContentInside{background:#444;}


/*------------------------
Common Setting
-------------------------*/

.topicTitle {font-size:20px;line-height:1.6;font-weight:bold;font-family:times;}
.topicSubTitle{font-size:16px;line-height:1.6;font-weight:bold;font-family:times;padding:0 0 10px 0}
.topicText {font-size:13px;line-height:1.7;font-family:helvetica,arial;}
.topicText a{
	font-size: 14px;
    color: #f00;
}
.topicText span{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.topicText i{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
.topicbdr {border-bottom:1px solid #777; padding:0 0 15px 0; margin:0 0 15px 0;}
.arrowBtn{
 	background-color:#fff;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:27px;
 	width:27px;
	margin:4px 0 0 0;
	text-indent:-9999px;
	font-size:0;
	text-decoration:none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.arrowUp {background-image:url(../imgs/common/arrow_up.png);background-position:5px 4px;}
.arrowDown {background-image:url(../imgs/common/arrow_down.png);background-position:5px 4px;}
.arrowLeft { background:url(../imgs/ui/arrow_left.png) 0 0 no-repeat;}
.arrowRight { background:url(../imgs/ui/arrow_right.png) 0 0 no-repeat;}

#gallerybtn {display:block;float:right;margin-right:15px;padding:3px 0 0 0}

.topicTitleArea {border-bottom:1px solid #999; padding:0 5px 10px 5px;margin-bottom:20px;}
.arrowBtn{float:right;}
.expandBox {margin:-25px 0 0 0;}
.hdnBtn{display:none;float:left;margin-top:18px;
}
.topicTextArea {padding:10px 15px 15px 15px;}
.topicTextArea .btn {
    width: 250px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}
.topicTextArea .btn a {
    display: block;
    border: 1px solid #000;
    padding: .7em;
    color: #000;
    text-decoration: none;
    position: relative;
}
.topicTextArea .btn a:after {
    content: '＞';
    font-family: Fontawesome;
    position: absolute;
    right: 1.5em;
}
.topicTextArea .btn a:hover {
	background-color: #fff;
}
.alipay{margin-top: 10px;}
.siteLink {
	background:#fff;
	color:#F0471E;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:10px auto 0 auto;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	width:170px;
	
	background-image: -moz-linear-gradient(top, white, #ddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#ddd));
	background-image: -webkit-linear-gradient(top, white, #ddd);
	background-image: -o-linear-gradient(top, white, #ddd);
	background-image: linear-gradient(to bottom, white, #ddd);
	border: 1px solid #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whiteff', endColorstr='#FFE6E6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset -0px -1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset -0px -1px 4px rgba(0,0,0,0.3);
	box-shadow: inset -0px -1px 4px rgba(0,0,0,0.3);
}
.siteLink:active{
	color:#c0170E;
	background-image: -moz-linear-gradient(bottom, #ccc, #999);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#ccc));
	background-image: -webkit-linear-gradient(bottom, #ccc, #999);
	background-image: -o-linear-gradient(bottom, #ccc, #999);
	background-image: linear-gradient(to top, #ccc, #999);
	outline: 0;
	border: 1px solid #444;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}


.siteLink:hover{color:#c0170E;}


.next,.back{
	background:#fff;
	color:#63352c;
	display:block;
	font-size:14px;
	font-weight:bold;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	margin:10px 0 0 0;
	text-decoration:none;
	position:relative;
	/*z-index:50;*/
}
.next{	float:right; padding: 4px 6px 4px 10px;}
.next:after{	content: url(../imgs/ui/arrow_next.png);	padding:0 0 0 5px;}
.back{	float:left; padding: 4px 10px 4px 6px;}
.back:before{	content: url(../imgs/ui/arrow_prev.png);	padding:0 5px 0 0;}
.next:hover,.back:hover{background: #ECECEC;}

#controlClose{
	background:#fff;
	color:#610000;
	font-size:13px;
	font-weight:bold;
	margin:0 3px 0 0;
	padding:5px 7px 5px 6px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration:none;
	text-align:center;
	position:absolute;
	right:20px;
	top:-30px;
}
#controlClose:hover{
	background:#ccc;
}




/*--LeftSide Navigation------------------*/

.leftsideNavi ul{
	border:1px solid #dddddd;
}
.leftsideNavi ul li a{
	background: rgba(255,255,255,0.85);
	border-bottom:1px solid #dddddd;
	color:#333;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:9px 0 9px 10px;
	text-decoration:none;
}
.ltie9 .leftsideNavi ul li a{background:#C1C1C1;}
.leftsideNavi ul li a:hover{background:#fff;color:#000;}
.leftsideNavi ul li a.np{background:#fff;color:#84172f;}

.leftsideNavi ul li a.first{ background: url(../imgs/ui/main_bg.jpg) repeat; font-size:15px;border:none;}
.leftsideNavi ul li a.first:hover{ background:url(../imgs/ui/main_bg02.jpg) repeat;}
.leftsideNavi ul li a.last{border:none!important;}


/*------------------------
Header
-------------------------*/
#siteHeader {
	border-bottom:1px solid #8b8a17;
	text-align:left;
	position:fixed;
	background: url(../imgs/ui/main_bg.jpg) 0 0 repeat #f3f3f3;
	color: #4b2d18;
	width:100%;
	z-index:10;
	top: 0;
	left: 0;
}

.ie6 #siteHeader{position:static;}
.ie7 #siteHeader{left:0;}

#siteHeadercontent  {  float:left; width: 100%;background: url(../imgs/ui/logo_bg.jpg) 0 0 repeat-y;}
 
#UtWrapper { border-bottom: solid 1px #FFFFFF;}
#siteName { float:left;padding: 12px 0 0; text-align:center;width:160px;}
#headerContent {float:left;width:800px;}
#siteNameText {font-size:11px;font-weight:normal;float:left;text-indent:10px;padding:7px 0 0 0;}
#headerUtility{float:right; padding:3px 0;}
#headerUtility nav{float:left;}

#languageList {}
#languageList li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 100px;
  font-weight: bold;
  font-size:12px; float:left; margin:0 13px 0 0;padding:5px 0;
}
#languageList li a{ color:#4b2d18; text-decoration:none; text-shadow: 0 1px 0 #FFFFFF;}
#languageList li#langCurrent>a:before {content: url(../imgs/ui/arrow01.png); margin-right:5px; font-size:7px; vertical-align:middle;}
#languageList li#langCurrent>a {padding: 2px 10px  2px 5px;width: 120px;}
#languageList li#langCurrent {
	margin: 0;
	transition-property: all;-moz-transition-property: all;-o-transition-property: all;-webkit-transition-property: all;
	transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;
	transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;
}
#languageList li#langCurrent:hover {background: url(../imgs/ui/drop_bg.jpg) repeat #FFFFFF;}
#languageList li ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 10px 0 5px;
  width: 100px;
  background: url(../imgs/ui/drop_bg.jpg) repeat #FFFFFF;
}
#languageList li ul li {margin: 0;padding: 7px 10px;width: 80px;border: none;}
#languageList li ul li:hover { background:url(../imgs/ui/main_bg.jpg) repeat;}
#languageList li ul li a:before{content: url(../imgs/ui/arrow02.png); margin-right:5px; font-size:7px; vertical-align:middle;}
#languageList li ul li a {display: inline-block;width: 100px;}


#groupList {}
#groupList li {
  position: relative;
  float: left;
  margin: 0;
  padding: 2px 0;
  width: 155px;
  font-weight: bold;
  font-size:12px; float:left; margin:0 13px 0 0;padding:5px 0;
}
#groupList li a{ color:#4b2d18; text-decoration:none; text-shadow: 0 1px 0 #FFFFFF;}

#groupList li#groupCurrent>a:before {content: url(../imgs/ui/arrow01.png); margin-right:5px; font-size:7px; vertical-align:middle;}
#groupList li#groupCurrent>a {padding: 2px 10px  2px 5px;width: 120px;}
#groupList li#groupCurrent {
	margin: 0;
	transition-property: all;-moz-transition-property: all;-o-transition-property: all;-webkit-transition-property: all;
	transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;
	transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;
}
#groupList li#groupCurrent:hover {background: url(../imgs/ui/drop_bg.jpg) repeat #FFFFFF;}
#groupList li ul {
  display: none;
  position: absolute;
  top: 20px;
  left: -75px;
  padding: 15px 0 5px;
  width: 255px;
  background: url(../imgs/ui/drop_bg.jpg) repeat #FFFFFF;
}
#groupList li ul li { margin: 0;padding: 7px 10px;width: 235px;border: none;}
#groupList li ul li:hover { background:url(../imgs/ui/main_bg.jpg) repeat;}
#groupList li ul li a:before{content: url(../imgs/ui/arrow02.png); margin-right:5px; font-size:7px; vertical-align:middle;}
#groupList li ul li a {display: inline-block;width: 235px;}
#groupList li ul li a:hover { color:#6f5a4b; }
#groupList li ul li.garea01 {
	padding: 0 10px 10px;
	margin: 0 0 10px;
	border-bottom: solid 1px #f2f2f2;
}
#groupList li ul li.garea02 {
	padding: 10px 10px;
	margin: 3px 0 10px;
	border-top:  solid 1px #f2f2f2;
	border-bottom: solid 1px #f2f2f2;
}
#groupList li ul li.garea01:hover ,#groupList li ul li.garea02:hover { background: none;}

#socialArea li{float:left;}
#tweetBtn iframe.twitter-share-button {width: 105px!important;}
#gplusBtn div,#gplusBtn div iframe{width: 70px!important;}



/*------------------------
Global Navigation
-------------------------*/
#glovalNavi {padding: 0;border-top:1px solid #dddddd;}
#glovalNavi ul li{float:left;}
#glovalNavi ul li a{
	border-right:1px solid #dddddd;
	border-left: 1px solid #FFFFFF;
	color: #4b2d18;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:23px 0 25px 0;
	text-align:center;
	text-decoration:none;
	text-shadow: 0 1px 0 #FFFFFF;
}
#glovalNavi ul li:first-child a { border-left: none; }
#glovalNavi ul li a:hover,#glovalNavi ul li a.np{
	background: url(../imgs/ui/alpha.png) repeat;
}
#glovalNavi ul li a.current,  #glovalNavi ul li a.current:hover {
color: #FFFFFF; text-shadow: 0 -1px 0 #7e7828;border-left: none;
background:#7e7828;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #7e7828), color-stop(0.00, #b9ba39));
background: -webkit-linear-gradient(top, #b9ba39 0%, #7e7828 88%);
background: -moz-linear-gradient(top, #b9ba39 0%, #7e7828 88%);
background: -o-linear-gradient(top, #b9ba39 0%, #7e7828 88%);
background: -ms-linear-gradient(top, #b9ba39 0%, #7e7828 88%);
background: linear-gradient(to bottom, #b9ba39 0%, #7e7828 88%);
}
.ltie9 #glovalNavi ul li a:hover,.ltie9 #glovalNavi ul li a.np{background: #444;}

#hotels,#about,#hokkaido,#contact{ width:199px;}
#glovalNavi ul li a#book {}
#book{ width:211px; }
#book:hover{}
.ltie9 #book { }
.ltie9 #book:hover { }



/*Expand Menu*/

#glovalNavi .exMenu{
	background: url(../imgs/ui/main_bg.jpg) 0 0 repeat #f3f3f3;
	display:none;
	padding:10px 0;
	position:absolute;
}
.ltie9 #glovalNavi .exMenu{background: #000;}

#glovalNavi .exMenu li {float:none;}
#glovalNavi .exMenu li a{	border:none;padding:7px 15px;text-align:left;}
#glovalNavi .exMenu li a:hover{background: url(../imgs/ui/alpha.png) repeat;}



/*------------------------
Pankuzu
-------------------------*/
#topicPath {padding:10px 0 15px 0;text-shadow: 1px 1px 3px #FFFFFF,-1px -1px 1px #aaa;}
#topicPath p{font-size:12px;}
#topicPath a{
	color:#fff;
	text-shadow: 1px 1px 3px #444,-1px -1px 1px #aaa;
}


/*------------------------
Reserve Module
-------------------------*/
#reserveModule {
	background:rgba(255,255,255,0.2);
	position:absolute;
	margin-left:740px;
	width:220px;
	z-index:10;
}
.ltie9 #reserveModule {background:#bbb;}

#reserveModuleInner {
	background:rgba(180,180,180,0.7);
	padding:8px 7px;
	margin:10px;
}
.ltie9 #reserveModuleInner {background:#ddd;}

#reserveModule form p{font-size:12px;line-height:1.1;font-family:times;color:#000; padding:8px 0 0 0}
#reserveModule form span{font-size:12px;line-height:1.1;font-family:times;color:#000;}
#reserveModule form .submitbtn {text-align:center;padding:12px 0 10px 0;}
#reserveModule form ul {margin-left:10px;}
#reserveModule form ul li{font-size:13px; padding:0 0 8px 0}
#reserveModule form ul li a{color:#000;font-family:times;text-decoration:none;}
#reserveModule form ul li a:hover{color:#444;}
#reserveModule form ul li a:before{content:"\0025BA"; color:#444; font-size:8px; margin-right:4px;}
#reserveModule .moduleTel{font-size:18px;font-weight:bold;color:#222;text-align:center;padding:5px 0 5px 0}

#moduleBtn {	text-align:center;}
.ie6 #moduleBtn{display:none;}
#moduleBtn a{
	background:url(../imgs/common/module_btn.png) no-repeat;
	display:block;
	font-size:0;
	margin:0 auto;
	height:15px;
	text-indent:-9999px;
	width:16px;
}
#moduleBtn a:hover{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


#popupModuleArea {
	display:none;
	position:fixed;
	bottom:30px;
	width:100%;
	z-index:30;
}

#popupModule{
	background: #7c6a5c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5b4e43), color-stop(0.00, #7c6a5c));
	background: -webkit-linear-gradient(#7c6a5c, #5b4e43);
	background: -moz-linear-gradient(#7c6a5c, #5b4e43);
	background: -o-linear-gradient(#7c6a5c, #5b4e43);
	background: -ms-linear-gradient(#7c6a5c, #5b4e43);
	background: linear-gradient(#7c6a5c, #5b4e43);
	color:#fff;
	display:block;
	height:60px;
	margin:0 0 10px 80px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	text-decoration:none;
	width:60px;
	text-align:center;
}

#bookNowText{font-weight:bold;font-size:13px;padding:8px 0 0 0;}
#leftBottomModule{
	display:none;
	margin-bottom:15px;
}

#leftBottomModule #reserveModule {background:rgba(255,255,255,0.7);margin-left:0;position:static;padding:1px 0;}
#leftBottomModule #reserveModuleInner {background:rgba(170,170,170,1);}



/*------------------------
Footer
-------------------------*/
#footer {
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
}
.ie6 #footer {position:static;}
.ie7 #footer {left:0;}

#footerContent {
	background: url(../imgs/ui/main_bg.jpg) 0 0 repeat #f3f3f3;
	color: #4b2d18;
	border-top:4px solid #5d3e35;
}
#footerNewsArea {border-bottom:4px solid #c69b71;padding:5px 0; display: none; }

#whatsnew{
	background:#fff;
	color:#000;
	font-size:11px;
	float:left;
	margin:0 8px 0 0;
	padding:3px 0;
	width:85px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration:none;
}
#whatsnew:hover{background:#ddd;}

#newsLineArea{	float:left;margin:0;}
#newsline{height:20px;overflow:hidden;}
#newsline li{	font-size:12px;line-height:1.4;text-align:left;padding:0 0 5px 0}
#newsline a{	color: #4b2d18;}

#footerLinkArea { position: relative; overflow: hidden; height:59px; padding:5px 0 0 0; background: url(../imgs/ui/footer_btn_bg.jpg) right top repeat-y;}
#footerLinkArea nav {float:left;}
#footerLinkArea ul{margin:3px 0 0 0;font-size:0;padding:0;line-height:0;}
#footerLinkArea li{	border-right:1px solid #d8cac0;	float:left;	padding:0 6px; line-height:1;}
#footerLinkArea li a{	color: #4b2d18;font-size:11px;	text-decoration:none;}
#footerLinkArea li a:hover{text-decoration:underline;}
#tel{
	float:left;
	text-align:left;
	font-size:12px;
	line-height: 1.3;
	font-weight:bold;
	padding:0 15px 0 0;
	margin:3px 0 3px 0;
}
#tel_txt{
	float:left;
	width: 800px;
	text-align:left;
	font-size:12px;
	line-height: 1.3;
	font-weight:bold;
	margin:3px 0 3px 0;
	padding: 15px 0 2px;
}
#copyright {font-size:12px; float:left;margin:3px 20px 0 0;}
#groupLink {
	position: absolute;
	right: 0;
	top: 0;
	color: #4b2d18;
	font-size:11px;
	float:right;
	font-weight:bold;
	margin: 0;
	padding:25px 0;
	width:134px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration:none;
}




/*------------------------
top
-------------------------*/
#logoIcon {
	margin: 0 0 10px 0;
}
.ie6 #logoIcon{display:none;}

#topNotice {
	background:rgba(0,0,0,0.6);
	margin:15px 0 0 0;
	position:absolute;
	width:690px;
	z-index:9;
	color: #fff;
}
#topNoticeInner {padding:10px 20px;}
#topExpandBox {
	/*background:rgba(0,0,0,0.6);*/
	margin:15px 0 0 0;
	position:absolute;
	bottom:80px;
	width:690px;
	z-index:9;
}
#topExpandBox a:hover {
	opacity: .8;
}
.ltie9 #topExpandBox {background:#000;}

#topExpandBoxInner {	padding:0px 20px;}
.ex {display:none; padding:0 0 15px 0}


#tripAdvisor {
	margin:auto;
	padding:4px 0;
	width:180px;
}



/*------------------------
Access Menu
-------------------------*/
.accessMenuArea {border-top:1px solid #999;padding:20px 0 0 0;margin-top:20px;}
.accessMenuArea section{border-top:1px solid #999;}

.accessMenu li{
	border:1px solid #fff;
	border-right:none;
	float:left;
	width:156px;
}
.accessMenu li a{
	background: #7c6a5c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5b4e43), color-stop(0.00, #7c6a5c));
	background: -webkit-linear-gradient(#7c6a5c, #5b4e43);
	background: -moz-linear-gradient(#7c6a5c, #5b4e43);
	background: -o-linear-gradient(#7c6a5c, #5b4e43);
	background: -ms-linear-gradient(#7c6a5c, #5b4e43);
	background: linear-gradient(#7c6a5c, #5b4e43);
	color:#fff;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
}
.accessMenu li a:hover{
	background: #5b4e43;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7c6a5c), color-stop(0.00, #5b4e43));
	background: -webkit-linear-gradient(#5b4e43, #7c6a5c);
	background: -moz-linear-gradient(#5b4e43, #7c6a5c);
	background: -o-linear-gradient(#5b4e43, #7c6a5c);
	background: -ms-linear-gradient(#5b4e43, #7c6a5c);
	background: linear-gradient(#5b4e43, #7c6a5c);
}
.accessMenuTitle{font-size:17px;line-height:1.2;font-weight:bold;padding:30px 0 15px 0;}


.accessTimeTable{border-collapse:collapse;width:100%;border:2px solid #C0C6AF;}
.accessTimeTable th,.accessTimeTable td{color:#3C3C3C;vertical-align:middle;}
.accessTimeTable th{
	background:#C0C6AF;
	border-right:2px solid #fff;
	font-size:14px;
	padding:7px 0;
	text-align:center;
}
.accessTimeTable td {
	background:#fff;
	border:2px solid #C0C6AF;
	font-size:11px;
	padding:7px 0 7px 8px;
}
.accessRoute {	padding:15px 0 30px 0;	text-align:center;}
.accessExLinkArea{	padding:0 0 20px 0;}
.accessExLinkArea li{	float:left;	margin:0 8px 0 0;}
.accessExLinkArea li a{
	background:#eee;
	background: -moz-linear-gradient(top,#FFF 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#aaa));
	border:1px solid #000;
	color:#333;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:10px 32px;
	text-align:center;
	text-decoration:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,1) inset;

}
.ltie9 .accessExLinkArea li a{background:#eee;}
.accessExLinkArea li a:hover{background:#aaa;}
.accessExLinkArea li a:before{
	content: url(../imgs/ui/arrow03.png);
	padding:0 3px 0 0;
}

.accessBusTitle {font-size:14px;padding:0 0 15px 0}
.accessBusCategory {border: 1px solid #282627; color:#282627;font-size:16px;font-weight:bold;padding:8px;margin:0 0 15px 0;background:rgba(255,255,255,0.1)}
.accessBusBox {padding:15px 0 30px 0;border-top:1px dotted #999!important;}

.accessBusBox .accessTimeTable {width:200px;}
.accessBusBox .accessTimeTable td,.accessBusBox .accessTimeTable th{border-width:1px;font-size:13px;}
.accessBusBox .accessTimeTable th{padding:3px 0;}
.accessBusBox .accessTimeTable td{padding:5px 0 5px 3px;}


/*------------------------
Experience
-------------------------*/

#facilitiesList {width:620px;margin:10px auto 0 auto;}
#facilitiesList li{font-size:13px;padding:10px 0;border-top:1px solid #444;}
#facilitiesList li:before,#facilitiesList li:after {	content: " ";	display: table;}
#facilitiesList li:after {	clear: both;}
#facilitiesList li {	*zoom: 1;}
#facilitiesList span{display:block;float:left;}
#facilitiesList .floor{margin-right:12px;text-align:right;width:55px;}

#slidecaption {text-indent:50px;}



/*------------------------
Link
-------------------------*/
.linkArea {padding:10px 0 10px 15px}
.linkCategory {font-size:14px; padding:0 0 10px 0}
.linklist li{padding:0 0 10px 0;}
.linklist li:before,.linklist li:after {	content: " ";	display: table;}
.linklist li:after {	clear: both;}
.linklist li {	*zoom: 1;}
.linklist li a {color:#fff;font-size:12px;display:block;float:left;}
.linklist li span {font-size:11px; display:block;float:left;margin:0 15px 0 0;width:150px;}



/*------------------------
Event
-------------------------*/

.eventList li{border-top:1px dotted #ddd;padding:16px 0;}
.eventList li.last{border-bottom:1px dotted #ddd;}
.eventList .hotelList li{border:none;padding:2px 0;}
.eventList li:before,.eventList li:after {	content: " ";	display: table;}
.eventList li:after {	clear: both;}
.eventList li {	*zoom: 1;}
.eventList .place1,.eventList .place2 {
	background:#fff;
	color:#333;
	float:left;
	letter-spacing:-1px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0 18px 0 0;
	width:68px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.eventList .place1{padding:26px 0;}
.eventList .place2{padding:20px 0;}


.eventList .eventData {float:left;}
.eventList .eventName {color:#ffd200;font-size:18px;line-height:1.4;padding:0 0 10px 0;}
.eventList .eventDesc {font-size:14px;padding:0 0 15px 0}
.eventList .hotel {font-size:12px;font-weight:bold;padding:14px 2px;border:1px solid #fff;width:38px;text-align:center;margin:0 8px 4px 0;float:left;}
.eventList .hotelList {float:left; width:320px;}
.eventList .hotelList li{font-size:12px;padding:4px 6px;border-top:1px dotted #888;}
.eventList .hotelList li.last{border-bottom:1px dotted #888;}
.eventList .hotelList li a{color:#fff;text-decoration:none;}
.eventList .hotelList li a:hover{color:#999;}

/* ロケーション地図 */

#location {
	position: absolute;
	bottom: 0;
	right: 5%;
}

/* FBバナー用 */
#fbbnr a {display:block; position:absolute; top:200px; right:0px; z-index:10000; width:40px; background:url(../../en/imgs/common/fbbnr.gif) no-repeat left top; overflow:hidden; text-indent:-9999px; height:42px;}
/* weiboバナー用 */
#wbbnr a {display:block; position:absolute; top:200px; right:0px; z-index:10000; width:40px; background:url(../imgs/ui/weibo.png) no-repeat left top; overflow:hidden; text-indent:-9999px; height:42px;}

#bn_triad a {
	display: block;
	position: absolute;
	top: 255px;
	right: 0px;
	z-index: 10000;
	width: 40px;
	background: url(../../en/imgs/common/bn_advis.png) no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	height:42px;
}

/* 道の東フッターリンク */
#roadeast_ftbtn {background: #a7a7a7;
color: black;
font-size: 11px;
float: right;
font-weight: bold;
margin: 0 5px 0 0;
padding: 3px 0;
width: 110px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-decoration: none;}

/*TOPのBOOKNOW*/
#btn_book {
	position: fixed;
	width: 100%;
	bottom: 80px;
	display :none;
}

#btn_book p {
	text-align: right;
}

#btn_book p a img {
	width: 20%;
	padding: 0 50px 25px 5px;
}

.box_att{
    text-align: left;
    color: red;
    margin-bottom: 30px;
}
.box_att .st{
	font-size: 16px;
    font-weight: bold;
}
.box_att .txt{
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.7;
}