/* CSS Document */
body{background-color: #C3ECFD; margin-top:0;  margin-bottom:0; margin-right:auto; margin-left:auto; font-size:16px; color:#333;
background-image: url(../img/bg.gif); background-repeat: repeat-x; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif; }
div{ margin: 0; padding: 0;}
p{
	margin: 0;
	padding: 0;
}
ul{ margin: 0; padding: 0;}
li{ margin: 0; padding: 0; list-style: none;}
img{ margin: 0; padding: 0; vertical-align: bottom;}
a:link { color: #1050B0; text-decoration: none; }
a:link.form { color: #ccc; text-decoration: none; }
a:link.navi { color: #fff; text-decoration: none; }
a:visited { color: #1050B0; text-decoration: none; }
a:visited.form { color: #ccc; text-decoration: none; }
a:visited.navi { color: #fff; text-decoration: none; }
a:hover { color: #00B6FF; text-decoration: underline; }
a:hover.form { color: #00B6FF; text-decoration: underline; }
h3{margin: 0; padding: 0;}
h2{margin: 0; padding: 0;}
h4.area{margin: 8px 0 15px 0; padding: 0; font-size: 18px; color: #666;}
a img{border: 0;}
a{outline:none;}

div#all_Box{margin:0 auto; padding: 0; width: 1100px; background-color: #fff;}

div.h1_circumference{margin:0; padding:0; overflow:hidden; zoom:1; height:1%; background-image: url(../img/h1_shita17.jpg); background-repeat: no-repeat; height: 40px;}
div.h1_circumference h1{ margin:7px 0 0 0; padding:0 0 0 20px; font-size:12px; color:white; float:left; font-weight: normal;}
div.h1_circumference p{ margin:7px 0 0 0; padding:0 0 0 20px; font-size:12px; color:white; float:left; font-weight: normal;}
div.h1_circumference ul{ margin:9px 20px 0 0; padding:0; float:right; display:block; /*width:127px;*/ font-size:11px; font-family:Arial,sans-serif;}
div.h1_circumference ul li{ margin:0; padding:0; display: inline; font-weight: bold;}

ul.lineup{margin: 10px 15px 10px 0; text-align: right;}
ul.lineup li{display: inline;}
ul.lineup li img{vertical-align: middle;}
ul.lineup li a{background-color: #818181; margin: 0 2px 0 0; padding: 3px 8px 2px 8px; color: white; border-radius: 4px;}
ul.lineup li a:hover{background-color: #00B6FF;}

div.mbox{margin:0; padding:0 15px; overflow:hidden; zoom:1; height:1%;}
div.lbox{width: 220px;}
div.navibox{width: 218px; border: 1px #ccc solid; background-color: #EAF2F6; margin-bottom: 15px;}
div.pics_waku{width: 850px; float: right; overflow: hidden;}
div#pics{width: 850px; height: 240px; overflow: hidden; float: right;}
div#pics a:hover{text-decoration: none;}
div#pics div{position: relative;}
div.rbox{width: 835px; float: right;}


p.shimasetsu{width: 350px; line-height: 1.4em; color: white; position: relative; top: -125px; left: 50px;}

img.lnavi{margin: 8px 0 8px 9px;}
div.naviwaku{margin: 0 4px 4px 4px; padding: 5px; border: 1px #ccc solid; width: 158px; background-color: #fff;}


li.lnavi a.jet{display: block; height: 60px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_jikoku_jet.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi a.kyaku{display: block; height: 60px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_jikoku_kyaku.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi a:hover{background-position: 0 -60px;}

li.lnavi2 a.jet_to{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_jikoku_tokyoj.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.jet_at{display: block; height: 50px; margin: 0 8px 8px 8px; padding: 0;
background: url(../img/navi_jikoku_atami.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.kya_to{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_jikoku_tokyok.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.kya_shi{display: block; height: 50px; margin: 0 8px 8px 8px; padding: 0;
background: url(../img/navi_jikoku_shimoda.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.noriba_t{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_noriba_tokyo.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.noriba_k{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_noriba_kurihama.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.noriba_a{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_noriba_atami.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.noriba_s{display: block; height: 50px; margin: 0 8px 8px 8px; padding: 0;
background: url(../img/navi_noriba_shimoda.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.noriba_i {display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_noriba_ito.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}

li.lnavi2 a.chui_p{display: block; height: 50px; margin: 0 8px 0 8px; padding: 0;
background: url(../img/navi_chui_plan2.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a.chui_k{display: block; height: 50px; margin: 0 8px 8px 8px; padding: 0;
background: url(../img/navi_chui_kekko2.jpg) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
li.lnavi2 a:hover{background-position: 0 -50px;}


/* hotel list */
div.shisetsu{margin: 0 10px 15px 10px; padding: 0 0 8px 0; border-bottom: 1px #cccccc solid; overflow:hidden; zoom:1; height:1%;}
div.shisetsu_left{float: left; width: 400px;}
div.shisetsu_right{float: right; width: 400px;}
div.shisetsu img.shisetsuimage{margin: 0 5px 0 0; float: left; border: 1px #ccc solid; padding: 1px;}
div.plan_syosai{margin-left: 195px;}
p.shisetsu_name{margin: 0; padding: 0; font-size: 20px; font-weight: bold; line-height: 1.2; color: #1B2C78;}
p.yado_price3{font-size: 14px;}
p.yado_price3 span{font-size: 19px; font-weight: bold; color: #DF0024;}
p.yado_setsumei{margin-bottom: 4px; padding-bottom: 3px; line-height: 1.5em; border-bottom: 1px #cccccc dotted; font-size: 16px;}
p.yado_setsumei span.settei{font-size: 12px; font-weight: normal; color: #1B2C78}




p.pankuzu{margin-bottom: 10px; font-size: 12px;}

h3.midashi0{margin: 20px 0 16px 0; padding: 10px 0 8px 0; border-bottom: 5px #018CC5 solid; border-top: 1px #005073 solid; font-weight: bold; font-size: 16px; 
background-image: url(../img/icon_mi.gif); background-repeat: no-repeat; background-position: center left;
text-indent: 10px;}
h3.mi{margin: 20px 0px 20px; padding: 0; background-image: url(../img/h3_back.jpg); height: 50px;
font-size: 16px; line-height: 3em; text-indent: 25px;}
h3.mi span{font-size: 12px; font-weight: normal;}

h3.midashi{border-top: 1px solid #005073; border-bottom: 5px solid #31A1D1; font-size: 26px; position: relative;
padding: 13px 0 10px 35px; margin: 25px 0 30px 0;}
h3.midashi::after {
  position: absolute;
  top: .3em;
  left: .5em;
  content: '';
  width: 10px;
  height: -webkit-calc(100% - .6em);
  height: calc(100% - .6em);
  background-color: #058CC4;
}
h3.midashi span{font-size: 14px; font-weight: normal;}
h3.midashi span strong{font-size: 12px;}









div.plan_waku{margin: 0; padding: 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap;}
div.plan_waku::after{
  content:"";
  display: block;
  width: 192px;
}
div.plan_waku_l{float: left; width: 334px;}
div.plan_waku_r{float: right; width: 316px;}
div.plan_waku img.gazo{margin: 0 0 5px 0; padding: 1px; border: 1px #ccc solid; float: left;}
div.plan_waku_l2{float: left; width: 167px;}
div.plan_waku_r2{float: right; width: 167px;}
div.plan_waku_r3{float: right; width: 149px;}
p.shima_copy{width: 149px; line-height: 1.3;}
p.border{clear: both; border-bottom: 1px #ccc dotted; margin: 0 0 11px 0; padding-bottom: 7px; font-size: 9px;}



div.koro_setsu{width: 495px; background-image: url(../img/korozu_02.jpg); background-repeat: no-repeat;}

div.osu_waku{border: 1px #ccc solid; background-color: #fff; margin: 0 8px 8px 8px;
padding: 6px; overflow: hidden;}
img.osu_gazo{float: left; margin-right: 4px;}
p.yado_price4{font-size: 12px; line-height: 1.3;}
p.yado_price4 span{font-size: 18px; color: #DF0024;}
div.event_waku{
	height: 800px;
	border: 1px #ccc solid;
	background-color: #fff;
	margin: 0 8px 8px 8px;
	padding: 6px;
	overflow: auto;
}
p.event{font-size: 13px; margin-bottom: 4px; padding-bottom: 3px; line-height: 1.5; border-bottom: 1px #cccccc dotted;}


h2.reco{margin: 5px 20px; padding: 0;  font-size: 13px; color: #ffffff; line-height: 2.2em; font-weight: bold; 
text-indent: 10px; height: 30px; background: url(../img/m_back.gif) repeat-x; font-family:Arial,sans-serif;}
h2.reco span{font-weight: normal;}

/* SimpleTabs: default style */
div.simpleTabs { padding: 5px 10px 20px 10px; }
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; font-size: 20px; letter-spacing: 5px;}
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0;}
ul.simpleTabsNavigation li a { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:3px 6px 0 10px; background:#E6E6E6; text-decoration:none; font-weight: bold;}
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; font-weight: bold; }
ul.simpleTabsNavigation li a.current { background:#fff; color:#333; border-bottom:2px solid #fff; padding:3px 6px 0 10px; }
div.simpleTabsContent { border:1px solid #ccc; padding:18px; margin-top:0; display:none; background-image: url(../img/bg_kabe.jpg); background-repeat: no-repeat; background-position: bottom;}
div.simpleTabsContent.currentTab { display:block; }


/* SimpleTabs: nakami */
div.recobox_waku{margin: 0; padding: 0; overflow:hidden; zoom:1; height:1%;}

div.recobox_l{float: left; width: 220px; margin: 0 15px 0px 0;}
h3.headcopy{margin: 5px 0 8px 0; padding-bottom: 2px; padding-top: 3px; border-bottom: 5px black solid; border-top: 1px #333 solid; font-weight: bold; font-size: 14px; 
font-family:Arial,sans-serif; text-indent: 2px;}
h3.headcopy span{font-size: 12px; font-weight: normal;}
div.gazo_tsuki{border-bottom: 1px #ccc dotted; padding-bottom: 7px; margin-bottom: 7px;}
div.gazo_tsuki img{float: left; margin: 0 5px 0 0; padding: 1px; border: 1px #ccc solid;}
div.gazo_tsuki span{font-weight: bold; color: red;}

ul.reco_list li{background: url(../img/icon_list.gif) no-repeat; padding: 0 0 0 15px; line-height: 1.2em; 
border-bottom: 1px #ccc dotted; padding-bottom: 4px; margin-bottom: 7px;}
ul.reco_list li span{font-weight: bold; color: red;}

div.selectbox{padding: 2px 5px 0 15px; border-left: 1px #ccc solid; overflow: auto; height: 398px;}
div.selectbox table{margin: 5px 0 18px 0;}

img.map{margin:5px 15px 0 0; float: left;}
div.spot{margin-left: 135px;}
ul.access{line-height: 1.1; font-size: 15px; border-top: 1px #747474 solid; padding: 8px 0 0 0;}
ul.access li{margin-left:58px;}
ul.access li:before {
content: 'ACCESS'; /* ←ここにリストマーカーにしたい文字列を設定 */
margin-left:-60px;
margin-right: 3px;
font-size: 12px;
font-weight: bold;
color: #fff; background-color: #058CC4; padding: 2px 4px 0 4px; border-radius: 4px;
}


div.newsbox{margin-bottom: 5px; height: 71px; overflow: auto; padding-right: 5px;}
div.recowaku{height: 240px; overflow: auto; padding-right: 5px;}

img.banner{margin: 20px 20px 35px 20px;}

img.tomei{filter: alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
p.shokai{padding: 5px 3px 3px 3px; background-color: #e6e6e6; line-height: 1.3;}
p.toiawase{margin: 18px 25px 7px 25px; padding: 0 0 3px 0; font-weight: bold;
border-bottom: 1px #333 solid;}

/* Vertical Tabs */
.ui-tabs-vertical {}
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .4em .2em; float: left; width: 200px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100.1%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 530px; height: 200px; overflow: auto;}

dl{margin: 0; padding: 0;}
dt{line-height: 1.5; font-size: 18px; font-weight: bold; margin: 0; padding: 0;}
dd{margin: 0 0 2px 0; padding: 0; line-height: 1.3;}
dd span{font-size: 15px;}
p.clearleft{clear: both; border-bottom: 1px #ccc dashed; margin: 0 0 6px 0; padding-top: 11px;}
img.g_photo{float: left; margin: 5px 0 0 0; padding: 1px; border: 1px #ccc solid;}
ul.tour li {display:inline;}

/* gelande */
div.gelande{margin: 25px 20px 0 20px;}
td.g_name{font-size: 10px; padding: 0 2px 0 2px; line-height: 1.1em;}


/* footer */
div.footer{margin: 0; padding: 0; background-image: url(../img/footer_shita17.jpg); background-repeat: no-repeat; height: 222px; overflow: hidden;}

p.address{color: #C1C1C1; font-size:12px; margin-right: 35px; line-height: 1.25; text-align: right;}
div.footer ul{ margin: 81px 0 15px 35px;}
div.footer ul li{display: inline; color: #ffffff; font-size:14px;}
div.footer a:link{color: #C1C1C1; text-decoration: none;}
div.footer a:visited{color: #C1C1C1; text-decoration: none;}
div.footer a:hover{color: #ffff00; text-decoration: underline;}
p.copyright{font-size:10px; color: #fff; text-align: center; background-color: #888787; padding: 3px 0 5px 0;}


/* 17new header */
div.header{padding-right: 15px; padding-left: 15px; position: relative; margin-bottom: 10px;}
div.title{margin:0 0 0 0; padding: 0 0 0 0; position: absolute; top: 60px; left: 460px;}
p.copy{color: #1E71AB; text-align: center;}
p.title{margin: 0; font-size: 53px; font-weight: normal;}
p.uketsuke{text-align: right;}
p.uketsuke span{background-color: #CF669E; font-size: 20px; padding: 2px 5px 0 5px; color: #fff; border-radius: 4px; color: #FEFE9C;
font-weight: bold;}


div.pics_waku h1{background: url(../img/top_h1_back.jpg) no-repeat; height:100px;
overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0;}


h2{border-top: 1px solid #005073; border-bottom: 5px solid #31A1D1; font-size: 26px; position: relative;
padding: 13px 0 10px 35px; margin: 25px 0 30px 0;}
h2::after {
  position: absolute;
  top: .3em;
  left: .5em;
  content: '';
  width: 10px;
  height: -webkit-calc(100% - .6em);
  height: calc(100% - .6em);
  background-color: #058CC4;
}
h2 span{font-size: 16px; font-weight: normal;}

div#pics h2{margin: 0; padding: 0; border: none;}
div#pics h2::after {
  position: absolute;
  top: .3em;
  left: .5em;
  content: '';
  width: 0px;
  height: -webkit-calc(100% - .6em);
  height: calc(100% - .6em);
  background-color: #058CC4;
}

h3{border-top: 1px solid #005073; border-bottom: 5px solid #31A1D1; font-size: 26px; position: relative;
padding: 13px 0 10px 35px; margin: 25px 0 30px 0;}
h3::after {
  position: absolute;
  top: .3em;
  left: .5em;
  content: '';
  width: 10px;
  height: -webkit-calc(100% - .6em);
  height: calc(100% - .6em);
  background-color: #058CC4;
}
h3 span{font-size: 16px; font-weight: normal;}



div.news_waku{margin: 30px 0 0 0; padding: 0 5px;}
p.news{font-size: 20px; line-height: 1.5;}
p.news span{color: #ED0404; font-size: 26px;}


figure{width: 192px; margin: 0 0 20px 0;}
figure img{margin: 0 0 10px 0;}
figure dt{font-size: 30px; line-height: 1.3; letter-spacing: 10px;}
figure dt a:hover{text-decoration: none;}
figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

dl.koro{padding: 0 0 7px 20px;}
dl.koro dt{font-size: 20px;}
dt .bo{font-weight: bold; vertical-align: 2px;}
dl.koro dd{padding-bottom: 3px; border-bottom: 1px #ccc dotted;}

.yado_syosai .ryo tr td p  {
	line-height: 1.4;
}
.ryo tr td p   {
	line-height: 1.4;
}

.eventred {
	font-weight: bold;
	color: #F00;
}

/* 17new accordionlist */
div.acowaku{margin: 0 8px 8px 8px;}
div.navibox h4{font-size: 22px; margin: 8px 0 0 0; padding: 10px; background-color: #fff; cursor: pointer;
letter-spacing: 15px; color: #005073; position: relative; border: 1px #ccc solid;}
div.navibox h4:hover{background-color: #f6f7f8;}
div.navibox h4:after, 
div.navibox h4.active:after {font-size: 20px; position: absolute; left: 170px;
color: #ccc;
}
div.navibox h4.active::after {
    content: '\2227'; transform: scale( 1 , 0.6 ); display: inline-block;
}
div.navibox h4::after {
    content: '\2228'; transform: scale( 1 , 0.6 ); display: inline-block;
}

ul.snavi{margin: 0; position: relative; top: -1px; border-left: 1px #ccc solid; border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;}
li.hotel a{display: block; background-color: #fff; margin: 0;
padding: 5px 10px;}
li.hotel a:hover{background-color: #DAF1FD; text-decoration: none;}