@charset "Shift_JIS";

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: block;}

/* BODY */
body {
  line-height: 1.3;
  color: #333;
  font-size: 13px;
	font-family: "ヒラギノ角ゴシック ProN",Helvetica;
  word-break: break-all;
  -webkit-text-size-adjust: none;
}

a {
	color: #444;;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

.btnCent {
	text-align: center;
	margin: 0 auto 7px;
	clear: both;
}

.linkLine a:link {
	text-decoration: underline;
}

.pdg5 {
	padding: 5px;
}

.mB5 {
	margin-bottom: 5px;
}

.txtSmall {
	font-size: 11px;
}

.txtRed {
	color: #A40000;
}

/* HEADER
------------------------------*/

#headerTop {
	width: 100%;
	background: #fff;
}

#headerTop h1 a, #headerTop h1 a:link, #headerTop h1 a:visited, #headerTop h1 a:hover {
	width: 320px;
	height: 160px;
	display: block;
	background: url("top_head.jpg");
	-webkit-background-size: 320px 160px;
	background-size: 320px 160px;
	text-decoration: none;
	text-indent:-9999px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 70px;
	background: #000;
}



.head {
	height: 70px;
	background: url("bg_head.jpg") center center no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	display: block;
}

.head h1 {
	float: left;
	padding-top: 10px;
}

.headR {
	float: right;
	padding-top: 25px;
	padding-right: 10px;
}

/* FOOTER
------------------------------*/
#footer {
	width: 100%;
}

.footAddress {
	width: 100%;
/*	height: 100px;*/
	background-color: #eee;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

.footAdd {
	width: 320px;
	margin: 0 auto;
}

.footAdd p {
	font-size: 1.1em;
	padding: 0 10px 10px 10px;
}

.footAddL {
	float: left;
	padding: 7px 10px 0 10px;
}

.footAddR {
	float: right;
	padding: 7px 10px 0 10px;
}

.footContact {
	width: 100%;
	height: 44px;
	background-color: #999;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.footCont {
	width: 291px;
	margin: 0 auto;
}

.footContL {
	float: left;
	width: 145px;
	height: 44px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}

.footContR {
	float: right;
	width: 142px;
	height: 44px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}

.footCopy {
	clear: both;
	width: 100%;
	color: #fff;
	background-color: #333;
	padding: 10px 0;
	text-align: center;
}

/* NAVI
------------------------------*/
#nav {
	width: 320px;
	margin: 0 auto;
	border-bottom: solid 1px #fff;
}

#nav li {
	float: left;
	height: 40px;
}

/* CONTENTS
------------------------------*/
#contentPlanTop {
	width: 100%;
/*	height: 257px;	*/
	border-bottom: solid 1px #fff;
}

#contentOnsenTop {
	clear: both;
	width: 100%;
/*	height: 257px;	*/
	border-bottom: solid 1px #fff;
}

#contentRoomTop {
	width: 100%;
/*	height: 257px;	*/
	border-bottom: solid 1px #fff;
}

#contentFacilityTop {
	width: 100%;
	height: 134px;
	border-bottom: solid 1px #fff;
}

#contentAccessTop {
	width: 100%;
	height: 122px;
	border-bottom: solid 1px #fff;
}

#contentPlan {
	width: 100%;
	border-bottom: solid 1px #fff;
}

#contentOnsen {
	width: 100%;
	border-bottom: solid 1px #fff;
}
#contentOnsenNav {
	width: 100%;
/*	height: 142px;	*/
	border-bottom: solid 1px #fff;
}
#contentRoom {
	width: 100%;
	border-bottom: solid 1px #fff;
}
#contentRoomNav {
	width: 100%;
/*	height: 143px;*/
	border-bottom: solid 1px #fff;
}
#contentRoomNav ul {
	border-top: solid 1px #cccccc;
}
#contentFacilityIndex {
	width: 100%;
/*	height: 257px;	*/
	border-bottom: solid 1px #fff;
}
#contentFacility {
	width: 100%;
	border-bottom: solid 1px #fff;
}
#contentAccess {
	width: 100%;
	border-bottom: solid 1px #fff;
}
#contentDish {
	width: 100%;
	border-bottom: solid 1px #fff;
}
#contentContact {
	width: 100%;
}
#contentPrivacy {
	width: 100%;
	border-bottom: solid 1px #fff;
}
.contentHead {
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cea500), color-stop(0.00, #b28f00));
	background: -webkit-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -moz-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -o-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -ms-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: linear-gradient(top, #b28f00 0%, #cea500 100%);
}
.contentHead h2 {
	clear: both;
	height: 44px;
}
.contentTitle {
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	border-bottom: solid 1px #ccc;
}
.contentImg {
	width: 100%;
	text-align: center;
}
.contentTitle h3 {
	clear: both;
	height: 38px;
}
.contentList1 {
	width: 100%;
}
.contentList1 ul {
	height: auto;
	margin: 0 auto;
}
.contentList1 li {
	clear: both;
	height: 70px;
	font-size: 0.9em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	border-bottom: solid 1px #ccc;
}

.contentList1 li a{
	background: url("../common/sp1/imge/mark.gif") right center no-repeat transparent;
	display: block;
}

.contListL {
	float: left;
	width: 107px;
	height: 70px;
}

.contListR {
	height: 60px;
	padding: 5px 10px;
	margin-left: 107px;
}

.contentList1 span {
	color: #b99f51;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}

.contentList2 {
	width: 320px;
	margin: 0 auto;
}

.contentList2 li {
	height: 70px;
	border-bottom: solid 1px #ccc;
}

.contentList3 {
	width: 320px;
	margin: 0 auto;
}

.contentList3 li {
	float: left;
}
.contentBtn {
	width: 100%;
	margin: 0 auto;
	background-color: #ccc;
	border-bottom: solid 1px #fff;
}
.contentBtnBox {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 10px;
}
.contBtnL {
	float: left;
}
.contBtnR {
	float: right;
}
.topRemove {
	width: 100%;
	height: 34px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cea500), color-stop(0.00, #b28f00));
	background: -webkit-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -moz-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -o-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: -ms-linear-gradient(top, #b28f00 0%, #cea500 100%);
	background: linear-gradient(top, #b28f00 0%, #cea500 100%);
	text-align: center;
}

/* COMMON 
------------------------------*/
#planGroup {
	width: auto;
	background: #fff;
	clear: both;
}

/* プラン
------------------------------*/
.planContent dl {
	border-top: solid 1px #999;
}
.planContent dt {
	clear: both;
	float: left;
	width: 60px;
	height: 20px;
	padding: 5px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #999;
}
.planContent dd {
	height: 20px;
	padding: 5px;
	padding-left: 80px;
	border-bottom: solid 1px #999;
}
.planContent p {
	clear: both;
	padding: 5px;
}
.planReserv1 {
	height: 50px;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 10px;
}
.planReserv2 {
	height: 40px;
	padding: 10px 0;
	text-align: center;
	background-color: #ccc;
}

/* 温泉
------------------------------*/
.onsenCont {
	padding: 10px;
}
.onsenCont p {
	padding: 5px 0;
}
.onsenCont span {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}
.onsenCont li {
	height: 18px;
	background: url("../common/sp1/imge/mark_square.gif") left center no-repeat;
	padding-top: 4px;
	padding-left: 15px;
}

/* お部屋
------------------------------*/
.roomCont {
	padding: 10px;
}
.roomCont p {
	padding: 5px 0;
}
.roomCont span {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}
.roomCont li {
	height: 18px;
	background: url("../common/sp1/imge/mark_square.gif") left center no-repeat;
	padding-top: 4px;
	padding-left: 15px;
}
.roomPlan {
	height: 40px;
	padding: 10px 0;
	text-align: center;
}

/* 料理
------------------------------*/
.dishCont {
	padding: 10px;
	margin-bottom: 15px;
}
.dishCont p {
	padding: 5px 0;
}
.dishCont span {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}
.dishCont li {
	height: 18px;
	background: url("../common/sp1/imge/mark_square.gif") left center no-repeat;
	padding-top: 4px;
	padding-left: 15px;
}

/* 館内施設
------------------------------*/
.facilityCont {
	padding: 10px;
}
.facilityCont p {
	padding: 5px 0;
}
.facilityCont span {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}
.facilityCont li {
	height: 18px;
	background: url("../common/sp1/imge/mark_square.gif") left center no-repeat;
	padding-top: 4px;
	padding-left: 15px;
}

/* 交通案内
------------------------------*/
.tab-container {
	width: 320px;
	margin: 0 auto;
}
.accTabs {
	width: 100%;
	text-align: center;
	padding: 0;
	border-bottom: solid 1px #ccc;
}

.accTab { 
	display: inline-block; 
	zoom:1; 
	*display:inline; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	border: solid 1px #999; 
	border-bottom: none;
	padding-left: 1px;
}
.accTab a { 
	width: 101px;
	height: 65px;
	display: block; 
	outline: none;
	text-align: center;
	padding: 5px 0;
}
.accTab a:hover {
	text-decoration: none;
}
.accTab.active { 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b5b5b5), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #b5b5b5 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #b5b5b5 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #b5b5b5 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #b5b5b5 100%);
	background: linear-gradient(top, #eeeeee 0%, #b5b5b5 100%);
	position: relative; 
	border-color: #ccc; 
}
.accTab a.active { 
	font-weight: bold; 
}
.accTab-container .panel-container { 
	background: #fff; 
	border: solid #ccc 1px;
}

.tab-container span {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}

/* お問い合わせ
------------------------------*/
.contactCont {
	padding: 10px 7px;
	background-color: #666;
}
.contactCont p {
	color: #ffe04e;
	font-weight: bold;
}
.contactDesc {
	padding-bottom: 8px;
}
.contactInfo {
	padding: 10px 5px;
	margin-bottom: 10px;
}
.contactBtn {
	width: 300px;
	border: solid 2px #666;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-size: 1.8em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cdcdcd), color-stop(0.00, #ededed));
	background: -webkit-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
	background: -moz-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
	background: -o-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
	background: linear-gradient(top, #ededed 0%, #cdcdcd 100%);
}
.contactBtn img {
	vertical-align: middle;
	margin-right: 3px;
}
.contactTime {
	font-size: 0.9em;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 10px;
}

/* 館内施設
------------------------------*/
.privacyCont {
	padding: 10px;
}
.privacyCont h3 {
	height: 15px;
	padding: 5px;
	border-left: solid 4px #999;
	border-bottom: solid 1px #666;
	margin-bottom: 5px;
	color: #666;
	font-weight: bold;
}
.privacyCont p {
	padding: 5px 0;
	margin-bottom: 10px;
}
.privacyCont ul {
	margin-bottom: 10px;
	padding-left: 15px;
}
.privacyCont li {
	list-style-type: disc;
}

/* COLORS */
#planGroup h2 {
	border-bottom: 4px solid #134b82;
}

.navList li,.navList2 li {
	background-color:#f2f2f2;
	background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
}

.detailInfo1 {
	background: #cde3fb;
}

.detailInfo1 dt {
	color: #134b82;
}

.detailBox {
	background: #cde3fb;
	border: 2px solid #b1cceb;
}

.btnDetaBox a,.btnSarch a {
	background: #134b82;
	background-image: -moz-linear-gradient(top, #6a9cd4, #134b82);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6a9cd4), to(#134b82));
}

.slideCalen h3,.slideCalen2 h3 {
	background: #134b82;
}

.tbForm1 .thStep {
	background: #b1cceb;
}

.tbForm2 th {
	background: #134b82;
}

.btnForm2 {
	background: #134b82;
	background-image: -moz-linear-gradient(top, #6a9cd4, #134b82);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6a9cd4), to(#134b82));
	border: 1px solid #134b82;
}

.liStep1,.liStep2b,.liStep3b {
	background-color: #6a9cd4;
}

/* ACCORDION */
.accordion {
	margin: 5px;
	width: auto;
}

.accordion dt {
	padding: 10px;
	cursor: pointer;
	background: url(../images/icon_open.gif) right center no-repeat #777;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #444;
	text-shadow: 1px 1px 1px #333;
}

.accordion .open {
	background: url(../images/icon_close.gif) right center no-repeat #777;
}

.contCompound {
	padding: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #aaa;
	margin-top: 2px;
	line-height: 2;
}

.contCompound label {
	background: #eee;
	border: 1px solid #666;
	padding: 3px 5px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	margin-bottom: 2px;
}

.contCompound select {
	padding: 5px;
	background: #eee;
	width: 30%;
}

.contCompound span {
	width: 7em;
	display: block;
	float: left;
	text-align: right;
}

.contCompound .accorType {
	margin-left: 7.2em;
}

.accordion2 {
	margin: 0 5px 5px;
	width: auto;
}

.accordion2 dt {
	padding: 10px;
	cursor: pointer;
	background: url(../images/icon_open.gif) right center no-repeat #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #333;
	font-weight: bold;
	border: 1px solid #aaa;
}

.accordion2 .open {
	background: url(../images/icon_close.gif) right center no-repeat #eee;
}

.contCompound2 {
	padding: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #aaa;
	margin-top: 2px;
}

/* PLAN */
#planGroup h2 {
	width: auto;
	margin: 1px 0;
	font-size: 15px;
	background: -moz-linear-gradient(top, #e0e0e0, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#fff));
	color: #333;
	padding: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #999;
	border-top: 1px solid #666;
}


.navList {
	margin-bottom: 10px;
}

.navList li {
	width: auto;
	display: block;
	border-top: 1px solid #999;
}

.navList li a {
	width: auto;
	display: block;
	background: url(../images/arrow_r1.gif) right center no-repeat;
	padding: 14px 20px 14px 10px;
	border-top: 1px solid #fff;
}

.navList li:last-of-type {
	border-bottom: 1px solid #999;
}

.navList2 {
	margin-bottom: 5px;
}

.navList2 li {
	width: auto;
	display: block;
	border-top: 1px solid #999;
	clear: both;
}

.navList2 li a {
	width: auto;
	display: block;
	background: url(../images/arrow_r1.gif) right center no-repeat;
	padding: 9px 20px 10px 10px;
	border-top: 1px solid #fff;
}

.navList2 li:last-of-type {
	border-bottom: 1px solid #999;
}

.navList2 .tnPlan {
	width: 90px;
	float: left;
}

.navList2 .tnPlan img {
	width: 90px;
	display: block;
	border: 1px solid #fff;
}

.navList2 .planR {
	margin-left: 100px;
}

.navList2 .planR p {
	font-weight: normal;
	font-size: 11px;
	color: #333;
}
.pagerIn {
	clear: both;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background: #eee;
}

.pagerL {
	float: left;
	width: 100px;
}

.pagerR {
	float: right;
	width: 100px;
}

.pagerL a {
	width: auto;
	display: block;
	padding: 7px 15px 6px 15px;
	background: url(../images/farrow_l.gif) left center no-repeat #999;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

.pagerR a {
	width: auto;
	display: block;
	padding: 7px 15px 6px 15px;
	background: url(../images/farrow_r.gif) right center no-repeat #999;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

.pagerC {
	text-align: center;
	padding-top: 8px;
}

/* flick */
.mainBlock {
	clear: both;
}
.mainBlock .flickSlideContainer {
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

.mainBlock .slideMask {
	position:absolute;
	top:0;
	left:0;
	border:4px #FFF solid;
	-webkit-box-sizing:border-box;
	margin-right:1px;
}
.mainBlock .moveWrap>ul.move {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
	width:10000px;
	-webkit-transition:all 0.6s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform;
	*/
	margin:0;
	padding:0;
	display:none;
}
.slideCalen,.slideCalen2 {
	position:relative;
}
.mainBlock .moveWrap>ul.move li.slideUnit {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap>ul.move li.slideUnit article {
	text-align:left;
}
.mainBlock li.slideUnit>div {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.slidePic .flickSlideBottom {
	width: 100%;
	height: 20px;
	position: relative;
}
.slideCalen .flickSlideBottom,.slideCalen2 .flickSlideBottom {
	width: 100%;
	height: 20px;
}
.mainBlock p img {
	width: 320px;
	display: block;
}
.slidePic .flickSlideBottom .bottomLeft,
.slidePic .flickSlideBottom .bottomRight {
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	position: absolute;
	top : -115px;
}
.slideCalen .flickSlideBottom .bottomLeft,
.slideCalen .flickSlideBottom .bottomRight,
.slideCalen2 .flickSlideBottom .bottomLeft,
.slideCalen2 .flickSlideBottom .bottomRight {
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	position: absolute;
	top : 5px;
}
.slidePic .flickSlideBottom .bottomRight {
	right : 0;
}
.slidePic .flickSlideBottom .bottomLeft {
	left : 0;
}
.slideCalen .flickSlideBottom .bottomRight,.slideCalen2 .flickSlideBottom .bottomRight {
	right : 10px;
}
.slideCalen .flickSlideBottom .bottomLeft,.slideCalen2 .flickSlideBottom .bottomLeft {
	left : 10px;
}
.mainBlock .flickSlideBottom .bottomLeft:before {
	content: url(../images/farrow_l.gif);
}
.mainBlock .flickSlideBottom .bottomRight:after {
	content: url(../images/farrow_r.gif);
}
.mainBlock .flickSlideBottom .off {
	display: none;
}
.mainBlock .flickSlideBottom ul.slidePager {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer {
	display:inline-block;
	background-color:#ccc;
	width:10px;
	height:10px;
	margin: 5px 5px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer.active {
	background-color:#666;
}

/* PLAN DETAIL */
.detailInfo1 {
	border-bottom: 1px solid #999;
}

.detailInfo1 dt {
	width: 5.5em;
	float: left;
	padding: 5px 0;
	text-align: center;
	line-height: 1.3;
	border-top: 1px solid #999;
}

.detailInfo1 dd {
	padding: 5px;
	margin-left: 5.5em;
	background: #fff;
	border-top: 1px solid #999;
	line-height: 1.3;
}

.detailTxt1 {
	padding: 5px;
}

.detailBox {
	padding: 5px;
	margin: 0 5px 5px;
}

.detailBox h3 {
	font-weight: bold;
}

.detaBoxP1 {
	font-size: 11px;
}

.detaBoxP2 {
	font-weight: bold;
}

.btnDetaBox a {
	width: auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	padding: 7px;
	color: #fff;
	text-align: center;
}

.btnType1,.btnSarch {
	clear: both;
}

.btnType1 a {
	width: 65%;
	margin: 0 auto 5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	padding: 12px 0;
	color: #fff;
	text-align: center;
	background: #777;
	font-size: 14px;
	line-height: 1;
	text-shadow: 1px 1px 1px #333;
	border: 1px solid #444;
}

.btnSarch a {
	width: 65%;
	margin: 0 auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	padding: 5px;
	color: #fff;
	text-align: center;
}

.btnType1 img {
	vertical-align: bottom;
	margin-right: 5px;
}

.btnSarch img {
	vertical-align: middle;
	margin-right: 5px;
}

/* CALENDER */
.btnCheck {
	width: 11em;
	float: right;
}

.btnCheck a {
	width: auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	padding: 12px 0;
	color: #333;
	text-align: center;
	background: #eee;
	font-size: 11px;
	line-height: 1;
	border: 2px solid #999;
}

.slideCalen li.slideUnit>div,.slideCalen2 li.slideUnit>div {
	width: 310px;
}

.slideCalen h3,.slideCalen2 h3 {
	font-weight: bold;
	padding: 5px;
	color: #fff;
	text-align: center;
}

.slideCalen table,.slideCalen2 table {
	width: 100%;
}

.slideCalen th,.slideCalen2 th {
	background: #eee;
	padding: 1px 0;
}

.slideCalen th,.slideCalen td,.slideCalen2 th,.slideCalen2 td {
	border: 1px solid #aaa;
	text-align: center;
	line-height: 1.1;
}

.slideCalen td {
	font-size: 11px;
}

.slideCalen .sun,.slideCalen2 .sun {
	background: #FFCECE;
}

.slideCalen .sut,.slideCalen2 .sut {
	background: #B7DAFC;
}

.txtBlue {
	color: #0060a4;
}

.slideCalen td a {
	display: block;
	padding: 4px 6px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

.slideCalen2 td a {
	display: block;
	padding: 3px 0;
	text-align: center;
	line-height: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

.slideCalen2 td a:activ {
	background: #999;
}

.txtSS {
	font-size: 8px;
	font-weight: normal;
	text-decoration: underline;
	line-height: 8px;
}

.slideCalen .tdKigou {
	font-size: 16px;
}

.ulType1 {
	padding-left: 20px;
}

.ulType1 li {
	list-style: square;
	margin-bottom: 2px;
	line-height: 1.1;
}

/* RESERVATION */
.ulStep {
	width: 312px;
	margin: 0 auto 5px;
	clear: both;
	background: #ddd;
	clear: both
}

.ulStep li {
	float: left;
}


.liStep1 {
width: 57px;
background-image: url(../images/step_arrow1.gif);
background-position: right center;
background-repeat: no-repeat;
padding: 5px 10px 5px 4px;
text-align: center;
color: #fff;
font-size: 11px;
}

.liStep2 {
width: 51px;
background: url(../images/step_arrow3.gif) right center no-repeat;
padding: 5px 10px 5px 0;
text-align: center;
font-size: 11px;
}

.liStep3 {
width: 42px;
padding: 5px 10px 5px 5px;
text-align: center;
font-size: 11px;
}

.liStep1b {
width: 57px;
background: url(../images/step_arrow2.gif) right center no-repeat;
padding: 5px 10px 5px 4px;
text-align: center;
font-size: 11px;
margin-right: -15px;
position: relative;
}

.liStep2b {
width: 52px;
background-image: url(../images/step_arrow1.gif);
background-position: right center;
background-repeat: no-repeat;
padding: 5px 10px 5px 14px;
text-align: center;
font-size: 11px;
color: #fff;
}

.liStep1c {
width: 57px;
background: url(../images/step_arrow3.gif) right center no-repeat;
padding: 5px 10px 5px 4px;
text-align: center;
font-size: 11px;
}

.liStep2c {
width: 47px;
background: url(../images/step_arrow2.gif) right center no-repeat;
padding: 5px 10px 5px 4px;
text-align: center;
font-size: 11px;
margin-right: -15px;
position: relative;
}

.liStep3b {
width: 54px;
padding: 5px 4px 5px 15px;
background-image: url(../images/step_arrow2.gif);
background-position: left center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
font-size: 11px;
}


/*
.liStep1 {
	width: 95px;
	background-image: url(../images/step_arrow1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 4px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}

.liStep2 {
	width: 95px;
	background: url(../images/step_arrow3.gif) right center no-repeat;
	padding: 5px 10px 5px 4px;
	text-align: center;
	font-size: 11px;
}

.liStep1b {
	width: 95px;
	background: url(../images/step_arrow2.gif) right center no-repeat;
	padding: 5px 10px 5px 4px;
	text-align: center;
	font-size: 11px;
	margin-right: -15px;
	position: relative;
}

.liStep2b {
	width: 100px;
	background-image: url(../images/step_arrow1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 14px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}

.liStep1c {
	width: 95px;
	background: url(../images/step_arrow3.gif) right center no-repeat;
	padding: 5px 10px 5px 4px;
	text-align: center;
	font-size: 11px;
}

.liStep2c {
	width: 90px;
	padding: 5px 0 5px 4px;
	text-align: center;
	font-size: 11px;
}

.liStep3 {
	width: 82px;
	padding: 5px 12px 5px 0;
	text-align: center;
	font-size: 11px;
}

.liStep3b {
	width: 95px;
	padding: 5px;
	padding: 5px 4px 5px 10px;
	background-image: url(../images/step_arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	font-size: 11px;
}
*/

.tbForm1,.tbForm2 {
	width: 96%;
	margin: 0 auto 5px;
}

.tbForm1 th {
	background: #eee;
	text-align: left;
	width: 7em;
	vertical-align: top;
}

.tbForm1 th,.tbForm1 td,.tbForm2 th,.tbForm2 td {
	border: 1px solid #aaa;
	padding: 2px;
	line-height: 1.1;
}

.tbForm1 .thStep {
	text-align: center;
	font-weight: bold;
}

.tbForm1 .need {
	font-size: 11px;
	font-weight: normal;
	color: #A40000;
}

.tbForm1 select {
	padding: 5px;
	background: #eee;
	width: 4.5em;
}

.btnForm1 {
	background: #FFCFDE;
	border: 1px solid #EB7B9D;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 8em;
}

.btnForm2 {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 68%;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.tbForm1 .error {
	background: #A40000;
	color: #fff;
	font-weight: bold;
}

.tbForm2 th {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.tbForm2 td {
	font-size: 11px;
}

.tbForm2 strong {
	font-size: 13px;
	font-weight: bold;
}

.tdGray {
	background: #eee;
}

.tbForm2 .price,.tbForm2 .total {
	text-align: right;
}

.tbForm2 .amount {
	text-align: center;
}

.fulTotal {
	background: #FBFAB3;
	text-align: right;
}

.tbForm1 .button {
	text-align: center;
	background: #eee;
}

.inpsize1 {
	padding:6px 3px;
	border:1px solid #666;
	-webkit-border-radius:5px;/* webkit */
	-moz-border-radius:5px;/* moz */
	border-radius:5px;
	-webkit-box-shadow: inset 0px 1px 1px #eee;
	-moz-box-shadow: inset 0px 1px 1px #eee;
	box-shadow: inset 0px 1px 1px #eee; 
}

.inpsize1 {
	width: 95%;
}



/* flick
------------------------------*/
.mainBlock {
	clear: both;
}
.mainBlock .flickSlideContainer {
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

.mainBlock .slideMask {
	position:absolute;
	top:0;
	left:0;
	border:4px #FFF solid;
	-webkit-box-sizing:border-box;
	margin-right:1px;
}
.mainBlock .moveWrap>ul.move {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
	width:10000px;
	-webkit-transition:all 0.6s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform;
	*/
	margin:0;
	padding:0;
	display:none;
}
.slideCalen,.slideCalen2 {
	position:relative;
}
.mainBlock .moveWrap>ul.move li.slideUnit {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap>ul.move li.slideUnit article {
	text-align:left;
}
.mainBlock li.slideUnit>div {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.slidePic .flickSlideBottom {
	width: 100%;
	height: 20px;
	position: relative;
}
.slideCalen .flickSlideBottom,.slideCalen2 .flickSlideBottom {
	width: 100%;
	height: 20px;
}
.mainBlock p img {
	width: 320px;
	display: block;
}
.slidePic .flickSlideBottom .bottomLeft,
.slidePic .flickSlideBottom .bottomRight {
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	position: absolute;
	top : -115px;
}
.slideCalen .flickSlideBottom .bottomLeft,
.slideCalen .flickSlideBottom .bottomRight,
.slideCalen2 .flickSlideBottom .bottomLeft,
.slideCalen2 .flickSlideBottom .bottomRight {
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	position: absolute;
	top : 5px;
}
.slidePic .flickSlideBottom .bottomRight {
	right : 0;
}
.slidePic .flickSlideBottom .bottomLeft {
	left : 0;
}
.slideCalen .flickSlideBottom .bottomRight,.slideCalen2 .flickSlideBottom .bottomRight {
	right : 10px;
}
.slideCalen .flickSlideBottom .bottomLeft,.slideCalen2 .flickSlideBottom .bottomLeft {
	left : 10px;
}
.mainBlock .flickSlideBottom .bottomLeft:before {
	content: url(../../common/sp1/imge/arrow_slideL.png);
}
.mainBlock .flickSlideBottom .bottomRight:after {
	content: url(../../common/sp1/imge/arrow_slideR.png);
}
.mainBlock .flickSlideBottom .off {
	display: none;
}
.mainBlock .flickSlideBottom ul.slidePager {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer {
	display:inline-block;
	background-color:#ccc;
	width:10px;
	height:10px;
	margin: 5px 5px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer.active {
	background-color:#666;
}
.contentTitle h4 {
	width: auto;
	margin: 1px 0;
	font-size: 16px;
	background: -moz-linear-gradient(top, #e0e0e0, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#fff));
	color: #333;
	padding: 8px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #999;
	border-top: 1px solid #666;
}

.btnType001 a {
	width: 65%;
	margin: 0 auto 2px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 6px 0;
	color: #fff;
	text-align: center;
	background: #777;
	display: block;
	font-size: 12px;
	line-height: 1;
	text-shadow: 1px 1px 1px #333;
	border: 1px solid #444;
}

.contentSearchBox select {
	padding: 5px;
	background: lightgrey;
	height: 30px;
	font-size: 13px;
}

.btnSearchBox {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 40%;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	margin: 0 0 8px 0;
}

/* index news */
.newsBlock {
	clear: both;
}
.newsBlock .flickSlideContainer {
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
}
.newsBlock .moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
.newsBlock .moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

.newsBlock .slideMask {
	position:absolute;
	top:0;
	left:0;
	border:4px #FFF solid;
	-webkit-box-sizing:border-box;
	margin-right:1px;
}
.newsBlock .moveWrap>ul.move {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
	width:10000px;
	-webkit-transition:all 0.6s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform;
	*/
	margin:0;
	padding:0;
	display:none;
}
.newsBlock .moveWrap>ul.move li.slideUnit {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.newsBlock .moveWrap>ul.move li.slideUnit article {
	text-align:left;
}
.newsBlock li.slideUnit>div {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	-webkit-box-sizing:border-box;
}
.newsBlock .flickSlideBottom .bottomLeft:before {
	content: url(/lodgment/img/1/2/sp/farrow_l.gif);
}
.newsBlock .flickSlideBottom .bottomRight:after {
	content: url(/lodgment/img/1/2/sp/farrow_r.gif);
}
.newsBlock .flickSlideBottom .off {
	display: none;
}
.newsBlock .flickSlideBottom ul.slidePager {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
.newsBlock .flickSlideBottom ul.slidePager li.slidePagerPointer {
	display:inline-block;
	background-color:#ccc;
	width:10px;
	height:10px;
	margin: 5px 5px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.newsBlock .flickSlideBottom ul.slidePager li.slidePagerPointer.active {
	background-color:#666;
}

.newsSlide {
	position:relative;
}
.newsSlide .flickSlideBottom {
	width: 100%;
	height: 20px;
}
.newsSlide {
	font-size: 13px;
}
.newsSlide .flickSlideBottom .bottomLeft,
.newsSlide .flickSlideBottom .bottomRight {
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	position: absolute;
	top : 5px;
}
.newsSlide .flickSlideBottom .bottomRight {
	right : 10px;
}
.newsSlide .flickSlideBottom .bottomLeft {
	left : 10px;
}
.newsSlide li.slideUnit>div {
	width: 310px;
}
.newsSlide td {
	text-align: left;
	line-height: 1.1;
	padding: 10px 26px 0px 26px;
}
.newsSlide td a {
	font-weight: normal;
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
.newsSlide td a:activ {
	background: #999;
}