@charset "utf-8";
/*---------------------------------------
common.css
create:asoTWC/nishioka
---------------------------------------*/

*{
	margin:0;
	padding:0;
}

body {
	color:#444;
	/*background-color:#000;*/
	font-size: 83%; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
body, x:-moz-any-link {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 85%;
}

a:link,a:visited {text-decoration: none;color:#008fd4;}
a:hover,a:active {text-decoration: underline; color: #f0b500;}



/*	季節が代わる際に以下を変更	Flashの背景も変更する→[index.shtml]
------------------------------------------------------------------ spring1*/
#topPhotoBg,
#topEventWrapper {
	background:url(../img/top_wrapper_bg.png) no-repeat center top;
}
#topContainer {
    background-color: #0091b3;
}
#container {
	background:url(../img/subsidebg_spring.gif) repeat-y left top;
}
#wrapper {
	background:url(../img/body_bg.jpg) no-repeat center top;
}
/*	季節が代わる際に以下を変更	Flashの背景も変更する→[index.shtml]
------------------------------------------------------------------ spring2
#topPhotoBg,
#topEventWrapper {
	background:url(../img/top_wrapper_bg.jpg) no-repeat center top;
}
#topContainer {
	background-color:#ff608d;
}
#container {
	background:url(../img/subsidebg_spring2.gif) repeat-y left top;
}
#wrapper {
	background:url(../img/body_bg.jpg) no-repeat center top;
}

/*------------------------------------------------------------------ summer
#topPhotoBg,
#topEventWrapper {
	background:url(../img/top_wrapper_bg.jpg) no-repeat center top;
}
#topContainer {
	background-color:#0091e3;
}
#container {
	background:url(../img/subsidebg_summer.gif) repeat-y left top;
}
#wrapper {
	background:url(../img/body_bg.jpg) no-repeat center top;
}
*/
/*---------------------------------------------------------------- autumn
#topPhotoBg,
#topEventWrapper {
	background:url(../img/top_wrapper_bg.jpg) no-repeat center top;
}
#topContainer {
	background-color:#f87741;
}
#container {
	background:url(../img/subsidebg_autumn.gif) repeat-y left top;
}
#wrapper {
	background:url(../img/body_bg.jpg) no-repeat center top;
}
---------------------------------------------------------------- winter
#topPhotoBg,
#topEventWrapper {
	background:url(../img/top_wrapper_bg.jpg) no-repeat center top;
}
#topContainer {
	background-color:#a5bcc8;
}
#container {
	background:url(../img/subsidebg_winter.gif) repeat-y left top;
}
#wrapper {
	background:url(../img/body_bg.jpg) no-repeat center top;
}
*/
/*----------------------------------------------------------------

/* common frame
--------------------------------------------------------------*/
#header {
	border-bottom:1px solid #dcdcdc;
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(242,242,242) 100%);
}
#header .headerInner {
	width:1145px;
	margin:0 auto;
}
#header .headerInner h1.headerLogo {
	float:left;
	padding:12px 0;
	width:226px;
}
#header .headerInner .browser {
	padding-top:5px;
	font-size:80%;
}
#header .headerInner .telNum {
	float:right;
}
#wrapper {
	background-color:#f0f0e7;
}
#container {
	width:1145px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#subSideBlock {
	/*float:left;*/
	width:226px;
	/*position:fixed;*/
	background-color: #0091b3;
}
#subSideBlock div.blockFixed {
	position: fixed;
}
#subSideBlock .subLogo {
	text-align:center;
	padding:30px;
}
ul#globalNavigation {
	width:226px;
	padding-bottom:30px;
}
ul#globalNavigation li {
	width:226px;
	height:22px;
	margin-bottom:20px;
}
ul#globalNavigation li a {
	width:226px;
	height:22px;
	display:block;
}
ul#globalNavigation li.gNavi07 {
	display:none;
}

ul#globalNavigation li.gNavi05 {
	/*height:33px;*/
}
ul#globalNavigation li.gNavi05 a.eng {
	width:219px;
	height:11px;
	display:block;
	background:url(../img/navi_eng_out.png) no-repeat right top;
}
ul#globalNavigation li.gNavi05 a.eng:hover {
	background:url(../img/navi_eng_ovr.png) no-repeat right top;
}
ul#globalNavigation li a {
	background:url("../img/2nd_globalnavigation_out.png") no-repeat;
}
ul#globalNavigation li.gNavi01 a {
	background-position:0 0;
}
ul#globalNavigation li.gNavi02 a {
	background-position:0 -36px;
}
ul#globalNavigation li.gNavi03 a {
	background-position:0 -72px;
}
ul#globalNavigation li.gNavi04 a {
	background-position:0 -108px;
}
ul#globalNavigation li.gNavi05 a {
	background-position:0 -144px;
}
/*ul#globalNavigation li.gNavi06 a {
	background-position:0 -180px;
}
ul#globalNavigation li.gNavi07 a {
	background-position:0 -216px;
}
ul#globalNavigation li.gNavi08 a {
	background-position:0 -252px;
}*/

ul#globalNavigation li a:hover {
	background:url("../img/2nd_globalnavigation_ovr.png") no-repeat;
}
ul#globalNavigation li.gNavi01 a:hover {
	background-position:0 0;
}
ul#globalNavigation li.gNavi02 a:hover {
	background-position:0 -36px;
}
ul#globalNavigation li.gNavi03 a:hover {
	background-position:0 -72px;
}
ul#globalNavigation li.gNavi04 a:hover {
    background-position:0 -108px;
}
ul#globalNavigation li.gNavi05 a:hover {
	background-position:0 -144px;
}
/*ul#globalNavigation li.gNavi06 a:hover {
	background-position:0 -180px;
}
ul#globalNavigation li.gNavi07 a:hover {
	background-position:0 -216px;
}
ul#globalNavigation li.gNavi08 a:hover {
	background-position:0 -252px;
}*/

/* main frame
--------------------------------------------------------------*/

#subMainBlock {
	/*float:right;*/
	width:800px;
	padding:0px 54px 50px 0;
}
#subMainBlock .eyeCatchImg {
	/*margin-bottom:15px;*/
	margin: 15px 0;
}
#subMainBlock h2.pageTitle {
	font-size: 27px;
	margin-bottom:30px;
}
#subMainBlock .contentsArea {
	padding: 20px 20px 20px;
	background: url(../img/contentsarea_bg.gif) repeat left top;
	margin-bottom: 20px;
}
#subMainBlock .contentsArea .unitBox {
	padding:20px 25px;
	margin-bottom:20px;
	border:1px solid #e2e2e2;
	background-color:#fff;
}
#subMainBlock .contentsArea p {
	line-height:170%;
	margin-bottom:15px;
}
#subMainBlock h3.subTitle {
	font-size:150%;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	/*color:#222;*/
	color: #0091b3;
	font-weight:bold;
}
#subMainBlock h4.sTitle {
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}
#subMainBlock p.paragraphEnd {
	line-height:170%;
	margin-bottom:50px;
}
#subMainBlock ul.attention {
	/*margin:0 0 40px;
	font-size:75%;
	color:#777;*/
	margin: 0 0 1.5rem;
	color: #555;
	line-height:130%;
}
#subMainBlock ul.attention li {
	/*background:url(../img/att_sign.gif) no-repeat 0 3px;*/
	margin-bottom:5px;
	padding-left:12px;
}
#subMainBlock h3.pickUpInfo {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #ebe9df;
	text-align:center;
	clear:both;
}
#subMainBlock .pickUpBox {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #E1C4C4;
	clear:both;
}
#subMainBlock .pickUpBox2 {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #bcfbd4;
	clear:both;
}
#subMainBlock .pickUpBox3 {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #f99f3e;
	clear:both;
}
#subMainBlock .pickUpBox4 {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #6b9fff;
	clear:both;
}
#subMainBlock .pickUpBox5 {
	margin-bottom:15px;
	padding:15px;
	border:4px solid #ffb7b7;
	clear:both;
}
#subMainBlock .pageTop {
	clear:both;
	margin-bottom:15px;
	text-align:right;
}
#subMainBlock img.photoFrame {
	background-color:#fff;
	padding:7px;
	border:1px solid #ddd;
}
#subMainBlock .photoRight {
	float:right;
	margin:0 0 10px 10px;
}
#subMainBlock .photoLeft {
	float:left;
	margin:0 10px 10px 0px;
}


/* bottom link
--------------------------------------------------------------*/
#bottomLink {
	clear:both;
	background:url(../img/banner_bg.gif) repeat left top;
	padding:20px 0 10px;
	font-size:80%;
	color:#fff;
	display:none;
}
#bottomLink ul.bottomNavigation {
	width:1138px;
	margin:0 auto;
}
#bottomLink ul.bottomNavigation li {
	float:left;
	padding-right:20px;
	margin-bottom:10px;
}
#bottomLink ul.bottomNavigation li a {
	color:#ddd;
	background:url(../img/bottomlink_out.gif) no-repeat left center;
	padding-left:10px;
}
#bottomLink ul.bottomNavigation li a:hover {
	background:url(../img/bottomlink_ovr.gif) no-repeat left center;
	color:#fff;
}

#reservationWrapper {
	font-size:110%;
}




/* footer
--------------------------------------------------------------*/
#footer {
	background-color: #000;
}
#footer div.inner {
    width: 1145px;
    font-size: 12px;
    padding: 15px 0;
    margin: 0 auto;
}
#footer .corporateInfo {
	width:600px;
	color:#ddd;
	float:left;
	font-style:normal;
}
#footer .corporateInfo .corpName {
	font-weight:bold;
	margin-bottom:3px;
}
#footer .corporateInfo address {
	font-style:normal;
	font-size:85%;
	line-height:140%;
}
#footer .copyRight {
	/*text-align:right;
	width:300px;*/
	float:right;
}


/* add
------------------------------------------------------*/
/*ul#globalNavigation li.gNavi04 {
	display:none;
}*/

hr {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #fff;
	margin: 0 auto 15px;
	width: 86%;
}


/* common format
------------------------------------------------------*/
.fir {display:none;}

.clearfix:after {
	content: ".";
	display: block;
	/*height: 0;*/
	clear: both;
	visibility: hidden;
}
.clearfix { zoom: 100%; }

ul,li,ol {list-style-type:none;}
img { border:none}


.nowrap {white-space:nowrap}


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

/* align float */
.clr {clear:both}
.clrR {clear:right;}
.clrL {clear:left;}
.alignLeft {text-align:left !important}
.alignRight {text-align:right !important}
.alignCenter {text-align:center !important}
.floatLeft {float:left !important}
.floatRight {float:right !important}

/* textformat */
.text-1 { font-size:1.34em;}
.text-2 { font-size:1.27em;}
.text-3 { font-size:1.14em;}
.text-4 { font-size:0.88em;}
.text-5 { font-size:0.74em;}
.text-6 { font-size:0.62em;}

.textred {color:#f00 !important;}
.textred2 {color:#b00 !important;}
.textgreen2 {color:#0b0 !important;}
.textblue2 {color:#00b !important;}
.textorange {color:#f80 !important;}
.textpink {color:#f48 !important;}
.textpurple {color:#70c !important;}

/* bordercolor */
.bcGreen {border-color:#7fdfbe !important;}
.bcRed {border-color:#ff9b9b !important;}
.bcPink {border-color:#ffb4d9 !important;}
.bcBlue {border-color:#c9eaff !important;}
.bcGray {border-color:#bbb !important;}
.bcOrange {border-color:#ffd59b !important;}

/* backgroundcolor */
.bgGreen {background-color:#e1eed3 !important;}
.bgRed {background-color:#ffd4d4 !important;}
.bgPink {background-color:#ffe0ef !important;}
.bgBlue {background-color:#eaf7ff !important;}
.bgGray {background-color:#eee !important;}
.bgOrange {background-color:#ffefd8 !important;}

/* width */
.width10 {width:10%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

/* margin-bottom */
.marginAuto {margin-left:auto;margin-right:auto !important;}
.marginBottom0 {margin-bottom:0px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}

/* margin-left,margin-right */
.marginLeft0 {margin-left:0px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginRight0 {margin-right:0px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight50 {margin-right:50px !important;}

/* margin-top */
.marginTop0 { margin-top:0px !important; }
.marginTop10 { margin-top:10px !important; }
.marginTop20 { margin-top:20px !important; }
.marginTop30 { margin-top:30px !important; }
.marginTop40 { margin-top:40px !important; }
.marginTop50 { margin-top:50px !important; }
.marginTop60 { margin-top:60px !important; }
.marginTop70 { margin-top:70px !important; }
.marginTop80 { margin-top:80px !important; }
.marginTop90 { margin-top:90px !important; }
.marginTop100 { margin-top:100px !important; }

/* padding-top */
.paddingTop0 { padding-top:0px !important; }
.paddingTop10 { padding-top:10px !important; }
.paddingTop20 { padding-top:20px !important; }
.paddingTop30 { padding-top:30px !important; }
.paddingTop40 { padding-top:40px !important; }
.paddingTop50 { padding-top:50px !important; }
.paddingTop60 { padding-top:60px !important; }
.paddingTop70 { padding-top:70px !important; }
.paddingTop80 { padding-top:80px !important; }
.paddingTop90 { padding-top:90px !important; }
.paddingTop100 { padding-top:100px !important; }