/* CSS Document for Tsunagu */

/* Common */

body, td, th, input, select {
	color: #000;
	/*font-family: 'ＭＳ ＰＲゴシック', 'MS Gothic', 'ＭＳ Ｐ明朝', MingLiU, Helvetica, Arial, sans-serif;*/
    font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
}
pre {
  font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body {
	color: #333;
	background-color: #F5F5F5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 768px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a img {
	border: none;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:13px;
}
p {
	margin: 0;
	padding: 0;
}
.logo {
/*	width: 266px; */
}
.logo_sp {
	width: 330px;
}
.hidden {
	display: none;
}
.clear {
	clear: both;
}
/* COMMON: Buttons */

.btnAddNewOne {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -669px 0;
	cursor: pointer;
}
/* COMMON: ERR MSG */
.err_msg{
	color:red;
	display:none;
}
.data_err_msg{
	color:red;
}
/* COMMON: Pager */

.pager {
	font-size: 12px;
	color: #333;
	margin: 16px 0;
	height: 14px;
	line-height: 14px;
}
.pager a {
	background: url(../i/arrow.png) no-repeat;
	height: 14px;
	line-height: 14px;
	color: #333;
	text-decoration: none;
	display: inline-block;
}
.pager a.prev {
	padding-left: 24px;
	margin-right: 24px;
	background-position: left -42px;
}
.pager a.next {
	padding-right: 24px;
	margin-left: 24px;
	background-position: right -70px;
}
.pager a.prev:hover, .pager a.next:hover {
	color: #027AD6;
}

.pager a.prev_disable {
	padding-left: 24px;
	margin-right: 24px;
	background-position: left -42px;
}
.pager a.next_disable {
	padding-right: 24px;
	margin-left: 24px;
	background-position: right -70px;
}

.pager a.prev:hover {
	background-position: left -56px;
}
.pager a.next:hover {
	background-position: right -84px;
}
/* COMMON: DataGrid */

.datagrid {
	width: 100%;
	/*height: 355px;*/
	border: 1px solid #AAAAAA;
}
.datagrid thead tr {
	height: 32px;
	background: url(../i/bg_datagrid_head.jpg) repeat-x 0 0;
}
.datagrid thead tr th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	background: url(../i/bg_datagrid_headsplit.png) top right no-repeat;
	padding: 0 8px;
}
.datagrid thead tr th.last {
	cursor: default;
	background: none;
}
.datagrid tbody tr {
	height: 42px;
	cursor: pointer;
}
.datagrid tbody tr.even {
	background: #F0F0F0;
}
.datagrid tbody tr.odd {
	background: #F8F8F8;
}
.datagrid tbody tr td .detail {
	width: 21px;
	height: 21px;
	background: url(../i/arrow.png) no-repeat 0 -21px;
}
.datagrid tbody tr:hover {
	background: #005BA1 url(../i/bg_datagrid_bodyhover.gif) repeat-x 0 0;
}
.datagrid tbody tr:hover td {
	color: #FFF;
}
.datagrid tbody tr:hover td .detail {
	width: 21px;
	height: 21px;
	background: url(../i/arrow.png) no-repeat 0 0;
}
.datagrid tbody tr td {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DADADA;
	padding: 0 8px;
	word-break: break-all;
}
/* COMMON: PageFrame */
 
#navi {
	position: relative;
	margin: 0 auto;
	z-index: 1001;
	/*min-width: 318px;*/
	max-width: 100%;
	height: 46px;
	background: url(../i/gallery.png) 0 -955px repeat-x;
}
#navi .title {
	position: relative;
	/*min-width: 318px;*/
	max-width: 100%;
	height: 43px;
	line-height: 43px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
#design_info {
	max-width: 100%;
}
#design_info .header_img {
	width: 29%;
	float: left;
}
#design_info .header_text {
	width: 71%;
	float: left;
	color: #000;
	font-size: 16pt;
}
#design_info div img {
	margin-left: -5px;
}
#design_info .text_img {
	float:right;
	margin-right:2px;
}
#design_info #text_info {
	width:100%;
	white-space: pre-wrap;       /* css-3 */ 
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ 
	white-space: -pre-wrap;      /* Opera 4-6 */ 
	white-space: -o-pre-wrap;    /* Opera 7 */ 
	word-wrap: break-word;
	height: 34px;
	line-height:34px;
	text-align: right
}
#design_footer {
	width: 100%;
	font-size: 9pt;
	color: #000;
	text-align: center;
	margin-bottom:-20px;
}
#navi .title .back {
	position: absolute;
	width: 53px;
	height: 23px;
	background: url(../i/back.png) no-repeat;
	left: 40px;
	top: 10px;
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
#frame {
	position: relative;
	margin: 0 auto;
	z-index: 5000;
	top: -3px;
	width: 100%;
	height: 100%;
    min-height: 500px;
	/*min-width: 318px;
	max-width: 768px;*/
}

#printFrame #frame {
    margin: 0 auto 105px auto;
}
/* COMMON: Form Elements */

.sbox {
	height: 29px;
	line-height: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	cursor: pointer;
	position: relative;
	font-size:13px;
	display: inline-block;
}
.sbox[disabled]{
	cursor: default;
	border: 1px solid #ECECEC;
}
.sbox .sboxval {
	margin: 1px 30px 1px 1px;
	left: 1px;
	top: 1px;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	cursor: pointer;
	text-align: left;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
	-moz-binding:url('ellipsis.xml#ellipsis');
}
.sbox[disabled] .sboxval {
	cursor: default;
	color: #DCDCDC;
}
.sbox .sboxarrow {
	width: 31px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -450px -34px;
	cursor: pointer;
	position: absolute;
	top: -1px;
	right: -1px;
}
.sbox[disabled] .sboxarrow {
	cursor: default;
}
.sbox:hover {
	background: #E3EFFB;
}
.sbox[disabled]:hover{
	background: #FFF;
}
.sbox:hover .sboxarrow {
	background-position: -485px -34px;
}
.sbox[disabled]:hover .sboxarrow{
	background-position: -450px -34px;
}
.sbox ul.sboxlist {
	position: absolute;
	left: -1px;
	top: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	z-index: 10000;
	display: none;
	height: 150px;
	overflow-y: scroll;
}
.sbox ul.sboxlist li {
	text-align: left;
	padding: 0 9px 0 11px;
}
.sbox ul.sboxlist li span {
	white-space: nowrap;
}

.sbox ul.sboxlist li:hover {
	background: #DCDCDC;
}
.fbox {
	height: 29px;
	line-height: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.fbox:hover {
	background: #E3EFFB;
}
.fbox .fboxval {
	position: absolute;
	left: 1px;
	top: 1px;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	cursor: pointer;
}
.fbox .fboxarrow {
	width: 31px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -580px -34px;
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: -1px;
	right: -1px;
}
.fbox:hover .fboxarrow {
	background-position: -615px -34px;
}
.fbox input[type="file"] {
	position: absolute;
	z-index: 900;
	left: 0;
	top: -1px;
	/*width: 282px;*/
	height: 31px;
	line-height: 29px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
.dbox {
	width: 285px;
	/*border: 1px solid #DCDCDC;*/
	height: 29px;
	background: #FFF;
	position: relative;
	cursor: pointer;
}
.dbox .dboxval {
	position: absolute;
	left: 0px;
	top: -1px;
	padding: 0 10px;
	width: 210px;
	height: 14px;
	line-height: 14px;
	padding: 8px 10px;
	cursor: pointer;
}
.dbox .dboxwidget {
	position: absolute;
	z-index: 1000;
	top: 29px;
	left: -1px;
	display: none;
	width: 255px;
	height: 200px;
	overflow: hidden;
}
.schedule .dbox {
	width: 165px;
}
.schedule .dbox .dboxval {
	width: 90px;
}
.step4 .dbox .dboxval {
	position: absolute;
	left: 1px;
	top: 1px;
	padding: 0 10px;
	width: 210px;
	height: 29px;
	line-height: 29px;
	cursor: pointer;
}
.step4 .dbox {
	width: 285px;
	border: 1px solid #DCDCDC;
	height: 29px;
	background: #FFF;
	position: relative;
	cursor: pointer;
}
.dbox .dboxwidget .ui-datepicker {
	width: auto !important;
}
.dbox .dboxwidget .ui-datepicker th, .dbox .dboxwidget .ui-datepicker td {
	font-size: 11px !important;
}
.dbox:hover {
	background: #E3EFFB;
}
.dbox .dboxarrow {
	position: absolute;
	right: -1px;
	top: -1px;
	cursor: pointer;
	width: 55px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -520px -34px;
}
.dbox:hover .dboxarrow {
}
.cbox {
	width: 24px;
	height: 24px;
	background: url(../i/gallery.png) no-repeat -455px -71px;
	cursor: pointer;
}
.cbox.checked {
	background: url(../i/gallery.png) no-repeat -424px -69px;
}
form select {
	width: 265px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	padding: 0 10px;
	cursor: pointer;
	position: relative;
}
form input[type="text"], form input[type="password"] {
	height: 14px;
	line-height: 14px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	width: 300px;
	padding: 8px 10px;
    font-size: 13px;
}
form input[type="text"]:hover, form input[type="password"]:hover {
	background: #E3EFFB;
}
form input.number {
	width: 82px;
}
form textarea {
	padding: 10px;
	width: 420px;
	height: 118px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	resize: none;
	font-size: 13px;
	font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
form textarea:hover {
	background: #E3EFFB;
}
form input[name="button"], form input[name="submitbtn"], form input[name="copy"], form input[name="delete"]{
	background: url(../i/gallery.png) no-repeat;
	width: 107px;
	height: 32px;
	cursor: pointer;
	border: none;
}
#schedule_day input[name="button"]{
	background: url(../i/gallery.png) no-repeat;
	width: 107px;
	height: 32px;
	cursor: pointer;
	border: none;
}
form input[name="button"] {
	background-position: -339px 0;
}
form input[name="button"]:hover {
	background-position: -339px -34px;
}
form input[name="submitbtn"] {
	background-position: -559px 0;
}
form div.label {
	font-size: 13px;
	position: relative;
}
form div.star {
	font-size: 12px;
	color: #F00;
	position: absolute;
	right: -10px;
	top: 0;
}
form div.buttons {
	text-align: right;
}
form table .split {
	height: 15px;
	overflow: hidden;
}
/* MOD: Login */

#mod_login {
	width: 768px;
	margin: 0 auto;
/*	padding-top: 240px; */
	position: relative;
}
#mod_login .logo {
/*	position: absolute;
	left: 274px;
	top: 20px; */
	margin: 20px auto 20px;
	text-align: center;
}
#mod_login .logo_sp {
/*	position: absolute;
	left: 219px;
	top: 10px;*/
	margin: 20px auto 20px;
	text-align: center;
}
#mod_login .field {
	width: 336px;
	/*height: 300px;*/
	margin: 0 auto;
  padding-bottom: 40px;
}
#mod_login .field_sp {
	width: 336px;
	height: 250px;
	margin: 0 auto;
}
#mod_login .label {
	font-size: 16px;
	margin-bottom: 10px;
}
#mod_login .inputbox {
	border: 1px solid #DADADA;
	width: 334px;
	height: 48px;
	margin-bottom: 35px;
}
#mod_login .field_sp .inputbox {
	border: 1px solid #DADADA;
	width: 334px;
	height: 48px;
	margin-bottom: 10px;
}
#mod_login .icon_user {
	background: url(../i/gallery.png) no-repeat 0px -435px;
}
#mod_login .icon_pass {
	background: url(../i/gallery.png) no-repeat 0px -486px;
}
#mod_login input[type="text"], #mod_login input[type="password"] {
	border: none;
	border-left: 1px solid #DADADA;
	width: 265px;
	height: 16px;
	line-height: 16px;
	margin-left: 48px;
	background-color: #FFF;
	padding: 16px 10px;
}
#mod_login input[type="text"]:hover, #mod_login input[type="password"]:hover {
	background-color: #E3EFFB;
}
#mod_login .button {
	padding-top: 15px;
}
#mod_login input[type="submit"] {
	width: 336px;
	height: 50px;
	border: none;
	background: url(../i/gallery.png) no-repeat 0 0;
	color: #FFF;
	font-size: 18px;
	behavior: url(ie-css3.htc);
	text-shadow: #333 1px 1px 0px;
	cursor: pointer;
}
#mod_login input[type="button"] {
	width: 336px;
	height: 50px;
	border: none;
	background: url(../i/gallery.png) no-repeat 0 0;
	color: #FFF;
	font-size: 18px;
	behavior: url(ie-css3.htc);
	text-shadow: #333 1px 1px 0px;
	cursor: pointer;
}
/* MOD: HOME - Admin & User */

#mod_home_admin, #mod_home_user {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top: 10px;
	margin-bottom: 80px;
}
#mod_home_admin .logo, #mod_home_user .logo {
	padding-left:50px;
	margin: 0 auto 30px;
}
#mod_home_admin .container, #mod_home_user .container {
	position: relative;
	width: 630px;
	height: 580px;
	margin: 0 auto;
}
#mod_home_user .container {
    height: 400px;
}
#mod_home_user .container .withdraw {
    position: absolute;
    bottom: 0px;
}
#mod_home_admin .container .button, #mod_home_user .container .button {
	background-image: url(../i/gallery.png);
	background-repeat: no-repeat;
	width: 159px;
	height: 159px;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
}
#mod_home_admin .container .button .intro, #mod_home_user .container .button .intro {
	display: none;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	width: 127px;
	line-height: 24px;
	margin: 0 auto;
	position: absolute;
	top: 30px;
	left: 16px;
}
#mod_home_admin .container .button .name, #mod_home_user .container .button .name {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #0179D5;
	text-align: center;
	width: 158px;
	height: 14px;
	left: 0;
	top: 125px;
}
#mod_home_admin .container .button:hover .name, #mod_home_user .container .button:hover .name {
	color: #FFF;
}
#mod_home_admin .container .account {
	background-position: 0 -100px;
	top: 0;
	left: 120px;
}
#mod_home_admin .container .account:hover {
	background-position: 0 -258px;
}
#mod_home_admin .container .shop {
	background-position: -158px -100px;
	top: 0;
	left: 350px;
}
#mod_home_admin .container .shop:hover {
	background-position: -158px -258px;
}
#mod_home_admin .container .menu {
	background-position: -316px -100px;
	top: 205px;
	left: 0;
}
#mod_home_admin .container .menu:hover {
	background-position: -316px -258px;
}
#mod_home_admin .container .staff {
	background-position: -474px -100px;
	top: 205px;
	left: 234px;
}
#mod_home_admin .container .staff:hover {
	background-position: -474px -258px;
}
#mod_home_admin .container .booking {
	background-position: -632px -100px;
	top: 205px;
	left: 470px;
}
#mod_home_admin .container .booking:hover {
	background-position: -632px -258px;
}
#mod_home_admin .container .member {
	background-position: -790px -100px;
	top: 410px;
	left: 120px;
}
#mod_home_admin .container .member:hover {
	background-position: -790px -258px;
}
#mod_home_admin .container .data {
	background-position: -948px -100px;
	top: 410px;
	left: 350px;
}
#mod_home_admin .container .data:hover {
	background-position: -948px -258px;
}
#mod_home_user .container .booking {
	background-position: -632px -100px;
	top: 0;
	left: 235px;
}
#mod_home_user .container .booking:hover {
	background-position: -632px -258px;
}
#mod_home_user .container .member {
	background-position: -790px -100px;
	top: 205px;
	left: 120px;
}
#mod_home_user .container .member:hover {
	background-position: -790px -258px;
}
#mod_home_user .container .data {
	background-position: -948px -100px;
	top: 205px;
	left: 350px;
}
#mod_home_user .container .data:hover {
	background-position: -948px -258px;
}
.mypage#mod_home_user .container .booking {
	top: 130px;
	right: 60px;
  left: auto;
}
.mypage#mod_home_user .container .member {
	top: 130px;
	left: 60px;
}

#mod_home_admin .container .account:hover .intro, #mod_home_admin .container .shop:hover .intro, #mod_home_admin .container .menu:hover .intro, #mod_home_admin .container .staff:hover .intro, #mod_home_admin .container .booking:hover .intro, #mod_home_admin .container .member:hover .intro, #mod_home_admin .container .data:hover .intro, #mod_home_user .container .booking:hover .intro, #mod_home_user .container .member:hover .intro, #mod_home_user .container .data:hover .intro {
	display: block;
}
/* MOD: Double Column */

#mod_doublecolumn {
	width: 100%;
	margin: 0 auto;
	background: url(../i/bg_leftcolumn.gif) repeat-y 0 0;
	min-height:526px;
}
#mod_doublecolumn .leftcolumn {
	width: 150px;
	float: left;
	overflow: hidden;
}
#mod_doublecolumn .leftcolumn ul {
	margin-top: 1px;
}
#mod_doublecolumn .leftcolumn ul li {
	color: #FFF;
	width: 150px;
	height: 30px;
	line-height: 21px;
	padding: 5px 10px 0;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
}
.menuBtBox {
  border-top: 2px solid #aaa;
  padding: 5px;
}
.menuBtCalendarFixed {
  border-radius: 5px;
  background: rgb(255, 204, 0);
  color: #000;
  font-size: 14px;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.5s;
}
.menuBtCalendarFixed span {
  font-weight: bold;
}
.menuBtCalendarFixed:hover {
  opacity: 0.5;
  transition: 0.5s;
}
.menuBtFront {
  border-radius: 5px;
  background: #0179d5;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.5s;
  letter-spacing: -0.5px;
}
.menuBtFront span {
  font-weight: bold;
}
.menuBtFront a {
  color: #fff;
}
.menuBtFront:hover {
  opacity: 0.5;
  transition: 0.5s;
}
.menuBtLogout {
  border-radius: 5px;
  background: #6a6a6a;
  text-align: center;
  height: 36px;
  line-height: 36px;
  transition: 0.5s;
}
.menuBtLogout:hover {
  opacity: 0.5;
  transition: 0.5s;
}
.menuBtLogout a {
  color: #fff;
  display: block;
  font-size: 12px;
}
.sysadminMenu {
  color: #ffcc00 !important;
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000 !important;
}
#mod_doublecolumn .leftcolumn ul li.big {
	margin: 20px 0; /* Modified by Strong Chen */
}
#mod_doublecolumn .leftcolumn ul li:hover {
	color: #0179D5;
	background: #E3EFFB;
}
#mod_doublecolumn .leftcolumn ul li.current {
	cursor: pointer;
}
#mod_doublecolumn .leftcolumn ul li.current, #mod_doublecolumn .leftcolumn ul li.current:hover {
	color: #333;
	background: url(../i/gallery.png) no-repeat -156px -60px;
}
#mod_doublecolumn .leftcolumn ul li div {
	width: 20px;
	height: 20px;
	/*background: url(../i/gallery.png) no-repeat;*/
	float: left;
	margin-right: 6px;
}
#mod_doublecolumn .leftcolumn ul li div i {
    font-size: 20px;
    line-height: 14px;
    margin-top: 3px;
}
#mod_doublecolumn .leftcolumn ul li div.account {
	background-position: -927px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.shop {
	background-position: -947px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.menu {
	background-position: -967px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.staff {
	background-position: -987px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.booking {
	background-position: -1007px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.member {
	background-position: -1027px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.data {
	background-position: -1047px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.password {
	background-position: -1087px -20px;
}
#mod_doublecolumn .leftcolumn ul li div.logout {
	background-position: -1067px -20px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.account {
	background-position: -927px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.shop {
	background-position: -947px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.menu {
	background-position: -967px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.staff {
	background-position: -987px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.booking {
	background-position: -1007px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.member {
	background-position: -1027px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.data {
	background-position: -1047px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.password {
	background-position: -1087px -40px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.logout {
	background-position: -1067px -40px;
}
#mod_doublecolumn .leftcolumn ul li.current div.account, #mod_doublecolumn .leftcolumn ul li.current:hover div.account {
	background-position: -927px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.shop, #mod_doublecolumn .leftcolumn ul li.current:hover div.shop {
	background-position: -947px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.menu, #mod_doublecolumn .leftcolumn ul li.current:hover div.menu {
	background-position: -967px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.staff, #mod_doublecolumn .leftcolumn ul li.current:hover div.staff {
	background-position: -987px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.booking, #mod_doublecolumn .leftcolumn ul li.current:hover div.booking {
	background-position: -1007px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.member, #mod_doublecolumn .leftcolumn ul li.current:hover div.member {
	background-position: -1027px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.data, #mod_doublecolumn .leftcolumn ul li.current:hover div.data {
	background-position: -1047px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.password, #mod_doublecolumn .leftcolumn ul li.current:hover div.password {
	background-position: -1087px 0;
}
#mod_doublecolumn .leftcolumn ul li.current div.logout, #mod_doublecolumn .leftcolumn ul li.current:hover div.logout {
	background-position: -1067px 0;
}
#mod_doublecolumn .leftcolumn ul li div.design {
	width: 21px;
	height: 21px;
	/*background: url(../i/design_normal.png) no-repeat;*/
	float: left;
	margin-right: 5px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.design {
	/*background: url(../i/design_on.png) no-repeat;*/
}
#mod_doublecolumn .leftcolumn ul li.current div.design {
	/*background: url(../i/design_selected.png) no-repeat;*/
}
#mod_doublecolumn .container {
	margin-left: 170px;
	margin-right: 20px;
	padding: 20px 0 75px 0;
}
/* MOD: Update Password */

#mod_update_password {
	margin: 25px;
}
#mod_update_password .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_update_password form th {
	font-weight: normal;
	padding-right: 20px;
	white-space: nowrap;
}
#mod_update_password form input[name="submitbtn"] {
background-position: -449px 0;
}
/* MOD: Account */

#mod_account {
	margin: 25px;
}
#mod_account .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_account .btnAddNewOne {
	float: right;
}
#mod_account .pager {
	float: right;
}
/* MOD: Account Update */

#mod_account_update {
	margin: 25px;
}
#mod_account_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_account_update form th, #mod_account_update form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_account_update form th {
	padding-right: 20px;
}
#mod_account_update form input[name="submitbtn"] {
background-position: -449px 0;
}/* MOD: Account Add */

#mod_account_add {
	margin: 25px;
}
#mod_account_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_account_add form th, #mod_account_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_account_add form th {
	padding-right: 20px;
}
/* MOD: Staff */

#mod_staff {
	margin: 25px;
}
#mod_staff .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_staff .btnAddNewOne {
	float: right;
}
#mod_staff .pager {
	float: right;
}
/* MOD: Staff Add */

#mod_staff_add {
	margin: 25px;
}
#mod_staff_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_staff_add .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_staff_add form th, #mod_staff_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_staff_add form table.basic th {
	text-align: right;
	padding-right: 20px;
}
#mod_staff_add form table.basic select {
	width: 265px;
}
#mod_staff_add form table.basic select.order {
	width: 134px;
}
#mod_staff_add form table.basic input[type="file"] {
	width: 265px;
}
#mod_staff_add form table.basic td.preview {
	position: relative;
}
#mod_staff_add form table.basic input.remove {
	/*position: absolute;*/
	background-position: -650px -34px;
	width: 85px;
	height: 29px;
	top: 121px;
	left: 160px;
}

#mod_staff_add form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 86px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
}
#mod_staff_add form table.basic .dtpicker {
	width: 230px;
}
#mod_staff_add form table.basic span.note {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
}
#mod_staff_add form table.schedule select {
	width: 100px;
}
/* MOD: Staff Update */

#mod_staff_update {
	margin: 25px;
}
#mod_staff_update .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_staff_update .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_staff_update form th, #mod_staff_update form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_staff_update form table.basic th {
	text-align: right;
	padding-right: 20px;
}
#mod_staff_update form table.basic select {
	width: 265px;
}
#mod_staff_update form table.basic select.order {
	width: 134px;
}
#mod_staff_update form table.basic input[type="file"] {
	width: 265px;
}
#mod_staff_update form table.basic td.preview {
	position: relative;
}
#mod_staff_update form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 85px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
}
#mod_staff_update form table.basic .dtpicker {
	width: 230px;
}
#mod_staff_update form table.basic span.note {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
}
#mod_staff_update form table.schedule select {
	width: 100px;
}
#mod_staff_update form input[name="submitbtn"] {
	background-position: -449px 0;
}
#mod_staff_update input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_staff_update input[name="delete"]:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}
/* MOD: Menu */

#mod_menu {
	margin: 25px;
}
#mod_menu .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_menu .btnAddNewOne {
	float: right;
}
#mod_menu .pager {
	float: right;
}
/* MOD: Menu Add */

#mod_menu_add {
	margin: 25px;
}
#mod_menu_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_menu_add .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_menu_add form th, #mod_menu_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_menu_add form table.basic th {
	text-align: right;
	padding-right: 20px;
}
#mod_menu_add form table.basic select {
	width: 265px;
}
#mod_menu_add form table.basic select.order {
	width: 134px;
}
#mod_menu_add form table.basic input[type="file"] {
	width: 265px;
}
#mod_menu_add form table.basic td.preview {
	position: relative;
}
#mod_menu_add form table.basic input.menushort, #mod_menu_add form table.basic input.price, #mod_menu_add form table.basic input.short, #mod_menu_add form table.basic input.menu_price{
	width: 82px;
}
#mod_menu_add form input.menushort#colorSelector {
	width: 102px;
}
#mod_menu_add form table.basic input.remove {
	/*position: absolute;*/
	background-position: -559px 0;
	width: 85px;
	height: 29px;
	top: 121px;
	left: 160px;
}
#mod_menu_add form table.basic .dtpicker {
	width: 230px;
}

#mod_menu_add form table.basic1 th {
	text-align: left;
	padding-right: 20px;
}

#mod_menu_add form .time {
	width: 133px !important;
}
#mod_menu_add form table.basic span.note, #mod_menu_add form table.basic span.note2 {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
}
#mod_menu_add form table.basic span.note2 {
	margin-left: 0px;
}
#mod_menu_add form table.schedule select {
	width: 100px;
}
/* MOD: Menu Update */

#mod_menu_update {
	margin: 25px;
}
#mod_menu_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_menu_update .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_menu_update form th, #mod_menu_update form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_staff_add form .week_date .reserve_date_delete,
#mod_staff_update form .week_date .reserve_date_delete,
#mod_menu_add form .week_date .reserve_date_delete,
#mod_menu_update form .week_date .reserve_date_delete{
	display: inline-block;
	position:relative;
	top:-8px; 
}
#mod_staff_add form .week_date .dbox,
#mod_staff_update form .week_date .dbox,
#mod_menu_add form .week_date .dbox,
#mod_menu_update form .week_date .dbox {
	display: inline-block;
}

#kodawali_html {
	word-wrap: break-word;
	white-space: pre-wrap;
	width: 500px;
}
#mod_menu_update form table.basic th {
	text-align: right;
	padding-right: 20px;
}

#mod_menu_update form table.basic1 th {
	text-align: left;
	padding-right: 20px;
}

#mod_menu_update form table.basic select {
	width: 265px;
}
#mod_menu_update form table.basic select.order {
	width: 134px;
}
#mod_menu_update form table.basic input[type="file"] {
	width: 265px;
}
#mod_menu_update form table.basic td.preview {
	position: relative;
}
#mod_menu_update form table.basic input.menushort, #mod_menu_update form table.basic input.price, #mod_menu_update form table.basic input.short, #mod_menu_update form table.basic input.menu_price{
	width: 82px;
}
#mod_menu_update form table.basic input.remove {
	/*position: absolute;*/
	background-position: -650px -34px;
	width: 85px;
	height: 29px;
	top: 121px;
	left: 160px;
}
#mod_menu_update form table.basic .dtpicker {
	width: 230px;
}
#mod_menu_update form .time {
	width: 133px !important;
}
#mod_menu_update form table.basic span.note, #mod_menu_update form table.basic span.note2 {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
}
#mod_menu_update form table.basic span.note2 {
	margin-left: 0px;
}
#mod_menu_update form table.schedule select {
	width: 100px;
}
#mod_menu_update form input[name="submitbtn"] {
	background-position: -449px 0;
}
#mod_menu_update form input[name="copy"] {
    background-position: -413px -660px;
}
#mod_menu_update input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_menu_update input[name="delete"]:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}

/* MOD: Shop */

#mod_shop {
	margin: 25px;
}
#mod_shop .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_shop .btnAddNewOne {
	float: right;
}
#mod_shop .pager {
	float: right;
}
/* MOD: Shop Add */

#mod_shop_add {
	margin: 25px;
}
#mod_shop_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_shop_add .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_shop_add form th, #mod_shop_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_shop_add form table th {
	text-align: right;
	padding-right: 20px;
}
#mod_shop_add form table.basic .postcode {
	width: 80px;
}
#mod_shop_add form table.basic select {
	width: 265px;
}
#mod_shop_add form table.basic select.order {
	width: 134px;
}
#mod_shop_add form table.basic input[type="file"] {
	width: 265px;
}
#mod_shop_add form table.basic td.preview {
	position: relative;
}
#mod_shop_add form table.basic input.loadArea {
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 86px;
	height: 31px;
	margin-left: 12px;
	border: medium none;
}
#mod_shop_add form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 86px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
}

#mod_menu_add form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 86px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
	cursor:pointer;
}
#mod_menu_update form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 86px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
	cursor:pointer;
}
#mod_shop_add form table.basic .dtpicker {
	width: 230px;
}
#mod_shop_add form table span.note {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
	white-space: normal;
	display: block;
}
#mod_shop_add form table.booking .short, #mod_shop_add table.automail .short, #mod_shop_add table.map .short {
	width: 90px;
}
#mod_shop_add form table.booking select {
	width: 100px;
}
#mod_shop_add form table.map select {
	width: 150px;
}
/* MOD: Shop Update */

#mod_shop_update {
	margin: 25px;
}
#mod_shop_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_shop_update .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_shop_update form th, #mod_shop_update form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_shop_update form table th {
	text-align: right;
	padding-right: 20px;
}
#mod_shop_update form table.basic .postcode {
	width: 80px;
}
#mod_shop_update form table.basic select {
	width: 265px;
}
#mod_shop_update form table.basic select.order {
	width: 134px;
}
#mod_shop_update form table.basic input[type="file"] {
	width: 265px;
}
#mod_shop_update form table.basic td.preview {
	position: relative;
}
#mod_shop_update form input[name="submitbtn"] {
background-position: -449px 0;
}
#mod_shop_update input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_shop_update input[name="delete"]:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}
#mod_shop_update form table.basic input.loadArea {
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 85px;
	height: 31px;
	margin-left: 12px;
	border: medium none;
}
#mod_shop_update form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 85px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
}
#mod_shop_update form table.basic .dtpicker {
	width: 230px;
}
#mod_shop_update form table span.note {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
	white-space: normal;
	display: block;
}
#mod_shop_update form table.booking .short, #mod_shop_update table.automail .short, #mod_shop_update table.map .short {
	width: 90px;
}
#mod_shop_update form table.booking select {
	width: 100px;
}
#mod_shop_update form table.map select {
	width: 150px;
}
/* MOD: Data */

#mod_data {
	margin: 25px;
}
#mod_data .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_data form th {
	font-weight: normal;
	padding-right: 20px;
}
#mod_data form .guide {
	width: 411px;
	height: 55px;
	background: url(../i/gallery.png) no-repeat -690px -430px;
	margin: 40px auto 20px;
    cursor:pointer; /* add by lianglj */
}
#mod_data .download {
	width: 207px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -690px -500px;
	cursor: pointer;
}
/* MOD: FRONT */

#front {
	margin: 0 auto;
	/*min-width: 318px;*/
	max-width: 100%;
}
#front .steps {
	background: #FFF;
	padding-top: 25px;
	text-align: center;
}
#front .steps .step1, #front .steps .step2, #front .steps .step3, #front .steps .step4, #front .steps .step5, #front .steps .step6, #front .steps .step7 {
	background: url(../i/front_icon_preview.png) no-repeat;
	height: 54px;
	overflow: hidden;
}
#front .steps .step1 {
	background-position: center 0;
}
#front .steps .step1.yes {
	width: 155px;
	margin:auto;
	background-position: 0 0;
}
#front pre{
	width:99%;
	white-space: pre-wrap;       /* css-3 */ 
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ 
	white-space: -pre-wrap;      /* Opera 4-6 */ 
	white-space: -o-pre-wrap;    /* Opera 7 */ 
	word-wrap: break-word;
}
#front .steps .step2 {
	background-position: center -55px;
}
#front .steps .step2.yes {
	width: 154.92px;
	margin:auto;
	background-position: 0 -55px;
}
#front .steps .step3 {
	background-position: center -110px;
}
#front .steps .step3.yes {
	width: 154.92px;
	margin:auto;
	background-position: 0 -110px;
}
#front .steps .step4 {
	background-position: center -165px;
}
#front .steps .step4.yes {
	width: 156px;
	margin:auto;
	background-position: 0 -165px;
}
#front .steps .step5 {
	background-position: center -220px;
}
#front .steps .step6 {
	background-position: center -275px;
}
#front .steps .step7 {
	background-position: center -330px;
}
#front .container {
	background: #D3D3D3;
}
#front .container .step1, #front .container .step2, #front .container .step3, #front .container .step4, #front .container .step5, #front .container .step6, #front .container .step7, #front .container .step8 {
	padding: 9px;
}
#front .container .list_item {
	min-width: 300px;
	background: #FFF;
	margin-bottom: 5px;
	padding: 8px;
	position: relative;
}
#front .container .step1 .list_item {
	min-height: 119px;
}
#front .container .step2 .list_item, #front .container .step3 .list_item {
	min-height: 76px;
}
/*
#front .container .list_item .arrow {
	width: 21px;
	height: 21px;
	position: absolute;
	background: url(../i/arrow.png) no-repeat 0 -119px;
	right: 8px;
}
#front .container .step1 .list_item .arrow {
	top: 43px;
}
#front .container .step2 .list_item .arrow, #front .container .step3 .list_item .arrow {
	top: 27px;
}
*/
#front .container .list_item .title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
}
#front .container .step1 .list_item .addr, #front .container .step1 .list_item .tel, #front .container .step1 .list_item .email, #front .container .step1 .list_item .url, #front .container .step1 .list_item .desc {
	font-size: 12px;
	margin-left: 64px;
	margin-right: 24px;
	color: #333;
	padding-left: 16px;
}
#front .container .step1 .list_item .addr {
	background: url(../i/preview_01.png) no-repeat 0 2px;
	width:80%;
}
#front .container .step1 .list_item .tel {
	background: url(../i/preview_02.png) no-repeat 0 2px;
	width:80%;
}
#front .container .step1 .list_item .email {
	background: url(../i/preview_03.png) no-repeat 0 2px;
	width:80%;
}
#front .container .step1 .list_item .url {
	background: url(../i/preview_04.png) no-repeat 0 2px;
	width:80%;
}
#front .container .step1 .list_item .desc {
	background: url(../i/preview_05.png) no-repeat 0 2px;
	margin-bottom: 20px;
	width:80%;
}
#front .container .list_item .arrow{
	width: 80px;
	height: 80px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	right: 8px;
	color: #FFF;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	top:50%;
	margin-top:-40px;
}
/*
#front .container .list_item:hover {
	background: #005BA1 url(../i/bg_front_item.jpg) repeat-x 0 0;
}
#front .container .list_item:hover .arrow {
	background-position: 0 -98px;
}
#front .container .list_item:hover .title {
	color: #FFF;
}
#front .container .step1 .list_item:hover .addr, #front .container .step1 .list_item:hover .tel, #front .container .step1 .list_item:hover .email, #front .container .step1 .list_item:hover .url, #front .container .step1 .list_item:hover .desc, #front .container .step2 .list_item:hover .desc, #front .container .step3 .list_item:hover .desc {
	color: #FFF;
}
#front .container .step1 .list_item:hover .addr {
	background: url(../i/front_icon_addr_hover.png) no-repeat 0 2px;
}
#front .container .step1 .list_item:hover .tel {
	background: url(../i/front_icon_tel_hover.png) no-repeat 0 2px;
}
#front .container .step1 .list_item:hover .email {
	background: url(../i/front_icon_email_hover.png) no-repeat 0 2px;
}
#front .container .step1 .list_item:hover .url {
	background: url(../i/front_icon_url_hover.png) no-repeat 0 2px;
}
#front .container .step1 .list_item:hover .desc {
	background: url(../i/front_icon_desc_hover.png) no-repeat 0 2px;
}
*/
#front .container .list_item .img {
	float: left;
	border: 1px solid #FFF;
}
#front .container .step2 .list_item .title, #front .container .step2 .list_item .desc, #front .container .step3 .list_item .title, #front .container .step3 .list_item .desc {
	font-size: 12px;
	margin-left: 64px;
	margin-right: 24px;
	width:80%;
}
#front .container .step2 .list_item .desc, #front .container .step3 .list_item .desc {
	font-size: 12px;
	color: #333;
	width:80%;
}
#front .container .step4 .note, #front .container .step6 .note, #front .container .step8 .note, #front .container .step8 .note2 {
	background: #FFF url(../i/front_icon_note.gif) no-repeat 24px center;
	padding: 24px 24px 24px 74px;
	font-size: 14px;
	color: #0179D5;
	line-height: 20px;
	font-weight:bold;
}
#front .container .step4 .note p.tel {
	font-weight: bold;
	color: #F00;
	background: url(../i/front_icon_tel_red.gif) no-repeat 0 2px;
	padding-left: 16px;
}
/*
#front .container .step4 .bdate, #front .container .step4 .icons, .calendar {
	background: #FFF;
	padding: 0 24px 24px;
}
*/
#front .container .step4 .datepicker, #front .container .step4 .icons, .calendar {
	background: #FFF;
	padding: 0 24px 24px;
}
/*
#front .container .step4 .bdate .strong {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
*/
#front .container .step4 .datepicker .strong {
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	float:left;
}
/*
#front .container .step4 .bdate input[type="text"], #front .container .step4 .bdate .dbox {
	width: 252px;
}
#front .container .step4 .bdate .ui-datepicker-title {
	font-size: 12px;
}
*/
#front .container .step4 .icons {
	font-size: 12px !important;
}
#front .container .step4 .icons ul li {
	float: left;
	line-height: 19px;
	height: 19px;
	margin-right: 8px;
}
#front .container .step4 .icons .more, #front .container .step4 .icons .one {
	width: 18px;
	height: 19px;
	background: url(../i/gallery.png) no-repeat;
	float: left;
	margin-right: 6px;
}
#front .container .step4 .icons .more {
	background-position: -790px 0;
}
#front .container .step4 .icons .one {
	background-position: -820px 0;
}

#front .container .step4 .datepicker input[type="text"]{
	height: 29px;
	line-height: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	width: 300px;
	padding: 0 10px;
}

#front .container .step4 .datepicker {
	position: relative;
}
#front .container .step4 .datepicker .ui-datepicker {
	width: 308px !important;
}

#front .container .step4 .datepicker .doublecalendar th{
	font-size: 13px;
	font-weight: normal;
}

#front .container .step4 .datepicker .doublecalendar {
	font-size: 9px;
	position: absolute;
	z-index: 1000;
	top: 31px;
	display:none;
	left:-90px;
}
#front .container .step4 .datepicker .doublecalendar a {
	font-size: 16px;
}
#front .container .step4 .datepicker input[type="text"] {
	width: 103px;
	float: left;
}
#front .container .step4 .datepicker .icons {
}
#front .container .step4 .datepicker .icons div {
	background: url(../i/gallery.png) no-repeat;
	height: 31px;
	float: left;
	cursor: pointer;
}
#front .container .step4 .datepicker .icons .prev {
	background-position: -650px -67px;
	width: 24px;
}
#front .container .step4 .datepicker .icons .calendar {
	background-position: -674px -67px;
	padding:0px;
	width: 32px;
}
#front .container .step4 .datepicker .icons .next {
	background-position: -706px -67px;
	width: 24px;
}
.calendar ul li {
	float: left;
}
.calendar th {
	font-size: 14px;
	font-weight: bold;
	border-top: 2px solid #A9A9A9;
	border-bottom: 2px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
}
.calendar td {
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #DDDFE3;
}
.calendar tr.first td {
	border-top: none;
}
.calendar tr.last td {
	border-bottom: 2px solid #DDDFE3;
}
.calendar th span {
	font-size: 14px;
	font-weight: normal;
}
.calendar .left {
	border-left: none;
}
.calendar .right {
	border-right: none;
}
.calendar tr td .na, .calendar tr td .more, .calendar tr td .one {
	background: url(../i/gallery.png) no-repeat;
	width: 30px;
	height: 30px;
}
.calendar tr td .na {
	background-position: -843px 6px;
}
.calendar tr td .more {
	background-position: -784px 6px;
	cursor: pointer;
}

.calendar tr td .more.yes{
	background-position: -784px 6px;
	cursor: auto;
}

.calendar tr td .one {
	background-position: -814px 6px;
	cursor: pointer;
}

.calendar tr td .one.yes{
	background-position: -814px 6px;
	cursor: auto;
}
.calendar tr th.odd{
	background: #EFEFEF;
}
.calendar .extra th.first {
	border-left: 2px solid #A9A9A9;
}
.calendar .extra td.first {
	border-left: 2px solid #DDDFE3;
}

.first_reserve_box {
	padding-bottom: 5px;
    margin-bottom: 5px;
}
.first_reserve_title {
	margin: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: bold;
}
.first_reserve_data {
	padding:10px;
	margin:10px;
	border-radius:15px;
	cursor:pointer;
}
.first_reserve_name {
	margin: 5px 10px 0px 10px;
}
.first_reserve_num {
	margin: 0px 10px 0px 10px;
}
.first_reserve_time {
	margin: 5px 10px 5px 10px;
}

/* 抜本的改修中 */
#front .container .step5 .confirm {
  padding: 20px;
  background: #FFF;
}
.menu-scroll{
    overflow-y:scroll;
    height:12em;
}
#front .container .step8 .confirm {
  padding: 20px;
  background: #FFF;
}

/* 予約情報入力画面 201603 */
.reserveInfoBox {
  border-bottom: 1px solid #eee;
  padding: 20px 5px;
}
.reserveInfoImage {
  float: left;
  width: 50px;
}
.reserveInfoImage p {
  text-align: center;
}
.reserveInfoImage img {
  height: 30px;
}
.reserveInfoRightBox {
  float: left;
  width: 785px;
  margin-left: 9px;
}
.reserveInfoRightTitle {
  float: left;
  width: 200px;
}
.reserveInfoRightTitle p {
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
}
.reserveInfoRightContentEach {
  float: left;
  width: 570px;
  margin-left: 15px;
}
.reserveInfoRightContentEach p {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 2px;
}
/* 予約情報入力画面 201603 END */

.reserveInfoImage,
.reserveInfoRightBox,
.reserveInfoRightTitle,
.reserveInfoRightContentEach {
padding: 0 !important;
border-bottom: 0px !important;
}


#front .container .step7 .confirm, #front .container .step7 .detail, #front .container .step7 .addition, #front .container .step8 .detail, #front .container .step8 .addition {
	padding: 24px 19px;
	background: #FFF;
}
#front .container .step7 .confirm div, #front .container .step8 .detail div {
	padding: 20px 5px;
	border-bottom: 1px solid #A9A9A9;
}
#front .container .step5 .confirm .title, #front .container .step7 .confirm .title, #front .container .step7 .detail .title,#front .container .step8 .confirm .title, #front .container .step8 .detail .title {
	font-size: 18px;
	font-weight: bold;
}
#front .container .step7 .confirm .shop {
	background: url(../i/front_icon_shop.png) no-repeat 12px center;
}
#front .container .step7 .confirm .staff{
	background: url(../i/front_icon_staff.png) no-repeat 12px center;
}
#front .container .step7 .confirm .menu {
	background: url(../i/front_icon_menu.png) no-repeat 14px center;
}
#front .container .step7 .confirm .date {
	background: url(../i/front_icon_date.png) no-repeat 12px center;
}
#front .container .step8 .detail .name {
	background: url(../i/front_icon_name.png) no-repeat 12px center;
}
#front .container .step8 .detail .email {
	background: url(../i/front_icon_email2.png) no-repeat 12px center;
}
#front .container .step8 .detail .tel {
	background: url(../i/front_icon_tel2.png) no-repeat 12px center;
}
#front .container .step8 .detail .req {
	background: url(../i/front_icon_req.png) no-repeat 12px center;
}
#front .container .step7 .confirm p, #front .container .step8 .detail p {
	margin-left: 36px;
	font-size: 14px;
	font-weight: bold;
}
#front .container .step7 .confirm p.title,  #front .container .step8 .detail p.title {
	font-size: 13px;
	font-weight: normal;
}
#front .container .step5 .buttons, #front .container .step7 .buttons, #front .container .step8 .buttons {
	padding: 0 19px 24px;
	background: #FFF;
	text-align: center;
}
#front .container .step5 .buttons input[type="button"], #front .container .step7 .buttons input[type="button"] {
	background: url(../i/gallery.png) no-repeat 0 -580px;
	width: 262px;
	height: 46px;
	border: none;
	cursor: pointer;
}
#front .container .step8 .buttons input[type="button"] {
	background: url(../i/gallery.png) no-repeat 0 -780px;
	width: 262px;
	height: 46px;
	border: none;
	cursor: pointer;
}#front .container .step6 .note {
	color: #F00;
}
#front .container .step6 .buttons {
	background: #FFF;
	padding: 0 19px 24px;
}
#front .container .step6 .buttons .box {
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	padding: 12px 0;
	margin-bottom: 12px;
}
#front .container .step6 .buttons p {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
}
#front .container .step6 .buttons p.i {
	font-size: 14px;
	font-weight: normal;
}
#front .container .step6 .buttons p.b {
	text-align: center;
}
#front .container .step6 .buttons .facebook, #front .container .step6 .buttons .google, #front .container .step6 .buttons .guest {
	width: 263px;
	height: 47px;
	background: url(../i/gallery.png) no-repeat;
	border: none;
	cursor: pointer;
}
#front .container .step6 .buttons .facebook {
	background-position: 0 -630px;
}
#front .container .step6 .buttons .google {
	background-position: 0 -680px;
}
#front .container .step6 .buttons .guest {
	background-position: 0 -730px;
}
#front .container .step7 .detail .title {
	margin-bottom: 18px;
}
#front .container .step7 .detail p {
	font-size: 12px;
	margin-top: 12px;
}
#front .container .step7 td {
	font-size: 13px;
}
#front .container .step7 td span.star {
	color: #F00;
}
#front .container .step7 td div.name, #front .container .step7 td div.pron, #front .container .step7 td div.email, #front .container .step7 td div.tel {
	width: 259px;
	height: 35px;
}
#front .container .step7 td div.name, #front .container .step7 td div.pron {
	background: url(../i/gallery.png) no-repeat -779px -40px;
}
#front .container .step7 td div.email {
	background: url(../i/gallery.png) no-repeat -819px -40px;
}
#front .container .step7 td div.tel {
	background: url(../i/gallery.png) no-repeat -859px -40px;
}
#front .container .step7 td div.name input[type="text"], #front .container .step7 td div.pron input[type="text"], #front .container .step7 td div.email input[type="text"], #front .container .step7 td div.tel input[type="text"] {
	margin: 0;
	margin-left: 38px;
	padding: 0 6px;
	border: 1px solid #DADADA;
	border-left: none;
	height: 33px;
	line-height: 32px;
	width: 211px;
	background: #FFF;
}
#front .container .step7 td div.name input[type="text"]:hover, #front .container .step7 td div.pron input[type="text"]:hover, #front .container .step7 td div.email input[type="text"]:hover, #front .container .step7 td div.tel input[type="text"]:hover {
	background: #E3EFFB;
}
#front .container .step7 td textarea {
	width: 246px;
	height: 115px;
	border: 1px solid #DADADA;
	resize: none;
	padding: 6px;
}
#front .container .step7 td textarea:hover {
	background: #E3EFFB;
}
#front .container .step7 .addition, #front .container .step8 .addition {
	font-size: 12px;
}
#front .container .step7 .addition p.m {
	font-size: 13px;
	font-weight: bold;
}
#front .container .step8 .note {
	font-weight: bold;
	background: #FFF url(../i/front_icon_finish.gif) no-repeat 24px center;
}
#front .container .step8 .note2 {
	font-weight: bold;
	background: #FFF url(../i/front_icon_note.gif) no-repeat 24px center;
}
#front .container .step5 .confirm .store_mail_magazine_text {
	font-size:16px;
	text-align:center;
	margin:0px 15px;
	border-bottom:none;
}
#front .container .last {
	margin-bottom: 0;
}
/* MOD: Customer */

#mod_customer {
	margin: 25px;
}
#mod_customer .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_customer .btnAddNewOne {
	float: right;
}
#mod_customer .pager {
	float: right;
}
#mod_customer {
}
#mod_customer .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_customer form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
	white-space: nowrap;
}
#mod_customer form.search .buttons {
	text-align: center;
}
#mod_customer form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_customer form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
	border: none;
	cursor: pointer;
}
#mod_customer form.search .ui-datepicker-title {
	font-size: 12px;
}

#mod_customer .bond_button{
	display:inline-block;
	float:right;
	width: 110px;
    height: 31px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
	text-shadow: 1px 1px #000000;
	margin: 0px 20px 0px 0px;
}

#mod_customer .bond_info{
	margin:16px 0px 16px 0px;
	width: 50%;
	display:inline-block;
	font-size: 12px;
	color: #0179D5;
	white-space: normal;
}

#mod_customer .bond_info2{
	float:right;
	line-height:16px;
	font-size: 12px;
	color: #0179D5;
	white-space: normal;
	margin: 0px 10px 0px 0px;
	text-align: right;
}

/* MOD: Customer Add */

#mod_customer_add {
	margin: 25px;
}
#mod_customer_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_customer_add form th, #mod_customer_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_customer_add form th {
	padding-right: 20px;
}
/* MOD: Customer Update */

#mod_customer_update {
	margin: 25px;
}
#mod_customer_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_customer_update form td {
	font-size: 12px;
	font-weight: normal;
}
#mod_customer_update form th{
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_customer_update form .datagrid th{
	font-size: 14px;
	font-weight: bold;
}
#mod_customer_update form th {
	padding-right: 20px;
}
#mod_customer_update form input[name="submitbtn"] {
    background-position: -449px 0;
}
#mod_customer_update form input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_customer_update .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_customer_update .pager {
	float: right;
}

/* MOD:customer_bond */

#mod_customer_bond {
	margin: 25px;
	display: inline-block;
}
#mod_customer_bond .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_customer_bond form td {
	font-size: 12px;
	font-weight: normal;
	max-width: 460px;
}
#mod_customer_bond form th{
	font-size: 14px;
	/*font-weight: normal;*/
	/*white-space: nowrap;*/
}
#mod_customer_bond form .datagrid th{
	/*font-size: 14px;*/
	/*font-weight: bold;*/
}
#mod_customer_bond form th {
	/*padding-right: 20px;*/
}
#mod_customer_bond form input[type="text"] {
    width:420px;
}
#mod_customer_bond form input[name="submitbtn"] {
    background-position: -449px 0;
}
#mod_customer_bond form input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_customer_bond .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_customer_bond .item_name {
	width:120px;
	text-align: right;
	padding: 0px 20px 0px 0px;
}
#mod_customer_bond .id_item {
	background-color: #DCDCDC;
}

#mod_customer_bond td .buttons{
	min-width:144px;
}

#mod_customer_bond .change_button {
	width:40px;
	margin: 0px 20px 0px 20px;
	background-color: #D5D5D5;
    border: 1px solid #AAAAAA;
}
#mod_customer_bond .reset_button {
	width:40px;
	margin: 0px 20px 0px 0px;
	background-color: #D5D5D5;
    border: 1px solid #AAAAAA;
}
#mod_customer_bond .change_item {
	background-color: #deebf7;
	border: 1px solid #a9cfe9;
}
#mod_customer_bond .big_text{
	font-size: 28px;
}
#mod_customer_bond .th_item_left{
	overflow: hidden;
	border-bottom: 15px solid #92d050;
}
#mod_customer_bond .th_item_right{
	overflow: hidden;
	border-bottom: 15px solid #00b0f0;
}
#mod_customer_bond .th_title_left{
	display:inline-block;
	float:left;
	color:#92d050;
}
#mod_customer_bond .th_title_right{
	display:inline-block;
	float:right;
	color:#00b0f0;
}
#mod_customer_bond .th_text_left{
	display:inline-block;
	float:right;
}
#mod_customer_bond .th_text_right{
	display:inline-block;
	float:left;
}

.modal_text {
	color: #FFFFFF;
	font-size:24px;
}

.bond_submit{
	display: inline-block;
    float: right;
    width: 110px;
    height: 30px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
    margin: 0px 20px 0px 0px;
}

.bond_cancel_button{
	display: inline-block;
    float: left;
    width: 110px;
    height: 30px;
    background-color:#000000;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    text-shadow: 1px 1px #000000;
	margin: 0px 20px 0px 0px;
}

#customer_bond_modal {
	display:none;
	position:fixed;
	text-align: center;
	z-index: 10000;
}

#customer_bond_modal_bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:5000;
  }

/* MOD:mail_log */

#mod_maillog {
	margin: 25px;
}

#mod_maillog .datagrid td{
	border-bottom: 1px solid #AAAAAA;
}

#mod_maillog .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_maillog .btnAddNewOne {
	float: right;
}
#mod_maillog .pager {
	float: right;
}
#mod_maillog {
}
#mod_maillog .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_maillog form.search th {
	padding-right: 20px;
	white-space: nowrap;
}
#mod_maillog form.search .buttons {
	text-align: center;
}
#mod_maillog form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_maillog form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
	border: none;
	cursor: pointer;
}
#mod_maillog form.search .ui-datepicker-title {
	font-size: 12px;
}

/* MOD: reserve_list */

#mod_reserve_list {
	margin: 25px;
}
#mod_reserve_list .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_reserve_list .btnAddNewOne {
	float: right;
}
#mod_reserve_list .pager {
	float: right;
}
#mod_reserve_list {
}
#mod_reserve_list .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_reserve_list form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}
#mod_reserve_list form.search .buttons {
	text-align: center;
}
#mod_reserve_list form.search .buttons input[name="reset"] {
	width: 107px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_reserve_list form.search .buttons input[name="submitbtn"] {
	background: url(../i/gallery.png) no-repeat -270px -580px;
}
#mod_reserve_list form.search .ui-datepicker-title {
	font-size: 12px;
}
#mod_reserve_list form.search .shortdate .dbox {
	width: 145px;
}
#mod_reserve_list form.search .shortdate .dbox .dboxval {
	width: 70px;
}
/* MOD: reserve_list Add */

#mod_reserve_list_add {
	margin: 25px;
}
#mod_reserve_list_add .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_reserve_list_add form th, #mod_reserve_list_add form td {
	font-size: 13px;
	font-weight: normal;
}
#mod_reserve_list_add form th {
	padding-right: 20px;
}
#mod_reserve_list_add form table.booktime select {
	width: 105px !important;
}
#mod_reserve_list_add form input.selStaff {
	background-position: -650px -34px;
	width: 85px;
	height: 31px;
}
#mod_reserve_list_add form input.findMember, #mod_reserve_list_add form input.addMember {
	background-position: -650px -34px;
	width: 85px;
	height: 31px;
}
/* MOD: reserve_list update */

#mod_reserve_list_update input[type="button"]{
	background: url(../i/gallery.png) no-repeat;
	cursor: pointer;
	border: medium none;
	width:107px;
	height:31px;
}

#mod_reserve_list_update input[name="login"]{
	background-position: -559px 0;
}

#mod_reserve_list_update input[name="update"]{
	background-position: -449px 0;
}
#mod_reserve_list_update input[name="cancel"]{
	width: 127px;
	background: url(../i/gallery.png) no-repeat -490px -775px;
}
#mod_reserve_list_update input[name="cancel"]:hover{
	background: url(../i/gallery.png) no-repeat -620px -775px;
}

#mod_reserve_list_update input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_reserve_list_update input[name="delete"]:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}

#mod_reserve_list_update form input[name="button"] {
	background-position: -339px 0;
}
#mod_reserve_list_update form input[name="button"]:hover {
	background-position: -339px -34px;
}

#mod_reserve_list_update {
	margin: 25px;
}
#mod_reserve_list_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_reserve_list_update form th, #mod_reserve_list_update form td {
	font-size: 13px;
	font-weight: normal;
}
#mod_reserve_list_update form th {
	padding-right: 20px;
}
#mod_reserve_list_update form table.booktime select {
	width: 105px !important;
}
#mod_reserve_list_update form .is_repeat table select {
	width: 210px !important;
}
#mod_reserve_list_update form .repeat_toggle {
	margin-bottom: 10px;
}
#mod_reserve_list_update form input.selStaff {
	background-position: -650px -34px;
	width: 85px;
	height: 31px;
}
#mod_reserve_list_update form input.findMember, #mod_reserve_list_update form input.addMember, #mod_reserve_list_update form input.readDetail {
	background-position: -650px -34px;
	width: 85px;
	height: 31px;
}
#mod_reserve_list_update .is_repeat th, 
#mod_reserve_list_update .is_repeat td {
	/*vertical-align: top;*/
}
#mod_reserve_list_update .is_repeat input[type='radio'] {
	margin-right: 10px;
}
#mod_reserve_list_update .is_repeat li {
	margin-bottom: 5px;
	font-size: 1.1em;
	vertical-align: center;
}
#mod_reserve_list_update .is_repeat .midashi {
	margin-bottom: 5px;
	font-size: 0.9em;
}
#mod_reserve_list_update .is_repeat .mb20 {
	margin-bottom: 20px;
}
#mod_reserve_list_update .is_repeat .sbox,
#mod_reserve_list_update .is_repeat .dbox {
	top: 9px;
}
#mod_reserve_list_update .is_repeat .dbox {
	display: inline-block;
}

/* MOd staff select*/

#mod_staff_select input[type="button"]{
	background: url(../i/gallery.png) no-repeat;
	cursor: pointer;
	border: medium none;
	width:107px;
	height:31px;
}

#mod_staff_select input[name="check"]{
	background-position: -380px -580px;
}

#mod_staff_select form input[name="button"] {
	background-position: -339px 0;
}
#mod_staff_select form input[name="button"]:hover {
	background-position: -339px -34px;
}

#mod_staff_select {
	margin: 25px;
}
#mod_staff_select .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_staff_select form th, #mod_staff_select form td {
	font-size: 13px;
	font-weight: normal;
}
#mod_staff_select form th {
	padding-right: 20px;
}

/*********************/
#popwin {
	display: none;
}
.ui-dialog {
	z-index: 99999;
}
.ui-dialog .ui-dialog-titlebar {
	display: none;
}

#mod_customer_mini input[type="button"]{
	background: url(../i/gallery.png) no-repeat;
	cursor: pointer;
	border: medium none;
	width:107px;
	height:31px;
}

#mod_customer_mini_add #update_sub{
	background-position: -449px 0;
}

#mod_customer_mini input[type="text"]{
	height: 29px;
	line-height: 29px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	width: 300px;
	padding: 0 10px;
}
#mod_customer_mini {
	margin: 8px;
}
#mod_customer_mini .buttons {
	text-align: right !important;
}
#mod_customer_mini .buttons input.cancel, .ui-dialog #mod_customer_mini .buttons input.submit, .ui-dialog #mod_customer_mini .buttons input.select, .ui-dialog #mod_customer_mini .buttons input.reset {
	width: 107px;
	height: 31px;
	border: none;
	cursor: pointer;
}
#mod_customer_mini .buttons input.cancel {
	background: url(../i/gallery.png) no-repeat -339px 0px;
}
#mod_customer_mini .buttons input.submit {
	background: url(../i/gallery.png) no-repeat -270px -580px;
}
#mod_customer_mini .buttons input.select {
	background: url(../i/gallery.png) no-repeat -380px -580px;
}
#mod_customer_mini .buttons input.reset {
	background: url(../i/gallery.png) no-repeat -270px -620px;
}
#mod_customer_mini .title {
	float: left;
	font-weight: bold;
	font-size: 16px;
}
#mod_customer_mini .pager {
	float: right;
}
#mod_customer_mini th {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	padding-right: 20px;
}
#mod_customer_mini_add .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_customer_mini_add form th, #mod_customer_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_customer_mini_add form th {
	padding-right: 20px;
}
#mod_customer_mini_add .not_error {
    font-weight: bold;
    color: #f00;
    padding: 5px 5px 5px 0;
}
/* MOD:Rreserve State */
#mod_revstat {
	margin: 25px;
}
#mod_revstat .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_revstat form th, #mod_reserve_list_add form td {
	font-size: 13px;
	font-weight: normal;
}
#mod_revstat form th {
	padding-right: 20px;
}
#mod_revstat .icon_shop, #mod_revstat .icon_menu, #mod_revstat .icon_staff, #mod_revstat .icon_customer, #mod_revstat .icon_22, #mod_revstat .icon_23, #mod_revstat .icon_24, #mod_revstat .icon_25, #mod_revstat .icon_26 {
	width: 47px;
	height: 47px;
	cursor: pointer;
	background-image: url(../i/gallery.png);
	background-repeat: no-repeat;
	float: left;
	margin: 6px;
}
#mod_revstat .icon_shop {
	background-position: -555px -580px;
}
#mod_revstat .icon_menu {
	background-position: -663px -580px;
}
#mod_revstat .icon_staff {
	background-position: -717px -580px;
}
#mod_revstat .icon_customer {
	background-position: -771px -580px;
}
#mod_revstat .icon_22 {
	background-position: -501px -580px;
}
#mod_revstat .icon_23 {
	background-position: -825px -580px;
}
#mod_revstat .icon_24 {
	background-position: -936px -580px;
}
#mod_revstat .icon_25 {
	background-position: -879px -580px;
	padding-bottom:10px;
}
#mod_revstat .icon_26 {
	background-position: -609px -580px;
}
#mod_revstat .datepicker {
	position: relative;
}
#mod_revstat .datepicker .ui-datepicker {
	width: 580px !important;
}
#mod_revstat .datepicker .doublecalendar {
	font-size: 9px;
	position: absolute;
	z-index: 1000;
	top: 30px;
}
#mod_revstat .datepicker .doublecalendar .ui-state-default {
	font-size: 23px; /* Modified by Strong Chen */
}
#mod_revstat .datepicker input[type="text"] {
	width: 212px;
	float: left;
}
#mod_revstat .datepicker .icons {
	display: inline;
}
#mod_revstat .datepicker .icons div {
	background: url(../i/gallery.png) no-repeat;
	height: 31px;
	float: left;
	cursor: pointer;
}
#mod_revstat .datepicker .icons .prev {
	background-position: -650px -67px;
	width: 24px;
}
#mod_revstat .datepicker .icons .calendar {
	background-position: -674px -67px;
	padding:0px;
	width: 32px;
}
#mod_revstat .datepicker .icons .next {
	background-position: -706px -67px;
	width: 24px;
}
#mod_revstat input.list {
	width: 225px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -700px;
	cursor: pointer;
}
#mod_revstat input.print {
	width: 107px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -380px -620px;
	cursor: pointer;
}
#mod_revstat input.update {
	width: 107px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -449px 0px;
	cursor: pointer;
}
#schedule_day {
	border: 1px solid #AAA;
}
#schedule_day .date_area {
	float: left;
}
#schedule_day .staff_list {
	width: 110px;
	height: 40px;
	line-height: 20px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #DADADA;
	padding: 0 2px;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	word-wrap: break-word;
}
#schedule_day .sub_list {
	padding: 3px 5px 1px 0;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DDD;
}
#schedule_day .head {
	background: url(../i/bg_schedule_head.gif) repeat-x 0 0;
}
#schedule_day .sub_list .enable, #schedule_day .sub_list .disable {
	width: 17px;
	height: 18px;
	background: url(../i/gallery.png) no-repeat;
	cursor: pointer;
	display: block;
  padding: 0;
}
#schedule_day .sub_list .enable {
	background-position: -360px -70px;
}
#schedule_day .sub_list .enable.checked {
	background-position: -340px -70px;
}
#schedule_day .sub_list .disable {
	background-position: -400px -70px;
}
#schedule_day .sub_list .disable.checked {
	background-position: -380px -70px;
}
#schedule_day .service_time {
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #DADADA;
	float: left;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	/*padding: 0 5px;*/
	background: url(../i/bg_schedule_head_time.gif) no-repeat 0 0 !important;
}
#schedule_day .drag_div {
	font-size: 9px;
	line-height: 12px;
	position: relative;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #DADADA;
}
#schedule_day #rest_time {
	height: 40px;
	background-color: #999999;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	top: 0px;
}
#schedule_day #dragresize {
	height: 39px;
	background-color: #99CCFF;
	position: absolute;
	cursor: move;
	font-size: 12px;
	line-height: 12px;
	z-index: 9999;
	top: 0px;
	border: 1px solid #4169E1;
	border-radius: 3px;
}
#schedule_day #dragunable {
	font-size: 12px;
	line-height: 12px;
	height: 39px;
	cursor: move;
	position: absolute;
	top: 0px;
	background-color: #999999 !important;
	border: 1px solid #000000;
	border-radius: 3px;
	z-index: 9999;
}
#schedule_day #dragunable span,#schedule_day #dragresize span, #schedule_day .drag_div span {
	margin-left: 2px;
    text-overflow: ellipsis;
}
#schedule_day .drag_div #time {
    padding-top: 2px;
}
#schedule_day .ui-draggable-dragging {
	border: 1px dashed #79B5E3;
	opacity: .6;
}
#schedule_day .even {
	background: #F0F0F0;
}
#schedule_day .odd {
	background: #F8F8F8;
}

#schedule_day .time_line{
	height:40px;
	position:relative;
	float:left;
}
.ff {
	background: url(../i/time_line.png)no-repeat 0 0 !important;
}

.ss {
	background: url(../i/time_line_1.png)no-repeat 0 0 !important;
}
/* Popup
----------------------------------------------- */
.pop_container{
	background-color:#fff;
	box-shadow:0px 0px 5px #8c8c8c;
	width:640px;
	border:none;
	margin:200px 0 0 0;
	border-radius:0px;
}
.pop_container_s{
	background-color:#fff;
	box-shadow:0px 0px 5px #8c8c8c;
	width:420px;
	/*border-radius:5px;*/
}
.pop_container_s .popup_line{
	border-bottom:1px solid #ccc;
}

.pop_content{
	position:relative;
}
.pop_content h2{
	padding:10px 0 0 20px;
}
.pop_content .btn_close{
	position:absolute;
	right:-20px;
	top:-20px;
}
.pop_content .popup_line{
	border-bottom:1px solid #ccc;
}
hr{color: #ccc;}


/* Modified by Strong Chen */
#drag_area {
	position: relative;
}
#drag_area .split {
	position: absolute;
	border-right: 1px dashed #CCC;
	z-index: 1000;
	top: 0;
}
.time_pop{
	background: #F4F4F4;
	border:1px solid #CCC;
	color:'#000';
	position:absolute;
	z-index:9999;
	display:none;
}

/*category */
#mod_category {
	margin: 25px;
}
#mod_category .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_category .btnAddNewOne {
	float: right;
}
#mod_category .pager {
	float: right;
}
#mod_category {
}
#mod_category .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_category form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
	white-space: nowrap;
}
#mod_category form.search .buttons {
	text-align: center;
}
#mod_category form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_category form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
	border: none;
	cursor: pointer;
}
#mod_category form.search .ui-datepicker-title {
	font-size: 12px;
}
/* MOD: Customer Add */

#mod_category_add {
	margin: 25px;
}
#mod_category_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_category_add form th, #mod_category_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_category_add form th {
	padding-right: 20px;
}
/* MOD: Customer Update */

#mod_category_update {
	margin: 25px;
}
#mod_category_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_category_update form td {
	font-size: 12px;
	font-weight: normal;
}
#mod_category_update form th{
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_category_update form .datagrid th{
	font-size: 14px;
	font-weight: bold;
}
#mod_category_update form th {
	padding-right: 20px;
}
#mod_category_update form input[name="submitbtn"] {
background-position: -449px 0;
}
#mod_category_update .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_category_update .pager {
	float: right;
}
#mod_category_update input[name="delete"]{
	background: url(../i/gallery.png) no-repeat -270px -775px;
	cursor: pointer;
	border: medium none;
	width:107px;
	height:32px;
}
#mod_category_update input[name="delete"]:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}
#mod_category input.seq_up, #mod_category input.seq_down {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../i/gallery.png) no-repeat;
	border: none;
}
#mod_category input.seq_up {
	background-position: -485px -70px;
}
#mod_category input.seq_down {
	background-position: -513px -70px;
}
/**
 * menu serch
 */
#mod_menu {
	margin: 25px;
}
#mod_menu .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_menu .btnAddNewOne {
	float: right;
}
#mod_menu .pager {
	float: right;
}
#mod_menu form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}
#mod_menu form.search .buttons {
	text-align: center;
}
#mod_menu form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_menu form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
	border: none;
	cursor: pointer;
}
#mod_menu form.search .ui-datepicker-title {
	font-size: 12px;
}

.step3 form{
	background:#FFF;
	margin-bottom: 10px;
}

.step3 form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}
.step4 form{
	background:#FFF;
}

.step4 form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}
#mod_doublecolumn .leftcolumn ul li div.category {
	background-position: -907px -20px;
}
#mod_doublecolumn .leftcolumn ul li:hover div.category {
	background-position: -907px -40px;
}
#mod_doublecolumn .leftcolumn ul li.current div.category, #mod_doublecolumn .leftcolumn ul li.current:hover div.category {
	background-position: -907px 0;
}

/* add by lianglj start*/
#mod_doublecolumn .leftcolumn ul li#bookingstyle {
	/*
    color: #000;
    width: 150px;*/
    height: 60px !important;
    line-height: 62px;
	background:url(../i/calendar_off.png) no-repeat;
	margin:3px;
    /*
    padding: 5px 10px 0;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;*/ 
}
#mod_doublecolumn .leftcolumn ul li#bookingstyle:hover{
	background:url(../i/calendar_on.png) no-repeat;
}
#mod_doublecolumn .leftcolumn ul li#bookingstyle div.booking {
    margin-top:22px;
}
#mod_doublecolumn .leftcolumn ul li#bookingstyle.current, #mod_doublecolumn .leftcolumn ul li#bookingstyle.current:hover {
    color: #333;
    background:url(../i/calendar_on.png) no-repeat #F5F5F5;
}
#span_style {
	margin-top:5px;
    margin-bottom:-4px;
    height: 20px;
    width: 40px;
    valign: middle;
    /*margin-left:5px;*/
    display:inline-block;
    /* background-color: #E3F0FC; */
    /*position: absolute;*/
    cursor: move;
    /*font-size: 12px;*/
    /*line-height: 12px;*/
    /*z-index: 9999;*/
    border: 1px solid #0000FF;
    border-radius: 3px;
}
#span_moji {
    height: 20px;
    margin-left:5px;
    width: 80px;
    display:inline-block;
}
#square {
	color: blue;
    padding: 1px 2px 0 0;
    width: 100px; 
    height: 100px; 
    background: #fff;
    border: 1px solid blue;
} 
#circle {
	color: red;
    padding: 1.6px 3.2px 1.6px 3.2px;
    width: 100px; 
    height: 100px; 
    background: #fff; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border-radius: 50px;
    border: 1px solid red;
}
/* add by lianglj end*/



/*
 * tel
 */
.fork_w {
	background:url(../i/batsu.png) no-repeat;
	width:15px;
	height:15px;
}
.tel_w {
	font-family:Arial;
	color:#0179D5;
	font-size:14px;
	font-weight:bold;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:default;
}
/*
 * select width
 */
#mod_reserve_list_update select[name="store_name"], #mod_reserve_list_update select[name="staff_name"],#mod_reserve_list_update select[name="menu_name"] {
	width: 542px;
}
#mod_reserve_list_update .selStaff {
	margin-left: 20px;
}

/**
 * Mod Design
 */
/* MOD: Staff Update */

#mod_design {
	margin: 25px;
}
#mod_design .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_design .subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	color: #0179D5;
}
#mod_design .header_color {
	width: 29px;
	height: 29px;
	float: left;
	margin-left: 20px;
}
#mod_design input[name="pc_header_color"], #mod_design input[name="ph_header_color"],#mod_design input[name="pc_header_over_color"], #mod_design input[name="ph_header_over_color"] {
	float: left;
}
#mod_design form th, #mod_design form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_design form table.basic th {
	text-align: right;
	padding-right: 20px;
}
#mod_design form table.basic select {
	width: 265px;
}
#mod_design form table.basic select.order {
	width: 134px;
}
#mod_design form table.basic input[type="file"] {
	width: 265px;
}
#mod_design form table.basic td.preview {
	position: relative;
}
#mod_design form table.basic input.remove {
	/*position: absolute;*/
	background: url(../i/gallery.png) no-repeat -650px -34px;
	width: 85px;
	height: 31px;
	top: 121px;
	left: 160px;
	border: medium none;
}
#mod_design form table.basic .dtpicker {
	width: 230px;
}
#mod_design form table.basic span.note {
	font-size: 12px;
	color: #0179D5;
	margin-left: 12px;
}
#mod_design form table.schedule select {
	width: 100px;
}
#mod_design form input[name="submitbtn"] {
	background-position: -449px 0;
}
#mod_design form .preview_btn {
	background: url(../i/preview.png) no-repeat;
}
.category_width{
	width:366px;
}

/* MOD: Contractor */

#mod_contractor {
	margin: 25px;
}
#mod_contractor .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_contractor .btnAddNewOne {
	float: right;
}
#mod_contractor .pager {
	float: right;
}
#mod_contractor {
}
#mod_contractor .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_contractor form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_contractor form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
	white-space: nowrap;
}
#mod_contractor form.search .buttons {
	text-align: center;
}
#mod_contractor form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_contractor form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
	border: none;
	cursor: pointer;
}
#mod_contractor form.search .ui-datepicker-title {
	font-size: 12px;
}

/* MOD: Customer Add */

#mod_contractor_add {
	margin: 25px;
}
#mod_contractor_add .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_contractor_add form th, #mod_contractor_add form td {
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_contractor_add form th {
	padding-right: 20px;
}

/* MOD: Customer Update */

#mod_contractor_update {
	margin: 25px;
}
#mod_contractor_update .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_contractor_update form td {
	font-size: 12px;
	font-weight: normal;
}
#mod_contractor_update form th{
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}
#mod_contractor_update form .datagrid th{
	font-size: 14px;
	font-weight: bold;
}
#mod_contractor_update form th {
	padding-right: 20px;
}
#mod_contractor_update form input[name="submitbtn"] {
background-position: -449px 0;
}
#mod_contractor_update .title {
	font-weight: bold;
	font-size: 20px;
}
#mod_contractor_update .pager {
	float: right;
}
#mod_contractor_update .delete {
	background: url(../i/gallery.png) no-repeat -270px -775px;
}
#mod_contractor_update .delete:hover{
	background: url(../i/gallery.png) no-repeat -380px -775px;
}


/* MOD: HAYAWALI */
#mod_hayawali {
	margin: 46px;
}
#mod_hayawali .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_hayawali .btnAddNewOne {
	float: right;
}
#mod_hayawali .btnAddNewOne {
	float: right;
}
#mod_hayawali .pager {
	float: right;
}
#mod_hayawali form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	padding-right: 20px;
}
#mod_hayawali form.search .buttons {
	text-align: center;
}
#mod_hayawali form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
    float:left;
	border: none;
	cursor: pointer;
}
#mod_hayawali form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
    float:left;
	border: none;
	cursor: pointer;
    margin-left:10px;
}
#mod_hayawali form.search .ui-datepicker-title {
	font-size: 12px;
}
#mod_hayawali .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_hayawali .patternbutton {

    background: url("../i/gallery.png") no-repeat scroll -339px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    margin-right:10px;
    float:left;
    height: 32px;
    width: 107px;
}
#mod_hayawali .login{
    background: url("../i/gallery.png") no-repeat scroll -559px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:left;
    height: 32px;
    width: 107px;
}

#mod_hayawali .btnAddNewOne {
	float: right;
}
#mod_hayawali .span{
	color:red;
}
#mod_menu .pager {
	float: right;
}

/*MOD: pattern_detail  start */
#mod_pattern_detail {
	margin: 46px;
}
#mod_pattern_detail .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_pattern_detail form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 30px;
	white-space: nowrap;
}
#mod_pattern_detail .button {
    background: url("../i/gallery.png") no-repeat scroll -339px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    height: 32px;
    width: 107px;
}
#mod_pattern_detail .update {
    background: url("../i/gallery.png") no-repeat scroll -449px 0 rgba(0, 0, 0, 0);
    border: medium none;
    float:right;
    cursor: pointer;
    height: 32px;
    width: 107px;
}


#mod_pattern_detail .copy {

    background: url("../i/gallery.png") no-repeat scroll -413px -660px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    height: 32px;
    width: 107px;
}

#mod_pattern_detail .delete_hayawali {
    background: url("../i/gallery.png") no-repeat scroll -270px -775px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    margin-top:10px;
    height: 32px;
    width: 107px;
}
#mod_pattern_detail .delete {
    background: url("../i/gallery.png") no-repeat scroll -270px -775px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    height: 32px;
    width: 107px;
}
/*  end  */

/*  MOD: pattern_login start*/
#mod_pattern_login {
	margin: 46px;
}
#mod_pattern_login {
	background:white;
}
#mod_pattern_login form.search td {
	font-size: 15px;
	font-weight: normal;
}
#mod_pattern_login .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
.span{
	color: red;
}
#mod_pattern_login .body {
    color: #FFFFFF;
}

#mod_pattern_login .patternbutton {

    background: url("../i/gallery.png") no-repeat scroll -339px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    margin-buttom:10px;
    height: 32px;
    width: 107px;
}
#mod_pattern_login .login{
    background: url("../i/gallery.png") no-repeat scroll -559px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    height: 32px;
    width: 107px;
}

/* MOD:PATTERN UPDATE  */
#mod_hayawali .pattern_update_return{
    background: url("../i/gallery.png") no-repeat scroll -339px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    margin-left:400px;
    height: 32px;
    width: 107px;
}
#mod_hayawali .pattern_update_update{
    background: url("../i/gallery.png") no-repeat scroll -449px 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin-left:10px;
    cursor: pointer;
    height: 32px;
    width: 107px;
}

/* MOD: hayawali_login start  */
#mod_hayawali_login .span{
	color:red;
}
#mod_hayawali_login .btnAddNewOne {
	float: right;
}
#mod_hayawali_login .pager {
	float: right;
}
#mod_hayawali_login form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
   
}
#mod_hayawali_login form.search .buttons {
	text-align: center;
}
#mod_hayawali_login form.search .buttons input[name="clearall"] {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
    float:left;
	border: none;
	cursor: pointer;
}

#mod_hayawali_login .title {
    float: left;
    font-size: 20px;
    font-weight: bold;
}


#mod_hayawali_login .delete {
    background: url("../i/gallery.png") no-repeat scroll -270px -775px rgba(0, 0, 0, 0);
    border: medium none;
    margin-top:20px;
    margin-bottom:10px;
    cursor: pointer;
    height: 32px;
    width: 107px;
}
#mod_hayawali_login .button {

    background: url("../i/gallery.png") no-repeat scroll -339px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    margin-right:10px;
    height: 32px;
    width: 107px;
}
#mod_hayawali_login .login{
    background: url("../i/gallery.png") no-repeat scroll -559px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float:right;
    height: 32px;
    width: 107px;
}
#mod_hayawali_login {
    margin: 46px;
}
#mod_hayawali_login form input[name="submit"] {
    background-position: -449px 0;
}

#mod_hayawali_login form.search .buttons .search_btn {
	width: 107px;
	height: 32px;
	background: url(../i/gallery.png) no-repeat -270px -580px;
    float:left;
	border: none;
	cursor: pointer;
}

#mod_hayawali_login form.search .ui-datepicker-title {
	font-size: 12px;
}

/** store-field **/
#mod_shop_update form .store-field table {
    margin-bottom: 20px;
}
#mod_shop_update form .store-field table td,
#mod_shop_update form .store-field table th {
    text-align: left;
    padding: 10px;
    vertical-align: top;
}
#mod_shop_update form .store-field table td.field-label input {
    width: 100px;
}
#mod_shop_update form .store-field table td textarea.store_field_body {
    height: 40px;
}
#mod_shop_update form .store-field table td.field-sort {
    padding: 10px 0 10px 10px;
}
#mod_shop_update form .store-field table td.field-sort div {
    background: #cccccc;
    cursor: pointer;
    width: 10px;
    min-height: 32px;
}
#store-field-add-btn {
    font-size: 12px;
}
#mod_shop_update form .require_field {
    margin-bottom: 20px;
}
#mod_shop_update form .require_field th, 
#mod_shop_update form .require_field td {
    text-align : left;
    padding: 10px;
}
    
.validStation,.validStation + .split {
	display: none;
}
    

/** menu-field **/
#mod_menu_add form .menu-field table,
#mod_menu_update form .menu-field table {
    margin-bottom: 20px;
}
#mod_menu_add form .menu-field table td,
#mod_menu_add form .menu-field table th,
#mod_menu_update form .menu-field table td,
#mod_menu_update form .menu-field table th {
    text-align: left;
    padding: 10px;
    vertical-align: top;
}
#mod_menu_add form .menu-field table td.field-label input,
#mod_menu_update form .menu-field table td.field-label input {
    width: 100px;
}
#mod_menu_add form .menu-field table td textarea.menu_field_body,
#mod_menu_update form .menu-field table td textarea.menu_field_body {
    height: 40px;
}
#mod_menu_add form .menu-field table td.field-sort,
#mod_menu_update form .menu-field table td.field-sort {
    padding: 10px 0 10px 10px;
}
#mod_menu_add form .menu-field table td.field-sort div,
#mod_menu_update form .menu-field table td.field-sort div {
    background: #cccccc;
    cursor: pointer;
    width: 10px;
    min-height: 32px;
}
#menu-field-add-btn {
    font-size: 12px;
}
#mod_menu_add form .require_field ,
#mod_menu_update form .require_field {
    margin-bottom: 20px;
}
#mod_menu_add form .require_field th, 
#mod_menu_add form .require_field td,
#mod_menu_update form .require_field th, 
#mod_menu_update form .require_field td {
    text-align : left;
    padding: 10px;
}

/** calendar css **/
.date-select.on,
.type-select.on {
    background: #ccc;
}
 
.calendar-select {
    float: right;
 }
.calendar-select li {
    background: #CBCBCB;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 2px 3px 0;
    padding: 0 10px;
    1px solid #cccccc;
    color: #ffffff;
 }
.calendar-select li a{
    color: #ffffff;
 }
.calendar-select li.on {
    background: #969696;
    color: #ffffff;
 }
.calendar-select li.on a {
    color: #ffffff;
 }
 
#nav-area ul#next-back li {
    background: #969696;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 2px 3px 0;
    padding: 0 10px;
    color: #ffffff;
}
#nav-area ul#next-back li a{
    color: #ffffff;
    dispaly : block; 
}

form span.star {
    font-size: 16px;
    color: #F00;
    top: 0;
    margin-left:5px;
}

.reserve_list_sp{
    background-color:#FFFFFF;
}

.reserve_list_sp .list_cursor{
    cursor: pointer;
}

.reserve_list_sp .list_block{
    display:none;
}

.reserve_list_sp .one_block{
    margin:2px 0px;
}

.reserve_list_sp .title{
    height:60px;
    line-height:30px;
    text-align:center;
    border:solid 1px #aaa;
    margin:1px 0px;
    background-color:#F5F5F5;
}

.reserve_list_sp .title .date{
    font-weight:bold;
    font-size:18px;
}

.reserve_list_sp .time1{
    line-height:60px;
    padding:0px 10px;
    float:left;
    border-right:solid 1px #aaa;
}

.reserve_list_sp .time2{
    height:60px;
    border:solid 1px #aaa;
    line-height:60px;
    text-align:center;
    cursor:pointer;
    font-size:20px;
}

.reserve_list_sp .time2 .accordion_icon{
    background-image: url("../i/plus.png");
    width:20px;
    height:20px;
    float:right;
    margin-top:20px;
    margin-right:5px;
}

.reserve_list_sp .time2 .accordion_icon.open{
    background-image: url("../i/minus.png");
    width:20px;
    height:20px;
    float:right;
    margin-top:20px;
    margin-right:5px;
}

.reserve_list_sp .block1{
    height:70px;
    border:solid 1px #aaa;
}

.reserve_list_sp .block1 li{
    line-height:70px;
}

.reserve_list_sp .block2{
    height:70px;
    border:solid 1px #aaa;
}

.reserve_list_sp .block2 li{
    line-height:70px;
}

.reserve_list_sp .poss{
    float:left;
    text-align:center;
    width:75%;
    color:#f1c427;
    font-weight:bold;
    font-size:20px;
}

.reserve_list_sp .frame_count{
    width:28px;
    text-align:center;
    line-height:60px;
    float:left;
    padding:0px 10px;
    border-right:solid 1px #aaa;
}

.reserve_list_sp .click_icon{
    line-height:60px;
    float:right;
    font-size:20px;
    margin-right:5px;
}

.reserve_list_sp .detail {
    float:left;
}

.reserve_list_sp .detail ul{
    max-width:230px;
}

.reserve_list_sp .detail li{
    margin:2px 5px;
    line-height:normal;
}

.reserve_list_sp .more_poss_icon{
    font-weight:bold;
    color:#f1c427;
    font-size:20px;
}

.reserve_list_sp .poss_icon{
    font-weight:bold;
    color:#f1c427;
    font-size:20px;
}

.reserve_list_sp .not_poss_icon{
    font-weight:bold;
    color:#000000;
    font-size:20px;
}

.reserve_list_sp .not_poss{
    float:left;
    padding-left:5px;
}

.reserve_list_sp .not_poss_back{
    background-color:#999999;
}

.reserve_sp_detail{
    width: 15%;
    float:left;
}
 
#mod_revstat_sp {
    margin-top: 60px;
    margin-right: 5%;
    margin-left: 5%;
}

#mod_revstat_sp th{
    font-size:16px;
}

#mod_revstat_sp .days{
    text-align:center;
    margin:15px 0px;;
    height:30px;
    width:100%;
    display:table;
}

#mod_revstat_sp .days .days_detail{
    line-height:30px;
    display:table-cell;
}

#mod_revstat_sp .days .days_detail div{
    background-color:#E6E6E6;
}

#mod_revstat_sp .days a:link{
	color:#000000
}
#mod_revstat_sp .days a:visited{
	color:#000000
}
#mod_revstat_sp .days a:hover{
	color:#000000
}
#mod_revstat_sp .days a:active{
	color:#000000
}

#mod_revstat_sp .Yesterday{
    margin-right:1px;
}

#mod_revstat_sp .Today{
    margin:0px 1px;
}

#mod_revstat_sp .Tomorrow{
    margin-left:1px;
}

#mod_revstat_sp select{
	width:100%;
}
#mod_revstat_sp .box{
    border:1px solid #aaa;
    position: relative;
    padding:10px;
}
#mod_revstat_sp .boxs{
    text-align: center;
    display: block;

}
#mod_revstat_sp .box_title{
    background:#F5F5F5;
    text-align: center;
    display: inline;
    width: 100%;
    position: relative;
    top: -1.5em;
    margin: 0 auto;
    padding: 0 10px;
}
#mod_revstat_sp .sbox{
    padding-left:2%;
    width:100% !important;
}
#mod_revstat_sp .sbox .sboxval{
    padding:0px  !important;
}

#mod_revstat_sp .login_btn {
    background-color: #f1c427;
    width: 100%;
    height: 40px;
    color: #FFFFFF;
    font-size:20px;
    -webkit-appearance: none;
    border:none;
    border-radius:5px;
    box-shadow: 1px 1px #CD853F;
}
#mod_revstat_sp .dtpicker {
    width:95%;
    padding: 3% 2%;
}
#mod_revstat_sp .datepicker {
    position: relative;
}
#mod_revstat_sp .datepicker .ui-datepicker {
    width: 580px !important;
}
.ui-datepicker {
    width: 100%;
}
#mod_revstat_sp .datepicker .doublecalendar {
    font-size: 9px;
    position: absolute;
    z-index: 1000;
    top: 30px;
}
#mod_revstat_sp .datepicker .doublecalendar .ui-state-default {
    font-size: 23px; /* Modified by Strong Chen */
}
#mod_revstat_sp .datepicker input[type="text"] {
    width: 212px;
    float: left;
}
#mod_revstat_sp .datepicker .icons {
    display: inline;
}
#mod_revstat_sp .datepicker .icons div {
    background: url(../i/gallery.png) no-repeat;
    height: 31px;
    float: left;
    cursor: pointer;
}
#mod_revstat_sp .datepicker .icons .prev {
    background-position: -650px -67px;
    width: 24px;
}
#mod_revstat_sp .datepicker .icons .calendar {
    background-position: -674px -67px;
    padding:0px;
    width: 32px;
}
#mod_revstat_sp .datepicker .icons .next {
    background-position: -706px -67px;
    width: 24px;
}

#mod_reserve_list_update_sp {
    margin-left: 5%;
    margin-right:5%;
}

#mod_reserve_list_update_sp th{
    font-size:16px;
}

#mod_reserve_list_update_sp .customerlist{
    text-align:left;
}

#mod_reserve_list_update_sp .booktime{
    margin-top:0.5em;
}

#mod_reserve_list_update_sp th p{
    margin-top:1em;
    margin-bottom:0.5em;
}

#mod_reserve_list_update_sp #str_name{
    text-align:left;
}

#mod_reserve_list_update_sp pre{
    margin:0px;
}

#mod_reserve_list_update_sp .caption{
    padding:5px;
    text-align:center;
}

#mod_reserve_list_update_sp .caption_detail{
    text-align:start;
}

#mod_reserve_list_update_sp .main_table{
    width:100% !important;
}
#mod_reserve_list_update_sp .label{
    font-size:16px;
}
#mod_reserve_list_update_sp .main_table .sbox{
    width:100% !important;
}
#mod_reserve_list_update_sp ul.sboxlist{
    width:100% !important;
}
#mod_reserve_list_update_sp ul.sboxlist li{
    padding:0 9px 0 5px;
    margin:1px;
}
#mod_reserve_list_update_sp .dbox{
    width:100%;
}
#mod_reserve_list_update_sp .dboxval{
    width:80%;
}
#mod_reserve_list_update_sp .title {
    font-weight: bold;
    font-size: 16px;
}
#mod_reserve_list_update_sp .booktime .sboxval {
    padding:0px 5px;
}
#mod_reserve_list_update_sp form th, #mod_reserve_list_update_sp form td {
    text-align:left;
}
#mod_reserve_list_update_sp form textarea {
    width:95%;
    padding:2%;
}
#mod_reserve_list_update_sp .buttons{
    text-align:center;
}
#mod_reserve_list_update_sp form table.booktime select {
    width: 100% !important;
}
#mod_reserve_list_update_sp form .is_repeat table select {
    width: 210px !important;
}
#mod_reserve_list_update_sp form .repeat_toggle {
    margin-bottom: 10px;
}
#mod_reserve_list_update_sp form input.selStaff {
    background-position: -650px -34px;
    width: 85px;
    height: 31px;
}

#mod_reserve_list_update_sp .customer_btn{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#6491B2;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #6491B2;
    margin-top:0.5em;
}

#mod_reserve_list_update_sp .btn_yellow{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    margin-top:0.5em;
}

#mod_reserve_list_update_sp .btn_black{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
    margin-top:0.5em;
}

#mod_reserve_list_update_sp .is_repeat input[type='radio'] {
    margin-right: 10px;
}
#mod_reserve_list_update_sp .is_repeat li {
    margin-bottom: 5px;
    font-size: 1.1em;
    vertical-align: center;
}
#mod_reserve_list_update_sp .is_repeat .midashi {
    margin-bottom: 5px;
    font-size: 0.9em;
}
#mod_reserve_list_update_sp .is_repeat .mb20 {
    margin-bottom: 20px;
}
#mod_reserve_list_update_sp .is_repeat .sbox,
#mod_reserve_list_update_sp .is_repeat .dbox {
    top: 9px;
}
#mod_reserve_list_update_sp .is_repeat .dbox {
    display: inline-block;
}
#mod_reserve_list_update_sp select[name="store_name"], #mod_reserve_list_update_sp select[name="staff_name"],#mod_reserve_list_update_sp select[name="menu_name"] {
    width:100%;
}
#mod_reserve_list_update_sp .selStaff {
    margin-left: 20px;
}

.custom_field_sp {
    padding-left:10px;
}

.custom_field_sp .field_item{
    word-break:break-all;|
}

.custom_field_sp .field_detail{
    padding:0px 16px;
    word-break:break-all;
}

.customer_list_sp{
    height:20%;
    border:1px solid #000;
    margin-bottom: 10px;
}
.customer_list_sp div{
    display:table-cell;
}
.customer_list_sp .item{
    width:65px;
}
.customer_list_sp ul{
    margin-left: 5px;
    margin-right:5px;
}
.customer_list_sp li{
    padding-top:2px;
    padding-bottom:2px;
}
.customer_sp_item{
    width: 20% !important;
    float:left;
}
.customer_sp_detail{
    width: 80% !important;
    float:left;
}

#mod_customer_mini_sp input[type="text"]{
    height: 29px;
    line-height: 29px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    width: 95%;
    padding: 0 10px;
}
#mod_customer_mini_sp {
    margin: 8px;
}
#mod_customer_mini_sp .page_detail{
    margin-top: 44px;
}
#mod_customer_mini_sp .buttons {
    text-align: center !important;
}

#mod_customer_mini_sp .btn_black{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
    margin-top:0.5em;
}

#mod_customer_mini_sp .btn_yellow{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    margin-top:0.5em;
}

#mod_customer_mini_sp .buttons input.cancel, .ui-dialog #mod_customer_mini_sp .buttons input.submit, .ui-dialog #mod_customer_mini_sp .buttons input.select, .ui-dialog #mod_customer_mini_sp .buttons input.reset {
    width: 107px;
    height: 31px;
    border: none;
    cursor: pointer;
}
#mod_customer_mini_sp .buttons input.cancel {
	background: url(../i/gallery.png) no-repeat -339px 0px;
}
#mod_customer_mini_sp .buttons input.submit {
	background: url(../i/gallery.png) no-repeat -270px -580px;
}
#mod_customer_mini_sp .buttons input.select {
	background: url(../i/gallery.png) no-repeat -380px -580px;
}
#mod_customer_mini_sp .buttons input.reset {
	background: url(../i/gallery.png) no-repeat -270px -620px;
}
#mod_customer_mini_sp .title {
    background-color:#F5F5F5;
    position:fixed;
    left:0px;
    top:0px;
    float: left;
    font-weight: bold;
    font-size: 20px;
    width:100%;
    height:44px;
    border-bottom-style: solid;
}
#mod_customer_mini_sp .title div{
    line-height:44px;
    margin-left:8px;
}
#mod_customer_mini_sp .title .back_btn{
    position:absolute;
    top:0px;
    right:0px;
    cursor: pointer;
    width:42px;
    height:42px;
    font-size:42px;
    color:#808080;
    text-align:center;
}

#mod_customer_mini_sp .pager {
    float: right;
}
#mod_customer_mini_sp .page_detail th {
    font-size: 13px;
    font-weight: normal;
                width:100%;
    text-align: left;
}

#mod_customer_mini_add_sp{
    margin-top:35px;
}

#mod_customer_mini_add_sp input[type="text"]{
    width:95%;
}
#mod_customer_mini_add_sp #update_sub{
    background-position: -449px 0;
}
#mod_customer_mini_add_sp textarea{
    width:95%;
}
#mod_customer_mini_add_sp .title {
    font-weight: bold;
    font-size: 16px;
}
#mod_customer_mini_add_sp .buttons{
    text-align:center;
}
#mod_customer_mini_add_sp .btn_black{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
    margin-top:0.5em;
}

#mod_customer_mini_add_sp .btn_yellow{
    width:120px;
    padding:10px;
    font-size:16px;
    background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    margin-top:0.5em;
}

#mod_customer_mini_add_sp form th, #mod_customer_add_sp form td {
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
    text-align:left;
}
#mod_customer_mini_add_sp form th {
	padding-right: 20px;
}
#mod_customer_mini_add_sp .title {
    background-color:#F5F5F5;
    position:fixed;
    left:0px;
    top:0px;
    float: left;
    font-weight: bold;
    font-size: 20px;
    width:100%;
    height:44px;
    border-bottom-style: solid;
    z-index: 1;
}
#mod_customer_mini_add_sp .title div{
    line-height:44px;
    margin-left:8px;
}
#mod_customer_mini_add_sp .title .back_btn{
    position:fixed;
    top:0px;
    right:0px;
    margin: auto;
    cursor: pointer;
    font-size:20px;
    color:#808080;
}

.sp_footer{
    background: url(../i/gallery.png) 0 -955px repeat-x;
    position:relative;
    width:100%;
    height:43px;
    bottom:0px;
}
.sp_footer .sp_footer_detail{
    color:#FFFFFF;
    line-height:43px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
}
.sp_footer .btn_cursor{
    color:#FFFFFF;
}

.cancel_dialog_mobile button{
    width:100%;
}

#navi .btn_cursor_right{
    position:absolute;
    right:0px;
    margin:5px;
    color:#FFFFFF;
    border:solid 2px;
    padding:0px 10px;
    line-height:30px;
    font-size:13px;
    height:30px;
    border-radius:5px;
    background-color:#00BFFF;
}

#navi .btn_cursor_left{
    position:absolute;
    left:0px;
    margin:5px;
    color:#FFFFFF;
    border:solid 2px;
    padding:0px 10px;
    line-height:30px;
    font-size:13px;
    height:30px;
    border-radius:5px;
    background-color:#00BFFF;
}

#navi span{
    line-height:43px !important;
}

#mod_maildetail .mail_detail{
    padding:10px;
}

#mod_maildetail .item{
    //line-height:32px;
    margin:1em 0em;
}

#mod_maildetail .name{
    float:left;
    display:block;
//display:table-cell;
    width:10em;
    text-align:right;
    margin-right:20px;
//padding:8px 0px;

line-height:32px;
}

#mod_maildetail .name_text{
    float:left;
    //display:block;
display:table-cell;
    width:10em;
    text-align:right;
    margin-right:20px;
padding:8px 0px;

//line-height:32px;
}

#mod_maildetail .content{
line-height:32px;
//display:table-cell;
//padding:8px 0px;
}

#mod_maildetail .content_text{
display:table-cell;
padding:8px 0px;
}

#mod_magazinemail_add{
    padding:25px;
    min-width:670px;
}

#mod_magazinemail_add .title{
    font-size:20px;
    font-weight:bold;
}

#mod_magazinemail_add .mail_form{
    padding:10px;
}

#mod_magazinemail_add .disabled_false{
    background-color:#808080;
    width: 86px;
    height: 31px;
    margin-left: 12px;
    border: medium none;
    padding:0px;
}

#mod_magazinemail_add .disabled_true{
    cursor:pointer;
    background: url(../i/gallery.png) no-repeat -650px -34px;
    width: 86px;
    height: 31px;
    margin-left: 12px;
    border: medium none;
    padding:0px;
}

#mod_magazinemail_add .item{
    margin:1em 0em;
    width:600px;
}

#mod_magazinemail_add .name{
    float:left;
    display:block;
    width:10em;
    text-align:right;
    margin-right:20px;
    line-height:32px;
}

#mod_magazinemail_add .content{
    line-height:32px;
}

#mod_magazinemail_add .button{
    margin-top:20px;
    text-align:right;
}

#mod_magazinemail_add .caution_note{
    margin-left:150px;
    color:#0179D5;
}

#mod_magazinemail_add .send_button{
    cursor:pointer;
    width:110px;
    height:32px;
    background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#mod_magazinemail_add .delete_button{
    cursor:pointer;
    width:110px;
    height:32px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
}

#mail_magazine_cancel{
    padding:9px;
}

#mail_magazine_cancel .button{
    text-align:center;
}

#mail_magazine_cancel .confirm{
    padding:24px 19px;
    background:#FFF;
    margin-top:52px;
}

#mail_magazine_cancel .confirm .title{
    padding-bottom:30px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-top:50px
}

#mail_magazine_cancel .confirm .text{
    text-align:center;
}

#mail_magazine_cancel ul{
    border-top:1px solid #E0E0E0;
}

#mail_magazine_cancel li{
    height:80px;
    line-height:80px;
    border-bottom:1px solid #E0E0E0;
}

#mail_magazine_cancel .facility{
    background:url(../i/icon08.png) no-repeat 10px center !important;
}

#mail_magazine_cancel .user_name{
    background:url(../i/icon14.png) no-repeat 10px center !important;
}

#mail_magazine_cancel .mail_address{
    background:url(../i/icon15.png) no-repeat 10px center !important;
}
#mail_magazine_cancel .check_btn{
    background:url(../i/icon16.png) no-repeat 10px center !important;
}

#mail_magazine_cancel .confirm .name{
    display:block;
    float:left;
    width:200px;
    padding:0px 20px;
    margin-left:60px;
    font-size:16px;
}

#mail_magazine_cancel .confirm .content{
    float:left;
    padding:0px 20px;
    font-size:16px;
}

#mail_magazine_cancel .confirm .content .check{
    display:block;
    line-height:2em;
    padding-top:1em;
}

#mail_magazine_cancel .confirm .content .note{
    font-size:12px;
    color:#ACABAB;
    display:block;
    line-height:1em;
}

#mail_magazine_cancel .button{
    padding:20px;
}

#mail_magazine_cancel .magazine_btn{
    -webkit-appearance:none;
    width:260px;
    height:50px;
    font-size:16px;
    color:#FFFFFF;
    background-color:#4169E1;
    border-radius:8px;
    cursor:pointer;
}

#mod_mailmagzine_cus_sel{
    background-color:#FFF;
    padding:20px;
}

#mod_mailmagzine_cus_sel .title{
    font-size:20px;
    font-weight:bold;
}

#mod_mailmagzine_cus_sel .cus_search{
    margin:20px;
}

#mod_mailmagzine_cus_sel .cus_search_li{
    height:40px;
    margin:1em 0em;
    //line-height:40px;
    width:800px;
}

#mod_mailmagzine_cus_sel .cus_search_li .item{
line-height:40px;
    display:block;
    float:left;
    text-align:right;
    width:150px;
    margin-right:20px;
}

#mod_mailmagzine_cus_sel .button{
    padding:10px;
        text-align:right;
}

#mod_mailmagzine_cus_sel .btn_yellow{
cursor:pointer;
    width:110px;
    height:32px;
        background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#mod_mailmagzine_cus_sel .btn_black{
cursor:pointer;
    width:110px;
    height:32px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
    margin-top:0.5em;
}

#mod_mailmagzine_cus_sel .cus_search_li .date td{
    padding:0px;
}

#mod_mailmagzine_cus_sel .cus_search_li .date .middle{
    width:100%;
}

#mod_mailmagzine_cus_sel .customer_list{
    width:100%;
        border:1px solid #aaa;
    border-collapse: collapse;
}

#mod_mailmagzine_cus_sel .customer_list span{
    display:block;
    float:left;
    padding:5px 5px;
}

#mod_mailmagzine_cus_sel .customer_list th{
    text-align:left;
    border:1px solid #aaa;
    background-color:#F5F5F5;
}

#mod_mailmagzine_cus_sel .customer_list td{
    border-bottom:1px solid #aaa;
}

#mod_mailmagzine_cus_sel .customer_list .flg{
        width:35px;
                text-align:center;
}

#mod_mailmagzine_cus_sel .customer_list .flg_check{
    width:35px;
    text-align:center;
    //border:1px solid #aaa;
}

#mod_mailmagzine_date_sel{
    background-color:#FFF;
    padding:20px;
}

#mod_mailmagzine_date_sel .title{
    font-size:20px;
    font-weight:bold;
}

#mod_mailmagzine_date_sel .button{
    padding:20px;
        text-align:right;
}

#mod_mailmagzine_date_sel .btn_yellow{
    width:110px;
    height:32px;
        background-color:#f1c427;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#mod_mailmagzine_date_sel table{
    padding:20px 200px;
    //margin-bottom:40px;
}

#mod_mailmagzine_date_sel table th{
    padding:2.5em 0em;
}

#mod_mailmagzine_date_sel table th div{
    margin-right:20px;
}

#mod_mailmagzine_date_sel .dbox .dboxwidget{
    height:215px;
}

#step_mail_conf{
    margin:25px;
}

#step_mail_conf .title{
    font-size: 20px;
    font-weight: bold;
    margin:10px 0px;
}

#step_mail_conf .step_mail_form_ul{
    margin:10px;
}

#step_mail_conf .step_mail_form_ul .step_mail_form_li{
    margin:15px 0px;;
}

#step_mail_conf .name{
    display:table-cell;
    width:150px;
    text-align:right;
    vertical-align: top;
    padding-top:6px;
}

#step_mail_conf .use_store_list{
    display:table-cell;
    padding:0px 20px;
}

#step_mail_conf .select_timing{
    display:table-cell;
    padding:5px 10px;
}

#step_mail_conf .update_button_div{
    text-align:right;
    margin:20px 0px;
}

#step_mail_conf .login_button_div{
    text-align:right;
    margin:20px 0px;
}

#step_mail_conf .update_button{
    cursor: pointer;
    width: 110px;
    height: 32px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#step_mail_conf .login_button{
    cursor: pointer;
    width: 110px;
    height: 32px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#step_mail_conf .caution_note{
    color: #0179D5;
}

#step_mail_conf .item_name{
    display:inline-block;
    padding: 6px 0px;
}

#step_mail_conf .from{
    width:200px;
}

#step_mail_conf .item{
    vertical-align: top;
}

#step_mail_conf .item_check{
    margin-top: 9px;
}

#step_mail_conf .not_select{
background-color: #cccccc !important;
}

#step_mail_add{
margin:25px;
}

#step_mail_add .title{
font-size: 20px;
font-weight: bold;
}

#step_mail_add .step_mail_form{
margin:10px;
}

#step_mail_add .step_mail_form li{
margin:15px 0px;;
}

#step_mail_add #date li{
margin:0px 0px;;
}

#step_mail_add #the_day li{
margin:0px 0px;;
}

#step_mail_add .name{
display:inline-block;
width:150px;
text-align:right;
vertical-align: top;
padding-right:20px;
}

#step_mail_add .use_store_list{
display:table-cell;
padding:0px 10px;
}

#step_mail_add .select_timing{
display:table-cell;
padding:0px 10px;
}

#step_mail_add .update_button_div{
text-align:right;
margin:20px 0px;
}

#step_mail_add .login_button_div{
text-align:right;
margin:20px 0px;
}

#step_mail_add .cancel_button{
    cursor:pointer;
    width:110px;
    height:32px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
}

#step_mail_add .login_button{
    cursor: pointer;
    width: 110px;
    height: 32px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#step_mail_add .caution_note{
color: #0179D5;
}

#step_mail_add .item_name{
display:inline-block;
width:150px;
}

#step_mail_add .item{

}

#step_mail_update{
margin:25px;
}

#step_mail_update .title{
font-size: 20px;
font-weight: bold;
}

#step_mail_update .step_mail_form{
margin:10px;
}

#step_mail_update .step_mail_form li{
margin:15px 0px;
}

#step_mail_update #date li{
margin:0px 0px;;
}

#step_mail_update #the_day li{
margin:0px 0px;;
}

#step_mail_update .name{
display:inline-block;
width:150px;
text-align:right;
vertical-align: top;
padding-right:20px;
}

#step_mail_update .use_store_list{
display:table-cell;
padding:0px 10px;
}

#step_mail_update .select_timing{
display:table-cell;
padding:0px 10px;
}

#step_mail_update .update_button_div{
text-align:right;
margin:20px 0px;
}

#step_mail_update .login_button_div{
text-align:right;
margin:20px 0px;
}

#step_mail_update .update_button{
    cursor: pointer;
    width: 110px;
    height: 32px;
    background-color: #f1c427;
    color: #FFFFFF;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px #CD853F;
    text-shadow: 1px 1px #000000;
}

#step_mail_update .cancel_button{
    cursor:pointer;
    width:110px;
    height:32px;
    background-color:#000000;
    color:#FFFFFF;
    -webkit-appearance:none;
    border:none;
    border-radius:3px;
    box-shadow: 1px 1px #000000;
}

#step_mail_update .caution_note{
color: #0179D5;
}

#step_mail_update .item_name{
display:inline-block;
width:150px;
}

#step_mail_update .item{

}

/*    end  */

.ui-dialog-content .list {
    overflow-y:scroll;
    max-height:400px;
}
.ui-dialog-content .list p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 0.7em;
    line-height: 1.4;
}

.ui-dialog-content .list table td {
    padding: 10px 15px;
    text-align: left;
    border: 0;
}
.ui-dialog-content .list table th {
    border: 0;
    padding: 10px 15px;
    background: #fafafa;
    font-weight : normal;
    text-align: left;
}

.ui-dialog-content .res_change {
    overflow-y:scroll;
    max-height:400px;
}
.ui-dialog-content .res_change p {
    margin-top: 10px;
    margin-bottom: 20px;
    //font-size: 0.7em;
    line-height: 1.4;
}

.ui-dialog-content .res_change table td {
    padding: 10px 15px;
    text-align: left;
    border: 0;
    white-space: nowrap;
}
.ui-dialog-content .res_change table th {
    border: 0;
    padding: 10px 15px;
    background: #fafafa;
    font-weight : normal;
    text-align: left;
    white-space: nowrap;
}

/* Loading */
.pageLoadingBox { /* Loading用BOX */
    background: rgba(0, 0, 0, 0.7);
    display: none;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    overflow-y: scroll;
}
.loadingStart {
    display: inline;
}
.pageLoadingImg { /* Loading画像*/
    position: fixed;
    top: 50%;
    height: 100%;
    width: 100%;
}
.pageLoadingImg p {
    margin: -32px 0 0 0;
    line-height: 1.5em;
    font-size: 75%;
    text-shadow: 0 0 2px #000;
    text-align: center;
    width: 100%;
    color: #fff;
}
.bodyFixed {
    overflow: hidden;
}
/* Loading End */

.cancel-customercon,
.cancel-head {
    margin-top: 47px;
}

#front .container .cancel-title {
    font-size: 18px;
    font-weight: bold;
    padding: 18px 0;
    padding-left: 20px;
}
.cancel-head {
    padding: 25px 0;
    text-align: center;
}
.cancel-head .reserveBtBox {
    padding-top: 10px;
}
.cancel-head .reserveBtBox p {
    width: 25%;
    background: #969696;
    display: inline-block;
}
.cancel-head p a{
    color: #fff;
    padding: 10px;
    text-align: center;
    display: block;
    font-size: 1.2em;
}

/* LoginError */
.loginErrorText {
  background: #FFCBCB;
  color: #f00;
  padding: 10px;
  font-weight: bold;
  font-size: 95%;
  margin: 0 0 15px 0;
}
/* LoginError End */

/* MOD: Repearreserve */

#mod_repearreserve {
	margin: 25px;
}
#mod_repearreserve .title {
	float: left;
	font-weight: bold;
	font-size: 20px;
}
#mod_repearreserve .pager {
	float: right;
}
#mod_repearreserve .datagrid tbody tr {
    cursor: auto;
}

/* footerMenu*/
.footerMenu {
  margin: 15px auto 30px auto;
  display: flex;
  justify-content: center;
}
.footerMenu li {
  float: left;
  padding: 0 10px;
  border-left:1px solid #ddd;
}
.footerMenu li:first-child {
  border-left: none;
}
.footerMenu a {
  color: #555;
  display: block;
  font-size: 90%;
  transition: 0.5s;
}
.footerMenu a:hover {
  transition: 0.5s;
  opacity: 0.5;
}
/* footerMenu End*/


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

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


/* social-link Start */
.social-link {
    background: #ffffff;
    text-align: right;
}
.social-link li {
    display: inline-block;
    margin-right: 10px;
}
.social-link li img {
    width: 40px;
}
.step1 .social-link {
    background: #D3D3D3;
    margin-top: 30px;
    margin-bottom: 4px;
}
.step1 .social-link:first-child {
    margin-top: 0px;
}
.step1 .social-link li img {
    width: 30px;
}
.step1 .social-link li:last-child {
    margin-right: 0px;
}

.ui-dialog  {
    background: #ffffff;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    max-width: 600px !important;
}
.ui-dialog .ui-dialog-content.complete-dialog {
    background: #ffffff;
    margin: 0;
    padding: 0;
    min-width: 360px;
}
.ui-dialog .ui-dialog-content.complete-dialog h2 {
    background: #FFBE00;
    color: #ffffff;
    margin: 0;
    padding: 15px;
    margin-bottom: 20px;
    word-wrap: break-word;
}
.ui-dialog .ui-dialog-content.complete-dialog .complete-link,
.ui-dialog .ui-dialog-content.complete-dialog .complete-body {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    word-wrap: break-word;
}
.ui-dialog .ui-dialog-content.complete-dialog .complete-link a {
    text-decoration: underline;
    color: #2B97F0;
}
.ui-dialog .ui-dialog-content.complete-dialog .complete-link a:hover {
    text-decoration: none;
}
.complete-dialog-wrapper.ui-dialog .ui-dialog-buttonpane {
    padding: 0.1em 0.5em;
}
.complete-dialog-wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}
/* social-link End */

.colorpicker {
    z-index: 1000;
}

/** mypage css**/
.login-info {
    position: absolute;
    right: 0px;
    z-index: 10000;
    color: #fff;
    line-height: 45px;
}
.design_img .login-info {
    top: 15px;
}
.design_img .login-info .login-column{
    border-left: 1px solid #F1F1F1;
}
.login-info a {
    color: #fff;
    display: block;
    padding: 0 10px;
}
.login-info a {
    background: rgba(0,0,0,0.2);
}
.login-info a:hover {
    background: rgba(0,0,0,0.3);
}
.login-column {
    display: inline-block;
}
.login-column {
    border-left: 1px solid #2D499D;
}



#mod_mypage_reserve_list {
	margin: 25px;
}
#mod_mypage_reserve_list .title {
	font-weight: bold;
	font-size: 16px;
}
#mod_mypage_reserve_list .btnAddNewOne {
	float: right;
}
#mod_mypage_reserve_list .pager {
	float: right;
}
#mod_mypage_reserve_list {
}
#mod_mypage_reserve_list .btnDownload {
	width: 139px;
	height: 31px;
	float: left;
	background: url(../i/gallery.png) no-repeat -270px -660px;
	cursor: pointer;
}
#mod_mypage_reserve_list form.search th {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}
#mod_mypage_reserve_list form.search .buttons {
	text-align: center;
}
#mod_mypage_reserve_list form.search .buttons input[name="reset"] {
	width: 107px;
	height: 31px;
	background: url(../i/gallery.png) no-repeat -270px -620px;
	border: none;
	cursor: pointer;
}
#mod_mypage_reserve_list form.search .buttons input[name="submitbtn"] {
	background: url(../i/gallery.png) no-repeat -270px -580px;
}
#mod_mypage_reserve_list form.search .ui-datepicker-title {
	font-size: 12px;
}
#mod_mypage_reserve_list form.search .shortdate .dbox {
	width: 145px;
}
#mod_mypage_reserve_list form.search .shortdate .dbox .dboxval {
	width: 70px;
}
/* MOD: reserve_list Add */

a.button.reserve-submit {
    width: 300px;
    display: block;
    margin: 0 auto;
    padding: 15px;
    background: #0179D5;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    box-shadow: 0px 3px 0px 0px rgba(169,169,169,1);
}

/* Front Store Open Start */
.storeNotOpenBox {
  background-color: #ffa8a8;
  padding: 30px 0;
}
.storeNotOpenBox {
  color: #f00;
  font-weight: bold;
  text-align: center;
  font-size: 125%;
}
/* Front Store Open End */

/* MenuList and MenuSort */
.menuListSortSelect {
  padding-top: 15px;
  display: table;
  width: 100%;
}
.menuListSortSelect div {
  display: table-cell;
}
.menuListSortSelect input {
  cursor: pointer;
  width: 110px;
  height: 32px;
  background-color: #f1c427;
  color: #FFFFFF;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  box-shadow: 1px 1px #CD853F;
  text-shadow: 0 0 2px #000000, 0 0 2px #000000;
}
.menuSortTitle {
  font-weight: bold;
  font-size: 20px;
}
.menuSortBt {
  cursor: pointer;
  width: 100%;
  line-height: 2em;
  padding: 10px 0;
  background-color: #f1c427;
  color: #FFFFFF;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  box-shadow: 1px 1px #CD853F;
  text-shadow: 0 0 2px #000000, 0 0 2px #000000;
  transition: 0.5s;
  margin-top: 50px;
}
.menuSortBt:hover {
  opacity: 0.5;
  transition: 0.5s;
}
.menuSortTable {
  margin: 15px 0;
  -webkit-font-smoothing: antialiased;
}
.menuSortTable ul {
  position: relative;
}
.menuSortTable ul:before {
  content: "Dragjyai!!";
  position: absolute;
  top: -40px;
  right: 0;
  color: #aaa;
  font-size: 275%;
  font-weight: bold;
  font-family: "Century Gothic", "メイリオ", Meiryo, sans-serif, Arial, Roboto, "Droid Sans";
  -webkit-font-smoothing: antialiased;
}
.menuSortTable li {
  margin: 15px 0 15px 80px;
  background: #ddd;
  padding: 10px;
  font-size: 125%;
  line-height: 1.3em;
  cursor: pointer;
  position: relative;
  box-shadow: 2px 2px 2px #aaa;
}
.menuSortTable li::before {
  content: attr(data-count);
  position: absolute;
  font-size: 175%;
  left: -80px;
  width: 70px;
  text-align: right;
  font-weight: bold;
  font-style: italic;
  font-family: "Century Gothic", "メイリオ", Meiryo, sans-serif, Arial, Roboto, "Droid Sans";
}
.menuSortTable li span {
  background: #bbb;
  padding: 2px 5px;
  margin: 0 5px 5px 0;
  color: #fff;
}

/* customercon Kiyaku START */
.customerconSetsumeiBox {
  margin: 30px 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}
.customerconSetsumeiText {
  text-align: left !important;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5em !important;
}
#customerconSetsumeiKaijyoBt {
  text-align: left !important;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 5px 0 !important;
  line-height: 1.2em !important;
  display: block !important;
  color: #555;
  text-decoration: underline;
  cursor: pointer;
  text-indent: 1em;
}
#customerconSetsumeiKaijyo {
  text-align: left !important;
  font-size: 13px !important;
  margin: 5px 0 5px 0 !important;
  padding: 5px !important;
  line-height: 1.2em !important;
  background: #F6F6F6;
}
.customerconSetsumeiTitle {
  text-align: left !important;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 10px 0 5px 0 !important;
  line-height: 1.2em !important;
}
#customerconSetsumeiKaijyo {
  margin: 0 0 5px 1em !important;
  padding: 10px !important;
  display: none;
  border-bottom: 0 !important;
}
.customerconSetsumeiKaijyoList {
  list-style-type: square !important;
  list-style-position: inside !important;
}
.customerconSetsumeiKaijyoList li {
  padding: 5px 0;
  list-style-type: square !important;
  list-style-position: inside !important;
}
.customerconSetsumeiKaijyoList a {
  color: #555;
  text-decoration: underline;
}
/* customercon Kiyaku END */

/* sysadmin */
.sysadminTitle {
  background: linear-gradient(transparent 70%, #ffcc00 70%);
  text-shadow: 0 0 3px #F5F5F5, 0 0 3px #F5F5F5, 0 0 3px #F5F5F5, 0 0 3px #F5F5F5, 0 0 3px #F5F5F5, 0 0 3px #F5F5F5;
}


/** media reserve */
.pop_container_mediareserve{
	  background-color:#fff;
	  box-shadow:0px 0px 5px #8c8c8c;
	  position: fixed;
	  display:none;
	  z-index:10000;
	  border-radius: 10px;
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pop_container_mediareserve .pop_content,
.pop_container_mediareserve .pop_content iframe{
    height: 100%;
}
.pop_container_mediareserve .btn_close {
    cursor: pointer;
}
.pop_container_mediareserve .pop_content .btn_close {
    top: 10px;
    right: 10px;
}
.rcBt ul li {
    display: inline-block;
}

/* 予約詳細画面 */

/* ビデオチャット関係 */
.videochatBt {
  padding: 10px 0;
}
.videochatBtStyle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  padding: 8px 20px;
  text-align: center;
  line-height: 1.5em;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 15px;
  transition: 0.5s;
}
.videochatBtStyle:hover {
  opacity: 0.5;
  transition: 0.5s;
}
.videochatBtStyle i {
  font-size: 50%;
  color: #aaa;
  padding-left: 5px;
}
#videochatUrlCopy {
  margin-right: 20px;
}
#videochatUrlCopyFinish {
  display: none;
  color: #ff5e5e;
}
#videochatUrlCopyText {
  display: none;
}