@charset "euc-jp";

/*-- 01.default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

body {
        height: 100%;
        width: 100%;
	font-size:12px;
	font-weight : normal;
	font-style : normal;
	line-height: 150%;
	text-align: center;
	color: #444444;
	scrollbar-face-color:#BAA497;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-darkshadow-color:#fff;


	}

}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,strong,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {border-style: none;vertical-align: bottom;}
		
ul,ol {list-style: none;}

table {border-collapse: collapse;}

.word_break{
        word-break:break-all;
}

/*-- 02.clearfix ---------------------*/
#wrapper .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#wrapper .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */


/*-- 03.共通 ---------------------*/
.m_top20 {margin-top: 20px;}
.m_right8 {margin-right: 8px;}
.m_right12 {margin-right: 12px;}
.m_right20 {margin-right: 20px;}
.m_right21 {margin-right: 21px;}
.m_left1 {margin-left: 1px;}
.m_left38 {margin-left: 38px;}
.p_top8 {padding-top: 8px;}
.p_left8 {padding-left: 8px;}
.p_left20 {padding-left: 20px;}
.p_right8 {padding-right: 8px;}
.c_gray_back00 {background-color: #cccccc;}
.c_gray_back01 {background-color: #999999;}
.c_gray_back02 {background-color: #9e9eb5;}
.c_red_back {background-color: #ffe7f3;}
.c_pink_back {background-color: #ffeef7;}
.c_back_00 {background-color: #ffffff;}
.c_back_01 {background-color: #ffeef7;}
.c_back_02 {background-color: #e8e8ff;}

.float_left {float: left;}

.clear {clear: both;}

.line_right {border-right: 1px solid #a1366c;}

/*-- 04.layout ---------------------*/
#wrapper {
	margin: 10px auto;
	width: 979px;
	text-align: left;}

#content_wrap {width: 983px;}

#content_wrap_box {
	display: block;
	padding: 15px;
	border: 3px solid #a1366c;}


/*-- 05.navi ---------------------*/
#navi01 a,
#navi01 a:hover,
#navi02 a,
#navi02 a:hover,
#navi03 a,
#navi03 a:hover,
#navi04 a,
#navi04 a:hover,
#navi05 a,
#navi05 a:hover {
	display: block;
	margin-right: 8px;
	width: 140px;
	height: 41px;
	text-indent: -99999px;
	background: url(../images/tab02_off.jpg) no-repeat;}

#navi01 a {background: url(../images/tab01_off.jpg) no-repeat;}
#navi01 a:hover {background: url(../images/tab01_on.jpg) no-repeat;}
#navi02 a {background: url(../images/tab02_off.jpg) no-repeat;}
#navi02 a:hover {background: url(../images/tab02_on.jpg) no-repeat;}
#navi03 a {background: url(../images/tab03_off.jpg) no-repeat;}
#navi03 a:hover {background: url(../images/tab03_on.jpg) no-repeat;}
#navi04 a {background: url(../images/tab04_off.jpg) no-repeat;}
#navi04 a:hover {background: url(../images/tab04_on.jpg) no-repeat;}
#navi05 a {background: url(../images/tab05_off.jpg) no-repeat;}
#navi05 a:hover {background: url(../images/tab05_on.jpg) no-repeat;}

#qr a,
#qr a:hover {
	display: block;
	margin-right: 8px;
	width: 92px;
	height: 28px;
	text-indent: -99999px;
	background: url(../images/btn_print.jpg) no-repeat;}
#qr a:hover {background: url(../images/btn_print.jpg) no-repeat;}

#help a,
#help a:hover {
	display: block;
	margin-right: 8px;
	width: 72px;
	height: 28px;
	text-indent: -99999px;
	background: url(../images/btn_help.jpg) no-repeat;}
#help a:hover {background: url(../images/btn_help.jpg) no-repeat;}


/** ローディング **/
.loading {
        position:absolute;
        top:0px;
        left:0px;
        height:1000px;
        width:2000px;
        z-index:100;
        background-repeat: no-repeat;
        background-color: white ;
        filter: alpha(opacity=50);
        moz-opacity:0.5;
        opacity:0.5;
}
.loading_img {
	position:absolute;
	top:200px;
	left:600px;
	height:50px;
	width:50px;
	z-index:5;
	background-repeat:no-repeat;

}

/*-- 06.新着予約一覧、カレンダー、予約登録 ---------------------*/
#new {
	display: block;
	width: 528px;
	height: 150px;
	border: 1px solid #a1366c;}

#new_box {
	display: block;
	padding-bottom: 13px;
	width: 528px;
	height: 96px;
	border-top: 1px solid #a1366c;
 	overflow-y: hidden;
 	overflow-x: auto;}

#new_box2 {
	display: block;
	padding-bottom: 13px;
#	width: 528px;
	height: 117px;
	border-top: 1px solid #a1366c;
 	overflow-y: hidden;
 	overflow-x: auto;}


.new_tit01 {
	display: block;
	margin: 1px 0 1px 1px;
	width: 280px;
	height: 28px;
	text-indent: 8px;
	line-height: 2.4;
	color: #ffffff;
	background-color: #a1366c;
	border: 1px solid #a1366c;}

.new_tit02 {
	display: block;
	margin: 1px 0 1px 1px;
	width: 140px;
	height: 28px;
	text-align: center;
	line-height: 2.4;
	color: #ffffff;
	background-color: #a1366c;
	border: 1px solid #a1366c;}

.new_tit03 {
	display: block;
	margin: 1px;
	width: 98px;
	height: 28px;
	text-align: center;
	line-height: 2.4;
	color: #ffffff;
	background-color: #a1366c;
	border: 1px solid #a1366c;}

.new_btn_recept,
.new_btn_withdrawal,
.new_btn_registration,
.new_btn_change_reserve,
.new_btn_change_user,
.new_btn_cancel,
.new_btn_mail_contact {
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
}

.new_btn_recept {background: url(../images/img_recept.jpg) no-repeat;}
.new_btn_withdrawal {background: url(../images/img_withdrawal.jpg) no-repeat;}
.new_btn_registration {background: url(../images/img_registration.jpg) no-repeat;}
.new_btn_change_reserve {background: url(../images/img_change_reserve.jpg) no-repeat;}
.new_btn_change_user {background: url(../images/img_change_user.jpg) no-repeat;}
.new_btn_cancel {background: url(../images/img_cancel01.jpg) no-repeat;}
.new_btn_mail_contact {background: url(../images/img_mail_contact.jpg) no-repeat;}

.new_btn_recept a,
.new_btn_withdrawal a,
.new_btn_registration a,
.new_btn_change_reserve a,
.new_btn_change_user a,
.new_btn_cancel a,
.new_btn_mail_contact a {
	display: block;
	width: 80px;
	height: 80px;}

#calender {
	width: 180px;
	height: 150px;
	border: 1px solid #a1366c;}

.touroku {
	position: relative;
	width: 240px;
	height: 150px;
	border: 1px solid #a1366c;}
.touroku_focus {
	position: relative;
	width: 240px;
	height: 230px;
	border: 1px solid #a1366c;}

.touroku_tit01 {	
	display: block;
	margin: 1px;
	width: 236px;
	height: 30px;
	text-indent: 8px;
	line-height: 2.4;
	color: #a1366c;
	border: 1px solid #a1366c;}


.touroku_tit02 {	
	display: block;
	margin: 0 1px 1px 1px;
	width: 104px;
	height: 26px;
	text-indent: 8px;
	line-height: 2.2;
	border: 1px solid #a1366c;}

.touroku_tit03 {
	display: block;
	margin: 0 1px 1px 0;
	width: 129px;
	height: 26px;
	text-indent: 8px;
	line-height: 2.2;
	border: 1px solid #a1366c;}

.touroku_tit03_focus {
	display: block;
	margin: 0 1px 1px 0;
	width: 129px;
	height:126px;
	text-indent: 8px;
	line-height: 2.2;
	border: 1px solid #a1366c;}

.touroku_tit04 {
	display: block;
	margin: 0 1px 1px 1px;
	padding: 3px 0 0 3px;
	height: 23px;
	text-indent: 0px;
	line-height: 0.0;
	border: 1px solid #a1366c;}

.touroku_tit05 {
	display: block;
	margin: 0 1px 1px 0;
	padding: 3px 0 0 3px;
	height: 23px;
	text-indent: 8px;
	line-height: 2.2;
	border: 1px solid #a1366c;}

*:first-child+html .touroku_tit05 {padding: 0 0 3px 3px;} /* end IE7_hack */

.shop_memo {
	width:115px;
	height:22px;
}

.shop_memo_focus {
position:relative;
	width:115px;
	height:100px;
	background-color: white;
}


input.btn {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 60px;
	height: 26px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	border: 1px solid #cccccc;
	background-image: url(../images/btn_back.gif);}

input.btn_a {
	position: relative;
	top: 4px;
	right: 0px;
	width: 80px;
	height: 26px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	border: 1px solid #cccccc;
	background-image: url(../images/btn_back.gif);}

input.btn_b {
	position: relative;
	top: 4px;
	right: 0px;
	width: 80px;
	height: 26px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	border: 1px solid #cccccc;
	background-image: url(../images/btn_back2.gif);}


/*-- 07.表 ---------------------*/
#graph_warp {
	width: 986px;
	border: 1px solid #a1366c;}

#graph_warp a {text-decoration: none;}

.ul_width01 {width: 986px;}

.graph_tit01_wrap {float: left;}

.graph_tit01 {
	position: relative;
	display: block;
	margin: 1px 0 0 1px;
	width: 120px;
	height: 28px;
	text-indent: 8px;
	line-height: 2.4;
	color: #a1366c;
	border: 1px solid #a1366c;}

.yoyaku_btn_tit {
	position:relative;
	display: block;
	margin: 0px 0px 0px 5px;
	width:85px;}

.graph_icon01 {
	position: absolute;
	top: 1px;
	right: 10px;}
/*
.graph_icon01 {
	position: absolute;
	top: 1px;
	right: 2px;}
*/

.graph_tit02 {
	position: relative;
	display: block;
	margin: 1px 0 0 1px;
	width: 493px;
	height: 28px;
	text-indent: 8px;
	line-height: 2.4;
	color: #a1366c;
	border: 1px solid #a1366c;}

.graph_icon02 {
	position: absolute;
	top: 2px;
	right: 6px;}

/*
.graph_icon02 {
	position: absolute;
	top: 2px;
	right: 2px;}
*/

.graph_icon03 a{
	width: 38px;
	height: 18px;
	text-indent: 2px;
	margin:0px 0 0px 2px;
/*	padding-top:1px;*/
	display:block;
  background:url(../images/back_color.gif) no-repeat;
}

.graph_li_01 {
	display: block;
	float: left;
	margin-top: 1px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	text-align:left;
	box-sizing: border-box;
}

.graph_li_00{
	display: block;
	float: left;
	margin-top: 1px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #a1366c;
	border-left: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	text-align:right;
	box-sizing: border-box;
}

.graph_li_holiday {background-color: #cccccc;}

/*

.graph_li01 {
	display: block;
	float: left;
	margin: 1px 1px 0 0;
	width: 38px;
	text-align: center;
	color: #a1366c;
	border: 1px solid #a1366c;}

.graph_li01 {
	display: block;
	float: left;
	margin: 1px 1px 0 0;
	width: 38px;
	text-align: center;
	color: #a1366c;
	border: 1px solid #a1366c;}

.graph_li02 {
	display: block;
	float: left;
	margin-top: 1px;
	width: 60px;
	text-align: center;
	border-top: 1px solid #a1366c;
	border-left: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;}
*/

#graph_box {
	width: 946px;
	height: 300px;
	border-right: 1px solid #a1366c;
	overflow-x: hidden;
}


#graph_box .ul_width {width: 1530px;}

#graph_box_sub {
	width: 1530px;
	height: 280px;
	overflow-y: hidden;
}

* html #graph_box_sub {height: 300px;}

#graph_box_sub .p_title01 {
	float: left;
	margin-right: 1px;
	margin-top: 0px;
	width: 38px;
	height: 61px;
	text-align: center;
	line-height: 1.3;
/**	border: 1px solid #a1366c;
**/	border-right: 1px solid #a1366c;
	border-top: 1px solid #a1366c;
	border-left: 1px solid #a1366c;
	box-sizing: border-box;
}

/*#graph_box_sub .p_title01 {
	float: left;
	margin-right: 1px;
	width: 38px;
	height: 60px;
	text-align: center;
	line-height: 1.4;
	border: 1px solid #a1366c;}
*/


#graph_box_sub .p_title02 {
	float: left;
	margin-right: 1px;
	width: 38px;
	height: 123px;
	text-align: center;
	line-height: 1.3;
	border-right: 1px solid #a1366c;
/**	border-bottom: 1px solid #a1366c;
**/	border-top: 1px solid #a1366c;
	border-left: 1px solid #a1366c;
	box-sizing: border-box;
}
/*
#graph_box_sub .p_title02 {
	float: left;
	margin-right: 0px;
	width: 38px;
	height: 123px;
	text-align: center;
	line-height: 1.4;
	border: 1px solid #a1366c;}
*/
#graph_box_sub .p_title03 {
	float: left;
	margin-right: 1px;
	width: 38px;
	height: 30px;
	text-align: center;
	line-height: 1.4;
	border-top: 1px solid #a1366c;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	border-left: 1px solid #a1366c;}
/*
#graph_box_sub .p_title03 {
	float: top;
	margin-right: 0px;
	width: 38px;
	height: 5px;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #a1366c;}

*/
#graph_box_sub .ul_graph01 {float: left;}

#graph_box_sub .li_graph00 {
	float: left;
	width: 30px;
	height: 30px;
	border: 1px solid #a1366c;
	box-sizing: border-box;
}

#graph_box_sub .li_graph01 {
	float: left;
	width: 30px;
	height: 30px;
	border-top: 1px solid #a1366c;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	box-sizing: border-box;
}

#graph_box_sub .li_graph02 {
	float: left;
	width: 30px;
	height: 30px;
	border-top: 1px solid #a1366c;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	box-sizing: border-box;
}

#graph_box_sub .li_graph00_sub {
	float: left;
	width: 30px;
	height: 30px;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	border-left: 1px solid #a1366c;
	box-sizing: border-box;
}


#graph_box_sub .li_graph01_sub {
	float: left;
	width: 30px;
	height: 30px;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	box-sizing: border-box;
}

#graph_box_sub .li_graph02_sub {
	float: left;
	width: 30px;
	height: 30px;
	border-right: 1px solid #a1366c;
	border-bottom: 1px solid #a1366c;
	box-sizing: border-box;
}

#graph_box_sub .graph_position01 {margin: 1px 0 0 1px;}

#graph_box_sub .graph_position02 {margin: 0px 0 0 1px;}

#graph_box_sub .graph_position_data01 {margin: 1px 0 0 0px;}

#graph_box_sub .graph_position_data02 {margin: 0px 0 0 0px;}

#graph_box_sub .ul_graph01 li:first-of-type{width:31px;}

.arrow_left {
	display: block;
	float: left;
	width: 10px;
	height: 30px;
	background: url(img/arrow_left.gif) no-repeat 0 0;}

.arrow_center {
	display: block;
	float: left;
	width: 9px;
	height: 30px;
	background: url(img/arrow_center.gif) no-repeat 0 0;}

.arrow_right {
	display: block;
	float: left;
	width: 10px;
	height: 30px;
	background: url(img/arrow_right.gif) no-repeat 0 0;}

/*
#graph_box_sub .p_graph {
	width: 1468px;
	height: 62px;
	background: url(../images/back_graph_t.gif) 0 0;
	overflow:hidden;}


#graph_box_sub .time_box01 {
	float: left;
	height: 29px;}

#graph_box_sub .time_box02 {
	float: left;
	height: 29px;}

#graph_box_sub .time900 {margin-left: 0;}
#graph_box_sub .time930 {margin-left: 33px;}
#graph_box_sub .time1000 {margin-left: 65px;}
#graph_box_sub .time1030 {margin-left: 97px;}
#graph_box_sub .time1100 {margin-left: 126px;}
#graph_box_sub .time1130 {margin-left: 156px;}
#graph_box_sub .time1200 {margin-left: 186px;}
#graph_box_sub .time1230 {margin-left: 216px;}
#graph_box_sub .time1300 {margin-left: 246px;}
#graph_box_sub .time1330 {margin-left: 276px;}
#graph_box_sub .time1400 {margin-left: 306px;}
#graph_box_sub .time1430 {margin-left: 336px;}
#graph_box_sub .time1500 {margin-left: 366px;}
#graph_box_sub .time1530 {margin-left: 397px;}
#graph_box_sub .time1600 {margin-left: 428px;}
#graph_box_sub .time1630 {margin-left: 459px;}
#graph_box_sub .time1700 {margin-left: 490px;}
#graph_box_sub .time1730 {margin-left: 520px;}
#graph_box_sub .time1800 {margin-left: 550px;}
#graph_box_sub .time1830 {margin-left: 580px;}
#graph_box_sub .time1900 {margin-left: 611px;}
#graph_box_sub .time1930 {margin-left: 642px;}
#graph_box_sub .time2000 {margin-left: 672px;}
#graph_box_sub .time2030 {margin-left: 703px;}
#graph_box_sub .time2100 {margin-left: 734px;}
#graph_box_sub .time2130 {margin-left: 764px;}
#graph_box_sub .time2200 {margin-left: 795px;}
#graph_box_sub .time2230 {margin-left: 825px;}
#graph_box_sub .time2300 {margin-left: 855px;}

#graph_box_sub .p_graph ul {margin: -3px 0 0 12px;}

* html #graph_box_sub .p_graph ul {margin-top: 0;}

#graph_box_sub .p_graph li {display: inline;}

#graph_box_sub .graph_center,
#graph_box_sub .graph_right {padding-left: 20px;}

#graph_box_sub .name {
	margin: 0 0 0 3px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
	color: red;}
*/
html #graph_box_sub .p_graph ul {margin-top: 0;}