@charset "utf-8";
/*定休日の時間指定*/

.rcal_holiday_detail_wrap .rcal_from {
	padding:0px 0px 0px 0px !important;
	width:50px !important;
	margin:0px 10px 0px 10px !important;
	text-align:center !important;
}
.rcal_holiday_detail_wrap .rcal_to {
	padding:0px 0px 0px 0px !important;
	width:50px !important;
	margin:0px 10px 0px 10px !important;
	text-align:center !important;
}
.rcal_holiday_detail_wrap .rcal_holiday_in_label {
	padding:0px 0px 0px 0px !important;
	width:auto !important;
	margin:0px 0px 0px 0px !important;
	text-align:center !important;
}
#rcal_holiday_wrap {
	padding:0px 0px 0px 0px ;
	margin:0px 0px 20px 0px ;
}

#rcal_setting_data_wrap {
	border: 1px solid #aacfe4;
	float:left;
	padding:15px 10px 15px 0px ;
	margin:0px 0px 20px 0px ;

}



.overlay {
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  z-index: 1;
  background: url(images/black.png);
}
.overlay img {
  display: inline-block;
  position: absolute;
  width: 800px;
  -webkit-box-shadow: 0px 0px 20px 0px #333;
  -moz-box-shadow: 0px 0px 20px 0px #333;
  box-shadow: 0px 0px 20px 0px #333;
}
#cursol {
  position: absolute;
  padding: 5px;
  color: #fff;
  background: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px 0px #333;
  -moz-box-shadow: 2px 2px 5px 0px #333;
  box-shadow: 2px 2px 5px 0px #333;
}

.rcal_button{
	display: inline-block;
	zoom: 1;
	padding: 6px 10px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #bbb;
	overflow: visible;
	font: bold 13px arial, helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	color: #555;
	background-color: #ddd;
	background-image: linear-gradient(top, rgba(255,255,255,1),
								rgba(255,255,255,0)),
								url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
							0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.rcal_button_short {
	width:auto;
	height:25px;
}

.rcal_button:hover{
	background-color: #eee;
	color: #555;
}

.rcal_button:active{
	background: #e9e9e9;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.rcal_button[disabled], .rcal_button[disabled]:hover, .rcal_button[disabled]:active{
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Usually, !important should be avoided but here it's really needed :) */
  box-shadow: none !important;
  text-shadow: none !important;
}

.rcal_coler_not_complete {
  color: #00F !important;
}

#booking_button_div .rcal_button {
	width:150px;
	margin-top:30px;
	margin-left:5px;
	margin-right:5px;
}

.rcal_short_title_width{
	width:50px;
	padding-left:10px;
	padding-right:2px;
}


/*datepickerの定休日対応 */
.date-sunday   .ui-state-default {
  background-image: none; background-color: #E6E6E6;
}
.date-sunday-show   .ui-state-default {
  background-image: none; background-color: #FFCCFF;
}
.date-saturday .ui-state-default {
  background-image: none; background-color: #E6E6E6;
}
.date-saturday-show .ui-state-default {
  background-image: none; background-color: #CCFFFF;
}
/* 祝日 */
.date-holiday0 .ui-state-default {
  background-image: none; background-color: #FFCCFF;
}
/* 定休日 */
.date-holiday1 .ui-state-default {
  background-image: none; background-color: #F0F;
}
/* 特別な休み */
.date-holiday2 .ui-state-default {
  background-image: none; background-color: #F0F;
}
/* 定休日だけど営業する */
.date-holiday3 .ui-state-default {
/*  background-image: none; background-color: #F60;
*/  background-image: none; background-color: #E6E6E6;
}



/* ----------- photo ----------- */
#uploadedImageView {
	margin-top: 10px;
	margin-left: 310px;
	padding-top: 10px;
	overflow: auto;
}
#uploadedImageView img {
	border: 1px solid #DFDFDF;
	padding: 5px;
}


@media screen and (max-width:640px) {
    #rcal_confirm_detail th, #rcal_confirm_detail td{
        display:block;
    }
}

.spacer{clear:both; height:1px;}

#rcal_data_detail{
	border:solid 1px #b7ddf2;
	width:700px;
	margin-top:10px;
	margin-bottom:10px;
	padding:14px;
	font-size:12px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

#rcal_data_detail label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:400px;
	float:left;
}
#rcal_data_detail label.rcal_detail_out {
	padding-top:7px;
}

#rcal_data_detail .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
/*	width:200px; */
}

#rcal_data_detail .rcal_req{
	color:#F00;
}


#rcal_data_detail span.error {
	color:#F00;
}
#rcal_data_detail span.rcal_detail_out {
	float:left;
	font-size:15px;
	padding:4px 2px;
	border:none;
	width:200px;
	height:25px;
	margin:2px 100px 2px 10px;
}

.rcal_admin_span {
	margin:2px 2px 10px 10px;
	padding:3px;
}


#rcal_data_detail input,
#rcal_data_detail select,
#rcal_data_detail textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0px 20px 10px;
}

#rcal_data_detail textarea{
	resize:vertical;
	width:280px;
	margin-right:0px;
}

.rcal_mail_area {
	height:300px;
	width:680px !important;
}

#rcal_data_detail .rcal_short_width {
	width:50px;
	margin-right:150px;
}

#rcal_data_detail .rcal_middle_width {
	width:100px;
	margin-right:200px;
}

#rcal_data_detail .rcal_short_width_no_margin {
	height:auto;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:2px;
	width:6em;
}

#rcal_data_detail .rcal_from ,
#rcal_data_detail .rcal_to {
	width:50px;
	margin:2px;
	padding:1px;
}

#rcal_data_detail .rcal_holiday_in_label {
	width:auto;
	margin:2px;
	padding:1px;
}

#rcal_data_detail #original_upd {
	height:auto;
	margin-right:50px;
	width:50px;
}

#rcal_data_detail #original_result {
	display:inline-block;
	height:auto;
	margin:2px;
}

#rcal_data_detail .rcal_middle_width_no_margin {
	width:100px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:2px;
}

#rcal_data_detail .rcal_long_width_no_margin {
	width:200px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:2px;
}

#rcal_data_detail .rcal_in_button {
	float:none;
}

#rcal_data_detail .rcal_in_span {
	display:inline-block;
	text-align:right;
	width:400px;
}

#rcal_data_detail .rcal_checkbox  {
	float:left;
	height:40px;
}

#rcal_data_detail .rcal_role_table  {
	float:left;
	margin-left:10px;
}

#rcal_data_detail .rcal_role_table table {
	border:solid 1px #aacfe4;

}

#rcal_data_detail .rcal_role_table label {
	width:200px;
	margin:0 0 0 10px;
}

#rcal_data_detail .rcal_role_table input {
	width:20px;
	margin:0 0 0 10px;
}


#rcal_data_detail .rcal_checkbox label{
	font-weight:normal;
	font-size:10px;
	text-align:left;
	width:15px;
}
#rcal_data_detail .rcal_checkbox input{
	padding:0px 0px;
	border:solid 1px #aacfe4;
	width:15px;
	margin:2px 0 10px 8px;
}


#rcal_data_detail .rcal_inner_label  {
	width:auto;
	font-size:10px;
}

#rcal_data_detail .rcal_radio  {
	border:none;
	width:15px;
}


/* firefox で下線が消える対処 */
#rcal_data_detail select {
	font-size:13px;
}

#display_shortcode {
	width:230px;
}

#rcal_data_detail #regist_customer{
	padding:0px 0px;
	width:15px;
	margin:2px 100px 20px 10px;
}


#booking_login_div {
	border:solid 1px #b7ddf2;
	width:650px;
	margin-top:10px;
	margin-bottom:10px;
	padding:14px;
	font-size:12px;
}

#booking_login_div input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:150px;
	margin:2px 100px 20px 10px;
}

#booking_login_div label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:250px;
	float:left;
}

#photo_wrap input {
	display:inline;
	width:120px;
	float:none;
	margin-right:0px;
}


/* 詳細入力で、1行に複数項目の場合 */
#multi_item_wrap {
	display:block;
	font-size:12px;
	padding:0px 0px;
	border:none;
	width:700px;
	margin:0px 0px 0px 0px;
	float:left;
}

#multi_item_wrap input,
#multi_item_wrap label {
	display:inline;
	width:30px;
	float:none;
	margin-right:0px;
}

#multi_item_wrap #name {
	width :200px;
}

#multi_item_wrap #sp_date,
#multi_item_wrap #user_login,
#date_time_wrap #target_day {
	width:100px;
	margin-right:0px;
}

#date_time_wrap #time_from_aft,
#date_time_wrap #time_to_aft {
	width:100px;
	margin-right:10px;
	margin-bottom:22px;
	font-size:12px;
}

#date_time_wrap #start_time {
	width:100px;
	margin-right:10px;
	margin-bottom:22px;
	font-size:12px;
}
#date_time_wrap span#end_time {
	width:200px;
	display:block;
	float:left;
	font-size:12px;
	margin-top:5px;
	margin-bottom:30px;
}


#multi_item_wrap #mail {
	width:200px;
	margin-right:0px;
}


#multi_item_wrap #rcal_button_search  {
	width:80px;
}

#multi_item_wrap #rcal_button_sp_date_insert {
	width:40px;
}

label#name_lbl,
label#config_only_branch_lbl,
label#sp_date_lbl,
label#mail_lbl  {
	display:block;
	font-weight:bold;
	text-align:right;
	width:300px;
	float:left;
}


/* itemの数は不定なのでheightをautoにしとく */
#working_cds,
#item_cds {
	display:block;
	font-size:12px;
	padding:0px 0px;
	border:none;
	width:400px;
	margin:0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

/* #data_detail .rcal_checkbox labelよりこちらを優先する */
#working_cds label{
	width:auto !important;
}
/*#item_cds label{
	width:100px !important;
}
*/
.config_item_wrap {
	display:block;
	font-size:12px;
	padding:0px 0px;
	border:none;
	width:700px;
	margin:0px 0px 0px 0px;
	float:left;
}


.config_item_inline_input {
	display:inline !important;
	float:none !important;
	margin:2px 10px 0px 10px !important;
	width:15px !important;

}
.config_item_inline_label {
	display:inline !important;
	float:none !important;
	width:70px !important;
	text-align:left !important;
	margin-top:2px !important;
	padding-top:4px !important;
}


/*エラー表示 */
#rcal_error_display {
	color:red;

}

/*検索で該当部分強調表示 */
.rcal_search_display {
	color:blue;

}


.rcal_button_updown{
	width:45px;
	height:15px;
	padding:1px;
	font-size:9px;
}


#rcal_front_items {
	padding:0;
	margin:0;

}

#rcal_front_items  label {
	margin:3px;
	vertical-align:top;
	width:auto !important;
}


#rcal_front_items  label {
	margin:3px;
	vertical-align:top;
	width:auto !important;
}

#rcal_front_items  td {
	vertical-align:top;
	line-height:12px;
	padding:0;
	margin:0;

}

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* UPLOADここから */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
#rcal_image_drop_area{
	border: 4px dashed #AACFE4;
	background-color:#F0F4F7;
	width:700px;
	min-height:200px;
	height: auto !important;
	height: 200px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* ここまで */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

#rcal_admin_title:before {
    content: url(../images/screen-icon.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
}

#all_flg {
	width:15px !important;
}


#rcal_data_detail #setting_data_wrap {
	display:inline-block;
	border:1px double #b7ddf2;
}

.rcal_intro_box {
	display: none;
	left:50px;
	position: absolute;
	width: 300px;
	height: auto;
	text-align: left;
	line-height: 100px;
	background-color: #FFFFFF;
	border: 6px solid #66CCFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
	z-index:100;
}

#rcal_mail_explain {
	border: 1px solid #66CCFF;
	display: inline-block;
	margin:0px 0px 20px 0px ;
	padding:0px 10px 0px 10px ;
}

#rcal_mail_explain dd {
	margin-left:10px ;
}

.rcal_holiday_detail_wrap label {
	margin-bottom:0px;
}

#rcal_sp_date  {
	width:80px !important;
}

/* reservation */
/*
	.rcal_line {
		width:100%;
	}
	.rcal_line ul {
		display:table;
		margin:1px !important;
		padding:1px;
		width:100%;
	}

*/
	.rcal_line ul li  {
		display:table-cell;
		margin:1px;
		padding:1px;
		vertical-align:middle;
	}

	.rcal_category_check_opt label {
		display:inline-block !important;
		margin:5px;
		width:100px !important;
	}

	.rcal_category_option  {
		width:10px !important;
	}

	#rcal_repeat_on input,
	.rcal_category_check_opt input {
		margin-right:5px;
	}

	#rcal_repeat_on label,
	.rcal_category_check_opt label {
		display:inline-block;
		margin:5px;
	}


	.rcal_sel {
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
		background:-moz-linear-gradient(top, #fff, #eee);
		background:#eee;
		border: none;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		cursor: pointer;
		font-size: auto;
		height: 45px;
		line-height: 45px;
		overflow:hidden;
		/*text-indent: 1em;*/
		white-space:nowrap;
		/*width: 200px;*/
	}


	.rcal_cnt {
		width:5em !important;
	}

	#rcal_repeat_every+label,
	#rcal_ends_patern_until+label ,
	#rcal_ends_patern_count+label {
		width:40px;
	}

	#rcal_ends_patern_count_input+label {
		margin-left:5px;
		width:40px;
	}

	#rcal_repeat_every {
		width:5em !important;
	}
	#rcal_repeat_end {
		width:10em !important;
	}