﻿@charset "utf-8";
/* 基本設定 ======================================================================*/

/**************
* ページ全般
**************/
*{
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック",
				 "MS PGothic",
				 "Hiragino Kaku Gothic Pro",
				 "ヒラギノ角ゴ Pro W3",
				 Osaka, sans-serif;
	color: rgb(74, 59, 39);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

html,body{
	height: 100%;
	font-size: 14pt;
	/*overflow-x: hidden;*/ /* 140312 野口 修正 */

}

ul{
	list-style-type: none;
}

table{
	border-collapse: collapse;
	border:1px rgb(192, 186, 177) solid;
}

table td{
	border:1px rgb(192, 186, 177) solid;
}

/*140416 m.yamaguchi 追加 responsive対応*/
textarea{
	resize: none;
}

/*********************
* タブ 設定
*********************/

ul.tab-nav {
	background-color: transparent;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

ul.tab-nav li{
	list-style-type: none;
	color: rgb(255, 255, 255);
	background-color: rgb(160, 140, 110);
	float: left;
	border: 0px;
	border-left: 1px rgb(161, 150, 136) solid;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius:  6px 6px 0 0;
	border-left: 1px solid rgb(255, 255, 255);
	border-top: 1px solid rgb(255, 255, 255);
}

ul.tab-nav li.active {
	position: relative;

	background-color: rgb(90, 70, 50);
	border: 0px;
	border-left: 1px rgb(161, 150, 136) solid;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius:  6px 6px 0 0;
    border-top: 1px solid rgb(255, 255, 255);
}

ul.tab_calender li{
	padding: 15px 0px 0px 13px;
	font-size: 20px;
	width: 215px;
	height: 35px;
}

ul.tab_consumers li{
	padding: 8px 0px 0px 20px;
	font-size: 18px;
	width: 208px;
	height: 41px;
}

/* 140317 nakamura マージ追加 */
ul.tab-nav-aco {
	background-color: transparent;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

/* 140317 nakamura マージ追加 */
ul.tab-nav-aco li{
	list-style-type: none;
	background-color: rgb(226, 219, 204);
	width: 180px;
	height: 20px;
	float: left;
	bottom: -1px;
	padding: 5px 10px 5px 10px;
	border: 0px;
	border-bottom: 1px rgb(226, 219, 204) solid;
	border-left: 1px rgb(161, 150, 136) solid;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius:  4px 4px 0 0;
}

/* 140317 nakamura マージ追加 */
ul.tab-nav-aco li.active {
	position: relative;
	bottom: -1px;
	background-color: rgb(255, 255, 255);
	border: 0px;
	border-left: 1px rgb(161, 150, 136) solid;
    border-bottom: 1px rgb(255, 255, 255) solid;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius:  4px 4px 0 0;
}

/*********************
* フォーム設定
*********************/

/* フォーム：ブロック設定 */

/* 140312 nakamura 消去
form.form-inline li{
	padding: 4px 0px 4px 10px;
}*/

form.form-inline li p{
	margin: 0;
}

/* フォーム：テキスト：共通 */
form.form-inline input.form-control[type="text"]{
	width: 250px;
	height: 47px;
	padding: 0;
	text-indent: 5pt;
	font-size: 14pt;
	background-color: rgb(244 ,244 ,238);
	display: inline-block;
	vertical-align: middle;
}

/* 140312 nakamura 追加 */
form.form-inline input.form-control.back_white[type="text"]{
	background-color: rgb(255 ,255 ,255);
}

/* 140312 nakamura 追加 */
form.form-inline input.form-control.shorter[type="text"]{
	width: 125px;
	margin-right: -5px;
}

/* フォーム：テキスト：短め */
/* 140312 nakamura 修正 */
/*form.form-inline li input.form-control.short[type="text"]{	リスト状ではないフォームにも対応させる */
form.form-inline input.form-control.short[type="text"]{
	width: 180px;
	margin-right: -5px;
}

/* フォーム：テキスト：やや短め */
/* 140312 nakamura 修正 */
/*form.form-inline li input.form-control.middleShort[type="text"]{	リスト状ではないフォームにも対応させる */
form.form-inline input.form-control.middleShort[type="text"]{
	width: 200px;
}

/* 140312 nakamura 追加 */
form.form-inline input.form-control.middlelong[type="text"]{
	width: 360px;
}

/* フォーム：テキスト：長め */
/* 140312 nakamura 修正 */
/*form.form-inline li input.form-control.long[type="text"]{	リスト状ではないフォームにも対応させる */
form.form-inline input.form-control.long[type="text"]{
	width: 400px;
}

/* 140313 nakamura 修正&移動 */
form.form-inline input.form-control.longer[type="text"]{
	width: 467px;
}

/* 140312 nakamura 追加 */
form.form-inline input.form-control.longest[type="text"]{
	width: 520px;
}

/* フォーム：テキストエリア */
/* 140312 nakamura 修正 */
/*form.form-inline li textarea.form-control{	リスト状ではないフォームにも対応させる */
form.form-inline textarea.form-control{
	background-color: rgb(244 ,244 ,238);
	border-radius: 0px;
	width: 400px;
	height: 95px;
	/*margin: 5px 0px 5px 0px;			140312 nakamura 削除 */
}

/* 140312 nakamura 追加 */
form.form-inline textarea.form-control.middlesmall{
	width: 336px;
	height: 100px;
}

/*140415 m.yamaguchi 追加 responsive対応*/
form.form-inline textarea.form-control_p2-1{
	background-color: rgb(244 ,244 ,238);
	border-radius: 0px;
	width: 545px;
	height: 95px;
}

/* フォーム：セレクトボックス */
select.form-control{
	height: 47px;
	font-size: 14pt;
	margin: 5px 0px 5px 0px;
	padding: 0;
	padding-right: 3px;
	background-color: rgb(244 ,244 ,238);
}

select.form-control.back_white{
	background-color: rgb(255 ,255 ,255);
}

select.form-control option{
	width: 200px;
	padding: 0;
}


/*********************
* ボタン設定
*********************/

/* ボタン：基本 */
div.btn-group{
	margin: 5px 0px 5px 0px;
}

button.btn{
	font-size:14pt;
	color:rgb(74, 59, 39);
	width: 175px;
	height:50px;
	padding:0;
	border:1px rgb(224, 221, 215) solid;
	border-radius: 8px;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #FFFFFF, #e8e5e0);
	background-image: -ms-linear-gradient(top, #FFFFFF, #e8e5e0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e8e5e0));
	background-image: -webkit-linear-gradient(top, #ffffff, #e8e5e0);
	background-image: -o-linear-gradient(top, #ffffff, #e8e5e0);
	background-image: linear-gradient(top, #ffffff, #e8e5e0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e5e0', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* ボタン：単体ボタン用：通常*/
button.btn-normal{
	width: 198px;
	height: 47px;
	margin:5px 0px 5px 0px;
}

/* ボタン：単体ボタン用：長ボタン*/
button.btn-long{
	color:rgb(255, 255, 255);
	width: 234px;
	height: 47px;
}

/* ボタン：単体ボタン用：長ボタン：グレーver*/
button.btn-long.cancel{
	background-color: #7b7b7b;
	background-image: -moz-linear-gradient(top, #898989, #6b6b6b);
	background-image: -ms-linear-gradient(top, #898989, #6b6b6b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#898989), to(#6b6b6b));
	background-image: -webkit-linear-gradient(top, #898989, #6b6b6b);
	background-image: -o-linear-gradient(top, #898989, #6b6b6b);
	background-image: linear-gradient(top, #898989, #6b6b6b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#6b6b6b', GradientType=0);
}

/* ボタン：単体ボタン用：長ボタン：赤ver*/
button.btn-long.submit{
	background-color: #e83110;
	background-image: -moz-linear-gradient(top, #f04417, #e02108);
	background-image: -ms-linear-gradient(top, #f04417, #e02108);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f04417), to(#e02108));
	background-image: -webkit-linear-gradient(top, #f04417, #e02108);
	background-image: -o-linear-gradient(top, #f04417, #e02108);
	background-image: linear-gradient(top, #f04417, #e02108);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04417', endColorstr='#e02108', GradientType=0);
}

/* ボタン：単体ボタン用：長ボタン：ブロック */
form.form-inline li.btn-long-area{
	width:480px;
	margin:10px auto;
	padding: 0;
}

/* ボタン：基本：チェック時 */
button.btn.checked{
	color:rgb(232,52,5);
	background-color: #d5d5d5;
	background-image: -moz-linear-gradient(top, #dad5cb, #f7f7f7);
	background-image: -ms-linear-gradient(top, #dad5cb, #f7f7f7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dad5cb), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #dad5cb, #f7f7f7);
	background-image: -o-linear-gradient(top, #dad5cb, #f7f7f7);
	background-image: linear-gradient(top, #dad5cb, #f7f7f7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dad5cb', endColorstr='#f7f7f7', GradientType=0);
}

/* ボタン：男女 */
span.btn-group.gender{
	margin-left: 24px;
}

button.btn.gender{
	border: 1px rgb(128, 101, 75) solid;
	width: 110px;
	height: 48px;
	padding: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* ボタン：男女：チェック時 */
button.btn.gender.checked{
	color: rgb(255, 255, 255);
	background-color: rgb(128, 101, 75);
	background-image: -moz-linear-gradient(top, #785f47, #927456);
	background-image: -ms-linear-gradient(top, #785f47, #927456);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#785f47), to(#927456));
	background-image: -webkit-linear-gradient(top, #785f47, #927456);
	background-image: -o-linear-gradient(top, #785f47, #927456);
	background-image: linear-gradient(top, #785f47, #927456);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#785f47', endColorstr='#927456', GradientType=0);
}

button.btn.btn_gender{
	margin: 10px 0px 10px 5px;
	width: 85px;
}

/* ボタン：SMS */
div.btn-group-vertical.sns button.btn{
	width: 250px;
	text-align: left;
	text-indent: 15px;
	color: rgb(255, 255, 255);
	background-color: rgb(89, 69, 41);
	background-image: none;
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow: none;
}

/*140415 m.yamaguchi 追加 responsive対応*/
button.btn.gender.toggle_btn_sizeL{
	width: 120px;
}

/*********************
* テーブルパーツ
*********************/

/* 140311 nakamura 修正 start */

/* テーブルパーツ：予約情報 */
/* 140311 nakamura 修正 */
table.infoTable{
	border-collapse:separate;
	border-spacing:0px;
	/*width: 577px;			140312 nakamura 削除 */
	font-size: 13pt;
	border: none;
	margin: 0px 0px 0px 35px;
	padding: 13px 11px 13px 11px;
	background-color: rgb(255, 255, 255);
}

table.infoTable.right{
	margin: 0px 0px 0px 22px;
}

/* 140311 nakamura 修正 */
table.infoTable td{
	padding: 5px 0px 5px 5px;
	border-color: #c3bcaa;
	height: 20px;
}

table.infoTable.form_table td{
	padding: 5px 0px 5px 5px;
	border-color: #c3bcaa;
	height: 50px;
}

table.infoTable td.infoSection{
	width: 155px;
	background-color:rgb(244, 244, 238);
	border-width: 0px 0px 1px 0px;
}

table.infoTable td.infoSection_left{
	width: 133px;
	background-color:rgb(244, 244, 238);
	border-width: 0px 0px 1px 0px;
}

table.infoTable td.infoSection_right{
	width: 22px;
	padding: 0px;
	background-color:rgb(244, 244, 238);
	border-width: 0px 0px 1px 0px;
}

table.infoTable td.infoData{
	width: 384px;
	border-width: 0px 0px 1px 1px;
}

table.infoTable td.infoData_left{
	width: 244px;
	border-width: 0px 0px 1px 1px;
}

table.infoTable td.infoData_right{
	width: 140px;
	padding-left: 0px;
	border-width: 0px 0px 1px 0px;
}

table.infoTable tr.line_last td{
	border-bottom-width: 0px;
}

/* テーブルパーツ：予約情報：変更項目の背景色 */
table.infoTable tr.changedData td{
	background-color: rgb(248, 229, 179);
}

/* テーブルパーツ：フォームテーブル */
table.formTable{
	width: 555px;
	margin:10px;
	font-size: 12pt;
	border-color: rgb(231, 225, 211);
}

table.formTable th{
	color: rgb(255, 255, 255);
	background-color: rgb(162, 137, 108);
	border-bottom-color: rgb(231, 225, 211);
	font-size: 14pt;
	text-align: left;
	padding:4px 6px 6px 10px;
}

table.formTable td{
	padding:6px 6px 6px 3px;
	border-color:rgb(231, 225, 211);
	background-color: rgb(231, 225, 211);
}

/* テーブルパーツ：フォームテーブル：フォーム設定 */
form.form-inline table.formTable input.form-control[type="text"],
form.form-inline table.formTable textarea.form-control,
form.form-inline table.formTable select.form-control{
	background-color: rgb(255, 255, 255);
}


/* 各画面設定 ======================================================================*/

/*************
*
* ログイン画面設定
*
*************/

/* ログインフォーム */
body#loginPage {
	color: #2C2111;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;
	font-size: 16px;
	line-height: 130%;
	-webkit-text-size-adjust: 100%;
}
body#loginPage #content {
	display: flex;
}
body#loginPage, body#loginPage .wrapper, body#loginPage #content {
	height: 100%;
}
body#loginPage i.fa.fa-exclamation-circle {
	padding-right: 0.2em;
	color: inherit;
}
body#loginPage .news-area, body#loginPage .login-form {
	box-sizing: border-box;
	height: 100%;
	text-align: center;
}
body#loginPage .news-area {
	padding: 0.1em 1.5em;
	width: 45%;
	background: #E9E2DA url(https://images.ebica.jp/app/img/news_bg.png) left top / 50% repeat;
}
body#loginPage .login-form {
	position: relative;
	padding: 2em 0;
	width: 55%;
	background: #FFF;
}
body#loginPage .login-form .title h1 {
	margin: 0.67em 0;
}
body#loginPage .login-form .input-area input[type="text"],
body#loginPage .login-form .input-area input[type="submit"],
body#loginPage .login-form .input-area button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* 共通スタイルの設定 */
body#loginPage .login-form .input-area input[type="text"],
body#loginPage .login-form .input-area input[type="password"] {
	box-sizing: border-box;
	font-size: 1em;
	background-color: #FDFAF6;
	border: 1px solid #D3C8BD;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 6px;
}
body#loginPage .login-form .input-area input[type="text"]:focus,
body#loginPage .login-form .input-area input[type="password"] {
	outline: 0;
}
/* プレースホルダーの設定 */
body#loginPage .login-form .input-area input::-webkit-input-placeholder {
	font-family: Arial;
	color: #D9CEC1;
	line-height: 160%;
}
/* input-areaの設定 */
body#loginPage .login-form .input-area {
	overflow: hidden;
	width: 400px;
	margin: 0 auto;
}
body#loginPage .login-form .input-area p {
	margin: 1em 0;
}
/* サイズ設定 */
body#loginPage .login-form .input-area input[type="text"],
body#loginPage .login-form .input-area input[type="password"] {
	font-family: Arial;
	display: inline-block;
	padding: 1.3em;
	width: 100%;
}
/* ログインボタン */
body#loginPage .login-form .input-area input[type="submit"] {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	font-size: 1em;
	text-align: center;
	line-height: 130%;
	border-radius: 6px;
	box-shadow: none;
	outline: 0;
	cursor: pointer;
}
.btnLoginSubmit {
	box-sizing: border-box;
	color: #FF951B;
	background: #FFF0D9;
	border: 2px solid #FF9600;
}
.btnLoginSubmit:focus {
	color: #FFF;
	background: #FF9600;
	border: 2px solid #FF9600;
}
/* エラー表示 */
body#loginPage .login-form .error {
	color: #E8451F;
}
body#loginPage .login-form .error-text {
	display: inline-block;
	color: #E8451F;
	font-size: 0.8em;
	font-style: normal;
}
body#loginPage .login-form .error-text span {
	color: inherit;
}
/* ユーザーIDを保存 */
body#loginPage .login-form .input-area .loginForm .sendbtn_box {
	margin-bottom: 2em;
}
body#loginPage .input-area label {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;
	cursor: pointer;
}
body#loginPage .input-area input[type="checkbox"] {
	margin: 3px 3px 3px 4px;
}
.copyright {
	position: absolute;
	bottom: 0.5em;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	background: #FFF;
}
/** 障害掲示板 **/
body#loginPage .news-area h2 {
	margin: 0.8em 0;
	padding: 0.5em;
	color: #FFF;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;
	font-size: 20px;
	border-radius: 20px;
}
#ebica-news h2{
	background: #E8451F;
}
#resty-news h2{
	background: #F18A1E;
}
#rb-news h2{
	background: #630026;
}
.news-contents {
	margin-bottom: 2em;
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	height:85vh;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.20);
	border-radius: 6px;
}
.news-contents iframe {
	width: 100%;
	height: 100%;
	border: none;
	display:block;
}
/* 予約リスト.comへのバナー */
.yoyakukist-link {
	width: 100%;
	display: block;
	margin-top: 1em;
}
.yoyakukist-link img {
	width: 100%;
	height: auto;
	border: none;
}

::-webkit-input-placeholder { color:#999; } /* mobile */
::-moz-placeholder { color:#999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; } /* ie */
input:-moz-placeholder { color:#999; }

a.round_large:link {text-decoration: none;}
a.round_large:visited {text-decoration: none;}
a.round_large:hover {background-position:right -112px;}
a.round_large:hover span {background-position:left -112px;}
a.round_large:active {position:relative;top:1px;left:1pt;}


/*************
*
* 画面ヘッダー設定
*
*************/

/* ヘッダー全般 */
#header{
	background-color: rgb(222, 218, 212);
}

/* ヘッダー：店舗名 */
#headerStoreName{
	font-weight: bold;
	float: left;
	margin-top: 30px;
	margin-left: 15px;
	font-size: 18px;
}

/* ヘッダー：ボタン全般 */
#headerBtn{
	text-align: right;
	padding-top: 20px;
	padding-bottom: 5px;
	background: #e6e1d8;
	width: 100%;
	min-width: 1365px;
}

/* ヘッダー：ボタン：前日 */
#headerBtnPrev{
	margin-right: -5px;
}

/* ヘッダー：ボタン：翌日 */
#headerBtnNext{
	margin-left: -13px;
	margin-right: 30px;
}

/* ヘッダー：ボタン：掲示板 */
#headerBtnBoard{
	margin-right: 7px;
}
#headerBtnBoard_OFF_OFF{
	margin-right: 7px;
}
#headerBtnBoard_ON_OFF{
	margin-right: 7px;
}
#headerBtnBoard_OFF_ON{
	margin-right: 7px;
}
#headerBtnBoard_ON_ON{
	margin-right: 7px;
}

/* ヘッダー：ボタン：新着予約 */
#headerBtnNewReserve{
	margin: 18px 18px 0px 0px;
	height: 38px !important;
	width: 120px !important;
	color: #8C5919;
	border-radius: 6px;
	box-shadow: 2px rgb(204 197 195);
}

.new-reserve-list {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.fa-size {
	font-size: 2.5em !important;
	color: #8C5919;
	position: relative;
}

.text-new {
	font-size: 0.5em;
	transform: scale(0.5);
	font-weight: bold;
	color: white;
	position: absolute;
	top: 8px;
	left: -7px;
}

.text-new-reserve-list {
	font-size: 14px;
	margin-top: 2px;
	color: #8C5919;
}

#headerBtnNewReserve.orange {
	background: #FF5F17;
}

#headerBtnNewReserve.orange > .new-reserve-list > .fa-size {
	color: white;
}

#headerBtnNewReserve.orange > .new-reserve-list > i > .text-new {
	color: #FF5F17;
}

#headerBtnNewReserve.orange > .new-reserve-list > .text-new-reserve-list {
	color: white;
}

/* ヘッダー：ボタン：ロゴ */
#headerBtnLogo{
	margin-right: 10px;
	margin-bottom: -10px;
}

/*************
*
* 画面左メニュー設定
*
*************/

/* メニュー全般 */
#menu{
	background-color: rgb(222, 218, 212);
	width: 121px;
	height: 100%;
	min-height: 100%;
	margin: -5px 0px 0px 0px;
	padding: 0;

}

/* メニュー：ボタン */
ul#menuBtn{
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

ul#menuBtn li{
	margin-top: 4px;
	margin-bottom: 4px;
}

/*インラインフレーム*/

iframe {
	border: 0px;
}
#iframeHeader{
	width: 100%;
	height: 85px;  /* 140311 野口 修正 */
	overflow: hidden; /* 140311 野口 追加*/
}

#iframeMenu{
	width: 121px;
	height: 700px;
	float: left;
	overflow: hidden;
}


/*************
*
* 予約カレンダー画面の設定
*
**************/

/* 背景色の設定 */
#calenderView{
	background: #e6e1d8;
}

div.pageBg{
	white-space: nowrap;
	width: 60%;
	height: 90%;
}
/* テーブル、セルの基本設定*/
#calenderView table{
	border-collapse: collapse;
	border: none;
	font-weight: bold;
	background-color: rgb(255, 255, 255);
}

#calenderView table th{
}

#calenderView table th.in_word{
	border-left-width: 2px;
}

.reserveListClass td.reserveListHead, .infoViewListClass td.reserveListHead{
	width: 220px;
	height: 25px;
	background-color: rgb(162,137,107);
	color: rgb(255,255,255);
	vertical-align:top;
	padding: 5px 5px 0px 10px;
	border: none;
}
.reserveListClass td.reserveListRow, .infoViewListClass td.infoViewListRow{
	width: 30%;
	padding: 10px;
	padding-right: 0;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	vertical-align:top;
	border-left: 0px hidden;
	border-bottom: 0px hidden;
}

.reserveListClass td.reserveListData{
	border-right: 0px hidden;
	border-bottom: 0px hidden;
}

.reserveListClass td.reserveListData table.reserveData tr.reserveDataDate td{
	background-color: rgb(255,255,255);
	border-bottom: 1px rgb(192, 186, 177) solid;
}

.reserveListClass td.reserveListData table.reserveData tr.reserveDataEtc td{
	background-color: rgb(255,255,255);
	height: 32px;
	line-height:1.4em;
	border-bottom: 0px;
}

span.memo{
	font-size:14pt;
	margin-left:10px;
	position: relative;
	top:-4px;
}

.icon{
	margin-top: 10px;
}

/*2014.3.11 三島メンテ終了 */

/*********************
* スライドイン画面 p2：予約情報
*********************/

/* 140311 nakamura 修正 start */

/* 予約情報：ヘッダー */
ul.reserveInfoHeader{
	height:25px;
	padding: 5px 18px 5px 10px;		/*140417 m.yamaguchi 修正 responsive対応*/
	width: 549px;
	background-color: #a2896b;
	font-size: 16pt;
	margin: 17px 0px 0px 35px;
}

ul.reserveInfoHeader li{
	float:left;
	color: rgb(255, 255, 255);
}

ul.reserveInfoHeader li.reserveReceivedName{
	float:right;
}

ul.reserveInfoHeader li.reserveReceivedName div{
	color: inherit;
}

/* 画面下のボタン：ブロック*/
#p2_reserveInfo div.buttonArea{
	/*width: 410px;*/
	margin: 13px 0px 0px 215px;
}

#p2_reserveInfo div.buttonArea.right{
	margin: 13px 0px 0px 190px;
}

/*********************
* スライドイン画面 p7：実績登録
*********************/
/* ボタン：予約情報のコピー*/
button#copyBtn{
	position:relative;
	bottom:32px;
	left:332px;
	margin-bottom:-47px;
}

/* ボタン：戻る*/
button#returnBtn{
	position: relative;
	top: 33px;
	left: 70px;
}
/* バックグラウンド */


#reception{
/* 140312 野口 マージ時に修正 */
	height: 530px;
	width : 455px;
	background-color: rgb(243, 242, 240);
	margin: 90px 0px 0px 80px;
	border-radius: 5px;
	border-bottom: solid 2px rgb(178, 166, 157);
	border-right : solid 2px rgb(178, 166, 157);
	float : left;
}
#reserve_img{
	margin: -40px 0px 0px -40px;
}


#change{
/* 140312 野口 マージ時に修正 */
	height: 530px;
	width : 455px;
	background-color: rgb(243, 242, 240);
	margin: 90px 0px 0px 50px;
	border-radius: 5px;
	border-bottom: solid 2px rgb(178, 166, 157);
	border-right : solid 2px rgb(178, 166, 157);
	float : left;
}
#reservechenge_img{
	margin: -40px 0px 0px -40px;
}
#reserve{
	font-size: 50px;
	color : rgb(241, 98, 1);
	margin: -50px 0px 20px 0px;
}
#reservechenge{
	font-size: 50px;
	color: rgb(55, 171, 202);
	margin: -50px 0px 20px 0px;
}
#reservecomment{
	margin: 25px 0px 25px 0px;

}
/* フォーム：テキスト：360px長め */
form.form-inline li input.form-control.semilong[type="text"]{
	width: 360px;
	height: 70px;
	margin: 5px 5px 5px 0px;
	padding: 0;
	text-indent: 5pt;
	font-size: 18pt;
	background-color: rgb(244 ,244 ,238);
	display: inline-block;
}

form.form-inline li input.form-control.semilong.count[type="text"]{
	width: 245px;
}
/*
#calenderView table tr td{
	text-indent: 0.5em;
	vertical-align: middle;
	width: 36px;
	height: 49px;
	border: solid 1px rgb(214, 205, 196);
	border-top-width: 0px;
	font-size: 18px;
}

#calenderView table tr.time_disp td{
	width: 36px;
	height: 25px;
	background-color: rgb(245, 242, 237);
}

#calenderView table tr.back_color_orange td{
	background-color: rgb(250, 232, 194);
	height: 51px;
}

#calenderView table tr.back_color_whitegray td{
	background-color: rgb(235, 235, 235);
}

#calenderView table tr.null_line td{
	height: 18px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

#calenderView table tr td.left_side{
	border-left-width: 2px;
}

#calenderView table tr td.right_side{
	border-right-width: 1px;
}

#calenderView table tr th.right_side{
	border-right-width: 1px;
}

#calenderView table tr.white_border_bottom td{
	border-bottom: solid 1px rgb(255, 255, 255);
}
*/
/* 席の名前 */
#calenderView table#seatName{
	border: none;
	border-collapse: collapse;
}

#calenderView table#seatName td{
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	width: 140px; /* origin 129px */
	height: 49px;
	border-color: rgb(214, 205, 196);
	font-size: 18px;
}

#calenderView table#seatName tr.null_line td{
	height: 19px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

#calenderView table#seatName tr.back_color_orange td{
	background-color: rgb(250, 232, 194);
	height: 51px;
}

#calenderView table#seatName tr td.null_sell{
	border: none;
	width: 14px;
	background-color: rgb(255, 255, 255);
}

#calenderView table#seatName td.img_td{
	width: 33px;
}

#calenderView table#seatName td.timeTitle{
	width: 180px;
	height: 84px;
	border: none;
	font-size: 18px;
	line-height: 36px;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
	text-indent: 0px;
}

/* 席の定員数 */
#calenderView table#seatName td.capacity{
	border-left: 0px;
	width: 55px; /* origin 48px */
	text-align: right;
	padding-right: 5px;
}

/*********************
*
* スライドイン・ポップアップ画面 全般
*
*********************/

/* アコーディオンスライド画面 */
div.slidePageBg{
	background-color: rgb(89,69,41);
	width: 575px;
	height: 862px;
	font-weight: bold;
	line-height: normal;
}

div.slidePageMain{
	background-color: rgb(255,255,255);
	width: 100%;
	height:100%;
	line-height: normal;
	padding-top: 10px;
}

/* ポップアップ画面 */
div.popupPageBg{
	background-color: rgb(255,255,255);
	width: 1261px;
	height: 860px;
	font-weight: bold;
	line-height: normal;
}

/*********************
* スライドイン画面 p1：予約一覧
*********************/
/* 2014.3.11 三島メンテ開始 */
div.reserveListPageBg{
	width: 630px;
	height: 840px;
	font-weight: bold;
	line-height: normal;
}
div.reserveListPage{
	width: 630px;
	padding-top:25px;
	padding-left:30px;

}

div.title_label{
	font-size: 18px;
	padding:8px 0px 0px 0px;
}

#reserveListBtn li{
	float: left;
  /*
   * 2015/08/28 ＜PNO_0175-4217＞ エビソル杉山
   * コメントアウト
   */
/* 	margin-bottom: 15px; */
}

.reserveListClass{
	float: left;
	width: 600px;
	margin-bottom:10px;
	background-color: rgb(255,255,255);
	border:none;
}

.reserveListClass tr.reserveListRow, .reserveListClass tr.infoViewListRow{
	height: 172px;
}

.reserveListClass td.reserveListData table.reserveData{
	width: 100%;
	margin-bottom: 3px;
	border:0px;
}

.reserveListClass td.reserveListData table.reserveData tr td{
	width: 50%;
	font-size: 12pt;
	line-height: 1.7em;
	border: 0px;
	border-bottom:1px rgb(192, 186, 177) solid;
	padding-top: 2px;
	padding-left: 5px;
}

.reserveListClass td.reserveListData table.reserveData tr.reserveDataName td{
	font-size: 14pt;
	background-color: rgb(255,255,255);
}
/****** 2014.3.4 add mishima ******/

/******************************
*  2-2 2-4-3 css
*******************************/
/* 2014.3.14 三島修正開始 */

body#customerEdit{
	background: #e6e1d8;
}

body#customerEdit form.form-inline li{
	padding: 1px 0px 1px 10px;	/* 140317 nakamura 修正 */
}

/* 140317 nakamura 追加 */
body#customerEdit form.form-inline div#other li{
	padding: 12px 0px 19px 10px;
}

/* 140314 nakamura マージ追加 */
body#customerEdit form.form-inline li input.form-control.short[type="text"] {
	margin-right: -5px;
}

/* 140314 nakamura マージ追加 */
body#customerEdit form.form-inline div#other input.form-control[type="text"]{
	margin-top: 10px;
}

body#customerEdit form.form-inline input.form-control[type="text"]{
	margin: 5px 0px;
	background-color: rgb(255, 255, 255);
}

/* 140314 nakamura マージ追加 */
form.form-inline li textarea.form-control{
	margin: 5px 0px 5px 0px;
}

#base{
	width : 560px;
	height: 1800px;
	padding-left: 10px;
	float : left;
}
#pasonal{
	width : 545px;
	height: 840px;
	background-color: rgb(228, 221, 205);
	margin-left: 18px;	/* 140317 nakamura 追加 */
}
#company{
	width : 545px;
	height: 875px;
	background-color: rgb(228, 221, 205);
	margin-top : 12px;
	margin-left: 18px;	/* 140317 nakamura 追加 */
}
#other{
	width : 545px;
	height: 470px;		/* 140317 nakamura 追加 */
	background-color: rgb(228, 221, 205);
	margin-top : 12px;
	margin-left: 18px;	/* 140317 nakamura 追加 */
}

.line1{
	background-color: rgb(162, 137, 107);
	color: rgb(255, 255, 255);
	margin-top: 12px;	/*140317 nakamura 追加 */
	height: 30px;
	padding-left: 8px;
}

/*140317 nakamura 追加 */
#pasonal p.line1{
	margin-top: 18px;
}

div#omotenashi{
	width : 550px;
	/*height: 650px;*/
	/*margin-right: 230px;	140317 nakamura 消去
	float : right;*/
	margin-left: 9px;	/*140317 nakamura 追加 */
}
#base img,
#pasonal img,
#company img,
#other img,
#omotenashi img{
	margin-top: 2px;
}

#pasonal img.selectbox_icon,
#company img.selectbox_icon{
	margin: 0px 0px 5px 10px;
}

/* ボタン：男女 */
span.btn-group.sex{
	margin-left: 62px;		/* 140317 nakamura 修正 */
}
.memberBtn{
	margin-left: 290px;
	margin-top : -30px;		/* 140317 nakamura 修正 */

}
.memberName{
	position: relative;
	top: 10px;
}
form.form-inline div#base input.form-control[type="text"]{
	background-color: rgb(255 ,255 ,255);
	font-weight:bold;
}

form.form-inline div#omotenashi input.form-control[type="text"]{
	background-color: rgb(244 ,244 ,238);	/* 140317 nakamura 修正 */
}


/* フォーム：テキスト：利用店舗 */
form.form-inline li input.form-control.store[type="text"]{
	width: 375px;		/* 140317 nakamura 修正 */
}
/* フォーム：テキスト：記念日 */
form.form-inline li input.form-control.memory[type="text"]{
	width: 150px;
}
/* フォーム：テキスト：記念日 */
form.form-inline li input.form-control.memoryDay[type="text"]{
	width: 220px;
}

/* フォーム：テキスト：お客様 */
form.form-inline li input.form-control.customer[type="text"]{
	width: 415px;
}

/* フォーム：テキスト：長め */
form.form-inline li input.form-control.longlong[type="text"]{
	width: 515px;
}

#photo{
	width : 545px;
	height: 180px;
	margin-top: 18px;	/* 140317 nakamura 追加 */
}
#omotenashi button.customerBtn{
	width:165px;
	height:49px;
	margin-right:5px;
	margin-bottom:5px;

}
#customerTbl{
	border: 0px none;
	margin-top: 20px;
}
#customerTbl td{
	border-style:none;
	padding: 2px 0px 2px 0px;	/* 140317 nakamura 追加 */
}
div.customerInfo{
	width : 550px;
	height: 380px;	/* 140317 nakamura 修正 */
	background-color: rgb(228, 221, 205);
	margin-top : 12px;

}
div.shopInfo{
	width : 550px;
	height: 220px;	/* 140317 nakamura 修正 */
	background-color: rgb(228, 221, 205);
	margin-top : 12px;

}

form.form-inline li textarea.form-control.customer{
	background-color: rgb(255 ,255 ,255);	/* 140317 nakamura 修正 */
	border-radius: 0px;
	width: 500px;
	height: 105px;	/* 140317 nakamura 修正 */
/*	margin: 5px 0px 5px 0px;	*/
}
#customerButton{
	 width :1140px;	/* 140317 nakamura 修正 */
	 clear: both;
	 position :relative;
	 top:60px;
}

/******************************
*  2-2 2-4-3 css
*******************************/


 /* 【更新】2014年03月12日 安達
/********** ～開始～ **********/

/* 【更新】2014年03月04日 安達
/********** ～開始～ **********/

div.suggestInfoPageBg{
	background-color: rgb(89, 69, 42);
	width: 315px;
	height: 843px;
	font-weight: bold;
	line-height: normal;
	border-radius: 5px;
}

/* テーブルパーツ*/
table.suggestInfoTable{
	font-size: 12pt;
	border-color: #3C2E1B;
	width: 300px;
	position: relative;
	top: 10px;
	left: 14px;
}

div.suggestInfoTitle{
	position: relative;
	width: 300px;
	font-size: 19px;
	left: 18px;
	color: #FFFFFF;
	margin: 10px 0px 20px 0px;
}

div.suggestInfoPageMain{
	width:100%;
	height:100%;
	line-height: normal;
	padding-top: 10px;
}

th.suggestInfoTableTh{
	background-color: #a2896b;
	text-align: left;
	height: 29px;
	color: #f7f4ef;
}

table.suggestInfoTable td.suggestinfoSection{
	width:200px;
	height:100px;
	background-color:rgb(244, 244, 238);
	text-align: left;
	padding: 0px 0px 0px 20px;
	border: solid 1px;
}

button.btn.suggest_btn{
	width: 655px;
	position: relative;
	left: 10px;
	height: 75px;
}

div.calendarPage{
	width: 565px;
	height: 450px;

}

ul.month{
	height: 70px;
}

button.lastMonth{
	float: left;
	position: relative;
	top: 23px;
	left: 34px;
	width: 122px;
	height: 40px;
	text-align: left;
	font-size: 21px;
	background-image: url("../img/MonthChangeButtonBackGround.png");
	border-radius: 10px;
}

div.thisMonth{
	float: left;
	position: relative;
	top: 15px;
	font-size: 30px;
	left: 90px;
	margin-bottom: -10px;
}

button.nextMonth{
	position: relative;
	top: 23px;
	left: 185px;
	width: 122px;
	height: 40px;
	text-align: right;
	font-size: 21px;
	background-image: url("../img/MonthChangeButtonBackGround.png");
	border-radius: 10px;
}

div.calendarPart{
	position: relative;
	left: 35px;
	top: 25px;
}

table.week{
	position: relative;
	border: none;
	margin-bottom: 10px;
}

table.calendar{
	position: relative;
	border: none;
}

td.Sunday{
	width: 71px;
	text-align: center;
	color: #FFFFFF;
	background-color: #C93215;
	border: none;
	font-size: 16px;
}

td.weekday{
	width: 71px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgb(162, 137, 107);
	border: none;
	font-size: 16px;
}

td.Saturday{
	width: 71px;
	text-align: center;
	color: #FFFFFF;
	background-color: #4682B4;
	border: none;
	font-size: 16px;
}

td.nil{
	border: none;
}

button.Sunday{
	width: 71px;
	height: 47px;
	text-align: center;
	font-size: 21px;
	margin: 3px 0px 3px 0px;
	color: #C93215;
	background-image: url("../img/SundayBackGround_size_change.png");
	border-radius: 10px;
}

/********** 20140629 ADD ************/
button.Sholiday{
	color: #C93215 !important;
	background-image: url("../img/SundayBackGround_size_change.png") !important;
}
/********** 20140629 ADD ************/

button.Saturday{
	width: 71px;
	height: 47px;
	text-align: center;
	font-size: 21px;
	margin: 3px 0px 3px 0px;
	color: #4682B4;
	background-image: url("../img/SaturdayBackGround_size_change.png");
	border-radius: 10px;
}

button.businessDay{
	width: 71px;
	height: 47px;
	text-align: center;
	font-size: 21px;
	margin: 3px 0px 3px 0px;
	background-image: url("../img/businessDayBackGround_size_change.png");
	border-radius: 10px;
}

button.holiday{
	width: 71px;
	height: 47px;
	text-align: center;
	font-size: 21px;
	margin: 3px 0px 3px 0px;
	border-radius: 5px;
	background-image: url("../img/holidayBackGround_size_change.png") !important;
	border-radius: 10px;
	color: gray !important;
}

/********** ～終了～ **********/


/*******************************************
* 2014/03/04 nakamura 以下追加
*******************************************/

/* 以下 P2 予約情報 追加部分 */


/* 画面下のリンク:ブロック */
#p2_reserveInfo div.LinkArea{
	width: 410px;
	margin: 10px auto 0px;
}

/* 画面下のリンク:ブロック */
#p2_reserveInfo a.historyLink{
	text-decoration: underline;			/* 下線引き(画像詳細によっては変更の可能性あり) */
}


ul.reserveHistoryInfo li.reserveInfoTitle{		/* reserveDataTitle よりコピー */
	padding: 10px 0px 0px 22px;
	font-size: 20pt;
}
/* 140311 nakamura 修正 一旦end */

/* 受付、更新などのアイコン p1からのコピー*/
#p2_reserveInfo ul.reserveHistoryInfo li table.infoTable tr td span.icon{
	border: 1px rgb(192, 186, 177) solid;
	border-radius: .3em;
	padding: 2px 2px 0px 3px;
	margin-right: 5px;
}

ul.reserveHistoryInfo li table.infoTable tr th ul li{
	color:rgb(255, 255, 255);
}

table.infoTable tr th ul li.tableHeaderTime{
	float:left;
}
table.infoTable tr th ul li.tableHeaderResp{
	float:right;
}

/* 以下 テーブルに追加部分 */

  /* 【更新】2014年03月12日 安達
/********** ～開始～ **********/

table.bbsTable{
	width: 542px;
	margin: 15px 9px 0px;
	font-size: 12pt;
	border-color: #3C2E1B;
	position: relative;
	top: -175px;
}

/* 【更新】2014年03月12日 安達
 ********** ～終了～ **********/

table.bbsTable th{
	color: rgb(255, 255, 255);
	background-color: rgb(60, 46, 27);
	border-bottom-color: rgb(231, 225, 211);
	font-size: 14pt;
	text-align: left;
	padding:4px 6px 6px 10px;
}

table.bbsTable tr td{
	border: none;
}

 /* 【更新】2014年03月12日 安達
/********** ～開始～ **********/

table.bbsTable tr td.bbsData{
	height: 100px;
	vertical-align: top;
	background-color: #FFFFFF;
}

/* 【更新】2014年03月12日 安達
 ********** ～終了～ **********/

table.bbsTable tr td.bbsBtnData{
	text-align: center;
}

/* 以下 p11用に追加 */

#p11_bbsRead ul.popupSwitch{
	margin: 20px;	/* 20140417 adachi Add */
}

#p11_bbsRead ul.popupSwitch li{
	list-style-type: none;
	text-align: right;
	float: left;
}

/*2014/03/04 nakamura ここまで ***************************/



/*= 140304 野口 2-1：お客様一覧 ここから =====================================*/

/* ページ全体のブロック */
body.consumersCatalog div.pageMain{
	width: 1010px;
}

/* 検索フォームのブロック */
body.consumersCatalog div.searchForm{
	background-color:#E7E1D3;
}

/* 検索フォーム */
body.consumersCatalog table.searchCustomer{
	border: none;
}

body.consumersCatalog table.searchCustomer td{
	border: none;
	padding: 10px 5px 0px 10px;
}

/* 検索フォーム：テキストフォーム欄 */
table.searchCustomer input.form-control.searchItem{
	width:344px;
}

/* 検索結果ヒット数 */
p.searchResultCount{
	font-weight: bold;
	/*text-decoration: underline;	20140313安達 削除	*/
	text-align: right;
	margin: 10px 10px 10px 10px;
}

/* 検索結果テーブル */
/* 140314 nakamura マージ追加 */
div.searchResult table.searchResultTable{
	border-collapse:collapse;
	border: none;
	font-size:14pt;
}

/* 140314 nakamura マージ追加 */
body.consumersManage div.searchResult table.searchResultTable{
	margin: 0px 0px 20px 28px;
}

/* 検索結果テーブル：見出しセル */
body.consumersManage div.searchResult table.searchResultTable th{
	height: 50px;
	border:2px solid #bddae1;
	background-color: #dbedf1;
	border-width: 0px 0px 0px 1px;
	padding-left: 7px;
	font-weight: normal;
	line-height: 1;
}

body.consumersManage div.searchResult table.searchResultTable th.row_left{
	border: none;
	width: 90px;
}

div.searchResult table.searchResultTable th.row_name{
	/*width: 135px;*/
	/*Yamamoto変更*/
	width: 70px;

}

div.searchResult table.searchResultTable th.row_company{
	width: 140px;
}

div.searchResult table.searchResultTable th.row_tell{
	/*width: 144px;*/
	/*Yamamoto変更*/
	width: 140px;
}

div.searchResult table.searchResultTable th.row_etc{
	/*width: 272px;*/
	/*Yamamoto変更*/
	width: 500px;

}

div.searchResult table.searchResultTable th.row_count{
	/*width: 160px;*/
	/*Yamamoto変更*/
	width: 40px;
	border: red solid 1px;

}
body.consumersManage div.searchResult table.searchResultTable th.SelectBoxIcon{
	width: 24px;
	border: none;
	padding: 0px;
}

/* 検索結果テーブル：データセル */
body.consumersManage div.searchResult table.searchResultTable td{
	padding: 9px 0px 0px 5px;
	border-width: 0px 0px 1px 1px;
	vertical-align: top;
	border-color: #d6cfc1;
	height: 64px;
}

body.consumersManage div.searchResult table.searchResultTable td.row_left{
	border-left-width: 0px;
}

body.consumersManage div.searchResult table.searchResultTable td.left_no_padding{
	padding-left: 0px;
}

body.consumersManage div.searchResult table.searchResultTable tr.row_even td{
	background-color: #f8f8f6;
}

/* ボタン：濃茶色 */
button.btn-brown{
	color:rgb(255, 255, 255);
	background-color: #483721;
	background-image: -moz-linear-gradient(top, #5f4b30, #302213);
	background-image: -ms-linear-gradient(top, #5f4b30, #302213);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f4b30), to(#302213));
	background-image: -webkit-linear-gradient(top, #5f4b30, #302213);
	background-image: -o-linear-gradient(top, #5f4b30, #302213);
	background-image: linear-gradient(top, #5f4b30, #302213);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f4b30', endColorstr='#302213', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0px rgba(204, 197, 195, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*= 140304 野口 2-1：お客様一覧 ここまで =====================================*/

/*= 140305 野口 3-1：予約検索結果一覧 ここから =====================================*/

/* ページ全体のブロック */
body.reserveSearchCatalog div.pageMain{
	width: 1100px;	/* 140314 nakamura マージ追加 */
}

/* 検索フォームのブロック */
body.reserveSearchCatalog div.searchForm{
	background-color:#E7E1D3;
	width: 1100px; /* 20140314 安達 更新 */
	margin:10px;
}

/* 検索フォーム */
body.reserveSearchCatalog table.searchReserve{
	width: 1100px;	/* 140314 nakamura マージ追加 */
	border: none;
}

/* 検索フォーム：フォーム配置部分のブロック */
body.reserveSearchCatalog table.searchReserveBox{
	width: 960px;
	border: none;
}

/* 検索フォーム：ヘッダー */
body.reserveSearchCatalog table.searchReserve th.header{
	background-color: rgb(162, 137, 108);
	font-size: 14pt;
	text-align: left;
	padding:4px 6px 6px 10px;
	border: none;
	height: 39px;		/* 140314 nakamura マージ追加 */
}

body.reserveSearchCatalog table.searchReserve th.header span{
	color: rgb(255, 255, 255);
}

body.reserveSearchCatalog table.searchReserve td{
	border: none;
}

body.reserveSearchCatalog table.searchReserveBox td{
	border: none;
	padding: 10px 5px 0px 10px;
}

  /* 【更新】2014年03月13日 安達
/********** ～開始～ **********/

/* 検索フォーム：テキストフォーム欄 */
table.searchReserve input.form-control.searchItem{
	width:347px;
}

/* 検索フォーム：submitボタン */
div.searchForm td.searchReserve{
	text-align: center;
	vertical-align: bottom;
}

/* 検索結果テーブル */
body.reserveSearchCatalog div.searchResult table.searchResultTable{
	border-collapse:separate;
	border: none;
	width:1100px;
	font-size:12pt;
	position: relative;
	left: 19px;
}

/* 検索結果テーブル：見出しセル */
body.reserveSearchCatalog div.searchResult table.searchResultTable th{
	/*background-color: #DDD;
	text-align: center;*/
	border: 2px solid;
}

/* 検索結果テーブル：データセル */
body.reserveSearchCatalog div.searchResult table.searchResultTable td{
	padding:2px 5px 2px 10px;
}

body.reserveSearchCatalog div.searchResult table.searchResultTable li{
	list-style-type: none;
}

/* ボタン：ステータスボタン */
button.status{
	width: 100px;
	height: 53px;
	font-size: 14pt;
}

/* 【更新】2014年03月13日 安達
 ********** ～終了～ **********/

/*= 140305 野口 3-1：予約検索結果一覧 ここまで =====================================*/

/* 【更新】2014年03月05日 安達
/********** ～開始～ **********/

div.nil{
	background-color: Gainsboro;
	width: 64px;
	height: 35px;
	margin: 3px;
	border-radius: 5px;
}

td.detailsNil{
	border: none;
}

div.detailsNil{
	background-color: Gainsboro;
	width: 65px;
	height: 75px;
	margin: 3px;
	border-radius: 5px;
}

div.colorExplanation{
	width: 320px;
	height: 90px;
	position: relative;
	top: 57px;
	left: 37px;
	font-size: 17px;
}


p.Saturday{
	width: 180px;
	font-size: 21px;
}

p.holiday{
	width: 180px;
	position: relative;
	top: -15px;
	font-size: 21px;
}

div.detailsModeChangebutton{
	position: relative;
	left: 505px;
	top: -37px;
	width: 112px;
}

div.modeChangebutton{
	position: relative;
	left: 430px;
	top: -74px;
	width: 103px;
}

.detailsWrapper {
	position: relative;
	width: 65px;
	height: 62px;
	top: -610px;
	left: 290px;
	float: left;
}
.box {
	position: relative;
	background: none repeat scroll 0% 0% rgb(210, 105, 30);
	height: 20px;
	width: 40px;
	margin-bottom: 20px;
	border: 1px solid rgb(210, 105, 30);
	border-radius: 15px;
}

.box:after {
	content: "";
	position: absolute;
	border-top: 10px solid rgb(210, 105, 30);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -10px;
	left: 8px;
}

.box:before {
	content: '';
	position: absolute;
	border-top: 10px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -10px;
	left: 8px;
}

 /* 【更新】2014年03月11日 安達
/********** ～開始～ **********/

div.calendarDate{
	width: 22px;
	height: 17px;
	position: relative;
	top: -3px;
	font-size: 16px;
	margin: 2px 0px;
}

/* 【更新】2014年03月11日 安達
 ********** ～終了～ **********/

div.yellowRail{
	width: 61px;
	height: 24px;
	position: relative;
	left: 2px;
	line-height: 24px;
	background-color: gold;
	color: rgb(255, 255, 255);
	top: 2px;
	font-weight: bolder;
	font-size: 16px
}

div.redRail{
	width: 61px;
	height: 24px;
	position: relative;
	left: 2px;
	line-height: 24px;
	background-color: #e93215;
	color: rgb(255, 255, 255);
	top: 2px;
	font-weight: bolder;
	font-size: 16px
}

 /* 【更新】2014年03月11日 安達
/********** ～開始～ **********/

div.clearRail{
	width: 61px;
	height: 24px;
	position: relative;
	left: 7px;
	line-height: 24px;
	top: -1px;
	font-weight: bolder;
	font-size: 18px;
}

/* 【更新】2014年03月11日 安達
 ********** ～終了～ **********/

.detailsButton{
	width: 65px;
	height: 75px;
	text-align: center;
	font-size: 21px;
	margin: 3px 0px 3px 0px;
}

 /* 【更新】2014年03月11日 安達
/********** ～開始～ **********/

.timeZoneSelect{
	position: relative;
	left: 427px;
	width: 161px;
	font-size: 28px;
	height: 33px;
	margin-bottom: -95px;
}

/* 【更新】2014年03月11日 安達
 ********** ～終了～ **********/

/* 【更新】2014年03月05日 安達
 ********** ～終了～ **********/

/*******************************************
* 2014/03/05 nakamura 以下追加
*******************************************/


/* 以下 p12用に追加 */

#p12_bbsWrite ul.popupSwitch{
	margin: 10px;
}

#p12_bbsWrite ul.popupSwitch li{
	list-style-type: none;
	text-align: right;
	float: left;
}

/* 140318 nakamura 更新 */
table.bbsTable tr td textarea.bbsText{
	background-color: rgb(244 ,244 ,238);
	border-radius: 0px;
	width: 518px;
	height: 78px;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	font-size: 12pt;
}

/* 140704 kawakami 追加  140708 noguchi mod*/
input#popup_info_check1,
input#popup_info_check2,
input#popup_bbs_check1,
input#popup_bbs_check2{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}

/*
input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
*/

.check_off{
	background:url(../img/checkbox.png) no-repeat left top;
	height: 32px;
	line-height: 32px;
	display: block;
	padding: 0 0 0 36px;
	cursor: pointer;
	overflow: hidden;
}
.check_on{
	background:url(../img/checkbox.png) no-repeat left top;
	height: 32px;
	line-height: 32px;
	display: block;
	padding: 0 0 0 36px;
	cursor: pointer;
	overflow: hidden;
}
.check_on{background-position:left bottom;}

/* 以下 2-5用に追加 */

/* ページ全体のブロック */
/* 140311 nakamura 修正 */
body.consumersManage div.pageMain{
	width: 1140px;
	background-color: rgb(255, 255, 255);
/*	margin-left: 121px; 140312 野口削除*/
}

/* 検索フォーム */
body.consumersManage table.searchCustomer{
	border: none;
	margin: auto;
}

body.consumersManage table.searchCustomer td.row_left{
	border: none;
	padding-left: 28px;
}

body.consumersManage table.searchCustomer td{
	border: none;
	padding: 12px 0px 0px 12px;
}

body.consumersManage table.searchCustomer tr.first_line td{
	padding: 33px 0px 7px 28px;
}

/* 以下 2-4-1追加 */

/* ページ全体のブロック */
body.consumersSearch div.pageMain{
	width: 1140px;
	background-color: rgb(255, 255, 255);
}

/* 検索フォームのブロック */
body.consumersSearch div.searchForm{
	width: 1110px;
	padding: 15px;

}

/* 検索フォーム */
body.consumersSearch table.searchCustomer{
	border: none;
	/*width: 1140px;			140318 nakamura 修正 */
	background-color: #e7e1d3;
}

body.consumersSearch table.searchCustomer td{
	border: none;
	padding: 10px 5px 0px 10px;
}

body.consumersSearch table.searchCustomer th{
	color: rgb(255, 255, 255);
	/*background-color: rgb(60, 46, 27); 20140318 安達 削除 */
	border-bottom-color: rgb(231, 225, 211);
	font-size: 14pt;
	text-align: left;
	/*padding:4px 6px 6px 10px; 20140318 安達 削除 */
}

div.searchResult table.ResultListTable{
	border-collapse:collapse;
	border: none;
	width:1085px;
	font-size:12pt;
	margin-top: -2px;
	margin-left: 30px;
}

div.searchResult table.ResultListTable th{
	color: rgb(255, 255, 255);
	background-color: #a2896b;
	border-bottom-color: rgb(231, 225, 211);
	font-size: 14pt;
	text-align: left;
	height: 50px;
	/*padding:4px 6px 6px 10px; 20140318 安達 削除 */
}

div.searchResult table.ResultListTable tr{
	border-top: dotted 1px rgb(60, 46, 27);
}
div.searchResult table.ResultListTable tr:first-child,
div.searchResult table.ResultListTable tr:last-child{
	border: none;
}
div.searchResult table.ResultListTable tr td{
	width:110px;
	border: none;
}
div.searchResult table.ResultListTable tr.subHeader td{
	border-bottom: solid 1px rgb(60, 46, 27);
}

div.searchResult table.ResultListTable tr.resultButton td{
	border: none;
}

/* 長ボタン文字色変更なしバージョン */
button.btn-long-white{
	width: 234px;
	height: 47px;
}

/* 以下 2-4-2追加 */

div.customerInfoList table.customerListTbale{
	border-collapse:collapse;
	width:990px;
	font-size:12pt;
	margin: 17px 10px 10px 15px; /* 20140317 安達追加 */
	font-weight: bold; /* 20140317 安達追加 */
}

div.customerInfoList table.customerListTable th{
	color: rgb(255, 255, 255);
	background-color: rgb(60, 46, 27);
	border-bottom-color: rgb(231, 225, 211);
	font-size: 14pt;
	text-align: left;
}
div.customerInfoList table.customerListTable tr td{
	padding:0px 6px 0px 10px;
}

div.customerInfoList table.customerListTable tr.listCustomerInfo td{
	border-top: none;
}

div.customerInfoList table.customerListTable tr.listSubTitle td{
	border-bottom: none;
}

div.customerInfoList table.customerListTable tr.listSubTitle td.data div.cellDiv{
	float: left;
	width: 100%;
}

div.customerInfoList table.customerListTable tr.listSubTitle td.data div.cellDiv div{
	margin: 0 0 0 15px;
	font-size: 15px;
	color: #000000;
}
/*******************************************
* 2014/03/05 nakamura ここまで
/*****************************************

/* 【更新】2014年03月06日 安達
/********** ～開始～ **********/


.red{
	color: #ff0000;
	font-size: 35px;
}

span.fontSizeChange{
	font-size: 35px;
	color: #8C5919;
}

#menu_bar{
	background: #e6e1d8;
	width: 121px;
	height: 100%;
	min-height: 100%;
	margin: -5px 0px 0px 0px;
	padding: 0;
}

button.btn.btn-default.move_button{
	width: 62px;
}

button.btn.btn-default.meal_kind_info{
	width: 155px;
	color: #8C5919;
	font-weight: bold;
}

button.btn.btn-default.date_info{
	color: #8C5919;
	font-weight: bold;
	width: 311px;
}

html,body.heightMaxRange{
	height: 100%;
}

html,body.widthMaxRange{
	width: 100%;
}

body.heightMaxRange{
	font-size: 100%;
	line-height: 100%;
	color: #000;
	text-align: center;
}

body.widthMaxRange{
	font-size: 100%;
	line-width: 100%;
	color: #000;
	text-align: center;
}

body.heightMaxRange > #menu_bar {
	height: auto;
}

body.widthMaxRange > #header {
	width: auto;
}

div.all_button{
	width: 1233px;
	position: relative;
	left: 29px;
	top: -8px;
}

/* 【更新】2014年03月06日 安達
 ********** ～終了～ **********/


 /* 【更新】2014年03月07日 安達
/********** ～開始～ **********/

img#week{
	vertical-align: middle;
	margin: 3px 2px;
}

p.close_button{
	width: 50px;
	position: relative;
	left: 585px;
	top: 60px;
}

div.calenderCheckDay15{
	width: 30px;
	position: relative;
	top: -423px;
	left: 564px;
}

div.calenderCheckDay22{
	width: 30px;
	position: relative;
	top: -394px;
	left: 563px;
}

div.calenderCheckDay30{
	width: 30px;
	position: relative;
	top: -309px;
	left: 83px;
}

button.btn.gender.calendarSimpleEdition{
	border: 1px rgb(128, 101, 75) solid;
	width: 84px;
	height: 35px;
	padding: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

button.btn.gender.calendarSimpleEdition.checked{
	border: 1px rgb(128, 101, 75) solid;
	width: 84px;
	height: 35px;
	padding: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* 【更新】2014年03月07日 安達
 ********** ～終了～ **********/


/*******************************************
* 2014/03/06 nakamura 以下追加
*******************************************/

body.consumersSearchDeta div.pageMain{  /* 20140317 安達 更新 */
	width: 1140px;
	background-color: #FFFFFF;
	padding: 1px 0px 0px 0px;
}

/* 以下 2-4-3 追加 */

div.pageMain table.buttonListTable{
	border-collapse:collapse;
	font-size:12pt;
	border: none;
}

table.buttonListTable tr td{
	border: none;
	padding: 5px;
}

/* 領域幅は暫定 */
.photo{
	width : 400px;
	height: 200px;
}

/* 以下汎用スタイル */

/* 汎用マージン:上下左右10px */
.margin_10{
	margin: 10px;
}

/* 汎用マージン:上下左右5px */
.margin_5{
	margin: 5px;
}

/* 汎用ライン:特に長さを定めない黒線 */
.line_autoLength{
	border-bottom: solid 1px rgb(0 ,0 ,0);
}

/* 汎用リスト:横並びリスト */
ul li.float_left{
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 10px;
}

/* 汎用:float_leftの解除 */
.clear_left{
	clear: left;
}

/* 汎用:横中央揃え */
.align_center{
	text-align: center;
}

/* 汎用:右揃え */
.align_right{
	text-align: right;
}

/* 汎用:縦中央揃え */
.align_middle{
	vertical-align: middle;
}

/* 汎用:上揃え */
.align_top{
	vertical-align: top;
}

/* 汎用:下揃え */
.align_bottom{
	vertical-align: bottom;
}

/* 汎用:文字色変更・茶 */
.font_color_brown{
	color:rgb(170, 110, 40);
}

/* 汎用:文字色変更・赤 */
.font_color_red{
	color:rgb(250, 70, 00);
}

/* 汎用:文字サイズ変更・20px */
.font_size_20px{
	font-size: 20px;
}

/* 汎用:文字サイズ変更・12px */
.font_size_12px{
	font-size: 12px;
}

/*******************************************
* 2014/03/06 nakamura ここまで
/*****************************************/

/* 汎用:文字サイズ変更・14px */
.font_size_14px{
	font-size: 14px;
}

/* 汎用:文字サイズ変更・36px */
.font_size_36px{
	font-size: 36px;
}

/* 汎用:文字色変更・白 */
.font_color_white{
	color:rgb(255, 255, 255);
}

/* ページ全体のブロック */
body.consumersManage{
	background: #e6e1d8;
}

/* 2-5 追加 */
span.style_consumers_tab{
	vertical-align: -2px;
	color:rgb(255, 255, 255);
	font-size: 24px;
}

.margin_left_5px{
	margin: 0px 0px 0px 5px;
}

/************************************
*	140311 nakamura 以下追加start
************************************/

ul.tab_reserve li{
	padding: 8px 0px 5px 12px;			/*140417 m.yamaguchi 修正 responsive対応*/
	font-size: 18px;
	width: 162px;
	height: 19px;
	color: rgb(74, 59, 39);
	margin: 12px 0px 0px 35px;
	border: solid 1px rgb(255, 255, 255);
	background-color: rgb(255, 255, 255);
}

ul.tab_reserve.right li{
	margin: 0px 0px 0px 22px;
}

div.link_area{
	margin: 13px 0px 0px 35px;
	font-size: 14pt;
}


table.reserveInfoTable{
	border-collapse:separate;
	/*width: 575px;				140312 nakamura 削除*/
	font-size: 13pt;
	border: none;
	margin: 0px 0px 0px 22px;
	padding: 0px 15px 15px 15px;
	background-color: rgb(255, 255, 255);
}

table.reserveInfoTable td{
	border-color: #c3bcaa;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	height: 30px;
}

table.reserveInfoTable td.info_name{
	border: none;
	width: 330px;
	padding-top: 10px;
	height: 20px;
}

table.reserveInfoTable td.info_comp{
	width: 330px;
}

table.reserveInfoTable td.info_num{
	padding-left: 15px;
	padding-top: 10px;
	width: 200px;			/* 140312 nakamura 追加 */
	height: 20px;
	border-left-width: 1px;
	vertical-align: top;
}

table.reserveInfoTable td.info_course{
	padding-top: 8px;
	height: 24px;
	border: none;
	vertical-align: bottom;
}

ul.infoTableHeader{
	margin: 10px 0px 0px 22px;
	width: 547px;
	height: 25px;
	color: rgb(255, 255, 255);
	background-color: #a2896b;
	font-size: 16pt;
	text-align: left;
	padding: 5px 18px 5px 10px;		/*140415 m.yamaguchi 修正 responsive対応*/
}

ul li.tableHeaderTime{
	color: rgb(255, 255, 255);
}
ul li.tableHeaderResp{
	float:right;
	color: rgb(255, 255, 255);
}

ul.btn_small_img li{
	padding: 0px 3px 0px 0px;
	float:left;
}

ul.btn_small_img li.img_word{
	padding: 3px 0px 0px 5px;
	float:left;
}

.clear_both{
	clear: both;
}

div.close_btn_area{
	margin: 3px 0px 0px 550px;
}

#p2_reserveInfo img.btn_img_left{
	margin: 11px 0px 0px 35px;
	float: left;
}

#p2_reserveInfo img.btn_img{
	margin: 11px 0px 0px 4px;
	float: left;
}

 /* 【更新】2014年03月11日 安達
/********** ～開始～ **********/

button.calendarDetailsSunday{
	width: 71px;
	height: 72px;
	text-align: center;
	font-size: 21px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
	color: #C93215;
	background-image: url("../img/calendarDetailsSundayBackGround.png");
	border-radius: 10px;
}

/********** 20140629 ADD ************/
button.calendarDetailsSholiday{
	color: #C93215 !important;
	background-image: url("../img/calendarDetailsSundayBackGround.png") !important;
}
/********** 20140629 ADD ************/

button.calendarDetailsSaturday{
	width: 71px;
	height: 72px;
	text-align: center;
	font-size: 21px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
	color: #4682B4;
	background-image: url("../img/calendarDetailsSaturdayBackGround.png");
	border-radius: 10px;
}

button.calendarDetailsBusinessDay{
	width: 71px;
	height: 72px;
	text-align: center;
	font-size: 21px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
  /*
   * 2015/08/28 ＜PNO_0175-4217＞ エビソル杉山
   * コメントアウト
   */
	background-image: url("../img/businessDayBackGround_size_change.png");/* url("../img/calendarDetailsBusinessDayBackGround.png"); */
	border-radius: 10px;
}

button.calendarDetailsHoliday{
	width: 71px;
	height: 72px;
	text-align: center;
	font-size: 21px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
	border-radius: 5px;
	background-image: url("../img/calendarDetailsHolidayBackGround.png") !important;
	border-radius: 10px;
	color: gray !important;
}

p.calendarDetailsCloseButton{
	width: 50px;
	position: relative;
	left: 585px;
	top: -7px;		/* 140318 nakamura 修正 */
}

div.detailsCalendarDetailsModeChangebutton{
	position: relative;
	left: 430px;
	top: -37px;
	width: 112px;
}

div.detailsCalendarModeChangebutton{
	position: relative;
	left: 505px;
	top: -74px;
	width: 103px;
}

div.calenderCheckDay8{
	position: relative;
	top: -550px;
	left: 560px;
	width: 29px;
}

div.calenderCheckDay10{
	position: relative;
	top: -495px;
	left: 165px;
	width: 29px;
}

div.calenderCheckDay21{
	position: relative;
	top: -440px;
	left: 480px;
	width: 29px;
}

body#p10_dateSelect{
	position: relative;
	top: -60px;
}

body#p10_detailsCalendar{
	position: relative;
	top: 56px;
}


body#p10_detailsCalendar select.form-control{
	font-size: 14pt;
	background-color: rgb(244, 244, 238);
	margin: 0px 0px -98px 423px;
	width: 161px;
	height: 47px;		/* 140318 nakamura 修正 */
	font-weight: bold;
}

body#p10_detailsCalendar{
	overflow-x: visible;
}

/*  20140313 安達 削除
div.encloseTable{
	width: 582px;
	height: 432px;
	position: relative;
	top: -2px;
	left: 31px;
	margin: 90px 0px 0px;
	padding: 0px 0px 51px 20px;
}*/

/* 【更新】2014年03月11日 安達
 ********** ～終了～ **********/

/************************************
*	140312 nakamura 以下修正start
************************************/

/* p2 */
#p2_reserveInfo{
	background: #FFFFFF;
}

/* p7b */
#p7b_resultRecord{
	background: #FFFFFF;
}

#p7b_resultRecord img.btn_img_left{
	margin: 11px 0px 0px 35px;
	float: left;
}

#p7b_resultRecord img.btn_img{
	margin: 11px 0px 0px 4px;
	float: left;
}

#p7b_resultRecord div.buttonArea{
	margin: 13px 0px 0px 215px;
}

#p7b_resultRecord div.buttonArea.right{
	margin: 13px 0px 0px 190px;
}

ul.tab_reserve li.non_active{
	margin: 12px 0px 0px 0px;
	background-color: #e7e1d3;
	border: solid 1px #d2cfbc;
}

/* p7a */
#p7a_resultRecord{
	background: #FFFFFF;
}

#p7a_resultRecord img.btn_img_left{
	margin: 11px 0px 0px 35px;
	float: left;
}

#p7a_resultRecord img.btn_img{
	margin: 11px 0px 0px 4px;
	float: left;
}

#p7a_resultRecord div.buttonArea{
	margin: 13px 0px 0px 215px;
}

#p7a_resultRecord div.buttonArea.right{
	margin: 13px 0px 0px 190px;
}

#p7a_resultRecord table td ul.form_list{
	margin: 0px;
}

#p7a_resultRecord table td ul.form_list li{
	margin: 3px 10px 4px 0px;
}

/* p7c */
div.popupPage{
	width: 625px;
	height: 600px;
	background-color: rgb(255, 255, 255);
	font-weight: bold;
}

table.guestInfoTable{
	margin: 13px 0px 0px 37px;
	border: none;
}

table.guestInfoTable th{
	width: 540px;
	height: 30px;
	padding: 0px 0px 0px 7px;
	color: rgb(255, 255, 255);
	background-color: #a2896b;
	border: none;
}

table.guestInfoTable td{
	height: 60px;
	padding: 0px 0px 0px 12px;
	background-color: #e7e1d3;
	border: none;
}

table.guestInfoTable td.null_td{
	height: 13px;
}

table.guestInfoTable td ul li{
	float: left;
	margin: 0px 5px 0px 5px;
}

body.p7c_guestRecord div.btn_area{
	margin: 33px 0px 0px 72px;
}

body.p7c_guestRecord div.btn_area ul li{
	float: left;
	margin-right: 11px;
}

  /* 【更新】2014年03月12日 安達
/********** ～開始～ **********/

div.encloseTable{
	width: 582px;
	height: 335px;
	position: relative;
	top: 82px;
	left: 31px;
	margin: 90px 0px 0px;
	padding: 0px 0px 75px 25px;		/* 140417 yamagutchi 修正 responsive対応*/
	background-image: url('../img/p11TabBackGround.png');
}

div.p11RedactButtonArea{
	position: relative;
	top: -161px;
	width: 235px;
	left: 151px;
}

ul.tab-nav_p11 li{
	list-style-type: none;
	background-image: url('../img/p11TabBackGround.png');
	width: 235px;
	height: 30px;	/* 140704 kawakami 修正 */
	float: left;
	padding: 15px 10px 0px 10px;		/* 140318 nakamura 修正 */
	border-radius: 4px 4px 0px 0px;
	position: relative;
	top: -51px;
}

.tab-nav_p11.p11_active {
	position: relative;
	bottom: -1px;
	background-color: rgb(255, 255, 255);
	border: 0px;
	border-left: 1px rgb(161, 150, 136) solid;
    border-bottom: 1px rgb(255, 255, 255) solid;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius:  4px 4px 0 0;
}

button.p11RedactButton{
	border: 1px solid #CBCBCB;
	width: 235px;
	height: 50px;
	padding: 0px;
	box-shadow: 0px 1px 0px #fff inset, 0px 1px 0px rgb(201, 186, 171);
	background-color: #47AFCC;
	color: #FFF;
	border-radius: 10px;
}


table.p9_suggestInfoTable{
	width: 655px;
	margin:10px;
	font-size: 12pt;
	border-color: rgb(60, 46, 27);
}
table.suggestInfoTable td.suggestInfoSectionChangeStartTime{
	width: 200px;
	height: 142px;
	background-color: #e7e1d3;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border: 1px solid;
}

table.suggestInfoTable td.suggestInfoSectionChangeTerminationTime{
	width: 200px;
	height: 76px;
	background-color: #e7e1d3;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border: 1px solid;
}

table.suggestInfoTable td.suggestInfoSectionChangeNumberOfPeople{
	width: 200px;
	height: 82px;
	background-color: #e7e1d3;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border: 1px solid;
}

table.suggestInfoTable td.suggestInfoSectionChangeDate{
	width: 200px;
	height: 193px;
	background-color: #e7e1d3;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border: 1px solid;
}

button.p9_btn-normal{
	width: 130px;
	height: 50px;
	position: relative;
	margin: 4px 10px 9px -6px;
}

button.p9_dateBtn-normal{
	width: 233px;
	height: 50px;
	position: relative;
	left: 14px;
}

/* 【更新】2014年03月12日 安達
 ********** ～終了～ **********/

/************************************
*	140313 nakamura 以下修正start
************************************/

/* 2-3 お客様情報詳細 */

body.consumersRecord{
	background: #e6e1d8;
}

div.mainPage{
	width: 1140px;
	height: 1400px;
	font-weight: bold;
	background-color: rgb(255, 255, 255);
}

div.leftPage{
	width : 570px;
	float : left;
}

div.rightPage{
	width : 570px;
	float : right;
}

div.reserve_History{
	line-height: normal;
}

ul.tab_consReco li{
	padding: 4px 0px 0px 12px;
	font-size: 18px;
	width: 160px;
	height: 24px;
	color: rgb(74, 59, 39);
	margin: 18px 0px 0px 18px;
	border: solid 1px #e7e1d3;
	background-color: #e7e1d3;
}

ul.tab_consReco.right li{
	margin: 18px 0px 0px 9px;
}

body.consumersRecord table.infoTable{
	margin: 0px 0px 0px 18px;
	padding: 12px 12px 12px 12px;
	background-color: #e7e1d3;
}

body.consumersRecord table.infoTable.right{
	margin: 0px 0px 0px 9px;
}

body.consumersRecord table.infoTable td{
	padding: 3px 0px 3px 5px;
	border-color: #c3bcaa;
	height: 24px;
}

body.consumersRecord table.infoTable tr.info_row2 td{
	padding: 6px 0px 0px 5px;
	border-color: #c3bcaa;
	height: 54px;
	vertical-align: top;
}

body.consumersRecord table.infoTable td.infoSection{
	width: 155px;
	background-color:rgb(245, 242, 233);
	border-width: 0px 0px 1px 0px;
}

body.consumersRecord table.infoTable td.infoSection.info_gender{
	width: 85px;
}

body.consumersRecord table.infoTable td.infoData{
	width: 355px;
	border-width: 0px 0px 1px 1px;
}

body.consumersRecord table.infoTable td.infoData.info_birth{
	width: 145px;
}

body.consumersRecord table.infoTable td.info_col2{
	width: 235px;
}

body.consumersRecord table.infoTable td.info_col1{
	width: 115px;
	border-left-width: 0px;
}

body.consumersRecord table.infoTable tr.info_row2 td.btn_padding{
	padding: 3px 0px 3px 0px;
}

div.photo_area_2-2{
	margin: 18px 0px 0px 80px; /* 20140412 安達更新 */
}

div.photo_area{
	margin: 18px 0px 0px 146px; /* 20140412 安達更新 */
}

div.camera_area{
	/*margin: 9px 0px 12px 265px;*/
	/*Yamamoto*/
	text-align: center;
}

body.consumersRecord ul.reserveHistoryInfo li.reserveInfoTitle{
	padding: 17px 0px 0px 9px;
}

body.consumersRecord ul.infoTableHeader{
	margin: 10px 0px 0px 9px;
	width: 527px;
	height: 25px;
	color: rgb(255, 255, 255);
	background-color: #a2896b;
	font-size: 16pt;
	text-align: left;
	padding: 5px 8px 0px 10px;
}

body.consumersRecord table.reserveInfoTable{
	border-collapse:separate;
	font-size: 13pt;
	border: none;
	margin: 0px 0px 0px 9px;
	padding: 0px 12px 17px 12px;
	background-color: rgb(245, 242, 233);
}

body.consumersRecord table.reserveInfoTable td.info_num{
	width: 175px;
}

body.consumersRecord table.reserveInfoTable.bottom{
	margin: 0px 0px 30px 9px;
}

body.consumersRecord  div.btn_area{
	clear: both;
	margin: 30px 0px 110px 330px;
	height: 52px;
}

body.consumersRecord  div.btn_area ul li{
	float: left;
	margin-right: 12px;
}

/************************************
*	140313 nakamura 修正end
************************************/

body.reserveSearchCatalog div.searchResult table.searchResultTable th.appointmentInfoTableTh{
	background-color: #dbedf1;
	height: 50px;
	border: solid 1px;
	text-align: left;
	border-width: 0px 1px 0px 1px;
	border-color: #c5bfb0;
}

/* フォーム：テキスト：かなり長め */
form.form-inline input.form-control.moreLong[type="text"] {
	width: 480px;
	height: 50px;
	margin: 5px 5px 10px 11px;
	padding: 0px;
	text-indent: 5pt;
	font-size: 14pt;
	background-color: #FFF;
}

/* 【更新】2014年03月13日 安達
 ********** ～終了～ **********/

   /* 【更新】2014年03月14日 安達
/********** ～開始～ **********/

 /* アコーディオンスライド画面 */

/* 140317 nakamura マージ追加 */
body#p4b_blockEntry form.form-inline li,
body.p3b_reserveChange form.form-inline li,
body.p5_reserveChange form.form-inline li{
	padding: 4px 0px 4px 10px;
}

/* 140317 nakamura マージ追加 */
body#p4b_blockEntry form.form-inline input.form-control[type="text"],
body.p3b_reserveChange form.form-inline input.form-control[type="text"],
body.p5_reserveChange form.form-inline input.form-control[type="text"]{
	margin: 5px 5px 5px 0px;
}

/* 140317 nakamura マージ追加 */
body#p4b_blockEntry form.form-inline input.form-control.short[type="text"],
body.p3b_reserveChange form.form-inline input.form-control.short[type="text"],
body.p5_reserveChange form.form-inline input.form-control.short[type="text"]{
	margin-right: -5px;
}

div.slidePageBg_p4b{
	background-color: #594529;
	width: 631px;
	height: 2380px;			/* 140318 nakamura 修正 */
	font-weight: bold;
	line-height: normal;
}

div.slidePageMain_p4b{
	background-color: rgb(255,255,255);
	width: 576px;
	height: 2300px;			/* 140318 nakamura 修正 */
	line-height: normal;
	padding-top: 10px;
	position: relative;
	left: 37px;
	top: 17px;
}

body#p4b_blockEntry select.form-control{
	font-size: 14pt;
	background-color: rgb(244, 244, 238);
	width: 161px;
	height: 47px;			/* 140318 nakamura 修正 */
	font-weight: bold;
}

body#ten_key button.Btn-normal{
	width: 100px;
	height: 70px;
	font-weight: bold;
	font-size: 40px;
}

/*
body.p3b_reserveChange div.slidePageBg,
body.p5_reserveChange div.slidePageBg{
*/
body.p5_reserveChange div.slidePageBg{
	background-color: rgb(89,69,41);
	width: 631px;
	/*height: 2200px;*/
	height: auto;
	font-weight: bold;
	line-height: normal;
}

/*body.p3b_reserveChange div.slidePageMain,
body.p5_reserveChange div.slidePageMain{*/
body.p5_reserveChange div.slidePageMain{
	background-color: rgb(255,255,255);
	width: 576px;
	height: 2120px;
	line-height: normal;
	padding-top: 10px;
	position: relative;
	left: 37px;
	top: 17px;
}

/* 【更新】2014年03月14日 安達
 ********** ～終了～ **********/

 /* 【更新】2014年03月17日 安達
/********** ～開始～ **********/

body.consumersSearchDeta input.tableInfoCheck{
	margin-right: 10px;
	margin-left: 8px;
}

div.customerInfoList table.customerListTable tr.bgClolorChange{
	background-color: #f8f8f6;
}

div.customerInfoList table.customerListTable tr.bgClolor{
	background-color: #FFFFFF;
}

div.customerInfoList table.customerListTable tr.photoRow div{
	float: left;
}

div.customerInfoList table.customerListTable tr.photoRow img{
	float: right;
	width: 200px;
	margin: 4px 0 4px 0;
}

div.customerInfoList table.customerListTable td.title{
	width: 165px;
	height: 62px;
}

div.customerInfoList table.customerListTable td.data{
	width: 292px;
}

body.consumersSearchDeta .style_consumers_tab{
	vertical-align: -2px;
	color: #FFF;
	font-size: 24px;
}

body.consumersSearchDeta{
	background: #e6e1d8;
}
/* 【更新】2014年03月17日 安達
 ********** ～終了～ **********/


/* 【更新開始】2014.3.18 三島     */
div#reserveEntry{
	width:1261px;
	background-color: #E2DBCC;
	background: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	padding:10px 0px 50px 0px;
}

div#reserveEntry img#closeBtn{
	float:right;
}

div.p3_tab-group{
	width: 580px;
	margin:0px auto;
}

div.btn-group.p3a-tabBtn button.btn{
	width: 285px;
}

div.btn-group.p3a-tabBtn button.btn.checked{
	color: #7c4902;
}

div#reserveEntry input[type="text"],
div#reserveEntry textarea{
	background-color: #ffffff;
}

div#reserveEntry p.mustData{
	color: red;
}


div#reserveEntry input.mustData[type="text"]{
	background-color: #fce0dd;
	width: 345px
}

div#reserveEntry input.mustCount[type="text"]{
	background-color: #fce0dd;
	width: 160px;

}

div#reserveEntry input.mustChild[type="text"]{
	width: 160px;

}

div#reserveEntry input.mustSheet[type="text"]{
	width: 345px;

}

.img_margin_close{
	margin-top:11px;
	margin-left:-50px;

}

div#reserveEntry input.mustCorse[type="text"]{
	width: 165px;

}

div#reserveEntry input.mustSmall[type="text"]{
	width: 80px;

}

div#reserveEntry p{
	margin:20px 0px 0px 0px;
}

div#reserveEntry li.submitBtn-group{
	width: 490px;
	margin:0px auto;
	list-style: none;
}

textarea.form-control{
	font-size:14pt;
}


div.form-content{
	width:1261px;
	margin-left: 100px;
}

div#reserveEntry input.form-control[type="text"]{
	margin: 10px 0px 0px 0px;
	width: 342px;
}

div#reserveEntry ul li img.img_margin{
	margin: 11px 0px 0px 0px;
}

div#reserveEntry ul{
	margin: 0px 0px 35px 0px;
}

div#reserveEntry ul li.margin_bottom_25px{
	margin-bottom: 25px;
}

div#reserveEntry ul.margin_bottom_50px{
	margin-bottom: 50px;
}

div#reserveEntry ul.margin_bottom_75px{
	margin-bottom: 75px;
}

div#reserveEntry button.btn.btn_p3a{
	margin: 10px 5px 10px 0px;
	width: 163px;
}

div#reserveEntry textarea{
	width: 595px;
	height: 100px;
	margin-top: 5px;
}
/* 吹き出し表示設定 */
ul.mini_popup_ebisol{
	position: relative;
}

ul.mini_popup_ebisol li{
	width: 200px;
	font-size:12px;
	color: rgb(255, 255, 255);
}

ul.mini_popup_ebisol.border_bottom li{
	border-bottom: dashed 1px rgb(255, 255, 255);
}

ul.mini_popup_ebisol.line_height_25px li{
	line-height: 25px;
}

ul.mini_popup_ebisol li.no_border{
	border: none;
}

ul.mini_popup_ebisol{
	top: -127px;
	left: 10px;
}
/*******************************
*  p3a-1
********************************/

#p3a-1_body{

}
#p3a-1_table{
	font-size:10pt;
	border:0px;
	border-collapse: collapse;
	margin: 5px;		/* 140318 nakamura 修正 */
}
#p3a-1_table td{
	border-top-style:none;
    border-left-style:none;
    border-right-style:none;
    /* 140318 nakamura 追加 */
	border-bottom-style: dotted;
    padding: 5px 0px 0px 5px;
}

#p3a-1_table .name{
	/*width: 200px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 200px;	/*20140417 yamaguchi 追加 responsive対応*/
}

#p3a-1_table .tel{
	/*width: 110px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 110px;	/*20140417 yamaguchi 追加 responsive対応*/
}

#p3a-1_table .sex{
	/*width: 35px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 35px;	/*20140417 yamaguchi 追加 responsive対応*/
}

#p3a-1_table .companyNames{
	/*width: 110px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 200px;	/*20140417 yamaguchi 追加 responsive対応*/
}

#p3a-1_table .count{
	/*width: 60px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 60px;	/*20140417 yamaguchi 追加 responsive対応*/
}

#p3a-1_table .lastdate{
	/*width: 100px;*/ /* 20140414 adachi delete */
	height: 25px;
	min-width: 100px;	/*20140417 yamaguchi 追加 responsive対応*/
}
#p3a-1_table .space{
	border-top-style:none;
    border-left-style:none;
    border-right-style:none;
    border-bottom-style:none;
}

#p3a-1_body img.p3a-1_img{
	margin: 10px;
	width:12em;
	height:2.5em;
}

#p4a_body{

}

#p4a_main{
	width: 800px;
}
#p4a_tableHeader{
	width: 600px;
	margin: 10px 0px 0px 10px;

}

#p4a_tableBody{
	width: 600px;
	margin: 10px 0px 0px 10px;
	border: none;
}

#p4a_tableHeader td{
	border-top-style:none;
    border-left-style:none;
    border-right-style:none;
    border-bottom-style:none;
    background-color: rgb(162,137,107);
    color: rgb(255,255,255);
    font-weight: bold;
    padding: 0px 10px;
}

#p4a_tableBody td{
	padding-left: 5px;
	border-left-style:none;
    border-right-style:none;
}

.p4a_sheet{
    background-color: rgb(244, 244, 238);

}

#p4a_button{
	margin-top:40px;
	margin-left:30px;
}

#p4a_button img{
	margin: 10px;
}

#p4a_button img.p4a_cansel{
	margin: 20px 0px 0px 197px;		/* 140415 yamaguchi 修正 responsive対応*/
}

/* 【更新終了】2014.3.18 三島     */

/************************************
*	140318 nakamura 修正start
************************************/

/* 1-2 */

#calenderView img.img_count{
	margin-left:10px;
}

/* 吹き出し表示設定 */
ul.mini_popup_word,
ul.mini_popup_word_prefcd{
	position: relative;
}

ul.mini_popup_word li,
ul.mini_popup_word li label,
ul.mini_popup_word_prefcd li label{
	width: 200px;
	font-size:12px;
	color: rgb(255, 255, 255);
}

ul.mini_popup_word.border_bottom li,
ul.mini_popup_word_prefcd.border_bottom li{
	border-bottom: dashed 1px rgb(255, 255, 255);
}

ul.mini_popup_word.line_height_25px li{
	line-height: 25px;
}

ul.mini_popup_word li.no_border,
ul.mini_popup_word_prefcd li.no_border{
	border: none;
}

ul.mini_popup_word{
	top: -127px;
	left: 10px;
}

/* 140710 noguchi add */
ul.mini_popup_word_prefcd{
	top: -167px;
	left: 10px;
	overflow-y: scroll;
	width: 255px;
	padding-top: 2px;
	height: 135px;
}

ul.mini_popup_word_prefcd.line_height_25px li{
	line-height: 10px;
}

/* p4b 追加 */

span.btn-group.weekly{
	margin-left: 24px;
	margin-bottom: 20px;
}

button.btn.weekly{
	border: 1px rgb(128, 101, 75) solid;
	width: 50px;
	height: 50px;
	padding: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	box-shadow: inset 0 1px 0 rgba(104, 81, 61, 1), 0 1px 0px rgba(201, 186, 171, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-radius: 0px;
	margin-top: -1px;
	border-top-width: 0px;
}

button.btn.weekly.checked{
	color: rgb(255, 255, 255);
	background-color: rgb(128, 101, 75);
	background-image: -moz-linear-gradient(top, #785f47, #927456);
	background-image: -ms-linear-gradient(top, #785f47, #927456);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#785f47), to(#927456));
	background-image: -webkit-linear-gradient(top, #785f47, #927456);
	background-image: -o-linear-gradient(top, #785f47, #927456);
	background-image: linear-gradient(top, #785f47, #927456);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#785f47', endColorstr='#927456', GradientType=0);
}

/************************************
*	140318 nakamura 修正en
************************************/

/* 【更新】2014年03月18日 安達
/********** ～開始～ **********/

body.consumersSearch div.searchForm{
	background-color: #ffffff;
}
body.consumersSearch ul.tab-nav li{
	margin-bottom: 0px;
}
body.consumersSearch ul.tab-nav span.fontColorPosition1{
	color: rgb(255, 255, 255);
	position: relative;
	left: 17px;
}
body.consumersSearch ul.tab-nav span.fontColorPosition2{
	color: rgb(255, 255, 255);
	position: relative;
	left: 16px;
}
body.consumersSearch ul.tab-nav span.fontColorPosition3{
	color: rgb(255, 255, 255);
	position: relative;
	left: 6px;
}

body.consumersSearch ul.tab-nav li.tabMarginCoordinate{
	margin-left: 1px
}

body.consumersSearch button.searchButtonCoordinate{
	float: right;
	position: relative;
	bottom: 20px;
	right: 40px;
	cursor:pointer;
}

/* 検索フォーム：テキストフォーム欄 */
table.searchCustomer input.form-control.searchItem.long{
	width:412px;
}

body.consumersSearch table.searchCustomer td.nilTd{
	width: 415px;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate1{
	width: 58px;
	height: 47px;
	text-align: center;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate2{
	width: 68px;
	text-align: center;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate3{
	width: 103px;
	padding-left: 24px;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate4{
	width: 150px;
	padding-left: 40px;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate5{
	width: 66px;
	text-align: center;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate6{
	width: 113px;
	padding-left: 22px;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate7{
	width: 200px;
	padding-left: 30px;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate8{
	width: 86px;
	padding-left: 20px;
	padding-right: 4px;
	text-align: center;
}

body.consumersSearch div.searchResult table.ResultListTable td.widthCoordinate9{
	width: 132px;
}

body.consumersSearch div.searchResult table.ResultListTable tr.subHeader{
	width: 132px;
	height: 42px;
	border: none;
}

body.consumersSearch div.searchResult table.ResultListTable tr:last-child{
	border: none;
}

body.consumersSearch div.searchResult table.ResultListTable td.borderNone{
	border: none;
}

/* 長ボタン文字色変更なしバージョン */
body.consumersSearch button.btn-long-white {
	width: 234px;
	height: 47px;
	margin-top: 16px;
	margin-bottom: 33px;
}

body.consumersSearch div.searchForm{
	width: 1110px;
}

body.consumersSearch td.infoTogetherButton{
	text-align: center;
}

body.consumersSearch ul.resultTableList img.SelectBoxIcon_up_white{
	position: relative;
	right: 10px;
	float: right;
	top: 8px;
	cursor:pointer;
}

body.consumersSearch ul.resultTableList th{
	padding: 0 0 0 5px;
}

body.consumersSearch ul.resultTableList img.SelectBoxIcon_down_white{
	position: relative;
	right: 10px;
	float: right;
	top: 8px;
	cursor:pointer;
}

body.consumersSearch ul li{
	margin: 5px 0 10px 0;
}

body.consumersSearch div.searchResult table.ResultListTable tr.detailClose{
	display: none;
}

body.consumersSearch div.customersInfoCoordinate{
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	margin: 0 0 10px 0;
}

body.consumersSearch div.customersInfoCoordinate span{
	display: inline-block;
	width: 180px;
}

/* 140318 nakamura 追加 */
body.consumersSearch{
	background: #e6e1d8;
}

body.consumersSearch table.searchCustomer input.form-control.searchItem{
	width:242px; /* 20140318 安達 更新 */
}
/* 140716 ADD */
body.consumersSearch .resultTableList{
	margin-top:10px;
	margin-bottom:60px;
	padding-bottom:10px;
}
/* 【更新】2014年03月18日 安達
********** ～終了～ **********/


/************** 140326 野口 追加 ここから*****************/

/* 画面パーツ：ふきだし（上向き）*/
.view-parts-baloon{
	text-align:left;
	position:relative;
	padding:0.5em 0em 0.1em 0em;
	font-size:18px;
	text-indent:1em;
	width:14em;
	background:#321908; /* default background for browsers without gradient support */
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin:1em;
}

.view-parts-baloon li{
	color:#ffffff;
	font-weight:bold;
}

.view-parts-baloon:before {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50%; /* controls horizontal position */
	border-width:0px 12px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#321908 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

.view-parts-baloon:after {
	content:"";
	position:absolute;
	top:-12px; /* value = - border-top-width - border-bottom-width */
	right:50%; /* controls horizontal position */
	border-width:0px 12px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#321908 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
#shop_menu.view-parts-baloon {
        width: 400px;
}
#shop_menu.view-parts-baloon:before,
#shop_menu.view-parts-baloon:after {
        right: 300px;
}

/************** 140326 野口 追加 ここまで*****************/

/************** 140407 安達 追加 ここから*****************/

/*************** 【2-1_calendar】 **************/

/****************************
*		body
*****************************/

body#dateSelect{
	overflow: scroll;
}

/****************************
*		font
*****************************/

.fontThicknessChange{
	font-weight: bold;
}

/****************************
*	style_state_changes
*****************************/

.inlineBlock{
	display: inline-block;
}

.borderNone{
	border: medium none;
}

.alignCenter{
	text-align: center;
}

.verticalMiddle{
	vertical-align: middle;
}

/****************************
*		color
*****************************/

.fontcolorSunday{
	color: #C93215 !important;
}

.fontcolorSaturday{
	color: #4682B4;
}

.fontcolorDarkBrown{
	color: #5c4932;
}

/****************************
*		padding & margin
*****************************/

.rightMarginAuto{
	margin-right: auto;
}

.leftMarginAuto{
	margin-left: auto;
}

.topMarginCoordinate2{
	margin-top: 2em;
}

.bottomMarginCoordinate02{
	margin-bottom: 0.2em;
}

.bottomMarginCoordinate05{
	margin-bottom: 0.5em;
}

.paddingTop025{
	padding-top: 0.25em;
}

.paddingBottom025{
	padding-bottom: 0.25em;
}

.paddingTop05{
	padding-top: 0.5em;
}

.paddingBottom05{
	padding-bottom: 0.5em;
}

/****************************
*		div
*****************************/

body#dateSelect div.hedderIntervalDecide{
	width: 54em;
	background-color: #E7E1D4;
	margin-left: 1em;
	font-size: 0.8em;
}

body#dateSelect div.leftMonth{
	font-size: 1.2em;
	margin-bottom: 2%;
	position: static;
}

body#dateSelect div.centerMonth{
	font-size: 1.2em;
	margin-bottom: 2%;
	position: static;
	margin-left: 44.5%;
}

body#dateSelect div.rightMonth{
	font-size: 1.2em;
	margin-bottom: 2%;
	position: static;
	margin-left: 45%;
}

body#dateSelect div.calendar{
	white-space: nowrap;
	overflow: visible;
}

body#dateSelect div.calendarPage{
	height: 16em;
	margin-left: 1em;
	width: 13.3em;
}

body#dateSelect div.close_button{
	width: 3em;
	position: static;
	margin-left: 44em;
}

/****************************
*		table
*****************************/

/****************************
*		td
*****************************/

body#dateSelect table.calendar td{
	padding-left: 0.06em;
	padding-right: 0.06em;
}

/****************************
*		content
*****************************/

body#dateSelect select.form-control{
    display: inline;
    width: 10.5em;
    margin-left: 0.2em;
    height: 1.5em;
    font-size: 0.8em;
}

body#dateSelect input.form-control.hedderDate[type="text"]{
	width: 7em;
	display: inline;
	font-size: 0.8em;
	height: 0.8em;
}

/****************************
*		button
*****************************/

body#dateSelect button.customerBtn{
	width: 6em;
	height: 2.3em;
}

body#dateSelect button.lastMonth{
	width: 5.5em;
	height: 1.7em;
	text-align: left;
	font-size: 0.7em;
	background-image: url('../img/MonthChangeButtonBackGround.png');
	border-radius: 0.5em;
	position: static;
	margin-right: 1.4em;
}

body#dateSelect button.nextMonth{
	width: 5.5em;
	height: 1.7em;
	text-align: right;
	font-size: 0.7em;
	background-image: url('../img/MonthChangeButtonBackGround.png');
	border-radius: 0.5em;
	position: static;
	margin-left: 1.4em;
}

body#dateSelect button.calendarDaysButton{
	background-image: url('../img/businessDayBackGround.png');
	border-radius: 0.5em;
	width: 2.08em;
	height: 2.6em;
	font-size: 0.7em;
	margin: 0.1em 0.14em;
}

body#dateSelect button.btn.gender.checked{
	width: 6em;
	font-size: 0.8em;
	height: 1.5em;
	margin-left: 0.4em;
}

/****************************
*		img
*****************************/

body#dateSelect img.close_mini_button{
	width: 1.4em;
}

body#dateSelect img#week{
	width: 1.7em;
	height: 2em;
	margin: 0.1em 0.08em;
}

body#dateSelect img#weekRail{
	width: 13.8em;
	height: 0.6em;
}

/************** 140407 安達 追加 ここまで*****************/

/************** 140408 安達 追加 ここから*****************/

/*************** 【ebica2_2-2_upload】 **************/

/****************************
*		body
*****************************/

body#imageUpLoad{
	overflow: scroll;
}

/****************************
*		div
*****************************/

body#imageUpLoad div.bg{
	width: 20em;
	height: 12em;
	background-color:  #e4ddcd;
}

body#imageUpLoad div.title{
	font-size: 0.8em;
	width: 60%;
}

body#imageUpLoad div.imageselectContents{
	width: 18em;
	font-size: 0.8em;
	border: solid 1px;
	padding: 1%;
}

body#imageUpLoad div.centerOrangeButton{
	width: 36.8%;
}

/*************** 【ebica2_2-2】 **************/

img.imageReturnButton{
	height: 7em;
	margin-right: 1em;
}

img.imageNextButton{
	height: 7em;
	margin-left: 1em;
}

/* 未読件数 */
#unreadCount {
	display: none;
	position: absolute;
}

/*** 140707 noguchi mod ***/
#unreadCount span {
	background-color: #979797;
	border-radius: 4px;
	color: #ffffff;
	display: block;
	font-size: 1.3em; 
	font-weight: normal;
	height: 40px;
	left: -10px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 40px;
}

#unreadCount span.red {
	background-color: #FF3333;
}

.trBorder{
	border-top: dotted 1px rgb(60, 46, 27);
}

/*** FTError ***/

#fterror-window {
	position: absolute;
	z-index: 9998;
	top: 70px;
	left: 810px;
	width: 300px;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 10px 0 0 0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

#fterror-window:before {
	content: "";
	position: absolute;
	top: -15px;
	right: 50%;
	border-width: 0px 12px 15px;
	border-style: solid;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
}

#fterror-window-messaage {
	font-family: HiraginoKaku-W3-90msp-RKSJ-H;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.5px;
	text-align: center;
	color: #2c2111;
	margin: 0 6px;
}

#fterror-message-important {
	font-family: HiraginoKaku-W5-90msp-RKSJ-H;
	color: #f1323b;
}

.fterror-button-list {
	margin-top: 10px;
	text-align: center;
}

.fterror-button-list ul li {
	display: inline-block;
}

a.btn-fterror {
	width: 120px;
	height: 36px;
	line-height: 36px;
	margin: 0 5px;
	display: block;
	border-radius: 6px;
	border: solid 2px #967d65;
	font-family: HiraginoKaku-W5-90msp-RKSJ-H;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #967d65;
	cursor: pointer;
}

a.btn-fterror:hover {
	text-decoration: none;
}

a.btn-fterror.btn-fterror-close {
	border: solid 2px #ff9600;
	color: #ff9600;
	background: #fff0d9;
}

a.btn-fterror.btn-fterror-close img {
	width: 15px;
	height: 14px;
	margin-right: 3px;
}

#fterror-interval {
	position: absolute;
	z-index: 99999;
	top: 282px;
	left: 306px;
	width: 520px;
	height: 170px;
	background: rgba(255, 255, 255, 0);
}

#fterror-interval_frame {
	width: 100%;
	height: 100%;
	overflow: visible;
	background: rgba(255, 255, 255, 0);
}

#fterror-interval-select {
	width: 500px;
	height: 150px;
	position: relative;
	background: rgba(255, 255, 255, 0);
	overflow: visible;
}

#fterror-interval-menu {
	overflow: visible;
	margin-top: 10px;
	width: 500px;
	height: 150px;
	border-radius: 6px;
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.fterror-interval-menu-title {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	font-family: HiraginoSans-W4;
	font-size: 14px;
	color: #2c2111;
}

#fterror-interval-menu .fterror-interval-close {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 999;
}

.button_arrow{
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 18px;
}
.button_arrow::before,
.button_arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.button_arrow_prev::before{
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	border-top: 3px solid #8C5919;
	border-right: 3px solid #8C5919;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.button_arrow_next::before{
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	border-top: 3px solid #8C5919;
	border-right: 3px solid #8C5919;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
