@charset "UTF-8";

/*********************
*
*	layout
*
**********************/


#putContents {
	margin: 0px auto;
	padding: 0px;
	width: 710px;
	text-align: left;
}


.tablePut td,th {
	padding:0.2em 0.5em;
	text-align:left;
}
	
.tablePut th {
font-size:84%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#009933;
}

th.marinSp {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#00a0c6;	
}
p.marinSub,p.marinSub a {
font-size:100%;
	color:#00a0c6;
	font-weight:bold;
	text-align:left;
}

th.leasureTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#34A34E;	
}
p.leasureSub,p.leasureSub a {
font-size:100%;
	color:#34A34E;
	font-weight:bold;
	text-align:left;
}

th.shoppingTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#01968D;	
}
p.shoppingSub,p.shoppingSub a {
font-size:100%;
	color:#01968D;
	font-weight:bold;
	text-align:left;
}

th.gourmetTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#FF6600;	
}
p.gourmetSub,p.gourmetSub a {
font-size:100%;
	color:#FF6600;
	font-weight:bold;
	text-align:left;
}

th.nightTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#387EB8;	
}
p.nightSub,p.nightSub a {
font-size:100%;
	color:#387EB8;
	font-weight:bold;
	text-align:left;
}

th.relaxTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#F7366B;	
}
p.relaxSub,p.relaxSub a {
font-size:100%;
	color:#F7366B;
	font-weight:bold;
	text-align:left;
}

th.hotelTtl {
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#C63396;	
}
p.hotelSub,p.hotelSub a {
font-size:100%;
	color:#C63396;
	font-weight:bold;
	text-align:left;
}

th.areaTtl, th.othersTtl{
font-size:120%;
	color:white;
	font-weight:bold;
	text-align:left;
	background-color:#000000;	
}
p.areaSub, p.othersSub, p.areaSub a, p.othersSub a {
font-size:100%;
	color:#000000;
	font-weight:bold;
	text-align:left;
}


.tablePut td {
	font-size:110%;
	line-height:160%;
}

.siteMapList a {
	color:#666666;
	text-decoration: none;
}
.siteMapList a:hover {
	color:#0d5fe3;
}

.sMap h1 {
	font-size: 2.5rem;
	font-weight:600;
}
.sMap a {
	text-decoration: none;
	color:#3b3b3b;
}
.sMap a:hover {
	text-decoration: none;
	font-weight: 600;
	color:#1a84f5;
}
.sMap h3 {
    background-color: #a2c4fe;
    padding: 6px 0px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.sMap h4, .sMap h4 a {
	padding-top: 0.5rem;
	font-size: 1.35rem;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media (max-width: 427px) {
	.sMap h3 {
		font-size: 1.4rem;
	}
	.sMap h4.marin a,.sMap h4.leasure a,.sMap h4.shopping a,.sMap h4.night a,.sMap h4.relax a,.sMap h4.hotel a,.sMap h4.gourmet a,.sMap h4.hotel a,.sMap h4.area a,.sMap h4.other a {
		font-size: 1.2rem;
	}
	h1.smapT{
		font-size: 2rem;
	}
}

.sMap h3.marin {
    background-color: #00a0c6;
    text-align: center;
    color: #ffffff;
}
.sMap h4.marin, h4.marin a {
	padding-top: 0.5rem;
    color: #00a0c6;
	font-size: 1.35rem;
}

.sMap h3.leasure {
    background-color: #34A34E;
    text-align: center;
    color: #ffffff;
}
.sMap h4.leasure, h4.leasure a {
	padding-top: 0.5rem;
    color: #34A34E;
	font-size: 1.35rem;
}

.sMap h3.shopping {
    background-color: #01968D;
    text-align: center;
    color: #ffffff;
}
.sMap h4.shopping, h4.shopping a {
	padding-top: 0.5rem;
    color: #01968D;
	font-size: 1.35rem;
}

.sMap h3.night {
    background-color: #387EB8;
    text-align: center;
    color: #ffffff;
}
.sMap h4.night, h4.night a {
	padding-top: 0.5rem;
    color: #387EB8;
	font-size: 1.35rem;
}

.sMap h3.relax {
    background-color: #F7366B;
    text-align: center;
    color: #ffffff;
}
.sMap h4.relax, h4.relax a {
	padding-top: 0.5rem;
    color: #F7366B;
	font-size: 1.35rem;
}

.sMap h3.gourmet {
    background-color: #FF6600;
    text-align: center;
    color: #ffffff;
}
.sMap h4.gourmet, h4.gourmet a {
	padding-top: 0.5rem;
    color: #FF6600;
	font-size: 1.35rem;
}

.sMap h3.hotel {
    background-color: #C63396;
    text-align: center;
    color: #ffffff;
}
.sMap h4.hotel, h4.hotel a {
	padding-top: 0.5rem;
    color: #C63396;
	font-size: 1.35rem;
}

.sMap h3.area {
    background-color: #000000;
    text-align: center;
    color: #ffffff;
}
.sMap h4.area, h4.area a {
	padding-top: 0.5rem;
    color: #000000;
	font-size: 1.35rem;
}

.sMap h3.other {
    background-color: #000000;
    text-align: center;
    color: #ffffff;
}
.sMap h4.other, h4.other a {
	padding-top: 0.5rem;
    color: #000000;
	font-size: 1.35rem;
}

.sMap ul li {
	line-height: 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
	color:#494949;
    padding: 1rem;
}

@media (max-width: 427px) {
	.sMap ul li a {
		font-size: 1rem;
	}
}

@media (max-width: 457px) {
	.sMap ul li a.longItem {
		line-height: 1.5rem;
	}
}


.toTopBtn a{
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
    background-color: #1773e4;
	padding: 6px 26px;
    border-radius: 6px;
}

.mOver a:hover {
 opacity: 75%;
}

.toTopBtn a:hover {
	text-decoration: none;
	font-weight: 600;
	color:#b0d5fd;
}