@charset "UTF-8";
/*
  * { border: 2px dashed red }
  * * { border: 2px dashed green }
  * * * { border: 2px dashed orange }
  * * * * { border: 2px dashed blue }
  * * * * * { border: 1px dotted red }
  * * * * * * { border: 1px dotted green }
  * * * * * * * { border: 1px dotted orange }
  * * * * * * * * { border: 1px dotted blue }
  * * * * * * * * * { border: 1px solid red }
  * * * * * * * * * * { border: 1px solid green }
  * * * * * * * * * * * { border: 1px solid orange }
  * * * * * * * * * * * * { border: 1px solid blue }
*/
/* 全体の設定*/
* {
/*	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
/*	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif; */
/*	font-family: 'ＭＳ Ｐゴシック','Osaka',sans-serif;*/
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin:0;
	padding:0;
}
html {
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
}


body {
	font-size:12px;
	font-style:normal;/*文字のスタイル*/
	font-weight:normal;/*文字の太さ*/
	color:#536070;/*文字の色*/
	background-color:#ffffff;/* 背景の画像 */
	line-height:1.2em;
/*	vertical-align:top;*/
	margin:0px 0px 0px 0px;
	height:100%;
}


select, input, textarea {
	background-color:#f9f5e7;
}

input:read-only,
.readonly {
	background-color:#fefefe;
}

input[type=text],
input[type=password],
textarea,
select {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important;
	border-left:1px solid #d4d0c4;
	border-right:1px solid #d4d0c4;
	border-bottom:1px solid #e2ded1;
	border-top:1px solid #e2ded1;

	padding:4px;
	margin:4px 8px;

	-moz-box-shadow: 0 -1px 0 0 rgba(197, 194, 183, 1);
	-webkit-box-shadow: 0px -1px 0 0 rgba(197, 194, 183, 1);
	box-shadow: 0px -1px 0 0 rgba(197, 194, 183, 1);
	font-size:12px;
}
select {
	padding:1px 4px;
	font-size:12px;
}
input[type=submit],
input[type=button] {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important;

}

input[type=radio] {
	margin:0 5px 0 8px;
}

::-webkit-input-placeholder {
	color:#bbb;
}
::-moz-placeholder {
	color:#777;
}

fieldset {
	padding:5px 10px 10px 10px;
	margin:10px;
}

th {
	font-weight:normal;
}
/*
input:focus, textarea:focus {
  outline:none;
	border:1px solid #999;
	padding:2px;
  box-shadow: 0px 0px 6px rgba(55,55,55,.7);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}

@-moz-document url-prefix() {
	input:focus {
		_padding:3px 2px 3px 2px;
	}
}
*/

.logo,
#footer,
.main_menu h3,
.user_menu h3,
.main_menu a,
.user_menu a {
/*	font-family:monospace;*/
}

form {
	margin:0;
}

tr.row_draft td {
	background-color:#d9ebfb;

}
tr.row_deleted td {
	background-color:#ededed;
}
tr.currentRow td{
	background-color:#f4d9e6;
}

a {
	color: #536070;
	text-decoration:none;
}
a:visited {
}
a:hover {
	color: #536070;
	text-decoration:underline;
}


form {
	margin:0;
	padding:0;
}

td.showDragHandle {
	background:transparent url("/templates/img/updown2.gif") no-repeat center center;
	cursor:move;
}
td.showDeleteHandle {
	background:transparent url("/templates/img/cross.gif") no-repeat center center;
	cursor:move;
}


#content textarea {
	padding:0 0 0 0;
	margin:0;
}
#whole{
	height:600px;
	background-color: #FFFFFF;
	border-spacing:0;
}

#whole td {
	border-spacing:0;
	vertical-align:top;
}

#menu {
}
#menu td {
	vertical-align:middle;
}


#whole_left {
	display:block;
	width:220px;
}
#main_content:before {
	display: block;
	float: left;
	content: "";
}

#main_content{
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	border-left:2px solid #aaaaaa;
	min-height:600px;
}

#content{
	vertical-align:top;
	margin-left:180px;
	padding:5px 0 0 0;
}
#head{
	height:64px;
	width:100%;
	background-color: #FFFFFF;
	border-bottom:10px solid #aaaaaa;
}
#head img {
	float:left;
	margin:12px 0 0 14px;
}

.menu_login {
	height:40px;
	background-image:url('img/login.png');
	background-repeat: no-repeat;
	background-position:10px 7px;
	text-indent:-9999px;
}

.menu_printout,
.menu_order_input,
.menu_list_resarch,
.menu_management {
	background-repeat: no-repeat;
	background-position:10px 2px;
	text-indent:-9999px;
}


.user_menu, .main_menu{
	font-size:15px;
	width: 100%;
	padding:0;
	font-weight:normal;
	list-style:none;
	clear:both;
	line-height:1.5em;
	margin:0px 0 10px 0;
	border-bottom:2px solid #aaaaaa;
}
.user_menu {
	padding-top:15px;
}

.user_menu a, .main_menu a {
	display:block;
	width:100%;
}


.user_menu li {
	text-indent:0;
	background-color:#f9f5e7;
	border-top:2px solid #aaa;
	text-align:center;
	padding-top:10px;
	padding-bottom:8px;
}

}
.menu_login {
}
.menu_order_input {
	padding-top:25px;
	background-position:10px 12px;
	background-image:url('img/order_input.png');
}
.menu_printout {
	background-image:url('img/printout.png');
}
.menu_list_resarch {
	background-image:url('img/list_research.png');
}
.menu_management {
	background-image:url('img/management.png');
}

#system_info {
	float:left;
}
#gen_system_info {
	clear:left;
	height:1em;
	margin:5px 0px 0px 5px;
}
#gen_server_info {
	height:1em;
	margin:2px 0px 0px 5px;
}
#head_account_info {
	float:right;
	margin:20px 40px 0px 0px;
}
#login_info {
	font-size:12px;
}
#footer{
	position:relative;
	text-align:center;
	clear:both;
	border-top:2px solid #aaa;
	padding: 8px 10px 8px 10px;
	font-size: 10px;
	color: #536070;
	height: 12px;
}
#module_title{
	height: 20px;
	width: 625px;
	font-size: 100%;
	padding-left: 8px;
	padding-top: 8px;
	margin-left:0px;
}
#module_main{
/*	float: left;*/
	padding-top: 5px;
}
.module_menu {
	float:left;
	margin-left:30px;
	margin-top:15px;
}
.module_menu ul {
	list-style:none;
	margin-bottom:20px;
}
.module_menu li {
	line-height:1.5em;
	list-style:none;
	padding-left:10px;
	background: url(img/tri_small_gray.png) no-repeat center left;
}

/**** input table *****/
.input_table,
.list_table,
.calendar_table {
	border-collapse:collapse;
	margin:5px 0 0 0;
/*	width:630px;*/
}
.input_table th, .input_table td,
.calendar_table th, .calendar_table td,
.list_table th, .list_table td {
	padding:5px 3px 3px 3px;
	border: 1px solid #CCCCCC;
	line-height:1em;
}
.input_table th,
.list_table th,
.calendar_table th,
.theader {
	text-align:left;
	padding:5px 3px 5px 3px;
/*	white-space:nowrap;*/
/*	width:20%;*/

}
.input_table td,
.list_table td {
	color: #536070;
}

.calendar_table th {
	text-align:center;
}

/**** list table *****/
.list_table th {
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
/*	width:30%;*/

}
.leftLogin{
	text-align:center;
	height: 90px;
	width: 100%;
	padding-left: 5px;
	font-size:1em;
}
#login_caution {
	color:red;
	margin:0 0 10px 0;
}
.leftLogin table{
	text-align:left;
	margin:0 auto 10px auto;
}

.menu_03{
	background-color:#EFF0F2;
	height: 31px;
	width: 172px;
	padding-left: 10px;
	margin-bottom:3px;
	color: #536070;
}

.btn {
	font-size:12px;
	border:0px;
	color:#536070;
	background-color:white;
	cursor:pointer;
	font-weight: normal;
	height:22px;
	margin:0px 5px 2px 0px;
	padding:1px 3px 0 3px;
	border:1px solid #888888;
}

.btn:hover{
	background-color:#536070;
	border-color:#536070;
	color:white;
}
.btn:disabled {
	background-color:#ccc;
	color:white;
}

#whole .input_table td {
	vertical-align:middle;
}
.data {
	border: 1px solid #CCCCCC;
	color: #536070;
	background-color: #FFFFFF;
}
.data02 {
	border: 1px solid #CCCCCC;
	color: #536070;
	background-color: #EAEAEA;
}
.data03 {
	border: 1px solid #CCCCCC;
	color: #536070;
	background-color: #F1D5C9;
}

.item {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #94ACD3;
}
.item02 {
	border: 1px solid #CCCCCC;
	color: #536070;
	background-color: #FFFFEB;
}

.caution {
	color:red;
	font-weight:bold;
}

.status_real {
	background-color:white;
}
.status_wait {
	background-color:#ff9d9d;
}
.status_del {
	background-color:#cccccc;
}
.legend_desc {
	float:left;
}
.legend_real {
	background-color:white;
	float:left;
	width:30px;
	height:10px;
	margin:0px 3px 0px 10px;
}
.legend_wait {
	background-color:#ff9d9d;
	float:left;
	width:30px;
	height:10px;
	margin:0px 3px 0px 10px;
}
.legend_del {
	background-color:#cccccc;
	float:left;
	width:30px;
	height:10px;
	margin:0px 3px 0px 10px;
}
.pager a{ display: inline }

.readonly {
	border:0px;
}

div.pager {
	margin-top: 20px;
	font-size: 90%;
	width:100%;
	margin:5px 0px 5px 0px;
}

div.pager a,
div.pager span {
    display: block;
    float: left;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
}

div.pager a {
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}

div.pager a:hover {
    color: #003;
    background-color: #fff;
    border: 1px solid #666;
}

div.pager span.current {
    color: #fff;
/*
    background-color: #2e6ab1;
    border: 1px solid #2e6ab1;
*/
    background-color: #ccc;
    border: 1px solid #ccc;
    font-weight: bold;
}

div.pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

div.pager a.nextprev {
    font-weight: bold;
}

.month_day_add {
/*	border:1px solid #cccccc;
	text-align:center;
	width:10px;
	float:right;*/
}

.month_day_add {
	display:block;
	width:20px;
	height:20px;
	color:blue;
	cursor:pointer;
	text-align:left;
}
.month_day_add:hover {
}
.calendar_table td.today,
.week_header .today,
.week_body .today {
	background-color:#eeeeee;
}

.calendar_table,
.week_table,
.week_header {
	clear:left;
}
.calendar_table td.calendar_date{
	width:125px;
	height:100px;
	color:#536070;
}
.calendar_table td.past {
	width:125px;
	height:100px;
	color:#999999;
}
.calendar_table th a {
	color:white;
}
.calendar_table td {
	text-align:left;
}

.calendar_table td .six_weekday,
.week_header_cell .six_weekday,
.day_header_cell .six_weekday,
.note_header_cell .six_weekday {
	float:right;
}

.month_day_literal,
.week_day_literal {
	float:left;
}
.month_day_literal:hover,
.week_day_literal:hover {
	cursor:pointer;
	font-weight:bold;
}


.calendar_table td .taian{
	color:#fe2e00;
}
.calendar_table td.past .taian{
	color:#ffabab;
}

.week_header_cell .taian,
.day_header_cell .taian,
.note_header_cell .taian {
	color:#f48453;
}

.calendar_panel {
	height:60px;
}
.calendar_panel div {
	padding:0;
	margin:2px;
	height:18px;
	text-align:center;
	font-size:12px;
	float:left;
}
.calendar_panel div.button,
.tab {
	cursor:pointer;
	margin-top:5px;
}
.calendar_panel div.tab {
	background-color:white;
	padding:2px 10px 0 10px;
	border:1px solid #999;
	margin-left:10px;
}
.resv_table {
	
}

.calendar_previous,
.calendar_next {
	height:18px;
	width:18px;
	text-indent:-9999px;
	padding:0;
	border:0;
	background-image:url('img/lr.png');
}
.calendar_next {
	background-position:-20px 0;
}
.calendar_panel label {
	font-weight:bold;
	margin-top:3px;
}

td.icon-col {
	text-align:center;
}

.icon-list {
	font-size:1.75em;
	padding:3px 2px;	
	cursor:pointer;
}
.icon-listc {
	font-size:1.6em;
	padding:3px 2px;
}

#sales_category_home_delivery {
	color:#71b9cc;
}
#sales_category_network {
	color:#9ab26b;
}
#sales_category_regular {
	color:#f48453;
}


table.week_table,
table.day_table,
table.note_table,
table.week_header,
table.day_header,
table.note_header {
	border-collapse:collapse;
	border: 1px solid #BBBBBB;
	border-spacing: 0;
}
table.week_table th,
table.week_header th,
table.day_table th,
table.day_header th,
table.note_table th,
table.note_header th {
	border: 1px solid #BBBBBB;
	font-weight:normal;
	color:#536070;
	padding:3px;
/*
	background-color:#94acd3;	#ブルー
	background-color:#eab09b;	#オレンジ
	background-color:#e092c6;	#ピンク
	background-color:#B7B464;	#黄土色？
	background-color:#92e094;	#グリーン
*/
	width:50px;
}
table.week_table td,
.week_cell,
table.day_table td,
table.note_table td {
	border: 1px solid #BBBBBB;
	padding:0;
	z-index:0;
}

.week_table .time_title,
.day_table .time_title,
.note_table .time_title {
	vertical-align:top;
	text-align:right;
}
.week_table .week_cell{
	height:20px;
	width:130px;
}

.day_table .day_cell {
	height:20px;
	width:525px;
}

.note_table .note_cell {
	height:500px;
	width:525px;
}


table.week_table td.week_cell.upper,
table.day_table td.day_cell.upper,
table.note_table td.note_cell.upper {
	border-bottom:1px dotted #bbbbbb;
}
table.week_table td.week_cell.lower,
table.day_table td.day_cell.lower,
teble.note_table td.note_cell.lower {
	border-top:1px dotted #bbbbbb;
}
table.week_header .week_header_cell {
	width:121px;
}

table.day_header .day_header_cell {
	width:519px;
}

table.note_header .note_header_cell {
	width:992px;
}

.week_body {
	height:550px;
	width:1000px;
	overflow:auto;
	position:relative;
}

.day_body {
	height:550px;
	width:595px;
	overflow:auto;
	position:relative;
}

.note_body {
	height:660px;
	width:1000px;
	overflow:auto;
	position:relative;
}

#new_resv_dialog label,
#resv-dialog label {
	display:block;
	clear:both;
	float:left;
	width:90px;
}
/* TAB */
#tab ul li {
	display:block;
	width:30px;
	float:left;
}
.select {
	background:#eeeeee;
}
.disnon {
	display:none;
}

#schedule_list_table {
	clear:left;
}
.calendar_panel {
	float:left;
	height:60px;
}

.button-no-resv {
	background:none;
	background-color:#eeeeee;
}
.button-resv {
	background:none;
	background-color:#ffb9b9;
}

.calendar_panel div.regular_box,
.calendar_panel div.normal_box,
.calendar_panel div.home_delivery_box,
.calendar_panel div.network_box
 {
	width:75px;
	font-size:12px;
}
.regular_box,
.normal_box,
.home_delivery_box,
.network_box {
	display:block;
}
.regular_box,
.regular_box_list {
	color:#f48453;
}
.normal_box,
.normal_box_list {
}
.home_delivery_box,
.home_delivery_box_list {
	color:#71b9cc;
}
.network_box,
.network_box_list {
	color:#9ab26b;
}

.calendar_month .regular_box,
.calendar_month .normal_box,
.calendar_month .home_delivery_box,
.calendar_month .network_box {
	display:block;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:125px;
	height:1em;
	overflow:hidden;
}

.regular_box:hover,
.normal_box:hover,
.home_delivery_box:hover,
.network_box:hover {
	cursor:pointer;
	font-weight:bold;
}
#load_icon {
	height:24px;
	width:24px;
	margin:17px 0 0 0;
}
.loading {
	background:url(img/loading.gif) no-repeat;
}

.ac_header {
	display:table-cell;
	padding:3px;
	font-size:12px;
	float:left;
	border:1px solid #999999;
	font-size:13px;
	height:16px;
	background-color:white;
}

.ac_data {
	display:table-cell;
	height:12px;
	float:left;
	font-size:12px;
	border:1px solid #bbb;
	padding:3px;
	border-collapse:collapse;
	white-space: nowrap;
	overflow:hidden;
}

.ac_company_kana {
	display:table-cell;
	xclear:left;
	width:130px;
	xfloat:left;
}
.ac_company {
	display:table-cell;
	width:400px;
	xfloat:left;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
.ui-autocomplete .ui-corner-all {
	border-radius:0;
}
.ui-autocomplete .ui-menu-item a {
	padding:0 !important;
}

a.priority,
tr.priority {
	background-color:#deeb99;
}
tr.delete {
	background-color:#333;
}
tr.delete td,
tr.delete td a {
	color:#aaa;
}


#new_resv_dialog label,
#resv-dialog label {
	display:block;
	clear:both;
	float:left;
	width:90px;
}
/* TAB */
#tab ul li {
	display:block;
	width:30px;
	float:left;
}
.calendar_panel div.select {
	background:#faf6ea;
}
.disnon {
	display:none;
}

#schedule_list_table {
	clear:left;
}
.calendar_panel {
	float:left;
	height:30px;
}

.summary_box {
    float:left;
    margin-right:20px;
}

.button-no-resv {
	background:none;
	background-color:#eeeeee;
}
.button-resv {
	background:none;
	background-color:#ffb9b9;
}

.calendar_panel div.schedule_box,
.calendar_panel div.full_schedule_box,
.calendar_panel div.my_schedule_box {
	width:60px;
	font-size:12px;
}
.calendar_panel .date {
	text-align:left;
	width:auto;
	margin-top:7px;
}
.calendar_panel .panel_radio {
	float:left;
	margin-top:5px;
	margin-left:20px;
}
.schedule_box,
.my_schedule_box,
.full_schedule_box {
	display:block;
}
.schedule_box,
.schedule_box_list {
	color:black;
	border:1px solid #85EDE6;
	background-color:#DEFDFD;
}
.my_schedule_box,
.my_schedule_box_list {
	color:black;
	border:1px solid #A8A80C;
	background-color:#F7F7BC;
}
.full_schedule_box,
.full_schedule_box_list {
	color:blue;
	border:1px solid #F76DA1;
	background-color:#FAE3E5;
}
#load_icon {
	float:left;
	height:24px;
	width:24px;
	margin:3px 0 0 0;
}
.loading {
	background:url(img/loading.gif) no-repeat;
}

input[type="file"].item_photo {
display:none;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

.ui-datepicker-trigger {
	width:26px;
	float:left;
	margin:3px -6px 0 7px;
	background-image:url('/templates/img/calendar.png');
}
.ui-datepicker-trigger:hover {
	cursor:pointer;
	background-position:-26px 0;
}

.detail_plus,
.detail_up,
.detail_down,
.detail_delete {
	background-image:url('/templates/img/mod_list.png');
	width:21px;
	height:20px;
	display:block;
	float:left;
}

.detail_up {
	background-position:-21px 0;
}
.detail_down {
	background-position:-42px 0;
}
.detail_delete {
	background-position:-63px 0;
}

.detail_plus:hover {
	cursor:pointer;
	background-position:0 20px;
}
.detail_up:hover {
	cursor:pointer;
	background-position:-21px 20px;
}
.detail_down:hover {
	cursor:pointer;
	background-position:-42px 20px;
}
.detail_delete:hover {
	cursor:pointer;
	background-position:-63px 20px;
}

.mod_columns {
	width:84px;
	padding-top:2px;
}
#table_sales_detail input {
	margin:0;
}

#link_client_master {
	float:right;
	margin-top:-20px;
}

.tip_detail_plus,
.tip_detail_up,
.tip_detail_down,
.tip_detail_delete,
.tip_photo,
.tip_link_client_master {
	display:none;
	color:#808080;
	font-size:10px;
	padding:1px 3px;
	position:relative;
	top:-25px;
	text-align:center;
	-webkit-border-radius:4px ;
	-moz-border-radius:4px ;
	border-radius:4px ;
	border:1px solid #c5c2b7;
	background-color:#f9f5e7;
}

.tip_detail_plus:after,
.tip_detail_up:after,
.tip_detail_down:after,
.tip_detail_delete:after,
.tip_photo:after,
.tip_link_client_master:after {
	content:"\25B8";
	display:block;
	font-size:2em;
	height:0;
	line-height:0;
	position:absolute;
	color:#c5c2b7;
	bottom:-2px;
	left:0px;
	text-align:center;
	left:-30%;

/*	↓▼を曲げる */
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	width:100%;
}

.tip_photo:after {
	left:-36%;
}

.tip_detail_plus {
	width:5em;
}
.tip_detail_up,
.tip_detail_down {
	width:6em;
}
.tip_detail_delete {
	width:4em;
}
.tip_photo {
	width:11em;
}
.tip_link_client_master {
	top:-35px;
	width:9em;
}
.detail_plus:hover .tip_detail_plus,
.detail_up:hover .tip_detail_up,
.detail_down:hover .tip_detail_down,
.detail_delete:hover .tip_detail_delete,
.photo_button:hover .tip_photo,
#link_client_master:hover .tip_link_client_master {
	display:block;
}

#link_client_master:hover .tip_link_client_master {
	display:inline;
}
.photo_button {
	background-image:url('img/camera.png');
	background-repeat:no-repeat;
	width:26px;
	height:26px;
	float:left;
	margin:-1px 1px 0 0;
}
.photo_button:hover {
	cursor:pointer;
	background-position:-26px 0;
}
.item_image_hr,
.banner_orderer_hr {
	width:88%;
	margin:6px 0 0 0;
	border-top:1px solid #aaa;
	height:1px;
	float:right;
}
.banner_orderer_hr {
	width:92%;
}
.readonly {
	background-color:white;
}
.panel_radio {
	margin-top:5px;
}
.nowrap {
  white-space:nowrap;

}
.note_list .mod_columns .detail_plus{
	width:20px;
}

.floatThead-table th {
	background-color:white;
}

#schedule_list tr:nth-child(2n+1) {
	background-color: #f8fff5;
}

.date_col {
	width:140px;
}

.justify {
	text-align:justify!important;
	text-justify: inter-ideograph;
}

.pdf-photodata {
	width:320px;
	height:550px;
}
#dialog-mailpdf-table,
#dialog-mailelem {
	float:left;
}
#dialog-mailpdf-table {
	margin-right:20px;	
}