/****************************************************************************************************/
/*
/*　ブラウザスタイルをリセットする（※基本的に編集しない）
/*
/****************************************************************************************************/

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tdタグのマージン、パディングを0pxにする*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0px;
	padding:0px;
}

/*tableタグのcellspacingとcellpaddingを0pxにする*/
table{
	border-collapse:collapse;
	border-spacing:0px;
}

/*javascriptのfieldsetタグとimg(aタグ内のimg)、abbr,acronymタグに表示されるボーダーを0pxにする*/
fieldset,img,abbr,acronym  {
	border:0px;
}

/*address,caption,cite,code,dfn,em,strong,th,varタグのfontスタイルを通常にする*/
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

/*ol,ulタグのリストスタイル（アローやマージンなど）を無くす*/
ol,ul,li {
	list-style:none;
	padding:0px;
	margin:0px;
}

/*caption,thタグを左に寄せる*/
caption,th {
	text-align:left;
}

/*hタグの表示を通常のテキストと同じにする*/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

/*qタグの前後にキーワードを配置しない*/
q:before,q:after {
	content:'';
}

/*サイト内の全てのタグに適用させるスタイル。フォントなどを指定*/
* {
	*font-size: small;
	*font: x-small;
	font-weight: normal;
	font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	line-height: 160%;
	outline: 0;
}

body {
 background-color:#FFFFFF; }

*html body {
background-color:#FFFFFF;
background-image:none;
}

#main {
margin-top:0 !important;
}

.notification {
	color: red;
	font-size: 10px;
}

#container {
	width:900px;
	margin:0 auto; }

#container-iframe {
	width:100%;
	min-width:550px;
	margin:0 auto;
}

@media screen and (max-width: 640px) {
	#container-iframe {
		min-width: inherit;
	}
}

select {
	padding:2px;
}

input {
	padding:2px;
	line-height:100%;
}

em {
	font-style: italic;
}

.mb-10 {
	margin-bottom: 10px;
}

/****************************************************************************************************
	header
****************************************************************************************************/
#header {
	width:900px;
	background-color:#FFFFFF;
	overflow:hidden;
	-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; }


#header table td#logo {
	width:270px;
	text-align:left;
	vertical-align:middle;
	padding:10px 0 10px 20px;}

#header h1 {
	font-size:85%;

min-height:35px;
}

#header table td#comment {
padding:10px 15px 0 0;
text-align:right;
vertical-align:top;
}

#header table td#globalnavi {
vertical-align:bottom;
padding:10px 15px 10px 5px;
}

#header table td#globalnavi ul {
overflow:hidden;
float:right;}

#header table td#globalnavi ul li {
	float:left;
	margin-left:25px;
	font-size:0;
	line-height:0;
	display: inline;  }
.main-visual {
text-align:center;
margin-bottom:20px;
}

/****************************************************************************************************
	main
****************************************************************************************************/
#main {
background-color:#FFFFFF;
	padding:20px 20px 30px 20px;
	overflow:hidden;
	margin-top:20px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

@media screen and (max-width: 640px) {
	#main {
		padding: 0;
	}
}

#main #left-column {
	width:160px;
	float:left;
	margin-right:20px;
}

#main #left-column #res-but{
	margin-bottom:15px;
}

#main #left-column #mypage{
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}


#main #left-column #name img{
	margin:6px 0 0 6px;
}

#main #left-column #mypage ul {
	padding:6px 0;
}

#main #left-column #mypage ul li{
	font-size:85%;
	line-height:140%;
	padding:0 6px;
}

#main #left-column #mypage ul li.login{
	margin-bottom:6px;
	padding-bottom:5px;
	background:url(../image/common/dot-line1.gif) repeat-x left bottom;
	font-size:0;
	line-height:0;
}

#main #left-column #mypage ul li.logout{
background:url(../image/contents/dot-bg.gif);
padding:4px 0;
text-align:center;
margin:5px 6px 0 6px;
line-height:0;
font-size:0;
}

#main #left-column ul#menu{
margin-bottom:20px;
}

#main #left-column ul#menu li{
width:160px;
font-size:0;
margin-bottom:2px;
}




#main #left-column #mobile{
	border:1px solid #CCCCCC;

}

#main #left-column #mobile #qr {
	margin:0 auto;
	padding:20px 20px 15px 20px;
	text-align:center;
}

#main #left-column #mobile p{
	font-size:85%;
	line-height:140%;
	padding:0 6px 6px 6px;
	margin-top:0 !important;
}

#main #left-column dl#ban-area{
	padding-top:10px;
}

#main #left-column dl#ban-area dt{
	margin:10px 0 10px 0;
	font-size:0;
	line-height:0;
	text-align:center;
}

#main #left-column dl#ban-area dd{
	font-size:85%;
	line-height:120%;
}




#main #right-column {
	width:680px;
	float:left;
}

#main #right-column-inline {
	width:100%;
	padding-bottom:20px;
}

#main #right-column-yoyaku {
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
}

#main #right-column #res-but-footer,#main #right-column-inline #res-but-footer,#main #right-column-yoyaku #res-but-footer {
text-align:center;
}

#main #right-column #res-but-footer img,#main #right-column-inline #res-but-footer img,#main #right-column-yoyaku #res-but-footer img {
	margin-bottom:5px;
}

#main #right-column #res-but-footer p,#main #right-column-inline #res-but-footer p,#main #right-column-yoyaku #res-but-footer p {
text-align:center;
font-size:85%;
}

/****************************************************************************************************
	text
****************************************************************************************************/
h1 {  }



h3 {  }

h4 .attention {
float:right;
font-size:77%;
}
.reverse1 .even {
background-color: #EEEEEE;
}
.caption {
font-size:85%;
margin-top:3px;
line-height:120%;
}
.attention {
font-size:85%;
margin-top:3px;
color:#FF0000;
line-height:120%;
}
/****************************************************************************************************
	box-type
****************************************************************************************************/
.box-attention {
padding:8px 10px;
margin-top:20px;
border:1px solid #FF0000;
background:url(../image/contents/attention-bg.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
text-align:center;
font-weight:bold;
color:#FF0000;
font-size:108%;
overflow:hidden;
}

.box-attention-type2 {
padding:8px 10px;
margin-bottom:20px;
border:2px solid #eed021;
background:url(../image/contents/attention-bg2.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
text-align:center;
font-weight:bold;
color:#490700;
font-size:108%;
overflow:hidden;
}

.box-attention-type2 img {
float:left;
}

.box-gcalendar {
padding:10px 200px 10px 15px;
border:3px solid #EEEEEE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:180px;
background:url(../image/contents/calendar-icon.gif) no-repeat 540px bottom;
}

.box-gcalendar p a {
margin-top:5px;
padding-left:15px;
background:url(/img/arrow2.gif) no-repeat 5px center;
}

.box-twitter {
padding:10px 200px 10px 15px;
border:3px solid #EEEEEE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:180px;
background:url(../image/contents/twitter-icon.gif) no-repeat 460px bottom;
}

.box-twitter-list {
padding:10px 15px;
border:3px solid #EEEEEE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:180px;
background:url(../image/contents/twitter-icon2.gif) no-repeat 460px bottom;
}

dl.twitter-list {
clear:both;
overflow:hidden;
background:url(../image/common/dot-line1.gif) repeat-x left bottom;
padding-bottom:8px;
margin-top:8px;
}

dl.twitter-list dt{
float:left;
margin-right:10px;
font-size:0;
line-height:0;
width:48px;
}

dl.twitter-list dd{
float:left;
width:580px;
}


.box-twitter p a {
margin-top:5px;
padding-left:15px;
background:url(/img/arrow2.gif) no-repeat 5px center;
}


.two-column {
overflow:hidden;
margin-top:20px;
clear:both;
min-width:550px;
}



/****************************************************************************************************
	list-type
****************************************************************************************************/

/*** type2 *******************/

dl.type2 {
margin:10px auto 0 auto;
width:140px;
}
dl.type2 dt {
font-size:85%;
margin-top:10px;
text-align:left;
}
dl.type2 dd input{
width:132px;
}

/*** option *******************/

ul.option {
	}

	ul.option li {
	padding:5px 0 5px 24px;
	border-bottom:1px solid #EEEEEE;
	background-image:url(/img/arrow2.gif);
	background-repeat:no-repeat;
	background-position:10px center;
	clear:both;
	overflow:hidden;
	}

	ul.option li img {
	float:right;
	padding-right:10px;
	}

	ul.option li select {
	float:right;
	margin-right:15px;
	width:70px;
	}

	ul.option li p {
	float:left;
	}

/****************************************************************************************************
	btn-type
****************************************************************************************************/
.btn-area1 {
overflow:hidden;
margin-top:25px;
text-align:center;
clear:both;
}
.btn-area2 {
overflow:hidden;
margin-top:15px;
text-align:center;
}
.btn-area2 a:link{
text-decoration:none;
}
.btn-area1 div,.btn-area2 div {
margin:0 15px;
display:inline-block;
}

.btn-area-close {
margin-top:20px;
text-align:center;
overflow:hidden;
}
/*.btn-type1 {
	width:170px;
	text-align: center;
	border:1px  solid #DDDDDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EEEEEE));
background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
background: linear-gradient(#FFFFFF, #EEEEEE);
-pie-background: linear-gradient(#FFFFFF, #EEEEEE);
position: relative;
z-index: 10;
}

.btn-type1 a,.btn-type1 a:hover{
width:170px;
padding:6px 0;
display:block;
font-weight:bold;
text-decoration:none;
}*/
/****************************************************************************************************
	table
****************************************************************************************************/

/*** type1 ***************/

table.type1 {
overflow:hidden;
margin:0 auto;
}

table.type1 th {
padding:7px 10px 7px 10px;
text-align:right;
vertical-align:center;
font-weight:bold;
background-color:#EEEEEE;
border:1px solid #FFFFFF;
width:22%;

}

table.type1 td {
padding:7px 10px;
background-color:#FFFFFF;
}

div #shopphoto{
padding:10px;
background-color:#FFFFFF;
text-align:center;
width:640px;
margin-bottom:10px;
}

/*** type2 ***************/

table.type2 {
overflow:hidden;
background-color:#FFFFFF;
}

table.type2 th {
padding:8px;
text-align:center;
width:50%;
border:1px solid #DDDDDD;
}

table.type2 td {
padding:8px;
text-align:center;
width:50%;

border:1px solid #CCCCCC;
}

/*** type3 ***************/

table.type3 {
overflow:hidden;
background-color:#FFFFFF;
}

table.type3 th {
padding:8px;
text-align:center;
border:1px solid #DDDDDD;
background-color:#e3fae7;
font-size: 13px;
}

table.type3 td {
padding:8px;
text-align:center;
border:1px solid #CCCCCC;
font-size:12px;
}

/*** type4 ***************/

table.type4 {
overflow:hidden;
background-color:#FFFFFF;
}

table.type4 th {
padding:8px;
text-align:center;
border:1px solid #DDDDDD;
}

table.type4 td {
padding:8px;
text-align:center;
border:1px solid #CCCCCC;
}

/****************************************************************************************************
	btn-type
****************************************************************************************************/
.btn-type1 {
width:160px;
height:33px;
	text-align: center;
	background:url(../image/common/btn-wt-bg.gif) no-repeat center center;
	overflow:hidden;
	border:0;
	color:#444444;
	margin:0 10px;
	font-weight:bold;
	cursor:pointer;
	line-height:33px;
}

.btn-type2 {
width:160px;
height:33px;
	text-align: center;
	background:url(../image/common/btn-bl-bg.gif) no-repeat center center;
	overflow:hidden;
	border:0;
	color:#FFFFFF;
	margin:0 10px;
	font-weight:bold;
	cursor:pointer;
	line-height:33px;
}

.btn-type3 {
width:220px;
height:33px;
	text-align: center;
	overflow:hidden;
	color:#444444;
	margin:0 10px;
	cursor:pointer;
	line-height:33px;
	border: 1px solid #ccc;
}

.btn-type4 {
width:144px;
background:url(../image/common/wt-btn-top.gif) no-repeat center top;
}

.btn-type4 p {
margin:0;
padding:8px;
background:url(../image/common/wt-btn-bottom.gif) no-repeat center bottom;
text-align:center;

}

.btn-type4 p a {
font-weight:bold;
display:block;
text-decoration:none;
line-height:120%;
}

.btn-type5 {
width:67px;
background:url(../image/common/wt-btn-mini-top.gif) no-repeat center top;
margin:0 auto;
}

.btn-type5 p {
margin:0;
background:url(../image/common/wt-btn-mini-bottom.gif) no-repeat center bottom;
text-align:center;

}

.btn-type5 p a {
font-size:85%;
display:block;
text-decoration:none;
line-height:20px;
height:20px;

}

.btn-link1:link {
text-decoration:none;
}

/****************************************************************************************************
	footer
****************************************************************************************************/

#footer #left-column {
	float:left;
}

#footer #left-column ul li{
	font-size:85%;
	color:#FFFFFF;
	line-height:120%;
}

#footer #right-column {
	float:right;
	font-size:85%;
}

#footer #right-column #counter {
text-align:right;
color:#FFFFFF;
}

#footer #right-column #res a:link,#footer #right-column #res a:hover,#footer #right-column #res a:visited,#footer #right-column #res a:active{
text-align:right;
color:#FFFFFF;
}


	/*フッター内のコピーライトのスタイル*/
#copyright {
background-color:#000000;
text-align:center;
height:30px;
line-height:30px;
color:#FFFFFF;
letter-spacing:1px; }

	/*フッター内のナビゲーションのスタイル*/
#footer ul#navi {
margin-bottom:15px;
overflow:hidden;
text-align:center; }

		/*フッター内のナビゲーションの各ボタンのスタイル*/
#footer ul#navi li {
	display:inline;
	color:#FFFFFF;
	padding:0 10px;}

	#footer ul#navi li a:link,#footer ul#navi li a:hover,#footer ul#navi li a:visited,#footer ul#navi li a:active{
	color:#FFFFFF;

text-decoration:none;
	}

/****************************************************************************************************
	pagetop
****************************************************************************************************/
#pagetop {
	position: fixed;

	margin-left:902px;
	bottom: 0;
	}


*html #pagetop {
	position: fixed;
	margin-left:476px;
	height: 85px;
	width:50%;
	bottom: 0;
	text-align:right;
}

/****************************************************************************************************
	class
****************************************************************************************************/

/*親ブロックのサイズをfloatしたオブジェクトにあわせる。(※基本的に編集しない)*/
* html .clearfix:after {
	content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
 }

* html .clearfix {
	display: inline-block;
	min-height: 1%; /* for IE 7*/ }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

* html .clearfix { display: block; }

/* End hide from IE-mac */

.ns {
	margin-top:0px !important;
}

.thanks {
padding:15px 20px 0 20px;
}

.thanks p.bold {
font-size:138.5%;
font-weight:bold;
}

.w100 {
width:100%;
}

.limit-ttl {
font-size:138.5%;
overflow:hidden;
margin-bottom:10px;
font-weight:bold;
text-align:center;
padding:50px 0;
}

h3 span.logout-btn {
float:right;
padding:7px 7px 0 0;

}

strong {
font-weight:bold;
font-size:100%;
}

strong font{
font-weight:bold;
font-size:100%;
}

font {
font-size:100%;
}

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

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

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

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


/****************************************************************************************************
	pager
****************************************************************************************************/

div.pager {
	text-align: center;
	margin-top:20px;
	overflow:hidden;
	padding:1px 0;
}
div.pager a {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	padding: 0.25em 0.4em;
	border: 1px #CCCCCC solid;
	text-decoration:none;
}


div.pager span.on {
	padding: 0.25em 0.4em;
	border: 1px #CCCCCC solid;
	background-color:#CCCCCC;
}

div.pager span.off {
	padding: 0.25em 0.4em;
	border: 1px #DDDDDD solid;
	color:#CCCCCC;
}

div.pager a:link,
div.pager a:visited {
	border-color: #CCCCCC;
	color: #000000;
}
div.pager a:hover,
div.pager a:active {
	border-color: #666666;
	background-color: #666666;
	color: #FFFFFF;
	text-decoration:none;
}

/****************************************************************************************************
	menu
****************************************************************************************************/

/*完了*/

.finish{
	background:#eeeeee;
}

/*予約済*/

.reserve{
	background: #fff6e4;
}

/*選択中、進行中*/

.active{
	background:#d6e5f6;
	/*background:#ffcaca;*/
}

/*予約セット*/

.setres{
	background:#fef3df;
}

/*予約可能*/
.selectable{
	background:#ffffff;
}
.non-selectable{
	background:#eeeeee;
}

/*土日色*/
.holiday{
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  whitespace: nowrap;
  padding: 6px 12px;
  font-size: 1.1rem;
  border-radius: 3px;
  border: 1px solid transparent;
  text-decoration: none;
  user-select: none;
}
@media screen and (max-width: 640px) {
	.btn {
		padding: 4px 8px;
		font-size: 1rem;
	}
}
.btn-info {
  color: #E0F7FA;
  border-color: #00ACC1;
  background: linear-gradient(to bottom, #4DD0E1 0%, #26C6DA 100%);
  box-shadow: inset 0 1px #B2EBF2, 0 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-info.btn-flat {
  color: #E0F7FA;
  border-color: transparent;
  background: #26C6DA;
  box-shadow: none;
}
.btn-info.btn-flat:hover, .btn-info.btn-flat:focus, .btn-info.btn-flat.focus {
  border-color: transparent;
  color: #fff;
  background: #4DD0E1;
  box-shadow: none;
}

#timeTBody button {
	width: 40px;
	height: 23px;
	cursor: pointer;
}
#timeTBody button[disabled] {
	cursor: default;
}


/****************************************************************************************************
	calender
****************************************************************************************************/
#calender #scroll {
overflow:scroll;
overflow-x : hidden ;
min-width:550px;
max-height:300px;
padding-right:10px;
}

@media screen and (max-width: 640px) {
	#calender #scroll {
		max-height: inherit;
	}
	#monthView {
		margin-left: 5px;
	}
}

#calender #scroll-noheight {
overflow:scroll;
overflow-x : hidden ;
min-width:550px;
padding-right:10px;
}

#calender #scroll30 {
overflow:scroll;
height:34px;
overflow-x : hidden ;
min-width:550px;
padding-right:10px;
}

@media screen and (max-width: 640px) {
	#calender #scroll30 {
		height: auto;
	}
}

table.calender-navi {
border:none !important;
padding:0 !important;
margin:0 0 3px 0 !important;
background:none !important;
}

table.calender-navi td {
width:33%;
border:none !important;
padding:0 !important;
margin:0 !important;
background:none !important;
}

table.calender-navi td {
vertical-align:bottom;
}

table.calender-navi td div {
	background:#333333 url(../image/common/btn-bg1.gif) repeat-x center center;
	line-height:30px;
	height:20px;
	border:1px solid #333333;
	width:50px;
	text-align:center;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

table.calender-navi td div.type2 {
width:80px !important;
}

table.calender-navi td div.off {
	background-color:#CCCCCC;
	background-image:none;
	border:1px solid #BBBBBB;
	height:20px;
	line-height:20px;
	font-size:85%;
color:#FFFFFF;
width:50px;
	text-align:center;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
table.calender-navi td div.off a {
	cursor: default;
}

table.calender-navi td div a {
display:block;
font-size:85%;
color:#FFFFFF;
text-decoration:none;
	line-height:20px;
}

table.calender-navi td.left div{
float:left;
}

table.calender-navi td.center {
text-align:center;
}

table.calender-navi td.center span.bold{
font-size:138.5%;
font-weight:bold;
margin-left:5px;
}

table.calender-navi td.right div{
float:right;
margin-left:2px;
}

#calender {
	margin-top:10px;

}

#calender #nav-area {
	overflow:hidden;
}

#calender .type2{
/*width:660px;*/
}

#calender #nav-area ul#left{
	float:left;
}

#calender #nav-area ul#left li{
	float:left;
	height:20px;
	line-height:20px;
	background:url(../image/common/btn-bg1.gif) repeat-x center center;
	margin:0 2px 3px 0;
	padding:0 10px;
	border:1px solid #333333;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#calender #nav-area ul#left li.icon {
	background-color:#FFFFFF;
	background-image:none;
	border:none;
	padding:0;
	margin-left:5px;
}

#calender #nav-area ul#right{
	float:right;
}

#calender #nav-area ul#right li{
	float:left;
	height:20px;
	line-height:20px;
	background:#333333 url(../image/common/btn-bg1.gif) repeat-x center center;
	padding:0 10px;
	margin:0 0 2px 3px;
	border:1px solid #333333;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#calender #nav-area ul#right li.off{
	background-color:#CCCCCC;
	background-image:none;
	border:1px solid #BBBBBB;
}

#calender #nav-area li a:link,#calender #nav-area li a:hover,#calender #nav-area li a:active,#calender #nav-area li a:visited {
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	height:20px;
	line-height:20px;
}


/*IE6用*/
* html #calender #scroll {
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}

/*---*/

#calender table {
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	clear:both;
}

#calender table.type2{
/*width:660px;*/
}

#calender table.day {
	/*margin-bottom:2px;*/
}



#monthCalendar td,
#calender table  td {
	border:1px solid #CCCCCC;
	padding:3px;
	text-align:center;
}
#monthViewContent td {
	height: 70px;
	position: relative;
	width: 14.2%;
}
#monthViewContent td .day-number {
	position: absolute;
	top: 0px;
	left: 5px;
	color: #666;
}
#monthViewContent td .zan {
	margin-top: 3px;
	font-size: 9px;
}
#calender  table   td  p.day {
font-weight:bold;
margin-bottom:3px;
}
#calender  table   td  p.zan {
font-size:85%;
margin-top:3px;
}

#calender table  td.end {
	background:#DDDDDD url(../image/contents/calender-end.gif) no-repeat center center;
}

#calender table  td.none {
	background:url(../image/contents/calender-none.gif);
}

#calender table  td p.C1 {
	color:#ec6941;
}

th {
	background-color: initial;
	padding: initial;
	border: initial;
	font-size: initial;
}
#monthCalendar {
	margin-top: 10px;
}
#month-ym {
	font-size: 18px;
	letter-spacing: 5px;
	font-weight: bold;
	margin-left: 5%;
	font-family: sans-serif;
}
#month-ym-td {
	text-align: right !important;
	width: 40%;
}
#monthView-tr th,
#calender table  th {
	border:1px solid #DDDDDD;
	padding:3px;
	text-align:center;
}

@media screen and (max-width: 640px) {
	#monthView-tr th {
		width: 14.2%;
	}
	#calender table  th {
		font-size: 13px;
		padding: 3px;
	}
}

#calender #message {
background-color:#EEEEEE;
clear:both;
overflow:hidden;
text-align:center;
margin-top:10px;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#calender #message ul {
}

#calender #message ul li {
display:inline;
margin-right:20px;
padding:6px 0 6px 78px;
font-size:85%;
}

#calender #message ul li.yoyaku {
background:url(../image/contents/yoyaku.gif) no-repeat left center;
}

#calender #message ul li.wazuka {
background:url(../image/contents/wazuka.gif) no-repeat left center;
}

/****************************************************************************************************
	select-area
****************************************************************************************************/


div.select-area {
	background-color:#EEEEEE;
	padding:8px;
	overflow:hidden;
	margin-bottom:20px;
	text-align:center;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
	}

	div.select-area select {
		width:300px;
		margin:0 auto;
	}

	div.res-step-area {
	max-height:180px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
	}

	div.res-step-area-noheight {
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
	}

/*** IE6用 ************/
* html div.res-step-area {
	height:180px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
	}

* html div.res-step-area-noheight {
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
	}
/**********************/


	table.res-step {
	width:100%;
	}

	table.res-step td {
	padding:5px 10px 5px 24px;
	border-bottom:1px solid #EEEEEE;
	background-image:url(/img/arrow2.gif);
	background-repeat:no-repeat;
	background-position:10px center;
	clear:both;
	overflow:hidden;
	}

	table.res-step td.active {
	background-position:10px center;
	background-image:url(/img/arrow2-active.gif);
	padding-left: 30px;
	}

	table.res-step td span {
	float:left;
	}


	table.res-step td img {
	float:right;
	}

	table.res-step-subsub {
	width:100%;
	}

	table.res-step-subsub td {
	padding:5px 10px 5px 30px;
	border-bottom:1px solid #EEEEEE;
	background-image:url(../image/common/subsub-checkbox.gif);
	background-repeat:no-repeat;
	background-position:10px center;
	clear:both;
	overflow:hidden;
	}

	table.res-step-subsub td.active {
	background-position:10px center;
	background-image:url(/img/arrow2-active.gif);
	padding-left: 30px;
	}

	table.res-step-subsub td span {
	float:left;
	}


	table.res-step-subsub td img {
	float:right;
	}



/****************************************************************************************************
	iframe
****************************************************************************************************/
table.iframe-navi {
margin-bottom:5px;

}

table.iframe-navi td {
}

table.iframe-navi td {
vertical-align:bottom;
}

table.iframe-navi td div.text {
font-size:85%;
margin-right:10px;
line-height:30px;
}


table.iframe-navi td div a {
display:block;
color:#FFFFFF;
text-decoration:none;
	line-height:26px;
}

table.iframe-navi td.left div{
float:left;
}


table.iframe-navi td.right div{
float:right;
margin-left:5px;
}
/****************************************************************************************************
	topinfo
****************************************************************************************************/
.topinfo-block {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
padding:14px;
margin-bottom:20px;
clear:both;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.topinfo-block .photo {
	margin-bottom:10px;
	text-align:center;
}

/****************************************************************************************************
	event
****************************************************************************************************/
#event {
	margin:20px 0 10px 0;
	}

	#event h2 {
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:2px solid #e71c51;
	background-color:#ffefec;
	}

	#event h2 p{
	font-size:108%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	letter-spacing:1px;
	font-weight:bold;
	float:left;
	}

	#event h2 .step {
	background-color:#e71c51;
	height:30px;
	padding:0 8px;
	float:left;
	}

	#event h2 .step img {
	margin-top:6px;
	}


#event-area {
}

.event-block {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
padding:10px;
margin-top:20px;
clear:both;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
}

.event-name {
background-color:#ffefec;
font-size:123.1%;
font-weight:bold;
padding:4px 8px;
margin-bottom:10px;
clear:both;
color:#e71c51;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}

.event-name img {
float:right;
}


/*** プランを選択 ************/
.event-block2 {
background-color:#FFFFFF;
border:1px solid #EEEEEE;
padding:10px;
margin-top:20px;
clear:both;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
}

.event-name {
background-color:#ffefec;
font-size:123.1%;
font-weight:bold;
padding:4px 8px;
margin-bottom:10px;
clear:both;
color:#e71c51;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}

.event-name img {
float:right;
}


.event-block2 dl {
width:430px;
}

.event-block2 div.photo-area {
width:200px;
	float:right;
	background-color:#EEEEEE;
	padding:5px;
	text-align:center;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.event-block2 dl dt {

	clear: left;


	float: left;

	padding: 3px 0.5em 3px 0;

	width: 5em;
	font-weight:bold; }



.event-block2 dl dd {

	margin-left: 0;

	padding: 3px 0.5em 3px 5.5em;

	border-bottom:1px solid #DDDDDD; }

.event-block2 dl dd.price {
font-weight:bold;
}

.event-block2 dl dd.reserve-area {
border-bottom:none;
}

.event-block2 dl dd.reserve-area ul li select {
	margin-left:5px;
}

.event-block2 dl dd.reserve-area li {
	float:left;
	margin-right:10px;
}

/**********************/


.event-block ul.spec li {
margin-bottom:5px;
background:url(/img/arrow2.gif) no-repeat 7px 7px;
padding:0 0 5px 20px;
border-bottom:1px solid #EEEEEE;
}

.event-block ul.spec li.price {
font-weight:bold;
}

.event-block ul.spec {
float:left;
width:430px;
}

.event-block .photo-area {
width:200px;
	float:right;
	background-color:#EEEEEE;
	padding:5px;
	text-align:center;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*** 写真なし用 ************/
.event-block ul.spec-np li {
margin-bottom:5px;
background:url(/img/arrow2.gif) no-repeat 7px 7px;
padding:0 0 5px 20px;
border-bottom:1px solid #EEEEEE;
}

.event-block ul.spec-np li.price {
font-weight:bold;
}

.event-block ul.spec-np {
width:100%;
}

/**********************/

/****************************************************************************************************
	punitlist
****************************************************************************************************/

ul.punitlist {
}

ul.punitlist li{
padding:0 0 10px 0;
margin-top:10px;
background:url(../image/common/dot-line1.gif) repeat-x left bottom;
}

ul.punitlist li a {
padding-left:30px;
background:url(/img/arrow2.gif) no-repeat 10px center;
}

/****************************************************************************************************
	punitdtl
****************************************************************************************************/
#punitdtl-area {

}

#punitdtl-area .photo-area {
text-align:center;
margin-bottom:20px;
}

#punitdtl-area .text-area {
padding:10px 15px;
border:2px solid #EEEEEE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#punitdtl-area .text-area .link{
margin-top:10px;
padding:5px 10px 5px 20px;
background:#EEEEEE url(/img/arrow2.gif) no-repeat 10px center;
overflow:hidden;
}

/*body {
 background-color:#ffbfcb !important;
  }

*html body {
background-color:#ffbfcb !important;
background-image:none;
}*/

/****************************************************************************************************
	header
****************************************************************************************************/

#header #colorline {
	width:900px;
	height:5px;
	background-color:#b157b1;
	overflow:hidden;
}

/****************************************************************************************************
	main
****************************************************************************************************/

#main #left-column #name {
	background-color:#f8e3fa;
	height:24px;
}

#main #left-column ul#menu li a:link,#main #left-column ul#menu li a:active,#main #left-column ul#menu li a:visited{
display:block;
	background-color:#f8e3fa;
	padding:4px 5px 4px 8px;
	border-left:5px solid #b157b1;
	text-decoration:none;
}

#main #left-column ul#menu li a:hover{
display:block;
	background-color:#b157b1;
	padding:4px 5px 4px 8px;
	border-left:5px solid #b157b1;
	text-decoration:none;
	color:#FFFFFF;
}


/****************************************************************************************************
	text
****************************************************************************************************/

h2 {font-size:138.5%;
	height:40px;
	line-height:40px;
	padding-left:15px;
	letter-spacing:1px;
	font-weight:bold;
	background-color:#f8e3fa;
	border-bottom:2px solid #b157b1;}

h3 {font-size:138.5%;
background-color:#b157b1;
height:38px;
line-height:38px;
position: relative;
z-index: 10;
font-weight:bold;
padding-left:15px;
color:#FFFFFF;
margin:30px 0 20px 0;
overflow:hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.ui-widget-header {
font-size:138.5%;
background-color:#b157b1;
height:38px;
line-height:38px;
position: relative;
z-index: 10;
font-weight:bold;
padding-left:30px;
color:#FFFFFF;
margin:0 0 10px 0;
overflow:hidden;
}

h4 {
font-size:108%;
overflow:hidden;
margin:25px 0 8px 0;
font-weight:bold;
}

h4.type2 {
font-size:108%;
overflow:hidden;
margin:25px 0 8px 0;
font-weight:bold;
padding-left:10px;
height:30px;
line-height:30px;
background-color:#FFFFFF;
border-left:5px solid #b157b1;
}

.event-name {
background-color:#EEEEEE;
font-size:123.1%;
font-weight:bold;
padding:4px 8px;
margin-bottom:10px;
clear:both;
color:#333333;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
/****************************************************************************************************
	list-type
****************************************************************************************************/

/*** type1 *******************/

dl.type1 {
margin-top:20px;
}
dl.type1 dt {
font-weight:bold;
padding-left:6px;
margin-bottom:10px;
border-left:3px solid #b157b1;
line-height:120%;
font-size:108%;
}
dl.type1 dd {
}
/****************************************************************************************************
	footer
****************************************************************************************************/
#footer { background-color:#b157b1;
	padding:10px 20px;
	overflow:hidden;
	margin-top:20px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 53px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;  }

/****************************************************************************************************
	toppage
****************************************************************************************************/
	.step-title {
	overflow:hidden;
	margin:20px 0 10px 0;
	border-bottom:2px solid #b157b1;
	background-color:#f8e3fa;
	}

	.step-title p{
	font-size:108%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-weight:bold;
	float:left;
	}

	.step-title .step {
	background-color:#b157b1;
	height:30px;
	padding:0 8px;
	float:left;
	}

	.step-title .step img {
	margin-top:6px;
	}





/****************************************************************************************************
	table
****************************************************************************************************/
table.login {
margin-bottom:15px;
}

table.login th{
background-color:#b157b1;
width:30px;
height:30px;
}

table.login th img {
margin:2px;
}

table.login td{
background-color:#FFFFFF;
height:30px;
line-height:30px;
font-weight:bold;
font-size:108%;
padding-left:10px;
}


/****************************************************************************************************
	box-type
****************************************************************************************************/
.box-type1 {
margin-top:15px;
background-color:#f8e3fa;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
}

.box-type2 {
margin-top:15px;
background-color:#FFFFFF;
border:3px solid #f8e3fa;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
}

.two-column .menu-block {
width:44%;
float:left;
padding:0 2% 0 3%;
}

.two-column .menu-box,.two-column .menu-box2 {
background-color:#f8e3fa;
padding:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.menu-box {
min-height:310px;
}

.menu-box2 {
min-height:130px;
}


/****************************************************************************************************
	calender
****************************************************************************************************/

#monthView-tr,
#calender table tr.day {
	/*background-color:#f8e3fa;*/
	background-color:#e3fae7;
}

/****************************************************************************************************
	support
****************************************************************************************************/
dl#support {
padding:0 10px;
}

dl#support #top {
font-weight:bold;
overflow:hidden;
margin-bottom:20px;
}

dl#support dt {
font-size:108%;
font-weight:bold;
margin-top:15px;
color:#b157b1;
line-height:120%;
padding-left:6px;
border-left:3px solid #b157b1;
}

dl#support dd {
margin-top:5px;
padding-bottom:15px;
background:url(../image/common/dot-line1.gif) repeat-x left bottom;
}

/*body {
 background-color:#ffbfcb !important;
  }

*html body {
background-color:#ffbfcb !important;
background-image:none;
}*/

/****************************************************************************************************
	header
****************************************************************************************************/

#header #colorline {
	width:900px;
	height:5px;
	background-color:#b157b1;
	overflow:hidden;
}

/****************************************************************************************************
	main
****************************************************************************************************/

#main #left-column #name {
	background-color:#f8e3fa;
	height:24px;
}

#main #left-column ul#menu li a:link,#main #left-column ul#menu li a:active,#main #left-column ul#menu li a:visited{
display:block;
	background-color:#f8e3fa;
	padding:4px 5px 4px 8px;
	border-left:5px solid #b157b1;
	text-decoration:none;
}

#main #left-column ul#menu li a:hover{
display:block;
	background-color:#b157b1;
	padding:4px 5px 4px 8px;
	border-left:5px solid #b157b1;
	text-decoration:none;
	color:#FFFFFF;
}


/****************************************************************************************************
	text
****************************************************************************************************/

h2 {font-size:138.5%;
	height:40px;
	line-height:40px;
	padding-left:15px;
	letter-spacing:1px;
	font-weight:bold;
	background-color:#f8e3fa;
	border-bottom:2px solid #b157b1;}

h3 {font-size:110%;
background-color:#57b15a;
height:38px;
line-height:38px;
position: relative;
z-index: 10;
font-weight:bold;
padding-left:15px;
color:#FFFFFF;
margin:30px 0 20px 0;
overflow:hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

@media screen and (max-width: 640px) {
	h3 {
		border-radius: 0;
	}
}

.ui-widget-header {
font-size:138.5%;
background-color:#b157b1;
height:38px;
line-height:38px;
position: relative;
z-index: 10;
font-weight:bold;
padding-left:30px;
color:#FFFFFF;
margin:0 0 10px 0;
overflow:hidden;
}

h4 {
font-size:108%;
overflow:hidden;
margin:25px 0 8px 0;
font-weight:bold;
}

h4.type2 {
font-size:108%;
overflow:hidden;
margin:25px 0 8px 0;
font-weight:bold;
padding-left:10px;
height:30px;
line-height:30px;
background-color:#FFFFFF;
border-left:5px solid #b157b1;
}

.event-name {
background-color:#EEEEEE;
font-size:123.1%;
font-weight:bold;
padding:4px 8px;
margin-bottom:10px;
clear:both;
color:#333333;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
/****************************************************************************************************
	list-type
****************************************************************************************************/

/*** type1 *******************/

dl.type1 {
margin-top:20px;
}
dl.type1 dt {
font-weight:bold;
padding-left:6px;
margin-bottom:10px;
border-left:3px solid #b157b1;
line-height:120%;
font-size:108%;
}
dl.type1 dd {
}
/****************************************************************************************************
	footer
****************************************************************************************************/
#footer { background-color:#b157b1;
	padding:10px 20px;
	overflow:hidden;
	margin-top:20px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 53px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;  }

/****************************************************************************************************
	toppage
****************************************************************************************************/
	.step-title {
	overflow:hidden;
	margin:20px 0 10px 0;
	/*border-bottom:2px solid #b157b1;*/
	border-bottom:2px solid #57b15a;
	/*background-color:#f8e3fa;*/
	background-color: #e3fae7;
	}

	.step-title p{
	font-size:108%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-weight:bold;
	float:left;
	}

	.step-title .step {
	/*background-color:#b157b1;*/
	background-color: #57b15a;
	height:30px;
	padding:0 8px;
	float:left;
	}

	.step-title .step img {
	margin-top:6px;
	}





/****************************************************************************************************
	table
****************************************************************************************************/
table.login {
margin-bottom:15px;
}

table.login th{
background-color: #57b15a;
width:30px;
height:30px;
color: white;
text-align: center;
}

table.login th img {
margin:2px;
}

table.login td{
background-color:#FFFFFF;
height:30px;
line-height:30px;
font-weight:bold;
font-size:108%;
padding-left:10px;
}


/****************************************************************************************************
	box-type
****************************************************************************************************/
.box-type1 {
margin-top:15px;
background-color:#f8e3fa;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
}

.box-type2 {
margin-top:15px;
background-color:#FFFFFF;
border:3px solid #f8e3fa;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 10;
}

.two-column .menu-block {
width:44%;
float:left;
padding:0 2% 0 3%;
}

.two-column .menu-box,.two-column .menu-box2 {
background-color:#e3fae7;
padding:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.menu-box {
min-height:310px;
}

.menu-box2 {
min-height:130px;
}

th.sat {
	background-color: #c7d7f7;
}
th.sun {
	background-color: #fac8c8;
}

.navbar-toggle {
	background-color: #e3fae7;
  border: 1px solid #57b15a;
}

.navbar-toggle .icon-bar {
  border: 1px solid #57b15a;
}

@media screen and (max-width: 640px) {
	.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
}