@charset "utf-8";


@font-face {
	font-family: 'MyFont';
	src: url(../font/A-OTF-SHINGOPRO-REGULAR.OTF);
}

@font-face {
	font-family: 'MyFont2';
	src: url(../font/A-OTF-SHINGOPRO-LIGHT.OTF);
}

body{
	font-family:sans-serif;
	margin:0;
	padding:0;
	background:#f7f7f7;
}

html,body{
	height:100%;
}

ul{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

input[type="button"]{
	border:0;
	outline: none;
}

#wrap{
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom:40px;
}

#contents{
/*	padding-bottom:40px;*/
	text-align:center;
	height:100%;
	width:98%;
	margin:0 auto;
}

#table_contents{
/*	padding-bottom:40px;*/
	text-align:center;
	height:100%;
	width:98%;
	margin:0 auto;
}

.customer_btn{
	width:100%;
	position:fixed;
	bottom:0;
	height:140px;
	background:url(../img/gray.png);
	text-align:center;
}

.btn_item{
	width:324px;
	height:118px;
	margin:10px auto 0 auto;
/*	background:url(../img/tel_btn.png);*/
}

.btn_item li button{
	display:block;
	text-indent:-9999px;
	width:118px;
	height:118px;
	float:left;
}

.btn_item li.btn01 button{
	float:left;
	background:url(../img/tel_btn.png);
	margin-right:84px;
	border:0;
}

.btn_item li.btn02 a{
	float:left;
	background:url(../img/tel_btn.png) -205px 0;
	display:block;
	text-indent:-9999px;
	width:118px;
	height:118px;
}

#footer{
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	text-align:center;
}

.foot{
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	color:#999;
	line-height:3;
}

.login_logo{
	margin: 100px auto 5px auto;
	background:url(../img/title.png);
	width:158px;
	height:61px;
	background-size:158px 61px;
}

.login_form{
	width:500px;
	height:160px;
	border:1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 auto;
	padding:30px 10px 10px;
	background:#fff;
	text-align:center;
}

.login_title{
	color:#fff;
	text-align:center;
	margin:0 0 50px 0;
}
.login_form table{
	width:80%;
	margin:0 auto;
}

.login_form th,.login_form td{
	font-weight:normal;
	font-size:14px;
	padding:10px;
	color:#999;
}

.login_form td input{
	height:30px;
	width:200px;
	border:1px solid #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.att{
	color:#ff0000;
}

.att2{
	color:#ff0000;
	font-size:13px;
	text-align:left;
	padding:10px 0 10px 30px;
}

.text{
	line-height:1.6;
	font-size:13px;
	padding:20px;
}

.header{
	border:1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	width:98%;
	margin:0 auto 10px auto;
}

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

.header_index{
	border:1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	width:1080px;
	margin-left:40px; 
	margin-bottom:10px;
}

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

.logo a{
/*	float :left;*/
	display:block;
	background:url(../img/title.png);
	width:158px;
	height:61px;
	background-size:158px 61px;
	text-indent:-9999px;
/*	margin-bottom:10px;*/
}

.logout a{
	position:absolute;
	right:10px;
	top:-1px;
	width:97px;
	height:36px;
	margin-top:10px;
	background:url(../img/logout.png);
	background-size:97px 36px;
	display:block;
	text-indent:-9999px;
}

.logout a:hover{
	background:url(../img/logout.png);
	background-size:97px 36px;
	opacity:0.6;
}

#menu{
	position:relative;
	border-style:dotted;
	border-width:1px 0;
	border-color:#eee;
	padding:5px 0;
}

#menu:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#menu li{
	float:left;
	margin:0 5px;
}

#menu li a{
	display:block;
	text-indent:-9999px;
}

#menu li.navi01 a{
	width:90px;
	height:40px;
	background:url(../img/menu.png) 0 0;
}

#menu li.navi01 a:hover{
	background:url(../img/menu.png) 0 -44px;
}

#menu li.navi01_active a{
	width:90px;
	height:40px;
	background:url(../img/m.png) 0 0;
}

#menu li.navi02 a{
	width:160px;
	height:40px;
	background:url(../img/menu.png) -84px 0;
}

#menu li.navi02 a:hover{
	background:url(../img/menu.png) -84px -44px;
}

#menu li.navi02_active a{
	width:160px;
	height:40px;
	background:url(../img/m.png) -84px 0;
}

#menu li.navi03 a{
	width:120px;
	height:40px;
	background:url(../img/menu.png) -238px 0;
}

#menu li.navi03 a:hover{
	background:url(../img/menu.png) -238px -44px;
}

#menu li.navi03_active a{
	width:120px;
	height:40px;
	background:url(../img/m.png) -238px 0;
}

#menu li.navi04 a{
	width:120px;
	height:40px;
	background:url(../img/menu.png) -348px 0;
}

#menu li.navi04 a:hover{
	width:120px;
	height:40px;
	background:url(../img/menu.png) -348px -44px;
}

#menu li.navi04_active a{
	width:120px;
	height:40px;
	background:url(../img/m.png) -348px 0;
}

#menu li.navi05 a{
	width:120px;
	height:40px;
	background:url(../img/menu.png) -542px 0;
}

#menu li.navi05 a:hover{
	background:url(../img/menu.png) -542px -44px;
}

#menu li.navi05_active a{
	width:120px;
	height:40px;
	background:url(../img/m.png) -542px 0;
}

#menu li.navi06 a{
	width:120px;
	height:40px;
	background:url(../img/menu.png) -654px 0;
}

#menu li.navi06 a:hover{
	background:url(../img/menu.png) -654px -44px;
}

#menu li.navi06_active a{
	width:120px;
	height:40px;
	background:url(../img/m.png) -654px 0;
}

#sub_menu_custom{
	margin-left:20px;
	padding:10px 0;
}

#sub_menu_custom:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#sub_menu_custom li{
	float:left;
/*	margin:0 5px ;*/
}

#sub_menu_custom li a{
	font-size:14px;
	color:#999999;
}

#sub_menu_custom li.active a{
	font-size:14px;
	color:#3595ff;
}

#sub_menu_custom li.navi01 a{
	display:block;
	text-indent:-9999px;
	width:79px;
	height:24px;
	background:url(../img/menu01.png) 0 -10px;
}

#sub_menu_custom li.navi01 a:hover{
	display:block;
	text-indent:-9999px;
	width:79px;
	height:24px;
	background:url(../img/menu01.png) 193px -10px;
}

#sub_menu_custom li.navi01_active a{
	display:block;
	text-indent:-9999px;
	width:79px;
	height:24px;
	background:url(../img/menu01.png) 193px -10px;
}

#sub_menu_custom li.navi01_active a:hover{
	display:block;
	text-indent:-9999px;
	width:79px;
	height:24px;
	background:url(../img/menu01.png) 193px -10px;
}

#sub_menu_custom li.navi02 a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -64px -10px;
}

#sub_menu_custom li.navi02 a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -235px -10px;
}

#sub_menu_custom li.navi02_active a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -235px -10px;
}

#sub_menu_custom li.navi02_active a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -235px -10px;
}

#sub_menu_custom li.navi03 a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -116px -10px;
}

#sub_menu_custom li.navi03 a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -287px -10px;
}

#sub_menu_custom li.navi03_active a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -287px -10px;
}

#sub_menu_custom li.navi03_active a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu01.png) -287px -10px;
}

#sub_menu_sales{
	margin-left:20px;
	padding:10px 0;
}

#sub_menu_sales:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#sub_menu_sales li{
	float:left;
/*	margin:0 5px ;*/
}

#sub_menu_sales li.navi01 a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 5px -8px;
}

#sub_menu_sales li.navi01 a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 352px -8px;
}

#sub_menu_sales li.navi01_active a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 5px -8px;
}

#sub_menu_sales li.navi01_active a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 352px -8px;
}

#sub_menu_sales li.navi02 a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 636px -8px;
}

#sub_menu_sales li.navi02 a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 292px -8px;
}

#sub_menu_sales li.navi02_active a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 636px -8px;
}

#sub_menu_sales li.navi02_active a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 292px -8px;
}

#sub_menu_sales li.navi03 a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 592px -8px;
}

#sub_menu_sales li.navi03 a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 248px -8px;
}

#sub_menu_sales li.navi03_active a{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 592px -8px;
}

#sub_menu_sales li.navi03_active a:hover{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:24px;
	background:url(../img/menu02.png) 248px -8px;
}

#sub_menu_sales li.navi04 a{
	display:block;
	text-indent:-9999px;
	width:100px;
	height:24px;
	background:url(../img/menu02.png) 535px -8px;
}

#sub_menu_sales li.navi04 a:hover{
	display:block;
	text-indent:-9999px;
	width:100px;
	height:24px;
	background:url(../img/menu02.png) 191px -8px;
}

#sub_menu_sales li.navi04_active a{
	display:block;
	text-indent:-9999px;
	width:100px;
	height:24px;
	background:url(../img/menu02.png) 535px -8px;
}

#sub_menu_sales li.navi04_active a:hover{
	display:block;
	text-indent:-9999px;
	width:100px;
	height:24px;
	background:url(../img/menu02.png) 191px -8px;
}

#sub_menu_sales li.navi05 a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu02.png) 435px -8px;
}

#sub_menu_sales li.navi05 a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu02.png) 91px -8px;
}

#sub_menu_sales li.navi05_active a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu02.png) 435px -8px;
}

#sub_menu_sales li.navi05_active a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu02.png) 91px -8px;
}

#sub_menu_customer{
	margin-left:20px;
	padding:10px 0;
}

#sub_menu_customer:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#sub_menu_customer li{
	float:left;
/*	margin:0 5px ;*/
}

#sub_menu_customer li.navi01 a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 5px -5px;
}

#sub_menu_customer li.navi01 a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 169px -5px;
}

#sub_menu_customer li.navi01_active a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 5px -5px;
}

#sub_menu_customer li.navi01_active a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 169px -5px;
}

#sub_menu_customer li.navi02 a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) -74px -5px;
}

#sub_menu_customer li.navi02 a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 90px -5px;
}

#sub_menu_customer li.navi02_active a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) -74px -5px;
}

#sub_menu_customer li.navi02_active a:hover{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:24px;
	background:url(../img/menu03.png) 90px -5px;
}

#main_contents{
	padding:10px 0;
}

.main{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 auto;
/*	padding:10px;*/
	background:#fff;
	text-align:center;
}

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

.inde_main{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 auto;
/*	padding:10px;*/
	text-align:center;
}

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

.form table{
	width:400px;
	margin:0 auto 20px auto;
	border-collapse: collapse;
	border:1px solid #e6e6e6;
}

.form td,.form th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
}

.login_submit{
	text-align:center;
	padding-bottom:20px;
}

.form table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.form table td input.small[type="text"]{
	width:30px;
	height:26px;
}

.form table td input[type="text"]:focus{
	border:solid 1px #EEA34A;
}

.regist_form table{
	width:800px;
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.regist_form td,.regist_form th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

.regist_form td{
	color:#888888;
	text-align:left;
	position:relative;
}

.regist_form th{
	background:#30ac92;
	text-align:left;
	color:#fff;
	width:160px;l
}

.regist_form tr:nth-child(even){
	background-color:#fcfcfc;
}

.regist_form table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.regist_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.regist_form table td input[type="text"]:focus,.regist_form table td textarea:focus{
	border:solid 1px #EEA34A;
}

.regist_form table td select{
	height:26px;
}

.regist_form table td textarea{
	width:400px;
	height:100px;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.etc_form table{
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.etc_form td,.etc_form th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

.etc_form td{
	color:#888888;
	text-align:left;
	position:relative;
}

.etc_form th{
	background:#30ac92;
	text-align:left;
	color:#fff;
	width:160px;l
}

.etc_form tr:nth-child(even){
	background-color:#fcfcfc;
}

.etc_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.submit{
	text-align:left;
	margin-left:30px;
	margin-bottom:20px;
}

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

a.change{
	background:url(../img/btn.png);
	background-size:100px 22px;
	text-indent:-9999px;
	display:block;
	width:44px;
	height:18px;
	float:left;
	margin-right:3px;
}

a.change2{
	background:url(../img/btn.png);
	background-size:134px 27px;
	text-indent:-9999px;
	display:block;
	width:64px;
	height:27px;
}
/*
a.change:hover{
	background:#ccc;
	opacity:0.5;
}
*/
a.delete{
	background:url(../img/btn.png) -52px 0;
	background-size:100px 22px;
	text-indent:-9999px;
	display:block;
	width:44px;
	height:18px;
	float:left;
}

a.delete2{
	background:url(../img/btn.png) -70px 0;
	background-size:134px 27px;
	text-indent:-9999px;
	display:block;
	width:64px;
	height:27px;
}

.msg{
	padding:10px 0;
	margin-left:30px;
	font-size:13px;
	text-align:left;
}

.pager{
	margin-left:30px;
}

.pager li{
	float:left;
	margin:0 3px;
	border:1px solid #30ac92;
	width:20px;
	height:20px;
	text-align:center;
	font-size:13px;
	line-height:1.5;
}

.pager li.active{
	background:#30ac92;
	color:#fff;
}

.pager li a:hover{
	display:block;
	width:20px;
	height:20px;
	background:#30ac92;
	color:#fff;
	text-decoration:none;
}

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

.date{
	margin-left:20px;
}

.date li{
	float:left;
	margin:0 0 10px 0;
	padding:0 5px 0 0 ;
}

.date li a{
	line-height:2.5;
	font-size:13px;
}
.date li.date_week{
	margin-top:10px;
}

.date li select{
	height:30px;
	font-size:20px;
	margin:0 5px 0 0 ;
	background:#eee;
	border:0;
}

.date li input[type="submit"] {
	margin-top:3px;
	line-height:1.6;
}

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

/* トップぺージ */

.top_title{
	position:relative;
	background:url(../img/summary.png) no-repeat;
	background-color:#fff;
	width:1080px;
	height:57px;
	background-size:1080px 57px;
	margin-bottom:20px;
	margin-left:20px;
}

.top_span{
	position:absolute;
	top:10px;
	right:20px;
	width:156px;
	height:39px;
	background:url(../img/span_btn.png) -7px -6px;
}


.top_span li a{
	float:left;
	text-indent:-9999px;
	width:52px;
	height:39px;
}

.top_span_week{
	position:absolute;
	top:10px;
	right:20px;
	width:156px;
	height:39px;
	background:url(../img/span_btn.png) -7px -58px;
}


.top_span_week li a{
	float:left;
	text-indent:-9999px;
	width:52px;
	height:39px;
}

.top_span_month{
	position:absolute;
	top:10px;
	right:20px;
	width:156px;
	height:39px;
	background:url(../img/span_btn.png) -7px -109px;
}


.top_span_month li a{
	float:left;
	text-indent:-9999px;
	width:52px;
	height:39px;
}

#top_data{
	width:1080px;
	margin:0 20px 20px 20px;
}

#top_data li{
	position:relative;
	float:left;
	font-family:"MyFont2";
}

#top_data li .item{
	position:absolute;
	top:44px;
	right:5px;
	font-size:24px;
	color:#666;
}

#top_data:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#top_data li.navi01{
	background:url(../img/top_menu.png);
	background-size:1080px 127px;
	width:244px;
	height:127px;
	margin-right:35px;
}

#top_data li.navi02{
	background:url(../img/top_menu.png) -279px 0;
	background-size:1080px 127px;
	width:244px;
	height:127px;
	margin-right:35px;
}

#top_data li.navi03{
	background:url(../img/top_menu.png) -557px 0;
	background-size:1080px 127px;
	width:244px;
	height:127px;
	margin-right:35px;
}

#top_data li.navi04{
	background:url(../img/top_menu.png) -837px 0;
	background-size:1080px 127px;
	width:243px;
	height:127px;
}

.top_sales{
	background:url(../img/top_sales.png);
	margin-left:20px;
	width:730px;
	height:83px;
}

#sales_graph{
	position:relative;
	width:729px;
	height:400px;
	margin-left:20px;
	background:#fff;
}

.sales_graph{
	position:absolute;
	top:0;
	left:10px;
	width:680px;
	height:400px;
	margin:0 auto 20px 20px;
	margin-left:20px;
	margin-bottom:20px;
}

#canvas1{
/*
	position:absolute;
	top:0;
	left:0;
*/
	width:660px;
	height:360px;
	background:#fff;
}

#tel_graph{
	position:relative;
	width:729px;
	height:400px;
	margin-left:20px;
	background:#fff;
}

.tel_graph{
	position:absolute;
	top:0;
	left:10px;
	margin-left:20px;
	width:680px;
	height:400px;
}

#canvas2{
	width:660px;
	height:360px;
	background:#fff;
}

.top_tel{
	background:url(../img/top_tel.png);
	margin-left:20px;
	width:730px;
	height:83px;
}

.top_left{
	margin-right:30px;
}

.top_left,.top_right{
	float:left;
}

.top_customer{
	background:url(../img/top_customer.png);
	width:321px;
	height:74px;
}

#chart-area{
	width:321px;
	height:300px;
	background:#fff;
	margin-bottom:20px;
}

.top_result{
	background:url(../img/top_result.png);
	width:321px;
	height:74px;
}

#top_therapist{
	background:#fff;
}

ul#top_therapist li{
	width:280px;
	margin:0 auto 10px auto;
	padding:5px;
}

ul#top_therapist li .file{
	float:left;
	margin-right:20px;
}

ul#top_therapist li .number_item{
	float:left;
}

ul#top_therapist li .number_item .number{
	font-family:"MyFont2";
	font-size:18px;
	color:#30ac92;
	text-align:left;
}

ul#top_therapist li .number_item .name{
	text-align:left;
	font-family:"MyFont2";
	font-size:18px;
	margin-left:5px;
	color:#666;
}

ul#top_therapist li .number_item .number_sales{
	text-align:left;
	font-family:"MyFont2";
	margin-left:5px;
	font-size:18px;
	color:#333;
}

ul#top_therapist li:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

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

/* 各種設定 */

ul.page_menu_{
	margin:10px 20px ;
	border:1px solid;
}

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

.page_menu li{
	float:left;
	padding:0 10px ;
	border-style:solid;
	border-width: 0 1px 0 0;
	border-color:#ccc;
}

.page_menu li:last-child{
	border:none;
}


.page_menu li a{
	font-size:13px;
	color:#666;
}

.page_menu li.active a{
	font-size:13px;
	color:#3595ff;
}

.custom_list table{
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.custom_list tbody{
	border:0;
}

.custom_list tr{
	background-color:#fff;
	cursor:move;
}

.custom_list tr:nth-child(odd){
	background-color:#fcfcfc;
	cursor:move;
}

.custom_list td,.custom_list th{
	border:1px solid #e6e6e6;
	font-size:14px;
	color:#888888;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
	font-family:"MyFont2";
}

.custom_list th{
	background:#30ac92;
	color:#fff;
}

.custom_list tbody td{
	border:1px solid #e6e6e6;
	text-align:left;
	position:relative;
}

.custom_list td.no,.custom_list th.no{
	text-align:center;
	width:30px;
}

.custom_list td.btn,.custom_list th.btn{
	width:30px;
	text-align:center;
}

.custom_list td.img,.custom_list th.img{
	width:60px;
	text-align:center;
}

.custom_list table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.custom_list table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.custom_list table td input[type="text"]:focus,.custom_list table td textarea:focus{
	border:solid 1px #EEA34A;
}

.custom_form table{
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.custom_form tbody{
	border:0;
}

.custom_form tr{
	background-color:#fff;
}

.custom_form tr:nth-child(odd){
	background-color:#fcfcfc;
}

.custom_form td,.custom_form th{
	border:1px solid #e6e6e6;
	font-size:14px;
	color:#888888;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
	font-family:"MyFont2";
}

.custom_form th{
	background:#30ac92;
	color:#fff;
}

.custom_form tbody td{
	border:1px solid #e6e6e6;
	text-align:left;
	position:relative;
}

.custom_form td.no,.custom_form th.no{
	text-align:center;
	width:30px;
}

.custom_form td.btn,.custom_form th.btn{
	width:30px;
	text-align:center;
}

.custom_form td.img,.custom_form th.img{
	width:60px;
	text-align:center;
}

.custom_form table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.custom_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.custom_form table td input[type="text"]:focus,.custom_form table td textarea:focus{
	border:solid 1px #EEA34A;
}

#sortable li{
	float:left;
	border:1px solid #eee;
	padding:5px ;
	margin:5px;
	font-size:13px;
	cursor:move;
	background:#fff;
}

#sortable li .name,#sortable li .btn a{
	font-family: 'MyFont2';
	padding:2px;
	margin-bottom:3px;
	color:#515151;
}

#sortable li .img{
	width:100px;
	height:133px;
	overflow:hidden;
}

ul#sortable{
	position:relative;
	margin:0 30px ;
	border:1px solid #38b79c;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:50px 10px 10px 10px;
	background:#fcfcfc;
}

#sortable:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.sort_btn{
	position:absolute;
	background:#38b79c;
	top:0;
	left:0;
	width:100%;
	padding:10px 0;
}

/* 出勤情報 */

.schedule_btn{
	position:absolute;
	top:-1px;
	left:-1px;
	width:100%;
	height:100%;
	cursor:pointer;
	text-align:center;
}

.schedule_btn:hover{
	background:#fffc7e;
/*	opacity:0.5;*/
}

.week_link{
	text-align:left;
	width:100%;
	margin-left:30px;
	margin-bottom:10px;
}

.week_link li{
	font-size:13px;
	display:inline;
}

.week_link li a{
	font-size:13px;
}

#schedule table{
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

#schedule tbody{
	border:0;
}

#schedule tr{
	background-color:#fff;
}

#schedule tr:nth-child(odd){
	background-color:#fcfcfc;
}

#schedule td,#schedule th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#888888;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

#schedule th{
	background:#30ac92;
	color:#fff;
}

#schedule tbody td{
	border:1px solid #e6e6e6;
	text-align:left;
	position:relative;
	height:100px;
}

#schedule td.no,#schedule th.no{
	text-align:center;
	width:30px;
}

#schedule td.btn,#schedule th.btn{
	width:30px;
	text-align:center;
}

#schedule td.img,#schedule th.img{
	width:60px;
	text-align:center;
}

#schedule table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


#schedule table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

#schedule table td input[type="text"]:focus,#schedule table td textarea:focus{
	border:solid 1px #EEA34A;
}

.input_text{
	margin-bottom:10px;
}

.input_submit{
	text-align:right;
}

.input_submit input{
	background:url(../img/submit_btn.png);
	border:0;
	text-indent:-9999px;
	width:56px;
	height:30px;
}

.date_time{
/*	text-align:left;*/
	width:70px;
	margin:0 auto;
	padding-top:10px;
}

.date_time2{
	padding-top:30px;
}

/* タイムテーブル */

.time_table{
	width:99%;
	margin:0 auto;
	text-align:left;
}

#time_Table{
	width:99%;
	margin:0 auto;
	overflow-x:auto;
	padding-bottom:20px;
}

.time_table li.time_table_top{
	background:#eee;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.time_table li.time_line{
	border-style:solid;
	border-color:#ccc;
	border-width:0 0 1px 0;
}

.time_table li .day_time{
	float:left;
	width:120px;
	height:20px;
	font-size:13px;
	text-align:center;
	padding:3px 0;
	border-style:solid;
	border-width:0 1px 0 0 ;
	border-color:#ccc;
	line-height:1.4;
}

.time_table li .day_time:last-child{
	border-width:0;
	width:120px;
}

.time_table li .therapist{
	float:left;
	font-size:13px;
	width:121px;
	height:60px;
	text-align:left;
	border-style:solid;
	border-width:0 1px 0 0 ;
	border-color:#ccc;
}

.time_table li .therapist .name{
	padding:5px 0 0 0 ;
}

.time_table li .therapist .name,.time_table li .therapist .time{
	padding-left:3px;
}

.time_table li .therapist_timeline{
	position:relative;
	float:left;
	width:29px;
	height:60px;
	border-style:dotted;
	border-width:0 1px 0 0 ;
	border-color:#ccc;
	text-align:center;
}
.time_table li .therapist_timeline:nth-child(4n + 1){
	float:left;
	width:30px;
	height:60px;
	border-style:solid;
	border-width:0 1px 0 0 ;
	border-color:#ccc;
}

.time_table li .therapist_timeline:last-child{
	float:left;
	width:29px;
	height:60px;
	border:0;
}

.time_table li .attend{
	background:#fffd7c;
}

.time_table li .nowtime{
	position:relative;
	background:url(../img/now_time.png);
/*	background:#ff4a46;*/
/*	opacity:0.6;*/
}

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

.search{
	margin-bottom:10px;
	font-size:13px;
	margin-left:20px;
}

.order_block{
	position:absolute;
	height:52px;
	background:#fff;
	z-index:1;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:12px;
}

.order_half_block{
	position:absolute;
	height:52px;
	background:#fff;
	z-index:2;
	border:1px solid #ccc;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-rightradius: 5px;
	-webkit-border-bottom-rightradius: 5px;
	font-size:12px;
	overflow:hidden;
}

.order_block:hover,.order_half_block:hover{
	background:#7ad3f4;
	cursor:pointer;
}

.icon{
	margin-bottom:10px;
	margin-left:20px;
}

.icon li{
	font-size:13px;
}

.order_flag0,.order_flag1{
	position:absolute;
	top:0;
	left:5px;
	width:19px;
	height:50px;
	background:url(../img/icon01.png);
	background-size:19px 50px;
}

.order_flag2{
	position:absolute;
	top:0;
	left:5px;
	width:19px;
	height:50px;
	background:url(../img/icon02.png);
	background-size:19px 50px;
}

.order_flag3{
	position:absolute;
	top:0;
	left:5px;
	width:19px;
	height:50px;
	background:url(../img/icon03.png);
	background-size:19px 50px;
}

.order_btn1{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) no-repeat 0 -66px;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

.order_btn1_on{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) no-repeat;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

.order_btn2{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) -68px 0 no-repeat;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

.order_btn2_on{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) -68px -66px; no-repeat;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

.order_btn3{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) -135px 0 no-repeat;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

.order_btn3_on{
	width:67px;
	height:49px;
	background:url(../img/order_btn.png) -135px -132px no-repeat;
/*	background-size:200px 49px;*/
	text-indent:-9999px;
	border:1px solid;
}

/* オーダー登録 */

.order_form{
	text-align:center;
	padding:0;
	margin:0;
}

.order_form table{
	width:96%;
	margin:10px auto 20px auto;
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.order_form td,.order_form th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

.order_form td{
	color:#888888;
	text-align:left;
	position:relative;
/*	background:#fff;*/
}

.order_form th{
	background:#30ac92;
	text-align:left;
	color:#fff;
	width:160px;l
}

.order_form tr:nth-child(even){
	background-color:#fcfcfc;
}

.order_form tr:nth-child(odd){
	background-color:#fff;
}

.order_form table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.order_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.order_form table td input.item01[type="text"]{
	width:120px;
	height:26px;
/*	ime-mode:disabled;*/
}

.order_form table td input[type="text"]:focus,.order_form table td textarea:focus{
	border:solid 1px #EEA34A;
}

.order_form table td select{
	height:26px;
}

.order_form table td textarea{
	width:400px;
	height:100px;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* 顧客 */

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

.left{
	float:left;
	margin-right:10px;
}

.customer_list table{
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.customer_list tr{
	background-color:#fff;
}

.customer_list tr:nth-child(odd){
	background-color:#fcfcfc;
}

.customer_list td,.customer_list th{
	border:1px solid #e6e6e6;
	font-size:14px;
	color:#444;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
	font-family:"MyFont2";
}

.customer_list th{
	background:#30ac92;
	color:#fff;
}

.customer_list td{
	border:1px solid #e6e6e6;
	text-align:left;
	position:relative;
}

.customer_list td.no,.customer_list th.no{
	text-align:center;
	width:30px;
}

.customer_list td.btn,.customer_list th.btn{
	width:30px;
	text-align:center;
}

.customer_list td.img,.customer_list th.img{
	width:60px;
	text-align:center;
}

.customer_list table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.customer_list table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.customer_list table td input[type="text"]:focus,.customer_list table td textarea:focus{
	border:solid 1px #EEA34A;
}

.seach_form table{
/*	width:800px;*/
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.seach_form td,.seach_form th{
	border:1px solid #e6e6e6;
	font-family:"MyFont2";
	font-size:14px;
	color:#666;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

.seach_form td{
	color:#888888;
	text-align:left;
	position:relative;
}

.seach_form th{
	background:#30ac92;
	text-align:left;
	color:#fff;
/*	width:160px;*/
}

.seach_form table td input[type="text"]{
/*	width:300px;*/
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.seach_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.seach_form table td input[type="text"]:focus{
	border:solid 1px #EEA34A;
}

.abc{
	text-align:left;
	margin:0 0 10px 30px;
	font-size:13px;
}

.customer_form {
	text-align:left;
}

.customer_form select{
	text-align:left;
	margin-bottom:10px;
	margin-left:30px;
}

.customer_form table{
/*	width:800px;*/
/*	margin:0 auto 20px auto;*/
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

.customer_form td,.customer_form th{
	border:1px solid #e6e6e6;
	font-family:"MyFont2";
	font-size:14px;
	color:#666;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

.customer_form td{
	color:#888888;
	text-align:left;
	position:relative;
}

.customer_form th{
	background:#30ac92;
	text-align:left;
	color:#fff;
/*	width:160px;*/
}

.customer_form tr:nth-child(even){
	background-color:#fcfcfc;
}

.customer_form table td input[type="text"]{
	width:300px;
	height:26px;
	outline: 0;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


.customer_form table td input.small[type="text"]{
	width:30px;
	height:26px;
	ime-mode:disabled;
}

.customer_form table td input[type="text"]:focus,.customer_form table td textarea:focus{
	border:solid 1px #EEA34A;
}

.customer_form table td select{
	height:26px;
}

.customer_form table td textarea{
	width:400px;
	height:100px;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* 売上詳細 */

#sales:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

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

.pdf_btn{
	text-align:left;
	padding:10px 0 10px 30px;
}

#sales table{
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

#sales td,#sales th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

#sales td{
	color:#888888;
	text-align:left;
	position:relative;
}

#sales th{
	background:#30ac92;
	text-align:left;
	color:#fff;
}

#sales tr:nth-child(even){
	background-color:#fcfcfc;
}

#month_therapist,#month_media{
	float:left
}

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


.daily_item table{
	float:left;
}

.order_list_detail{
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
}

/* 成績一覧 */

#result table{
	border-collapse: collapse;
	-webkit-appearance:none;
	border:1px solid #e6e6e6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:30px;
	margin-bottom:20px;
}

#result td,#result th{
	border:1px solid #e6e6e6;
	font-size:13px;
	color:#999;
	padding:10px;
	font-weight:normal;
	line-height:1.6;
}

#result td{
	color:#888888;
	text-align:left;
	position:relative;
}

#result th{
	background:#30ac92;
	text-align:left;
	color:#fff;
}

#result tr:nth-child(even){
	background-color:#fcfcfc;
}