@CHARSET "UTF-8";

/*
	color
		39a0e0→648b38
		39a0e1→709f3f
		40a8e1→648b3a
		41aae4→648b3c

	background
		f8f8f8→ffffe0
		cee9fd→fffff4
*/

body{	
  margin: 0;  
	padding: 0;
	height: 100%;  

	font-size : 16px;
	font-family:'Meiryo, メイリオ,Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

a{
//	color : #39a0e0;
	color : #648b38;
}

@font-face {
  font-family: 'Typicons';
  src: url('../fonts/typicons-regular-webfont.eot');
  src: url('../fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/typicons-regular-webfont.woff') format('woff'),
    url('../fonts/typicons-regular-webfont.ttf') format('truetype'),
    url('../fonts/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (max-width: 900px) {
	#wrap{
		width : 900px;
		overflow-x: scroll;
	}
}

#header{
	padding : 10px;
//	background : #000000;
//	background : #000000;
	color : #FFFFFF;
    background: url(/common/admin/css/shadow.jpg) repeat 100%;
    height: 100%;
}
#header h1{
	padding-left : 10px;
	float : left;
	
	font-size : 150%;
	line-height : 20px;	
}

#header h1 a{
	color : #FFFFFF;
}

#menu{
	float : right;
}
#menu a{
	margin-left : 20px;
	display : block;
	float : left;
	color : #FFFFFF;
}

#menuShop,
#menuAnalysis,
#menuCustomer{
    z-index: 9999;
}

#contents{

}

#contents2{
	padding : 0 20px;
}

#sidebar{
	border-top : solid 1px #EDEDED;
	border-bottom : solid 1px #EDEDED;

//	background : #f8f8f8;
	background : #ffffe0;
}


#sidebar #body a{
	color : #000000;
}

#sidebar dl{	
	position:relative;
	float : left;
	border-right : solid 1px #BBBBBB;
	line-height : 18px;
}


#sidebar dl.finish{
	border-right :none;	
}
	
#sidebar dt{
	padding : 3px;
	text-align : center;	
}

#sidebar dd{
	position:absolute;
	display : none;	
	
	
	text-align : center;
	width : 100%;
//	background : #39a0e1;
	background : #709f3f;
	color : #FFFFFF;
}

#sidebar dd a{
	display : block;
	color : #FFFFFF!important;
	padding : 10px;
	border-top : solid #FFFFFF 1px; 	
}

#contentsAll{
	/*overflow: hidden;  */
  height: auto;      
}

#sidebar2{
  //padding-bottom: 1267px;  
  //margin-bottom: -1267px; 

	width : 15%;
	float : left;
//	background : #f8f8f8;	
	background : #ffffe0;	
	border-right : solid 1px #EDEDED;
	min-height : 100%;
}

#sidebar2 .body{
	padding : 10px;
}

#sidebar2 > .list > .body{
	cursor: pointer;
}

#sidebar2 > .list > .body:hover{
//	padding : 10px;
	cursor: pointer;
//	background : #99d777;
	border: solid 1px #648b38;
}

#sidebar2 h2{
	font-size : 120%;
	font-weight : 400;
}

#contentsRight{    
	padding-top : 10px;
	width : 82%;
	float : right;
}

.smartView{
	display : none !important;
}

.hit{
//	background : #0084cd;	
	background : #648b38;	
	color : #FFFFFF;	
}

.close{
	display : block;
	color : #CCCCCC;
	font-size : 80%;
	line-height : 280%;
	float : right;
}

.open{
	position : absolute;
	left : 10px;	
	top : 55px;
	
	display : none;
	padding  : 10px;
	background : #EEEEEE;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

@media only screen and (max-width: 1024px){
	/*#sidebar{
		position : absolute !important;
		display : none;
		top : 0px;
	
		width : 100% !important;

		background : #000000;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}*/

	#sidebar .mark1{
		margin-left : 1%;
		width : 45% !important;
		float : left !important;
		border : solid 1px #FFFFFF;
		padding : 5px;
		padding-left : 20px;
	}

	#contentsBody{
		width : 100%;
	}
	.smartView{
		display : block !important;
	}

}

@CHARSET "UTF-8";

.att{
	color : #990000;
}

.title{
//	border : solid 1px #39a0e0;
	border : solid 1px #648b38;

//	color : #39a0e0;
	color : #648b38;
	font-weight : 800;
	font-size : 140%;
}

.title .body{
//	padding : 8px 5px;
	padding : 2px 2px;
}


.title .string{
//	padding-top : 8px;
	padding-top : 3px;
	padding-left : 13px;
//	padding-bottom : 5px;
	padding-bottom : 2px;
	font-size : 100%;
	font-weight : 800;
}

.subTitle{
	padding : 5px;
	background : #EDEDED;
}

.button,
.button2,
.button3,
.button4,
.button5,
.button6,
.button7,
.button8,
.button_re_payment,
.button_re_payment_on,
.button_re_item,
.button_re_item_on,
.button_re_checkout,
.button_report_left,
.button_report_right,
.buttonBig,
.buttonMini{
	margin : auto;
	padding: 5px 40px;
	display : inline-block;

	background : #FFFFFF;
//	border : solid 1px #39a0e0;
//	color : #39a0e0;
	border : solid 1px #648b38;
	color : #648b38;
	cursor: pointer;
	font-size : 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.button33{
	margin : auto;
	padding: 3px 10px;
	display : inline-block;

	background : #FFFFFF;
//	border : solid 1px #39a0e0;
//	color : #39a0e0;
	border : solid 1px #648b38;
	color : #648b38;
	cursor: pointer;
	font-size : 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.button333{
	margin : auto;
	padding: 3px 10px;
	display : inline-block;

	background : #EEF9F4;
//	border : solid 1px #39a0e0;
//	color : #39a0e0;
	border : solid 1px #648b38;
	color : #648b38;
	cursor: pointer;
	font-size : 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.button_re_item,
.button_re_item_on{
  	height:110px;
	width: 100%;
	word-wrap: break-word;
	padding: 25px 10px 2px 10px;
	
}
.button_re_item{
	border : solid 1px #EDEDED;
}

.button_re_checkout{
    border : solid 1px grey;
    background: #fb4b3b;
    color: white;
    font-size: 1.5em;
    padding: 12px 10px;
    width: 96%;
}

.button_re_ticket{
    border : solid 1px grey;
//    background: #39a0e0;
    background: #648b38;
    color: white;
    float: right;
    font-size: 1.0em;
    margin: -10px 5px 0 0;
    padding: 5px 5px;
}

.button_re_item_on{
	/*background : #FFFFFF;
	color : #000000;
	border : solid 1px #EDEDED;*/
//	background : #39a0e0;
	background : #648b38;
	color : #ffffff;
	border : solid 1px #EDEDED;
}


.button_re_payment{
	padding: 5px 10px 5px 10px;
	width: 24%;
}


.button_re_payment_on{
	padding: 5px 10px 5px 10px;
	background : #FFFFFF;
	color : #000000;
	border : solid 1px #EDEDED;
	width: 24%;
}


.button_report_left,
.button_report_right{
    float: right;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


.button_report_half{
    width: 50%;
}

.button_report_on{
//    background: #39a0e0;
    background: #648b38;
    color: white;
}

.button2{
	padding : 10% 0;

	width : 48%;
	text-align : center;
	background : #EDEDED;
	border : solid 1px #EDEDED;
	color : #000000;
}

.button3,
.button33{
	background : #FFFFFF;
	color : #000000;
	border : solid 1px #EDEDED;	
}

.button4{
	background : #038fd3;
	float: left;
	padding: 5px 16px;
	color : #ffffff;
	border : solid 1px #EDEDED;
	margin: 20px 0 0 3px;
}

.button5{
//	background : #41aae4;
	background : #648b3c;
	padding: 7px 8px 7px 7px;
	color : #ffffff;
	border : solid 1px #EDEDED;
	margin: 5px 0 5px 0;
}

.button6{
//	background : #40a8e1;
	background : #648b3a;
	padding: 7px 16px 7px 10px;
	width: 40px;
	color : #ffffff;
	border : solid 1px #EDEDED;
}

.button7{
	margin: 5px 0 0 0 ;
	padding: 5px 5px;
}

.button8{
//	background : #40a8e1;
	background : #648b3a;
	padding: 7px 13px 7px 13px;
	width: 40px;
	color : #ffffff;
	border : solid 1px #EDEDED;
}

.buttonBig{
	padding : 20px;
}

.buttonMini{
//	background : #39a0e0;
	background : #648b38;
	color : #FFFFFF;
	padding : 2px;
}

.plus{
	background: url(/common/admin/img/plus.png) no-repeat 10px center;
}
.mt{
//	margin-top : 20px;
	margin-top : 6px;
}
.mt_bottom{
//	margin-bottom : 20px;
	margin-bottom : 6px;
}

.ml{
	margin-left : 20px;
}

.pt{
	padding-top : 20px;
}

.cicleWhite{
	padding : 20px;
	border : solid 1px #EDEDED;
}

.cicleGlay{
//	background : #f8f8f8;	
	background : #ffffe0;	
	border : solid #DDDDDD 1px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

.cicleGlay .body{
	padding : 10px;
}

.cicleBlack{
	background : #000000;
	color : #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.cicleBlack .body{
	padding : 10px;
}

.cicleBlue{
//	background : #39a0e0;
	background : #648b38;
	color : #FFFFFF;
}

.table{
	width : 100%;
}

.backgroundGlay{
	background : #EDEDED;
}
.table .th,
.table .td{
	padding : 10px;
}
.tableBorder .th,
.tableBorder .td{
	padding : 10px;
}

.tableBorder .th,
.tableBorder .td{
	border : solid 1px #EDEDED;
}

.tableBorder .th{
	background : #g8g8g8;
	font-weight : 800;
}

.r_table .tableBorder .th,
.r_table .tableBorder .td{
	padding: 0px;
}

.tableNon .td{
	padding : 0px;
}

.errorBox{
	padding : 10px;
	background : #990000;
	color : #FFFFFF;
}

.mark1{
	padding-left : 20px;
	background : url(../img/mark.png) no-repeat;
}


.pageNavi{
	display:inline-block;
}

.pageNavi a{
	display : inline-block;
	margin-right : 10px;
	padding : 10px 15px;
//	border : solid 1px #38a0e0;
	border : solid 1px #648b38;
	float : left;
}

.pageNavi a.hit{
//	background: #38a0e0;
	background: #648b38;
	color : #FFFFFF;
}

.cicleGlay{
	border : solid 1px #EDEDED;
}

.cicleGlay .subtitle{
	padding : 10px;
	border-bottom : solid 1px #EDEDED;
	background : #EDEDED;
}

.cicleGlay .body{
	padding : 10px;
}

.tab{
	border-bottom : solid 1px #EDEDED;
}

.tab a{
	display : block;
	float : left;
	padding : 1%;
	margin-left : 3px;

	border: solid 1px #EDEDED;	
	border-bottom : none;
	color : #000000;
//	background : #F8F8F8;
	background : #ffffe0;

  border-radius: 20px 20px 0 0;        /* CSS3草案 */  
  -webkit-border-radius: 20px 20px 0 0;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 20px 20px 0 0;   /* Firefox用 */  
}

.suggest{
	position : absolute;
	display : none;
	padding : 5px;
	width : 300px;
	
	background : #FFFFFF;
	border : solid 1px #EDEDED;	
}

.tab .hit{
	background : #FFFFFF;
}

.iconOrenge{
	display : inline-display;
	padding:2px;
	background : #FF9900;
	color : #FFFFFF;
}

.borderGlay{
	margin-top : 5px;
	padding : 10px;
	border : solid #EDEDED 2px;
}

.text{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.border{
    border: 1px solid #555555;
}

/******会計ページ receipt/index *********/
.re_body{
	background:#fafafa;
	padding: 10px 0 10px 0;
}

.re_body_white{
	background: white;
	padding: 0 0 0 0;
}

.re_checkout_box_total{
	border-bottom: 1px solid #EDEDED;
	/*padding: 5px 0 5px 0;*/
}
.re_message_box { 
    background: #f9fc9c;
    padding: 5px;
 }

 .re_message_box span{ 
    line-height: 23px;
 }

.re_midashi{
	margin: 20px 0 0 0;
	background: #000000;
	font-size: 1.5em;
	line-height: 1.6em;
	padding: 5px;
	color: #ffffff;
}

.re_midashi td{
	text-align: right;
	padding: 0 10px 0 10px;
}

.re_midashi td.odd{
	text-align: left;
}

.re_midashi_small{
	background: #dedede;
    font-weight: bold;
    font-size: 1.0em;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}
.re_contents_title{
    line-height: 1.3em;
    padding: 3px 0 3px 0;
    margin:10px 0 10px 0;

}

.re_contents_inner{
	padding: 0 10px 0 10px;
}

.re_item_box{
	position:relative;
	margin: 5px 1% 5px 1%;
	width: 23%;
	float: left;
}
.re_insurance{
	position: absolute;
    z-index: 9999;
    top: 0px;
    padding: 0 5px;
    background: #f9eab9;
}


.re_checkout_box_total .left,
.re_checkout_box .left{
	width:50%;
}

.re_checkout_box_total .right,
.re_checkout_box .right{
	width:50%;
}

.re_checkout_box_total .right p,
.re_checkout_box .right p{ 
	text-align: center;
    font-size: 1.0em;
    padding: 8px;
    font-weight: normal;
}

.re_checkout_box_total .left p,
.re_checkout_box .left p{ 
    font-size: 1.0em;
    padding: 8px;
}

.re_checkout_box .right input{
	text-align: right;
	height: 2em;
	font-size: 1.1em;
	line-height: 1.5em;
	width: 98%;

}

.re_checkout_box .re_title{
	font-weight: bold;
	text-align: right;
	font-size: 1.5em;
	line-height: 1.7em;
}
.re_checkout_box .re_title_small{
	font-weight: normal;
	font-size: 0.9em;
}
.re_checkout_box_total .re_title{
    font-size: 0.9em;
    line-height: 1.1em;
}

.re_checkout_box .re_total_price{
	color: #038fd3;
	font-size: 1.5em;
    line-height: 1.5em;
	font-weight: bold;

}

.re_checkout_submit{
	text-align: center;
	padding: 10px 0;

}

.re_rest_box{
    margin: 0 auto 0 auto;
    padding: 15px;
    background: #d4ecfe;
}

.re_rest_box_inner{
    margin: 0 auto 0 auto;
    padding: 10px 10px 10px 10px;
    background: white;
}


/********アコーディオン用フォント読み込み****************/

.re_accordion{
  list-style: none;
  font-size: 16px;
  line-height: 1;
  background-color: #c7c7c7;
  margin: 0 0 10px 0;
  padding: 0;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-radius: 3px;
}
.re_accordion > li{
  padding: 0;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
}
.re_accordion li p{
  display: block;
  position:relative;
  font-weight: bold;
  color: #333;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  padding: 15px 10px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

.re_small p{
  padding: 5px 5px;

}

.re_accordion > li:first-child > p{
  border-top: 0px;
}

.re_accordion li p.re_on:hover{
  color: #1b4958;
  background: rgba(0,0,0,.1);
  border-top-color: #aaaaaa;
}
.arrow{
  position:absolute;
  top:50%;
  right: 30px;
  width: 30px;
  height: 20px;
  line-height: 1;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
  margin-top: -10px;
  color: #eaeaea;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
.arrow:before{
  font: 30px 'Typicons';
  content: "7";
}
.re_accordion li > p:hover .arrow{
  color: #555555;
  /*color: #555555;*/
}
.rotate {
  color: #555555;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


.re_accordion li ul {
  list-style: none;
  background: white;
  padding: 10px;
  margin: 0;
}

.re_accordion li ul.re_open_inner {
  background: #d9eefe;
}

.arrow_small{
  position:absolute;
  top:50%;
  right: 5px;
  width: 20px;
  height: 15px;
  line-height: 1;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
  margin-top: -10px;
  color: #eaeaea;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
.arrow_small:before{
  font: 30px 'Typicons';
  content: "7";
}

.rotate_small {
  color: #555555;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/********予約テーブルページ list.html ********/

.reserve-list-popup{
  left : -140px;
  top: -140px;
  display:none;
  padding:10px;
  position:absolute;
  z-index:200;
  text-align: left;
  color: white;
  background: black;
  border:solid 1px #DDDDDD;
}

.reserve-list-popup a{
	color:white;
}

/**********予約テーブル list *********/
.r_table {
//	background: #cee9fd;
	background: #fffff4;
	padding: 10px 0 10px 0;
}
.r_table_day {
	display: block;
	width: 100%;
}
.r_table_controller {
	/*width:12%;*/
	width: 92px;
	background: white;
	padding: 0 3px 0 1px;
	margin: 0 auto 0 auto;
	float: left;
}
.r_table_container .left{
	background: white;
	margin: 0 1%;
}
.r_table_title{
//	background: #41aae4;
	background: #648b3c;
    line-height: 1.5em;
    font-size: 1.3em;
    text-align: center;
    color: white;
    width: 30%;
    padding: 0 0 0 5px;
}
.r_table_title_right{
//    background: #41aae4;
    background: #648b3c;
    line-height: 1.5em;
    font-size: 1.3em;
    text-align: center;
    color: white;
    float: right;
    width: 30%;
    padding: 0 0 0 5px;
}
.r_rest_box_title{
	margin: 10px auto 0 auto;
	padding: 0 0 0 10px;
	line-height: 1.5em;
//	background: #cee9fd;
	background: #fffff4;
	color: black;
}
.r_rest_box{
	margin: 0 auto 0 auto;
	padding: 10px 10px 10px 10px;
	background: white;
}

.r_rest_button{
	float: right;
}

.r_control_box{
	margin: 0 auto 0 auto;
	background: #f5f5f5;
}

.r_table_arrow{
	text-align: center;
	margin: 0 auto 0 auto;
}

/***********各種設定*************/
.config_button_group .button{
    padding: 10px;
    width: 80px;
    text-align: center;
}

/***********分析ページ 速報*************/
.ana_bg_blue {
//    background: #cee9fd;
	background: #fffff4;
    padding: 10px;
}
.ana_bg_white {
    background: white;

}
.ana_title {
    font-weight: bold;
}
.ana_cate_group{
    border: 1px solid #c7c7c7;
    padding: 10px;
    border-collapse: none;
}
.ana_cate_group .right{
    margin: 20px 0 0 0;
}
.anaTable .th{
    background: #c0c0c0;
}
.ana_google_map{
//    background: #cee9fd;
	background: #fffff4;
    margin:50px auto 50px auto;
    width: 90%;
    height: 300px;
}
.ana_search_button{
    text-align: right;
    padding:30px;

}
.ana_search_button .button_re_checkout{
    width: 50%;
}

/***********分析(売上)ページ 日月*************/

.ana_sales_table{
    overflow-x: auto;
}

.ana_sales_table .th,
.ana_sales_table .td
{
    white-space: nowrap;
}

.ana_sales_table .th{
    background: #F2F2F2;
}

/***********レポートページ*************/
.report_change_d_m{
    margin-bottom: 50px;
}

.report_change_d_m .report_change_container{
}

.report_change_d_y .report_change_container{
    margin-top: 120px;
    width: 223px;
    margin: 0 auto;
}

.report_container{
    width: 50%;
    float: left;
}

.report_container_full{
    width: 100%;
}

.report_container h3,
.report_container_full h3{
    font-size: 1.4em;
    color: #555555;
    border-bottom: 2px solid lightgray;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}



/********** 治療計画書カテゴリレイアウト ***************/
.plan_cate0{
    padding: 2px 5px;
}

.plan_cate1{
    padding: 2px 5px;
}

.plan_cate2{
    padding: 2px 5px;
}

@media only screen and (min-width: 1024px){

}