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


/******************************
reset
******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

img,a{
	vertical-align:top;
}

/******************************
共通
******************************/
html {
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
}

body {
	font-size:75%;
	line-height:1.75;
	color:#323232;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

a , input {
	outline:none;
}

a,
a:link,
a:visited {
	color:#13477b;
	text-decoration:none;
}

a:hover,
a:active  {
	text-decoration:underline;
}

.wrap {
	margin:0 auto;
}

/******************************
ヘッダー
******************************/
header {
	width:994px;
	margin:0 auto;
	padding:8px 0 13px;
	overflow:hidden;
}

header .logo {
	float:left;
	margin-right:30px;
}

header .lang {
	width:379px;
	float:left;
	padding-top:21px;
}

header .lang.ko {
	padding-top:0;
}

header ul {
	width:380px;
	overflow:hidden;
}

header ul li {
	float:left;
	margin-right:1px;
}

header #lang_sel_list {
	width:380px;
	height:auto;
	overflow:hidden;
}

header #lang_sel_list li {
	width:75px !important;
	margin-right:1px !important;
	text-align:center;
}

header #lang_sel_list a {
	width:75px !important;
	padding:4px 0 5px !important;
	line-height:1 !important;
	color:#323232 !important;
	background:url(../img/common/header/bg_lang-list.png) no-repeat !important;
}

header #lang_sel_list a:hover ,
header #lang_sel_list a.lang_sel_sel ,
header #lang_sel_list a.lang_sel_sel:hover {
	color:#fff !important;
	background:#d32828 !important;
}

header .ban {
	float:right;
	padding:2px 10px 0 0;
}

header .ban img {
	max-width:300px;
	height:auto;
}

/******************************
ナビ
******************************/
nav {
}

.gNav {
	background:#333333;
	font-size:0;
}

.gNav ul {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:1;
	letter-spacing: -.40em;
}

.gNav ul li {
	letter-spacing: normal;
	display:inline-block;
	position:relative;
	*display: inline;  
    *zoom: 1;  
}

.gNav ul li a {
	padding:12px 0;
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
	vertical-align:bottom;
	text-decoration:none;
}

.gNav ul li span {
	border-left:#858585 solid 1px;
	border-right:#000 solid 1px;
	padding:0 15px;
	color:#fff;
	font-size:11px;
	line-height:1;
	display:block;
}

.gNav.en ul li span {
	padding:0 14px;
}

.gNav a:hover ,
.gNav a.active {
	background:#d32828;
}

.gNav a:hover span ,
.gNav .active span {
	border-left:#d32828 solid 1px;
	border-right:#d32828 solid 1px;
}

.gNav ul li.home span {
	border-left:none;
}

.gNav ul li.last span {
	border-right:none;
}

.gNav ul li.coupon {
	padding:0;
	position:absolute;
	top:-9px;
	right:-4px;
	z-index:100;
}

.gNav ul li.coupon a {
	padding:0;
	background:none
}

.subNav {
	background:#d32828 url(../img/common/nav/bg_nav.png) bottom repeat-x;
	padding-bottom:8px;
}

.subNav ul {
	width:850px;
	margin:0 auto;
	padding:5px 130px 0 0;
	letter-spacing: -.40em;
	position:relative;
	z-index:1;
	line-height:1.25;
}

.subNav ul li {
	letter-spacing: normal;
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
}

.subNav ul li a {
	color:#fff !important;
	background:url(../img/common/contents/ico_arrow-w.png) 2px 3px no-repeat;
	padding:0 26px 5px 15px;
	display:block;
}

/******************************
アーティクル
******************************/
article {
	width:980px;
	overflow:hidden;
	margin:13px auto 78px;
}

/******************************
TOPページ
******************************/
/*スライダー*/
.main {
	line-height:1.5;
	margin:0;
	position:relative;
	height:370px !important;
	overflow:hidden;
}

.main .sliderArea {
	width:658px;
	padding:1px;
	overflow:hidden;
	background:url(../img/index/bg_slider.png) left top no-repeat;
}

.main .slider a {
	display:block;
	margin-bottom:4em;
}

.main .slider a:hover {
	background:#f4f4f4;
	text-decoration:none;
}

.main .slider a:hover .tit {
	text-decoration:underline;
}

.main .slider .tit {
	font-size:150%;
	padding-top:8px;
	margin-bottom:3px;
	border-top:#999999 solid 1px;
}

.main .slider .txt {
	font-size:116.6%;
	color:#323232;
}

.infoArea {
	width:298px;
	height:211px;
	color:#333333;
	border:solid 1px #333333;
	margin-bottom: 20px;
}

#sliderArea img {
	border-bottom:#999999 solid 1px;
	margin-bottom:8px;
}

.exchange {
	width:225px;
	padding:10px 20px 15px;
	overflow:hidden;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
}

.exchange .rateL {
	float:left;
	width:100px;
	text-align:center;
	margin-top:3px;
}

.exchange .rateR {
	float:right;
	width:100px;
	text-align:center;
	padding-top:3px;
}

.exchange .rateL p ,
.exchange .rateR p {
	text-align:left;
	font-size:75%;
	line-height:1.35;
	display:inline-block;
	*display: inline;
    *zoom: 1;
}

.exchange span {
	font-size:244.4%;
}

.exchange p.equal {
	width:25px;
	position:absolute;
	bottom:15px;
	left:45%;
	font-size:183.3%;
	text-align:center;
}

.exchangeIn {
	height: 42px;
	position: relative; 
	overflow: hidden;
}

.exchangeIn p.equal {
	left: 34%;
	bottom: 0;
	line-height: 1.1;
}

.exchange .exchangeIn .rateL {
	width: 80px;
}

.exchange .exchangeIn .rateR {
	width: 110px;
	text-align: left;
}

/*ピックアップ記事*/
.pickup {
	width:660px;
	margin:0;
}

.pickup ul {
	padding:13px 10px 1px;
}

.pickup ul li {
	padding:10px 0;
	border-bottom:#999999 dotted 1px;
	overflow:hidden;
}

.pickup ul li:last-child {
	border-bottom:none;
}

.pickup ul li a {
	width:100%;
	display:block;
	overflow:hidden;
	line-height:1.5;
}

.pickup ul li a:hover {
	text-decoration:none;
	background:#f4f4f4;
}

.pickup ul li .img {
	float:left;
	margin-right:7px;
}

.pickup ul li .tit {
	margin:1px 0;
	font-size:116.6%;
}

.pickup ul li a:hover .tit {
	text-decoration:underline;
}

.pickup ul li .txt {
	color:#323232;
}

.pickup ul li .txt span {
	display:block;
}

/*イベント情報*/
.event {
	width:660px;
	margin-top: 20px;
}

.event .images {
	padding:0 10px;
}

.event .images li {
	padding:10px 0;
	border-bottom:#999999 dotted 1px;
}

.event .images li:last-child {
	border-bottom:none;
}

.event .images li a {
	overflow:hidden;
	line-height:1.5;
}

.event .images li a:hover {
	text-decoration:none;
	background:#f4f4f4;
}

.event .images li a:hover .tit {
	text-decoration:underline;
}

.event .images li .img {
	width:140px;
	height:96px;
	overflow:hidden;
	float:left;
	margin-right:7px;
}

.event .images li .img img {
	width:100%;
	height:auto;
}

.event .text {
	padding:0 10px;
	padding-bottom:15px;
}

.event .text li {
	margin-bottom:8px;
}

.event .text li a {
	display:block;
	padding-left:12px;
	margin-bottom:8px;
	line-height:1.25;
	background:url(../img/common/contents/ico_arrow-r.png) 1px 2px no-repeat;
}

.event ul li .txt {
	font-size:83.3%;
	color:#92a13d;
}

.event ul li .tit {
	margin: 1px 0;
	font-size: 116.6%;
}

.event ul li .introductory {
	color: #323232;
}

/*新着記事*/
.news .tab {
	width:660px;
	overflow:hidden;
	border-top:#d32828 solid 2px;
}

.news .tab li {
	float:left;
}

.news .tab a {
	display:block;
	color:#323232;
	font-size:91.6%;
	font-weight:bold;
	padding:11px 0 8px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	border-bottom:#cccccc solid 1px;
	background:url(../img/index/tab_news.png) top repeat-x;
}

.news .tab a.news { width:133px; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; }
.news .tab a.gourmet { width:130px; border-right:#cccccc solid 1px; }
.news .tab a.hotel { width:130px; border-right:#cccccc solid 1px; }
.news .tab a.experience { width:130px; border-right:#cccccc solid 1px; }
.news .tab a.tour { width:131px; border-right:#cccccc solid 1px; }

.news .tab a:hover,
.news .tab a.active{
	background:#d32828;
	border-color:#d32828;
	color:#fff;
}

.news .tabCont {
	width:629px;
	padding:19px 10px 6px 19px;
	border-top:none;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.news .tabCont a {
	display:block;
}

.news .tabCont a:hover {
	background:#f4f4f4;
	text-decoration:none;
}

.news .tabCont a:hover .tit {
	text-decoration:underline;
}

.news .tabCont div {
	width:629px;
	overflow:hidden;
	position:relative;
}

.news .main {
	width:290px !important;
	float:left;
	margin-right:19px;
	line-height:1.25;
}

.news .main .img {
	width:290px;
	height:202px;
	overflow:hidden;
	margin-bottom:12px;
}

.news .main img {
	width:290px;
	height:auto;
}

.news .main .tit {
	font-size:133.3%;
	margin-bottom:6px;
}

.news .main span {
	font-size:75%;
	color:#92a13d;
	display:block;
}

.news .main .txt {
	color:#323232;
}

.news .newsList {
	width:320px;
	float:left;
	margin-top:-11px;
}

.news .newsList li {
	width:320px;
	overflow:hidden;
	padding:10px 0 8px;
	line-height:1.5;
	border-top:#999999 dotted 1px;
}

.news .newsList .img {
	width:100px;
	height:69px;
	overflow:hidden;
	float:left;
	margin:0 5px 5px 0;
}

.news .newsList .img img {
	width:100px;
	height:auto;
}

.news .newsList .tit {
	font-size:116.6%;
	line-height:1.25;
}

.news .newsList span {
	font-size:85.7%;
	color:#92a13d;
	display:block;
	line-height:1.5;
}

.news .newsList .txt {
	clear:both;
	line-height:1.25;
	color:#323232;
}

/*マリンレジャー*/
.marine {
	width:660px;
}

.marine ul {
	width:670px;
	overflow:hidden;
}

.marine ul li {
	width:213px;
	margin-right:10px;
	float:left;
}

.marine .txt {
	background:#0061b8 url(../img/common/contents/ico_arrow-w.png) 96% center no-repeat;
	display:block;
	color:#fff;
	margin-top:1px;
	padding:2px 0 2px 8px;
}

.marine a:hover {
	text-decoration:none;
}

.marine a:hover .txt {
	background:#0075d4 url(../img/common/contents/ico_arrow-w.png) 96% center no-repeat;
}

/******************************
サイド
******************************/
.sidebar {
	width:300px;
	float:left;
}

.sidebar .sideTit {
	width:300px;
	height:13px;
	font-size:116.6%;
	line-height:1;
}

.sidebar .sideTit.sp {
	background:#d32828;
	color:#d32828;
}

.sidebar .sideTit.use {
	background:#323232;
	color:#323232;
	margin-bottom:10px;
}

.sidebar .sideTit.fb {
	background:#3b589a;
	color:#3b589a;
	margin-bottom:10px;
}

.sidebar .sideTit span {
	background:#fff;
	padding:1px 5px 0 0;
	font-weight:bold;
}

/*バナー*/
.sidebar .prBox {
	width:300px;
	text-align:center;
}

.sidebar .prBox ul {
	overflow:hidden;
}

.sidebar .prBox ul li {
	margin-bottom:20px;
}

.sidebar .prBox a {
	font-size:0;
}

.sidebar .prBox img {
	max-width:300px;
	height:auto;
}

/*サイト内検索*/
.sidebar .searchformBox {
	border-top:#f68d06 solid 2px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	padding:11px 9px 15px;
	background:#fbfbfb;
}

.sidebar .searchformBox .tit {
	font-size:83.3%;
	color:#646464;
	padding-bottom:9px;
	vertical-align:middle;
	border-bottom:#cccccc solid 1px;
}

.sidebar .searchformBox .tit img {
	padding-right:5px;
}

.sidebar .searchformBox form {
	width:100%;
	overflow:hidden;
	padding-top:14px;
	border-top:#fff solid 1px;
}

.sidebar .searchformBox input[type="text"] {
	width:204px;
	padding:3px 10px 2px;
	float:left;
	border-width:2px;
}

.sidebar .searchformBox input[type="submit"] {
	width:50px;
	height:27px;
	border:none;
	float:right;
	background:url(../img/common/sidebar/btn_search.png) no-repeat;
}

/*予約リスト*/
.sidebar .reservationBoxIn {
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	background:#fbfbfb;
	padding:0 10px 10px;
	margin-bottom:20px;
}

.sidebar .reservationBox ul {
	width:280px;
}

.sidebar .reservationBox ul li {
	width:280px;
	padding:10px 0;
	border-top:#fff solid 1px;
	border-bottom:#dddddd solid 1px;
	overflow:hidden;
	vertical-align:bottom;
	position:relative;
}

.sidebar .reservationBox ul img {
	width:89px;
	height:66px;
	float:left;
}

.sidebar .reservationBox ul p {
	color:#92a13d;
	padding-left:99px;
	line-height:1.5;
	margin-bottom:1em;
}

.sidebar .reservationBox ul a p {
	color:#13477b;
	margin-bottom:0;
}

.sidebar .reservationBox ul input {
	position:absolute;
	right:0px;
	bottom:10px;
	text-align:right;
	color:#13477b;
	border:none;
	background:none;
}

.sidebar .reservationBox ul input:hover {
	text-decoration:underline;
}

.sidebar .reservationBox .btn {
	border-top:#fff solid 1px;
	padding-top:10px;
}

.sidebar .reservationBox .btn a {
	width:169px;
	margin:0 auto;
	padding:5px 0 4px;
	text-align:center;
	display:block;
	color:#fff;
	background:url(../img/common/contents/btn_reserve.png) top no-repeat;
	line-height:23px;
}

.sidebar .reservationBox .btn.en a {
	width:150px;
	padding:5px 19px 4px 0;
}

.sidebar .reservationBox .btn a:hover {
	text-decoration:none;
	background-position:bottom;
}

/*おすすめ・人気*/
.sidebar .tabBox {
	width:300px;
	margin-top:20px;
}

.sidebar .tab {
	overflow:hidden;
}

.sidebar .tab li {
	float:left;
	margin-right:2px;
}

.sidebar .tab a {
	display:block;
	width:79px;
	padding:3px 0 1px;
	color:#323232;
	font-size:91.6%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:url(../img/common/sidebar/tab_side.png) top repeat-x;
	border-top:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.sidebar .tab a.en {
	width:99px;
}

.sidebar .tab a:hover,
.sidebar .tab a.active{
	background:#d32828;
	border-color:#d32828;
	color:#fff;
}

.sidebar .tabCont {
	width:280px;
	padding:10px 8px 0 10px;
	border:#cccccc solid 1px;
}

.sidebar .tabCont div {
	width:280px;
	overflow:hidden;
	position:relative;
}

.sidebar .tabCont ul {
	width:280px;
	margin-top:-1px;
}

.sidebar .tabCont ul li {
	border-top:#cccccc solid 1px;
	padding:10px 0;
}

.sidebar .tabCont a {
	width:280px;
	overflow:hidden;
	display:block;
}

.sidebar .tabCont a:hover {
	background: #f4f4f4;
}

.sidebar .tabCont img {
	width:89px;
	height:66px;
	float:left;
	margin-right:10px;
}

.sidebar .tabCont .txt {
	line-height:1.5;
}

.sidebar .tabCont .txt span {
	color:#92a13d;
}

/*SPECIAL*/
.sidebar .spBox {
	margin-top:20px;
}

.sidebar .spBox ul {
	margin-top:-4px;
}

.sidebar .spBox ul li {
	margin-top:3px;
	padding-top:10px;
	border-top:#dddddd solid 1px;
	font-size:116.6%;
}

.sidebar .spBox ul li img {
	margin-bottom:5px;
}

/*お役立ち情報*/
.sidebar .infoBox {
	margin-top:14px;
}

.sidebar .infoBox p {
	padding:0;
	border:none;
}

.sidebar .infoBox ul {
	padding-top:6px;
}

.sidebar .infoBox ul li {
	line-height:1.5;
	margin-top:3px;
	background:url(../img/common/contents/ico_arrow-bk.png) 10px 7px no-repeat;
	padding-left:26px;
	font-size:116.6%;
}

/*Facebook*/
.sidebar .fbBox {
	margin-top:19px;
}

.sidebar .fbBox .fb-like-box {
	display:block;
}

/*** golden week title ***/
.golden {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	_margin: 6px 20px 22px 15px;
	margin: 6px 7px 22px 7px;
}

.golden:after{
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*** stamp rally ***/
.linediv {
    margin: 1rem 0 1rem 0;
}

.linediv a {
    font-size: 1.3rem;
    color: #fff;
    background-color: #833c95;
    text-decoration: none;
    text-align: center;
    padding: 0.6rem 5.05rem;
    display: inline-block;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.linediv a.zh-hant {
    padding: 0.6rem 9.05rem;
}

.linediv a.eng {
    padding: 0.6rem 5.35rem;
}

.linediv a.kankoku {
    padding: 0.6rem 4.3rem;
}

.linediv p {
    /* text-align: center; */
}

.linediv a:hover {
    opacity: 0.9;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    background-color: #9045a3;
}

.stamp {
	position: relative;
	_background: #dfefff;
	background: #feeaff;
	_box-shadow: 0px 0px 0px 5px #dfefff;
	box-shadow: 0px 0px 0px 5px #feeaff;
	border: dashed 2px white;
	padding: 1.2em 0.8em;
	color: #454545;
	_margin: 6px 20px 22px 15px;
	margin: 6px 7px 22px 7px;
	width: 90%;
}

.stamp:after{
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	_border-color: #fff #fff #a8d4ff;
	border-color: #fff #fff #a069a3;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.srally {
	border-style: none;
}

.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}

.bold {
	font-weight: bold;
}
.red {
	color: red;
}


/******************************
フッター
******************************/
footer {
	background:#d32828;
	color:#666666;
}

footer a {
	color:#666666 !important;
}

footer .footerIn {
	background:#f4f4f4 url(../img/common/footer/bg_footerin.png) top left repeat-x;
}

footer .sitemap {
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:22px 0 9px;
	border-bottom:#cccccc solid 1px;
}

footer .category {
	width:1001px;
	overflow:hidden;
}

footer .category div {
	margin-right:21px;
	float:left;
	width:122px;
	overflow:hidden;
}

footer .category .gourmet {
	width:408px;
}

footer .category .car-rental {
	width:265px;
}

footer .category .tit {
	font-size:116.6%;
	border-bottom:#666666 1px dotted;
}

footer .category ul {
	width:122px;
	float:left;
	padding-top:8px;
}

footer .category ul.col2 {
	width:265px;
	margin-right:21px;
}

footer .category ul li {
	width:110px;
	padding-left:12px;
	float:left;
	margin-bottom:5px;
	background:url(../img/common/footer/ico_arrow.png) 4px 7px no-repeat;
}

footer .category ul li.col2 {
	width:253px;
}

footer .wakon {
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:16px 0 17px;
	border-top:#fff solid 1px;
	border-bottom:#cccccc solid 1px;
}

footer .owner {
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:16px 0 13px;
	border-top:#fff solid 1px;
}

footer .wakon .img {
	padding-top:17px;
	float:left;
}

footer .owner .img {
	float:left;
}

footer .wakon ul ,
footer .owner ul {
	width:750px;
	overflow:hidden;
	float:right;
	font-size:108.3%;
	margin-bottom:8px;
}

footer .wakon ul li ,
footer .owner ul li {
	float:left;
	margin:0 20px 0 -11px;
	padding:2px 0 0 10px;
	line-height:1.25;
	border-left:#666666 solid 1px;
}

footer .wakon .txt ,
footer .owner .txt {
	width:750px;
	float:right;
	line-height:1.5;
}

footer .copy {
	width:980px;
	display:block;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:6px 0 5px;
}