@charset "utf-8";
/* base
--------------------------------------------------
サイト内共通スタイル指定用
-------------------------------------------------- */

/* 印刷用
-------------------------------------------------- */

@media print {
*:first-child+html body {
	zoom: 75%;
}

*:first-child+html #cLeft{
	margin-right:0;
}

*:first-child+html #main {
	zoom:1;
}

*:first-child+html #main02 {
	zoom:1;
}

*:first-child+html #main03 {
	zoom:1;
}

*:first-child+html #main04 {
	zoom:1;
}

*html body {
	zoom: 75%;
}

*html #cLeft{
	margin-right:0;
}

*html #main {
	zoom:1;
}

*html #main02 {
	zoom:1;
}

*html #main03 {
	zoom:1;
}

*html #main04 {
	zoom:1;
}
}

/* 共通
-------------------------------------------------- */

html {
	margin : 0;
	padding : 0;
	font-size:80%;
	overflow-y:scroll;
}

body {
	margin: 0;
	padding:0;
	background-color:#e6f1ff;
	text-align:center;
	font-size:100%;
	color: #3f3f3f;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 基本スタイル
-------------------------------------------------- */

/*----link----*/
a:link {
	color:#e63f39;
	text-decoration:underline;
}

a:visited {
	color:#e63f39;
	text-decoration:underline;
}

a:hover {
	color:#e63f39;
	text-decoration:none;
}

a:active {
	color:#e63f39;
	text-decoration:underline;
}

a.link,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: underline;
}

a.link:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
ul a:hover {
	text-decoration: none;
}

a.link:active,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active,
ul a:active {
	text-decoration: underline;
}

/*---- img ----*/
img {
	margin:0;
	padding:0;
	border:none;
	vertical-align:bottom;
}

/*---- Iconに対する指定　TDへクラス指定----*/
.imgAlign img{
	margin:2px 0 0 0;
	padding:0;
	vertical-align:top;
}

/*---- Iconに対する指定 TDへクラス指定　(参考ページ：Q&Aページ）----*/
.imgAlign2 img{
	margin:0 5px 0 0;
	padding:0;
	vertical-align:baseline;
}

/*---- Iconに対する指定　TDへクラス指定（各施設　お知らせ部分に使用）----*/
.imgAlign3 img{
	margin:0 0 1px 0;
	padding:0;
	vertical-align:baseline;
}

/*tdに上寄せの指定をしてimageにクラス指定*/
.iconPosit {
	display:block;
	margin:0;
	padding:3px 0 0 0;
	_padding:4px 0 0 0;
	vertical-align:top;
}

/*tdに上寄せの指定をしてimageにクラス指定　(参考ページ：湯あみのフロアガイド)*/
.iconPosit2 {
	display:block;
	margin:0;
	padding:3px 0 0 3px;
	_padding:4px 0 0 3px;
	vertical-align:top;
}

/* 共通リスト
-------------------------------------------------- */
p {
	margin: 0;
	padding: 0;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol ,
ul {
	padding:0;
	margin:0 10px 0 10px;
}

li {
	padding:0;
	margin:10px 0;
}

div, form, input, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

sup, sub {
	font-size : 73%;
	_font-size : 95%;
}

/* グレーのドットライン指定
-------------------------------------------------- */
.dotGray {
	width:100%;
	height:1px;
	background-image:url(/images/dot_gray.gif);
	background-repeat:repeat-x;
	margin:10px 0;
}

/*罫線スタイル追加 20140116(ナガシマ様が使用されるため)*/
#pageBody hr {
	width:100%;
	height:1px;
	background: #FFF url(/images/dot_gray.gif) repeat-x 0 0;
	margin:10px 0;
	padding:0;
	border:0;
}

/* グレーのドットライン指定 スパーランド用
-------------------------------------------------- */
.dotGraySpa {
	width:530px;
	height:1px;
	background-image:url(/images/dot_gray.gif);
	background-repeat:repeat-x;
	margin:10px 0 10px 10px;
	_margin:10px 0;
	padding:0;
}

/* 角丸
-------------------------------------------------- */
.roundAll {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.roundTop {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.roundBtm {
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

/* PC用各施設TOPお知らせ
-------------------------------------------------- */
#pcNews {
	margin: 10px 0;
}

/* 基本text-align指定
-------------------------------------------------- */
.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

/* 基本float指定
-------------------------------------------------- */
.fleft {
	float:left;
}

.fright {
	float:right;
}


/* clearfixハック
-------------------------------------------------- */	
/*----IE以外モダンブラウザ向け ----*/
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*----IE7およびMAC版IE5向け ----*/
.clearFix{
	display:inline-block;
}

/*----IE6以前向け ----*/

/*Hides from IE-mac\*/
*html.clearFix{ height:1%; }
.clearFix{ display:block; }
/*End hide from IE-mac*/


/* 基本float clear指定
-------------------------------------------------- */
.clearRight {
	clear:right;
}

.clearLeft {
	clear:left;
}

.clearAll {
	clear:both;
}

/* 消す */
.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

/* プリント改行指定
-------------------------------------------------- */
.printbr {
	page-break-after:always;
}

/* hidden
-------------------------------------------------- */
hr.divider,
#pageBody hr.divider {
	display:none;
	margin:0;
	background:0;
}

.hidden {
	position:absolute;
	left:-999px;
	width:999px;
}

/* 枠からはみ出す要素のサイズ補正
-------------------------------------------------- */
/*---- iframe ----*/
#pageBody iframe {
	max-width: 100%;
}

/*---- img ----*/
#main img,
#main02 img,
#main03 img,
#main04 img {
	max-width: 100%;
	height: auto;
}
#main .img_spacer,
#main02 .img_spacer,
#main02 .img_spacer,
#main04 .img_spacer {
	max-height: 10px;
}
#infoDetail {
	width: 530px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
}
#infoWrap #infoDetail {
	margin: 0;
	padding: 0;
	background: none;
}

/* その他
-------------------------------------------------- */
/*---- Facebook Page Plugin ----*/
#fb-page-widget {
	float:left;
	width: 340px;
	height: 500px;
	margin-bottom: 10px;
	text-align:left;
}
#twitter-widget {
	float:right;
	width: 220px;
	height: 500px;
	margin-bottom: 10px;
	text-align:left;
}

/* margin
-------------------------------------------------- */
/* margin class:top */
.mt00 { margin-top:0 !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }

/* margin class:right */
.mt00 { margin-right:0 !important; }
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }

/* margin class:bottom */
.mb00 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }

/* margin class:left */
.ml00 { margin-left:0 !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }