@font-face {
  font-family: HAL;
  src: url(../fonts/HAL.OTF) format("opentype");
}

@font-face {
  font-family: HAN;
  src: url(../fonts/HAN.OTF) format("opentype");
}

body{
     font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}


.f_bld{
	font-weight:bold;
}

.mt10{margin-top:10px;} .mt20{margin-top:20px;}

.ml10{margin-left:10px;} .ml20{margin-left:20px;}
.mr10{margin-right:10px;} .mr20{margin-right:20px;}

.fcolorwh{
	color:#FFF;
}

.fcolorbr{
	color:#372d12;
	margin-bottom:10px;
}

.fcolorred{
	color:#ff0000;
}

.fcolorbl{
	color:#3366cc;
}

.fcolorgr{
	color:#31C50C;
}

.ptfcolorwh{
	color:#FFFFFF !important
}
.ptfsotmk{
 color:#ddb922;
}

.ptfsotmk:after{
	content:"▼";
	color:#FFF;
}

.bcgray{
	background-color:#51960;
}

.taC{
	text-align:center  !important;
}
.taR{
	text-align:right !important;
}

.vaM{
	vertical-align:middle !important;
}

.txc{
	text-align:center;
	margin-left:5px;
	animation: swing linear 4s infinite;
}

.txc2{
	text-align:center;
	margin-left:15px;
}
.fs12{
	font-size:12px;
}
.fs16{
	font-size:16px;
}

.lh15{	
	line-height:15px;
}

.flL{
	float:left;
}
.flR{
	float:right;
}

.inimg{
	max-width:90% !important;
}

.tcolor_br{
	color:#3b2f2d;
}

.clear_dl{
	float: initial;

}

.non{
	color:#372d12 !important;
}

.cafe_help_tl{
    background-color: #f3cc1d;
    margin-bottom: 20px;
}



.cafemanual a{
	width:90%;
	text-align:left;
	font-size:1.2em;
	line-height:1.3em;
	display: block;
	border: 2px solid #B69418;
	padding:5px;
	background-color:#e6bb24;
	color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.cafemanual_dc{
	width:90%;
	text-align:left;
	line-height:1.3em;
	display: block;
	border: 2px solid #e6bb24;
	padding:5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.cafeshadow{
	border:3px solid #cfcfcf;
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;

}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.uploader_btn{
	display: inline-block;  
	float:left;
	padding:5px;
	}


.stfpbck{
	background-color:#8a8215; 
	padding:8px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	line-height: 3em;
}
.stffbck{
	background-color:#2c6d7a; 
	padding:8px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	line-height: 3em;
}
.stftbck{
	background-color:#562d8d; 
	padding:8px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	line-height: 3em;
	
}

.daikou{
    background-color: #82f5a1;
    width: 100px;
    text-align: center;
    padding: 5px;
    border-radius: 18px;
    float: left;
}

.dodaikou{
    background-color: #1e87bb;
    width: 130px;
    text-align: center;
    padding: 5px;
    border-radius: 18px;
    float: left;
    color: #FFF;
    position:relative;
}
.dodaikou a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.dodaikou:hover{
	background-color: #274c5e;
}


/*ペイペイダイアログ*/

.popup {
    display: none;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.content{
    background: #fff;
    padding: 30px;
    width: 70%;
	position:relative;
}
.content .buttons{
	display: flex;
    justify-content: space-around;
}
	
.show {
    display: flex;
    justify-content: center;
    align-items: center;
}
#confirm .message{
	margin-bottom: 20px;
}

#ok {
  background-color: #bcf1ff;
	color: #000000;
	height: 80px;
}
#cancel {
  background-color: #ffbcbc;
	color: #000000;
	height: 80px;
}

#closepay {
	position:absolute;
	right:0;
	top:-10px;
	font-size: 25px;
}
#paybackgr{
	display: none;
    height: 100vh;
    width: 100%;
    background: black;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
}
.viewpay{
	display:block;
}


.setPosition1{
    top: 217px;
	width: 80%;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}
.setPosition2{
    top: 60px;
	width: 90%;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}



@media only screen and (max-width: 360px) {
.staff_icon{
	width:70%
}

.staff_head{
	width:100%;
	margin-bottom:20px;
}

.fuctionbtn{
	width:350px;
	margin:0 auto;
	overflow:hidden;
}
.staff_img98{
	display:none;
}
.staff_img{
	display:none;
}

.cafe_help{
	padding:10px 10px 0;
	background-color:#FFF;
	margin-bottom: 150px;
        overflow: hidden;
}

.cafe_help dt{
	border: 2px solid #4B2C03;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	float: initial;
}
.stf_idx_icon{
	float:left; 
	margin:0px;
}

.pcecalp{
	float:left;
	width:40% !important;
}
.pcecalp img{
	width:70% !important;
}

}
@media only screen and (min-width: 361px) and (max-width: 980px) {
.staff_icon{
	width:100%
}

.staff_head{
	width:100%;
	margin-bottom:20px;
}

.fuctionbtn{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}

.staff_img64{
	display:none;
}
.staff_img{
	display:none;
}


.cafe_help{
	padding:10px 10px 0;
	background-color:#FFF;
	margin-bottom: 150px;
        overflow: hidden;
}

.cafe_help dt{
	border: 2px solid #4B2C03;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	float: initial;
}
.stf_idx_icon{
	float:left; 
	margin:7px;
}

.pcecalp{
	float:left;
	width:36% !important;
}
.pcecalp img{
	width:70% !important;
}

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

.staff_icon{
	width:70%
}

.staff_head{
	width:980px;
	margin:0 auto;
	margin-bottom:20px;
}

.fuctionbtn{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

.staff_img98{
	display:none;
}
.staff_img64{
	display:none;
}

.cafe_help{
	padding:10px 10px 0;
	background-color:#FFF;
	margin-bottom: 150px;
        overflow: hidden;
}

.cafe_help dt{
	overflow: hidden important;
	border: 2px solid #4B2C03;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	float: initial;
}
.cafe_help dd{
	margin:initial;
}
.stf_idx_icon{
	float:left; 
	margin:7px;
}

.pcecalp{
	float:left;
	width:22% !important;
}
.pcecalp img{
	width:100% !important;
}

.setPosition1{
	top: 224px;
	width: 788px;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}
.setPosition2{
	top: 60px;
	width: 788px;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}

}/*@media*/


a:link { color: #af921b; }
a:visited { color: #af921b; }
a:hover { color: #84701a; }
a:active { color: #84701a; }

.mvtoday{
	cursor: pointer;
}

.stafftag{
	float:left;
	border: 1px solid #229EFD; 
	padding:5px;
	border-radius: 7px;
}

.stafftag a{
	display:block;
}

.stafftag:hover{
	background-color:#ebc44e;
	cursor: pointer;
	color:#000 !important;
}

.stafftag_on{
	color:#000 !important;
	background-color:#ebc44e;
}

.messang_on{
	background-color:#0D5F9E;
}

.staff_regist{
	float:right; 
	width:150px
}

.staff_regist i.cafe{
	color:#FF0000;
}
.staff_regist i.pce{
	color:#0065ff;
}

.staff_guide_link{
　width: 150px;
    height: 20px;
    margin: 10px;
    float: left;
    border: 1px solid #96c2c3;
    text-align: center;
}

table.staffcal {
table-layout:fixed;
margin:0 auto;
border: 1px #3f1809 solid;
border-collapse: collapse; 
width:95% !important;
}

table.regitable {
table-layout:fixed;
margin:0 auto;
border: 1px #3f1809 solid;
border-collapse: collapse; 

}

td.tarea, th{
overflow:hidden;
white-space: nowrap;
border: 1px #3f1809 solid;
padding:5px;
}

.schlink a{
width:100%;
padding-top:5px;
padding-right:3px;
margin-top:2px;
display:block;
border: 1px solid #372d12;
color: #3f1809 !important;
border-radius: 7px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */  
}

.calchgbtn a i{
	font-size:40px;
	color: #3f1709;
}

.sflink a:hover{
background-color:#6699ff;
}

.sflink a{
width:95%;
padding-top:5px;
padding-right:3px;
margin-top:2px;
display:block;
border: 1px solid #372d12;
color: #3f1809 !important; 
border-radius: 7px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */  
}


/* スタッフメッセージ：メッセージが３件以上ある場合 */  
.sflink_ov{
width:95%;
padding-top:5px;
padding-right:3px;
margin-top:2px;
display:block;
border: 1px solid #372d12;
color: #3f1809 !important; 
border-radius: 7px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */  
}

td.stfmess, th{
overflow:hidden;
border: 1px #3f1809 solid;
padding:5px;
}

.stfmess_sel_box{
	width: 95%;
    margin: 0 auto;
    text-align: center;
    padding-bottom:30px;

}

.stfmess_sel_bt{
	width: 46%;
    float: left;
    border: 1px solid #3b2f2d;
    background-color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #3b2f2d;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.stfmess_bt_select {
    background-color: #f19600 !important;
}

td.stfmessview, th.stfmessview{
overflow:hidden;
border: 2px #f3cc1d solid;
padding:5px;
}

.fromstf{
	background-color: #f3cc1d;
	padding:5px;
}

.stfmess_box {
    width: 93%;
    min-height: 115px;
    padding: 5px;
    float: left;
    margin: 5px;
    border: 1px solid #ffbe2b;
    color: #3f1809;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.stfmes_title {
    background-color: #f9d50d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    color: #6f5437;
}

.stfmess_intro{
	width:90%;
	text-align:left;
	line-height:1.3em;
	display: block;
	padding:5px;
	margin: 0 auto;
    margin-bottom: 10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.stfmess_intro2{
	width:90%;
	text-align:left;
	line-height:1.3em;
	display: block;
	border: 2px solid #e6bb24;
	padding:5px;
	margin: 0 auto;
    margin-bottom: 10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.schlink a:hover{
background-color:#6699ff;
}

.callink{
	color:#000;
}

.clschlink{
	background-color:#cccccc;
	width:100%;
	padding-top:5px;
	margin-top:2px;
	display:block;
	color: #8a8a8a !important;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.unschlink a{
background-color:#cccccc;
width:100%;
padding-top:5px;
margin-top:2px;
display:block;
color: #8a8a8a !important;
}
.unschlink a:hover{
background-color:#FFA230;
}

.theme{
width:100%;
padding:2px;
margin-top:2px;
display:block;
border: 1px solid #3b2f2d;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}

.newreg{
float:right;
}

.date{
margin:0 auto;
width:200px;
}

.newbt{
display:block;
background-color:#339900;
color:#FFF !important;
font-size:10px;
padding:2px;
}
.newbt:hover{
background-color:#3994f0;
}






@media only screen and (max-width: 980px) {
	.googleAreCL2{
		position: relative;
		padding-bottom: 100%; // これが縦横比
		margin-top:15px;
		overflow:auto;
		height: 300px;
		width:90%;
		-webkit-overflow-scrolling:touch;
		  display:block; /* 追加で指定 */
		  border: 1px solid #f4cd1e;
	}
	.googleAreCL2 iframe,enbed,object{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	border:none; /* 追加で指定 */
	  display:block; /* 追加で指定 */
	}
	
.selectarea{
width:100%;
margin:0 auto;
}

.stfselectarea{
width:90%;
margin:0 auto;
}

	
}/*-@media*/
	
@media only screen and (min-width: 480px) {
.calset{
width:100%;
height:100%;
margin-top:20px;
font-size:1.5em;
border: 1px solid #3f1809;
overflow:auto;
-webkit-overflow-scrolling:touch;
}




} /*-@media*/

@media only screen and (max-width: 480px) {
.calset{
width:100%;
height:600px;
margin-top:20px;
font-size:1.5em;
border: 1px solid #3f1809;
overflow:auto;
-webkit-overflow-scrolling:touch;
}


.selectarea{
	width: 100%;
    margin: 0 auto;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
    top: 284px;
}

.Fav .selectarea{
	position:unset;
	background-color:unset;
}

.setPosition1{
    top: 258px;
	width: 70% !important;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}
.setPosition2{
    top: 60px;
	width: 90%;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}

}/*-@media*/



/*カレンダーお知らせ */  
#animate-4-title{
	position:relative;
}

#animate-4-title:after{
		font-family: "Font Awesome 5 Free";
    content: "\f102";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: 5px;
    font-weight: 900;
    color: #3f1809;
    transition: 0.4s;
    animation: arrup 2s ease -2s infinite alternate;
}

@keyframes arrup {
	0% {
		top: 10px;
	}
	10% {
		top: 5px;
	}
	20% {
		top: 10px;
	}
}

#calannounce .arrow{
	position:relative;
}

#calannounce .arrow:after{
		font-family: "Font Awesome 5 Free";
    content: "\f103";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: 5px;
    font-weight: 900;
    color: #3f1809;
    transition: 0.4s;
    animation: arrdwn 2s ease -2s infinite alternate;
}



@keyframes arrdwn {
	0% {
		top: 10px;
	}
	10% {
		top: 15px;
	}
	20% {
		top: 10px;
	}
}


div#animate-4-title {
	float: left;
	background-color:rgba(243,204,30, 0.7);
	text-align: center;
	font-family: HAL;
	font-weight:bold;
	    font-size: 20px;
    color: #3f1809;
    padding: 10px 25px 10px 10px;
}
div#animate-4-block {
	float: left;
	width: 100%;
	background-color:rgba(0,0,0, 0.7);
	line-height:23px;
	font-size:12px;
	padding:5px;
}
div#cafinfo-title{
	float: left;
	background-color:rgba(243,204,30, 0.7);
	width: 115px;
	text-align: center;
	font-size: 18px;
	color: #3f1809;
	padding:10px 0;
}
div#cafinfo-block {
	float: left;
	width: 100%;
	background-color:rgba(0,0,0, 0.7);
	line-height:23px;
	font-size:12px;
	padding:5px;
	text-align: left;
    padding-left: 10px;
}

@media only screen and (min-width: 400px) {
.favcafelist{
width: 80%;
height:20px;
display: block;
overflow:hidden;
padding: 4px;
padding-right: 3px;
margin-top: 7px;
font-size: 18px;
border: 1px solid #372d12;
color: #3f1809;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
background: #FFF;
}

.uparea{
width: 28px;
display: block;
overflow:hidden;
padding: 1px;
padding-right: 3px;
margin-top: 5px;
font-size: 12px;
border: 1px solid #372d12;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

.nouparea{
width: 29px;
display: block;
overflow:hidden;
padding: 1px;
padding-right: 3px;
margin-top: 5px;
font-size: 12px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

.delarea{
width: 28px;
display: block;
overflow:hidden;
padding: 5px;
padding-right: 3px;
margin-top: 5px;
font-size: 14px;
border: 1px solid #372d12;
background-color:#FF0000;
color:#FFF !important;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

#calannounce{
	position:fixed;
	bottom:1px;
	width:100%;
	z-index:1;
	display:table;
}

.pickupbottom a{
	text-decoration:underline;
}


}/*-@media*/


@media only screen and (max-width: 400px) {
.favcafelist{
	width: 80%;
	height:16px;
	display: block;
	overflow:hidden;
	padding: 4px;
	padding-right: 3px;
	margin-top: 7px;
	font-size: 18px;
	border: 1px solid #372d12;
	color: #3f1809;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	float:left;
	background: #FFF;
}

.uparea{
width: 28px;
display: block;
overflow:hidden;
padding: 2px;
padding-right: 3px;
margin-top: 5px;
font-size: 12px;
border: 1px solid #372d12;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

.nouparea{
width: 29px;
display: block;
overflow:hidden;
padding: 2px;
padding-right: 3px;
margin-top: 5px;
font-size: 12px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

.delarea{
width: 28px;
display: block;
overflow:hidden;
padding: 5px;
padding-right: 3px;
margin-top: 5px;
font-size: 10px;
border: 1px solid #372d12;
background-color:#FF0000;
color:#FFF !important;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
float:left;
}

#calannounce{
	position:fixed;
	bottom:1px;
	width:100%;
	z-index:1;
	
}



}/*-@media*/

.price{
	position: relative; 
	font-size:0.8em;
	text-align:right;
}


.regbtn_wrp{
	width:100%; 
	text-align:center; 
	margin:20px 0; 
	font-size:20px; 
	color:#ff0000; 
	position:relative;
}

.regbtn_wrp2{
	width:100%; 
	text-align:center; 
	margin:20px 0; 
	font-size:20px; 
	color:#ff0000; 
}





.regbutton{
position: relative;
width: 300px;
padding: 10px;
font-size:1.3em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: -webkit-linear-gradient(top, #fff 0%,#ff9966 100%);
background: linear-gradient(to bottom, #fff 0%,#ff9966 100%);
}

.regbutton:hover{
position: relative;
width: 300px;
padding: 10px;
font-size:1.3em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: -webkit-linear-gradient(top, #ff9966 0%,#fff 100%);
background: linear-gradient(to bottom, #ff9966 0%,#fff 100%);
}



table.calregist_table{
	border: 1px solid #4c4c4c;
	padding:10px;
	margin:0 auto;
}

table.calregist_table td{
	border-bottom: 1px solid #4c4c4c;
	border-right: 1px solid #4c4c4c;
	padding:10px;
}


table.rirekitable {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
} 

table.rirekitable th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	padding:5px;
	color:#ffffff;
} 


table.rirekitable td.t_line01 {
	background-color: #fff;
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:15px;
}

table.rirekitable td.t_line02 {
	background-color: #fff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:15px;
}

/*account-list*/

.sumcate{
	border: 1px solid #229EFD; 
	padding:5px;
	border-radius: 7px;
    　-webkit-border-radius: 7px;
    　-moz-border-radius: 7px;
	float:left;
	margin-left:2px;
}

.sumcate_on{
	background-color:#0D5F9E;
	color:#FFF;
}

.sumcate:hover,.sumcate2:hover{
	background-color:#ebc44e;
	cursor: pointer;
	color:#000 !important;
}


.sumcate2{
	border: 1px solid #229EFD; 
	padding:5px;
	border-radius: 7px;
    　-webkit-border-radius: 7px;
    　-moz-border-radius: 7px;
	float:right;
	margin-left:2px;
}


table.summary {
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1180px;
} 

table.summary th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 

table.summary th.t_date {
	background:#51960;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.summary td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

table.summary td.t_line02 {
	background-color: #fffcde;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}


table.privatesum {
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1020px;
} 

table.privatesum th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 

table.privatesum td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}


table.enview {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:2013px;
} 

table.enview th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.enview td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.summ01{width:146px;}
.summ02{width:260px;}
.summ03{width:210px;}
.summ04{width:70px; text-align:center;}
.summ05{width:102px;}
.summ06{width:88px;}
.summ07{width:104px;}
.summ08{width:62px; text-align:center;}
.summ09{width:87px;}
.summ10{width:88px;}
.summ11{width:129px;}
.summ12{width:68px; text-align:center;}


table.stfsummary {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1063px;
} 

table.stfsummary2 {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1060px;
} 


table.atclose {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:840px;
} 

table.atclose th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.atclose td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}


table.atclose .close01{width:110px;text-align:center;}
table.atclose .close02{width:300px;}
table.atclose .close03{width:150px;}



table.stfsummary th.t_top, table.stfsummary2 th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.stfsummary td.t_line01, table.stfsummary2 td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
	word-break: break-all;
}


table.histview {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
} 

table.histview th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.histview td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.scroll{
  height:500px; 
  width:1064px; 
	overflow-y-scroll;
  -webkit-overflow-scrolling: touch
}

.scroll2{
  height:500px; 
  width:1080px; 
  overflow:scroll; 
  -webkit-overflow-scrolling: touch
}

.stfsum_arrart{
	background-color:#be8599 !important;
}

.stfsum_today{
	background-color:#ffffea !important;
}

.stfsum_satday{
	background-color:#f0f8ff !important;
}

.stfsum_sunday{
	background-color:#fef0ef !important;
}

.sumallcnt{
	text-align:center;
	font-weight:bold;
}

.sumtd01{width:128px;}
.sumtd02{width:320px;}
.sumtd03{width:60px;}
.sumtd04{width:120px; text-align:center; vertical-align:middle;}

.mess01{width:176px;}
.mess02{width:207px;}
.mess03{width:570px;}
.mess04{width:100px;}

.msg_btn{
	    border: 1px solid #229EFD;
    padding: 5px 15px;
    margin: 5px 1px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    float: left;
}


.goods01{width:155px;}
.goods02{width:165px;}
.goods03{width:559px;}
.goods04{width:100px; text-decoration:none;}
.messretbg{background-color:#FFFBD3 !important;}


div.goods_bt{
	position: relative;
	background-color:#176fce;
	font-size: 1em;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}

div.goods_btr{
	position: relative;
	background-color:#CF6017;
	font-size: 1em;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}

div.goods_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


table.payment {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1385px;
} 

table.payment th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.payment td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}


.paytd00{width:50px;}
.paytd01{width:220px;}
.paytd02{width:480px;}
.paytd03{width:100px; text-align:center;}
.paytd04{width:200px;}
.paytd05{width:80px;}
.paytd06{width:95px;}

table.cardlist {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1130px;
} 

table.cardlist th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.cardlist td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.caedtd00{width:300px;}
.caedtd01{width:200px;}
.caedtd02{width:300px;}
.caedtd03{width:80px;  text-align:center !important;}
.caedtd04{width:230px;}


.black1{width:90px; text-align:center !important;}
.black2{width:280px;}
.black3{width:400px;}
.black4{width:100px;  text-align:center !important;}
.black5{width:170px;}



table.cardpay {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1150px;
	padding:5px;
} 

table.cardpay th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.cardpay td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

table.cardpay td.t_linesum {
	background-color: #ffeaea;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.cardpay01{width:314px;}
.cardpay02{width:150px;}
.cardpay03{width:300px;}
.cardpay04{width:90px; text-align:center !important;}
.cardpay05{width:180px;}
.cardpay06{width:180px;}



table.cardpayback {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1150px;
} 

table.cardpayback th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.cardpayback td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.cardpaybk01{width:288px;}
.cardpaybk02{width:180px;}
.cardpaybk03{width:250px;}
.cardpaybk04{width:98px;}
.cardpaybk05{width:75px;}
.cardpaybk06{width:180px;}


table.makepayment {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:800px;
	margin:0 auto;
} 

table.makepayment th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:10px;
} 


table.makepayment td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:10px;
}

table.makepayment td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:10px;
}
table.makepayment td.t_line01 input{
	height:30px;
	width:80%;
	font-size:18px;
}

table.makepayment td.t_send {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:10px;
	text-align:center;
}

table.makepayment td.t_send button{
	width:100px;
	height:30px;
	font-size:18px;
}	



table.cafelank {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1577px;
} 

table.cafelank th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.cafelank td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.cafelank01{width:40px; text-align: center;}
.cafelank02{width:129px; text-align: center;}
.cafelank08{width:90px; text-align: center;}
.cafelank03{width:120px; text-align: center;}
.cafelank04{width:167px;}
.cafelank05{width:120px; text-align: center;}
.cafelank06{width:106px; text-align: center;}
.cafelank07{width:50px; text-align: center;}



table.rankcount {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:990px;
} 

table.rankcount2 {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:990px;
} 

table.rankcount th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.rankcount td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

table.rankcount2 {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1170px;
} 

table.rankcount2 th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.rankcount2 td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}
.rankcount01{width:40px; text-align: center;}
.rankcount02{width:120px; text-align: center;}
.rankcount03{width:50px; text-align: center;}
.rankcount04{width:100px; text-align: center;}
.rankcount05{width:30px;}
.rankcount06{width:120px; text-align: center;}
.rankcount07{width:100px; text-align: center;}
.rankcount08{width:120px; text-align: center;}
.rankcount09{width:220px; text-align: center;}
.rankcount10{width:233px; text-align: center;}
.rankcount10{width:300px; text-align: center;}

.scroll3{
  height:500px; 
  width:990px; 
  overflow:scroll; 
  -webkit-overflow-scrolling: touch
}

.scroll4{
  height:500px; 
  width:1170px; 
  overflow:scroll; 
  -webkit-overflow-scrolling: touch
}


table.pointview {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1600px;
} 

table.pointview th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.pointview td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.pointview01{width:270px;}
.pointview02{width:89px; text-align:center;}
.pointview03{width:270px; text-align:center;}
.pointview04{width:150px;}
.pointview05{width:110px; text-align:center;}

table.limittkc {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:800px;
} 

table.limittkc th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.limittkc td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.limittkc01{width:200px;}
.limittkc02{width:400px;}
.limittkc03{width:200px; text-align:center;}


.tickupbt{
	float:right; 
	background-color:#ddb922; 
	padding:2px; 
	display:block;
	color:#3b2f2d;
	border-radius: 4px;
	border: 0px;
}
.tickupbt2{
	float:left; 
	background-color:#ddb922; 
	padding:2px; 
	display:block;
	color:#3b2f2d;
	border-radius: 4px;
	border: 0px;
	margin-top:5px;
	margin-right:3px;
}
.tickupbt:hover,
.tickupbt2:hover{
	background-color:#FF6803; 
}

.mlchgbt{
	float:right; 
	background-color:#e4abac; 
	padding:2px; 
	display:block;
	color:#3b2f2d;
	border-radius: 4px;
	border: 0px;
}
.mlchgbt:hover{
	background-color:#FF6803; 
}

.nolankbt{ 
	background-color:#aef3c9; 
	padding:3px; 
	display:block;
	color:#3b2f2d;
	border-radius: 4px;
	border: 0px;
	display: inline-block;
}
.nolankbt:hover{
	background-color:#FF6803; 
}

.pviewbt{ 
	background-color:#d08588; 
	padding:3px; 
	display:block;
	color:#3b2f2d;
	border-radius: 4px;
	border: 0px;
	display: inline-block;
}
.pviewbt:hover{
	background-color:#5d3436; 
}

table.request {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1529px;
} 

table.request th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.request td.t_line01 {
	background-color: #fff;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.req01{width:40px; text-align: center;}
.req02{width:120px; text-align: center;}
.req03{width:100px; text-align: center;}
.req04{width:100px; text-align: center;}
.req05{width:100px; text-align: center;}
.req06{width:100px; text-align: center;}
.req07{width:200px;}

/*staff-list*/

tbody.scrollBody{
  overflow-y:scroll;
  height:500px;
}

.stfid{width:70px;}
.stfevent{width:150px;}
.stfarea{width:280px;}
.stfplace{width:200px;}
.stfplacecode{width:100px;}
.stfstarttime{width:100px;}
.stfdate{width:100px;}
.stfnickname{width:200px;}
.stfreserv{width:200px;}
.stfname{width:200px;}
.stfemail{width:350px;}
.stfemailsub{width:350px;}
.stfphone{width:150px;}
.stfpay{width:100px;}
.stfmobile{width:100px;}
.stfbirthday{width:100px;}
.stffrek{width:200px;}
.stfjoin{width:150px;}
.stfjob{width:200px;}
.stfnote{width:300px;}
.stfadd{width:100px;}

table.stafflist,table.stafflist_bd {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 14px;
	color:#333333;
	border-bottom:1px dotted #999999;
} 

table.stafflist_bd td span.vname{
	font-size: 16px;
	font-weight: bold;
}

.stflist_sumbit{
	background-color: #295caa;
    padding: 10px 50px;
    color: #fff;
		font-size:18px;
}
.stflist_sumbit:hover{
	background-color: #294f77;
}

.stflistbackbtn{
	width:120px;
	background-color:#295caa;
	color:#fff;
	float:right;
	padding:5px 10px;
	margin-bottom:10px;
}
.stflistbackbtn a{
	color:#fff !important;
}
.stflistbackbtn:hover{
	background-color: #294f77;
}

.stflist_cafedel{
	width:150px;
	background-color:#cf0808;
	color:#fff;
	float:left;
	padding:5px 10px;
	margin-bottom:10px;
}
.stflist_cafedel a{
	color:#fff !important;
}
.stflist_cafedel:hover{
	background-color: #961a1a;
}


table.inputstaff input,
table.inputstaff textarea{
	font-size:16px;
}


table.stafflist th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	padding:5px;
	color:#ffffff;
} 
.pcesort{
	margin-bottom:5px;
	overflow:hidden;
	padding:5px;
	background-color: #e0edf5;
}
.pcesort .boxtop{
	float:left;
}
.pcesort .box{
	float:left;
	border:1px solid #ccc;
	border-radius:5px;
	padding:0 5px;
	margin-right:5px;
	background-color: #FFF;
}
.pcesort .box a{
	color:#000;
}
.pcesort .pcesoton a{
	color:#fff;
}
.pcesort .box:hover{
	background-color:#0c5f9e;
}
.pcesort .box:hover a{
	color:#fff;
}
.pcesort .pcesoton{
	background-color:#0c5f9e;
	color:#fff;
}

table.stafflist_bd td.t_line01 {
	background-color: #fff;
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
}

table.cafelist,table.stafflist_bd {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 14px;
	color:#333333;
	border-bottom:1px dotted #999999;
} 

table.cafelist th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	padding:5px;
	color:#ffffff;
} 

table.cafelist td.t_line01 {
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
}

table.cafelist td.tel{
	width: 120px;
}

table.cafelist th.title1{
	background-color:#f0ebd8;
	color:#392d03;
	font-size:20px;
}

.cafetel_chang{
	text-align:center !important;
}

.cafetel_chang:hover{
	background-color:#5CA4C0;
}


table.stafflist_bd td.gusuu{
	background-color:#FCFCE3;
}
table.cafelist th.wdays{
	background-color:#392d03;
	color:#fff;
	width:40px;
}

table.stafflist_bd td.time{
	width:150px;
}
table.stafflist_bd td.cafe{
	width:440px;
}
table.stafflist_bd td.tel{
	width:150px;
}
table.stafflist_bd td.chkbox{
	width:20px;
}


table.stafflist_bd th.title1{
	background-color:#f0ebd8;
	color:#392d03;
	font-size:20px;
}

.staff_name{
   width: 93%;
    padding:10px;
    display: block;
    margin-bottom:5px;
    border: 1px solid #372d12;
    color: #3f1809;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.late_select{
	width: 50px;
	height:25px;
	float: left;
	margin:5px;
	border: 1px solid #DDD; 
	color:#111;
	font-size:20px;
	font-weight:bold;
	padding: 5px 0 0 5px;
	   display:block;
	   position:relative;
}

.pre_late_select{
	width: 62px;
    height: 35px;
    float: left;
    margin: 0 5px;
    border: 1px solid #DDD;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 0 5px;
    display: block;
    position: relative;
}

.late_select a, .pre_late_select a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.late_mk{
	width: 40px;
    height: 15px;
    font-size: 12px;
    border: 2px solid #FDB707;
    right: 3px;
    bottom: 3px;
    position: absolute;
    padding: 3px 0 0 3px;
}


.helpbox{
	width:95%;
	border: 1px solid #372d12;
	margin:0 auto;
	margin:5px;
	overflow:hidden;
	border-radius: 5px;
    　-webkit-border-radius: 5px;
    　-moz-border-radius: 5px;
}


.help_mess{
	width:90%;
	height:20px;
	background-color:#FAB70F;
	color:#fff;
	text-align:center;
	border: 1px solid #DDA007;
	font-size:18px;
	position:relative;
	cursor:pointer;
	margin:0 auto;
	margin-bottom: 10px !important;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:5px;   /* Firefox用 */  
}

.help_returm{
	width:20%;
	height:30px;
	background-color:#0781DE;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border: 1px solid #096EBB;
	font-size:15px;
	position:relative;
	cursor:pointer;
	margin:0 auto;
	padding-top:10px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:3px;   /* Firefox用 */  
}

.scharrowR{
	vertical-align: middle;
	padding-right: 50px;
}
.scharrowL{
	vertical-align: middle;
	padding-left: 50px;
}

.buttonR {
  display: inline-block;
  border: none;
  padding: 10px;
  width: 60px;
  height:30px;
  cursor: pointer;
  margin: 5px;
	position: relative;
}


.buttonR:after {
	font-family: "Font Awesome 5 Free";
  content: "\f100";
	font-weight: 900;
	font-size: 36px;
	color: #3f1709;
	position: absolute;
	top:0px;
}

.buttonL {
  display: inline-block;
  border: none;
  padding: 10px;
  width: 60px;
  height:30px;
  cursor: pointer;
  margin: 5px;
	position: relative;
}
.buttonL:after {
	font-family: "Font Awesome 5 Free";
  content: "\f101";
	font-weight: 900;
	font-size: 36px;
	color: #3f1709;
	position: absolute;
	top:0px;
}

.caltoday{
	font-size:35px;
	margin-right: 3px;
	color: #3f1609;
}
.todaytxt{
	color: #3f1609 !important;
}

/*stf_work_availability*/

.work_fin{
	margin-top:30px;
	text-align:center;
	color:#d4040d;
	font-size:20px;
}
.availability a{
width: 95%;
padding: 10px 0px 10px 10px;
margin-top:2px;
display:block;
border: 1px solid #372d12;
color: #3f1809;
border-radius: 7px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */  
}
.availability a:hover{
  background-color: #61bb68;
	color:#fff;
}

.availability a i{
	float: right;
	padding-right: 10px;
}
/*ラジオ／チェックボックス*/

.availability label{
width: 100%;
padding: 10px 0px 10px 10px;
margin-top:2px;
display:block;
border: 1px solid #372d12;
color: #3f1809 !important;
border-radius: 7px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */  
}

.avacheckbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}



input[type=checkbox]:checked + .avacheckbox {
  background: #8c8c8c;
	color:#FFF !important;
}
.avacheckbox:after{
	content: "OK";
	position: absolute;
	right: 5px;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px;
	top: 0;
	margin: 5px;
	background-color: #FFF;
	color: #000;

}
input[type=checkbox]:checked + .avacheckbox:after {
  content: "NO";
	position: absolute;
	right: 5px;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px;
	top: 0;
	margin: 5px;
	background-color: #000;
	color: #FFF;
}




.work_availability_title{
	text-align:center;
	font-weight:bold;
	font-size: 20px;
	margin-bottom: 10px;
	color: #3f1709;
}
.work_availability_title span{
	color: #da4410;
	font-size: 20px;
}
	
.fa-arrow-circle-up{
	font-size:30px;
	margin-top:10px;
	color: #3f1609;
}

.mstset{
	color: #0c2e7b !important;
	word-break: keep-all;
}
.mstset i{
	font-size:40px;
	color: #0c2e7b;
}

.work_daylist{	
	color: #2c7b0c !important;
}
.work_daylist i{
	font-size:40px;
	color: #2c7b0c;

}
/*privatelesson-list*/

table.plessen {
	background-color: #FFF;
	border-top:#000 3px double;
	border-collapse: collapse;
	font-size: 12px;
	color:#333333;
	border-bottom:1px dotted #999999;
	width:1110px;
} 

table.plessen th.t_top {
	background:#333333;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	color:#ffffff;
	padding:5px;
} 


table.plessen td.t_line01 {
	vertical-align: top;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:5px;
}

.plessen01{width:100px;}
.plessen02{width:120px;}
.plessen03{width:120px;}
.plessen04{width:70px; text-align:center;}
.plessen05{width:250px;}
.plessen06{width:250px; font-size:90%;}
.plessen07{width:100px;}
.plessen08{width:50px; text-align:center;}
.plessen09{width:120px;}
.plessen10{width:100px;}

button.pcustomer{
    background-color: #228edd;
    padding: 10px;
    display: block;
    color: #FFF;
    border-radius: 4px;
    border: 0px;
}

button.pcustomer:hover{
    background-color: #355973;
}

.preivate_quit{
    background-color: #bf1645;
    padding: 10px;
    display: block;
    color: #FFF;
    border-radius: 4px;
    border: 0px;
}

.preivate_lost{
    background-color: #727272;
    padding: 10px;
    display: block;
    color: #FFF;
    border-radius: 4px;
    border: 0px;
}

.preivate_quit:hover{
    background-color: #95012b;
}

.preivate_reentry{
    background-color: #5a8b19;
    padding: 10px;
    display: block;
    color: #FFF;
    border-radius: 4px;
    border: 0px;
}

.preivate_reentry:hover{
    background-color: #395614;
}

table.plessen_pup{
	margin:15px 15px 15px 30px;
}

table.plessen_pup td{
	background-color:#ececec;
	padding-left:10px;
}


.plsn_cal_title{
	    width: 75%;
    margin: 0 auto;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2em;
    background-color: #8e7d27;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
	}





@media only screen and (min-width: 681px) {
	.accordion dt{
		  width:90%;
		  margin:0 auto;
	}
	.accordion dd{
		  padding:5px;
		  float:left;
	}
	
	dl {
	  width:90%;
	}
	dt {
	  float:left;
	  padding:5px;
	  font-weight:bold;
	  color:#372d12;
	width: 100%;
	}
	dd {
	  margin-left:80px;
	  padding:5px;
	}
	
	#sm{
		display: none;
	}
	#5incbr{
		display: none;
	}
	
	
	.font_enH1{
		font-family:HAL;
		font-size:50px; 
		color:#3f1809;
	}
	
	.font_jpH1{
		font-family:HAN;
		font-size:20px; 
		color:#3f1809;
	}
	.font_enH2{
		font-family:HAL;
		font-size:40px; 
		color:#3f1809;
	}
	.font_jpH2{
		font-family:HAN;
		font-size:20px; 
		color:#3f1809;
	}
	
	.heading04{
	position:relative;
	margin:0 -1px;
	font:bold 20px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#e6bb24;
	background:#955824;
	margin:30px 0 20px;
	-webkit-transform: rotate(-1deg) skew(-1deg);
	-moz-transform: rotate(-1deg) skew(-1deg);
	-o-transform: rotate(-1deg) skew(-1deg);
	-ms-transform: rotate(-1deg) skew(-1deg);
	transform: rotate(-1deg) skew(-1deg);
	}
	
	.pickup{
		float:left;
		margin:0 auto;
		width:90%;
		padding:5px 10px;
		text-align:left;
		margin-left:50px;
	}
	.pickup a{
		color:#3f1809;
		line-height:1.5em;
	}
	
	.calselect-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float:left;
	}
	
	select::-ms-expand {
	display: none;
	}
	
	.calselect-box01 select {
	position: relative;
	width: 250px;
	padding: 10px;
	font-size:1.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	}
	
	.calselect-box01 label {
	position: relative;
	}
	
	.select-box02 label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: url(../images/arrow02.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
	}
	
	.calselect-box01a select {
	position: relative;
	width: 300px;
	padding: 10px;
	font-size:1.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	}
	
	.calselect-box03 select {
	position: relative;
	width: 250px;
	padding: 5px;
	font-size:16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	float:left;
	}
	
.stfregbt{
	width:22%;
	text-align:center;
	float:left;
	color:#FFF;
	margin-top:10px;
}

}

@media only screen and (max-width: 680px) {
	dl {
	  width:95%;
	}
	dt {
	  padding:5px;
	  font-weight:bold;
	  color:#372d12;
	}
	dd {
	  padding:5px;
	  margin-left:10px;
	  line-height:1.3em;
	}
	
	#pc{
		display: none;
	}
	
	#5incbr{
		display: none;
	}
	
	
	.font_enH1{
		font-family:HAL;
		font-size:50px; 
		color:#3f1809;
	}
	
	.font_jpH1{
		font-family:HAN;
		font-size:20px; 
		color:#3f1809;
	}
	.font_enH2{
		font-family:HAL;
		font-size:30px; 
		color:#3f1809;
	}
	.font_jpH2{
		font-family:HAN;
		font-size:15px; 
		color:#3f1809;
	}
	
	.heading04{
	position:relative;
	margin:0 -1px;
	font:bold 23px/1.2 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#e6bb24;
	background:#955824;
	margin:30px 0  10px;
	padding-left:25px;
	-webkit-transform: rotate(-1deg) skew(-1deg);
	-moz-transform: rotate(-1deg) skew(-1deg);
	-o-transform: rotate(-1deg) skew(-1deg);
	-ms-transform: rotate(-1deg) skew(-1deg);
	transform: rotate(-1deg) skew(-1deg);
	}
	
	
	.pickup{
		float:left;
		margin:0 auto;
		width:90%;
		padding:5px 10px;
		text-align:left;
		margin-left:10px;
	}
	.pickup a{
		color:#3f1809;
		line-height:1.5em;
	}
	
	.pickupbottom{
		float:left;
		margin:0 auto;
		width:90%;
		padding:1px 10px;
		text-align:left;
		margin-left:5px;
	}

	.calselect-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float:left;
	}
	
	select::-ms-expand {
	display: none;
	}
	
	.calselect-box01 select {
	position: relative;
	width: 100%;
	padding: 10px;
	font-size:1.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	}
	
	.calselect-box01 label {
	position: relative;
	}
	
	.select-box02 label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: url(../images/arrow02.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
	}
	
	.calselect-box01a select {
	position: relative;
	width: 300px;
	padding: 10px;
	font-size:1.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	}
	
	.calselect-box03 select {
	position: relative;
	width: 250px;
	padding: 5px;
	font-size:16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	float:left;
	}

.stfregbt{
	width:22%;
	text-align:center;
	float:left;
	color:#FFF;
	margin-top:10px;
}

.setPosition1{
    top: 258px;
	width: 80%;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;
}
.setPosition2{
    top: 60px;
	width: 90%;
    background-color: #e8c52c;
    padding: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: fixed;	
}
	
}/*-@media*/


.popupdetail_event{
	padding:20px 10px;
	background-color:#FFF;
	height: 90% !important;
	 background-image: url("/images/halloween2.png");
	background-position:right top;
	background-repeat:no-repeat;
}

.popupdetail{
	padding:40px 10px;
	background-color:#FFF;
	height: 90% !important;
}

.popupdetail_stf{
	padding:20px 10px 0;
	background-color:#FFF;
	margin-bottom: 10px;
	    overflow: hidden;
}

.stfmailsed_com{
	width:90%;
	border: 1px solid #FFCC00; 
	margin:0 auto;
	margin-bottom:20px;
	padding:5px;
	line-height:15px;
}

.popupdetail_of{
	padding:40px 10px;
	background-color:#e3e3e3;
	overflow:hidden;
}

.popupdetail_under{
	padding:10px 10px;
	background-color:#fdfce7;
	overflow:hidden;
}

.stldl{
	width:90%;
	margin:0;
	padding:2px;
}

.stf_sanka{
	margin: 3px 3px;
	padding:1px !important;
	width:100%;
	float:left;
	border-radius: 3px;        /* CSS3草案 */  
	    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 3px;
	    font-size:15px;
	    font-weight:bold;
}

.sanka{
	margin: 3px 3px;
	padding:2px;
	width:auto;
	float:left;
	border-radius: 3px;        /* CSS3草案 */  
	    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 3px;
}

.sanka_d .sankalnk{
	color:#000 !important;
	text-decoration:underline;
}

.sankalnk{
	color:#FFF !important;
	text-decoration:underline;
}

.sankalnkN{
	color:#FFF !important;
	text-decoration:underline;
}

.sanka_a{
	background-color:#955824;
	color:#fFF;
	padding:7px;
}
.sanka_b{
	background-color:#d29748;
	color:#fFF;
	padding:7px;
}
.sanka_c{
	background-color:#ceac32;
	color:#fFF;
	padding:7px;
}
.sanka_d{
	background-color:#eee9d6;
	color:#000;
	padding:7px;
}
.sanka_s{
	background-color:#5c3816;
	color:#fff;
	padding:7px;
}
.sanka_n{
	background-color:#372d12;
	color:#fFF;
	padding:7px;
}

.sanka_pce{
	border: 1px solid #3d3d3d;
	color:#4c4c4c;
	padding:7px;
}

.sanka_abc{
	border: 1px solid #D1D1D1;
}

.sanka_1{
	border-right: 10px solid #3d81ed;
}
.sanka_2{
	border-right: 10px solid #fff773;
}
.sanka_3{
	border-right: 10px solid #f17849;
}
.sanka_4{
	border-right: 10px solid #6ef263;
}
.sanka_5{
	border-right: 10px solid #3b97a9;
}
.sanka_6{
	border-right: 10px solid #562d8d;
}
.sanka_7{
	border-right: 10px solid #bb340b;
}
.sanka_8{
	border-right: 10px solid #bb340b;
}
.sanka_9{
	border-right: 10px solid #FF4747;
}
.sanka_11{
	border-right: 10px solid #41206d;
}
.sanka_21{
	border-right: 10px solid #6c6c6c;
}
.sanka_30{
	border-right: 10px solid #66F2FF;
}
.sanka_18{
	border-right: 10px solid #3d81ed;
}

.pointmk{
	width:20px;
	height:20px;
	float:right;
	background-color:#e9cc2c;
	color:#3f1809;
	text-align:center;
	padding-top:2px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

.sanka_abc .lsaide{
	float:left;
	width:25px;
}

.sanka_abc .rsaide{
	float:left;
	width:85%;
}

.stf_sanka_dtl{
	margin: 3px 3px;
	padding:7px !important;
	width:95%;
	float:left;
	border-radius: 3px;        /* CSS3草案 */  
	    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 3px;
	    font-size:12px;
}

.backcal{
	width:48%;
	height:40px;
	margin-right:5px;
	float:left;
	background-color:#0482e3;
	color:#fff;
	text-align:center;
	border: 1px solid #01589B;
	font-size:18px;
	position:relative;
}

.backcal a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.backcallink{
	color:#fff !important;
	padding-top: 10px;
}

.backcallink2{
	color:#fff !important;
	padding-top: 5px;
}

.backcal:hover{
	background-color:#0e67ac;
}

.particlink{
	width:48%;
	height:40px;
	float:left;
	background-color:#079C02;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #095F06;
	font-size:18px;
	display:block;
	position:relative;
	
}


.particlink a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.particlink{
	color:#fff !important;
}

.particlink:hover{
	background-color:#095F06;
}


.reportlink{
	width:48%;
	height:40px;
	float:left;
	background-color:#efe033;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #095F06;
	font-size:18px;
	display:block;
	position:relative;
	
}


.reportlink a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reportlink{
	color:#000 !important;
}

.reportlink:hover{
	background-color:#cec12c;
}

.cdcomment{
    color: #ffffff;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 10px;
    padding: 5px;
    border: solid 1px #ff0000;
    background-color: #ff6000;
    border-radius: 5px;
}

.repsendtitle{
	border-bottom: 2px solid #FFCC00; 
	border-top: 2px solid #FFCC00; 
	width:95%; 
	margin:0 auto; 
	padding:10px 0;
	font-weight:bold;
	font-size:1.3em;
}

.privatemore{
	width: 95%;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 1.3em;
}

.repcontitle{
	border-bottom: 2px solid #f17849; 
	border-top: 2px solid #f17849; 
	width:95%; 
	margin:0 auto; 
	padding:10px 0; 
	color:#f17849; 
	font-weight:bold;
	font-size:1.3em;
}

.stfchgforn{
	border-bottom: 2px solid #FFCC00; 
	width:99%; 
	margin:0 auto; 
	padding:10px 0;
	font-weight:bold;
	font-size:1.3em;
	margin-top:10px;
	margin-bottom:10px;
}


.stfinput {
    border: 0;
    padding: 5px;
    font-size: 1em;
    font-family: Arial, sans-serif;
    color: #000;
    border: solid 1px #ccc;
    margin: 0 0 10px;
    width: 85%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.stfbackbtn {
    margin: 0 auto;
    background: -moz-linear-gradient(top,#1e9bf3, 50%,#1e9bf3);
    background: -webkit-gradient(linear, left top, left bottom, from(#1e9bf3),to(#1e9bf3));
    color: #FFF;
    font-size: 1.5em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #1768b4;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    width: 30%;
    padding: 5px 5px 5px 5px;
    margin: 15px;
}

.pwformtiltm {
    width: 210px;
    text-align: left;
    margin-top: 10px;
    padding: 10px;
    font-weight: bold;
    color: #3f1808;
    float: left;
    font-size: 1.2em;
}
.pwregist{
    background: -moz-linear-gradient(top,#1e9bf3, 50%,#1e9bf3);
    background: -webkit-gradient(linear, left top, left bottom, from(#1e9bf3),to(#1e9bf3));
    color: #FFF;
    font-size: 15px;
    text-align:center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #1768b4;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    width: 80px;
    padding: 5px 5px 5px 5px;
    float:right;
}

.paylink{
	width:48%;
	height:50px;
	float:right;
	background-color:#EE5151;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #095F06;
	font-size:18px;
	display:block;
	position:relative;
	margin-right;5px;
}



.paylink a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.paylink{
	color:#000 !important;
}

.paylink:hover{
	background-color:#B13434;
}

.ofsanka{
	background-color:#939393;
	color:#FFF;
	margin: 3px 5px;
	padding:5px;
	width:auto;
	float:left;
	border-radius: 3px;        /* CSS3草案 */  
	    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 3px;
}

.dtwidth{
	width:80px;
}

.bbottom{
	border-bottom: 1px solid #e6bb24;
	overflow: hidden;
}

.sankabt{
	width: 39%;
	height:56px;
	    margin: 5px;
	    float: left;
	    font-size: 18px;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	   border: 1px solid #DDD;
	   color:#111;
	   padding: 10px;
	   overflow:auto;
	   display:block;
}

.sankabt_f{
	width: 39%;
	height:56px;
	    margin: 5px;
	    float: left;
	    font-size: 18px;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    background: -moz-linear-gradient(top,#d8d8d8 0%,#8c8c8c);
	    background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#8c8c8c));
	   border: 1px solid #DDD;
	   color:#111;
	   padding: 10px;
	   overflow:auto;
	   display:block;
}

.sankabt a, .sankabt_f a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.sankabt:hover, .sankabt_f:hover{
	background-color:#6ea6ec;
}

.joinbt1{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #3d81ed;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt1 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt2{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #fff773;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt2n{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #FFFDDA;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt2 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt3{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #f17849;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt3n{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #fbcebc;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt3 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.joinbt4{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #6ef263;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt4 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt5{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #3b97a9;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt5 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt6{
	width: 42%;
	height:47px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #562d8d;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 10px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt6n{
	width: 42%;
	height:47px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #bdabd5;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 10px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt6 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt11{
	width: 42%;
	height:47px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #41206d;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 10px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt11 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt7{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #6c6c6c;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt7n{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #dfdfdf;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt7 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt8{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #bb340b;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt8n{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #ffac93;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt8 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt9{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #FF4747;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}
.joinbt9 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.joinbt10{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 10px solid #66F2FF;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#111;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt10n{
	width: 42%;
	height:40px;
	float: left;
	margin:5px;
	background: #ffffff;
	border-top: 1px solid #DDD;
	border-left: 10px solid #bde0e3;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color:#dadada;
	font-size:18px;
	font-weight:bold;
	padding: 17px 0 0 3px;
	   display:block;
	   position:relative;
}

.joinbt10 a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*管理用*/

.stfcolor{
 color:f17849;
 }

.paynomes{
	padding:20px;
}

ol, ul {
  list-style: none;
}

.calmsend{
    float: left;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.reponclass{
	color:#FF0000;
}
.repoffclass{
	color:#000;
}

/*サポートカレンダーチェック*/
.cal_chk{
	position: absolute;
    right: 0;
    top: 3px;
    z-index: 1;
}

.telbox{
	padding:5px;
	background-color:#eeeeee;
	border-radius:5px;
	position:relative;
	cursor:pointer;
}
.telbox a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.telbox:hover{
	background-color:#dfdfdf;
}

.dentatu{
	background-color:#efefef; 
	width:95%; 
	max-height:150px; 
	overflow: scroll;
}

.dentatu dl dd{
    border: 2px solid #c6c6c6;
    margin-bottom:5px;
    color: #372d12;
    overflow: hidden;
}
    
.dentatu_option{
	height:30px;
	font-size:16px;
}

.dentatu_ipt{
	width:95%;
	font-size:16px;
}

.dentatu_btn{
	width:60px;
	height:30px;
	background-color:#ddb922;
	color:#000;
	font-size:16px;
	cursor:pointer;
}

.stflist{
	position:relative;
}

.stflistover{
	display: none;
}
.stflist:hover div.stflistover{
	position: absolute;
	display: block;
	bottom:25px;
	left:70px;
	width:200px;
	padding:10px;
	z-index:100;
	border: 1px solid #FFF;
	background-color:#303D7E;
	color:#FFF;

}

.closereload{
	margin-right:40px;
	position: absolute;
    top: 0;
    right: 2px;
	cursor:pointer;
}
.closereload:hover{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.cal_icons{
	background-color: #e9e9e9;
	text-align:left; 
	margin:5px 10px;
}

.cal_icons img{
	margin:3px;
	border: 1px solid #000;
}


/*メール配信*/
button.popbt01{
	position: relative;
	background-color:#3399ff;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}

button.popbt01:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*記事編集*/
button.popbt02{
	position: relative;
	background-color:#009900;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}

button.popbt02:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*記事削除*/
button.popbt03{
	position: relative;
	background-color:#FF0000;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}
button.popbt03:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*公開*/
button.popbt04{
	position: relative;
	background-color:#336699;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
	margin-left:100px;
}
button.popbt04:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*未公開*/
button.popbt05{
	position: relative;
	background-color:#cc3366;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}
button.popbt05:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

button.popbt05-2{
	position: relative;
	background-color:#FFCFCC;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	margin-left: 50px;
}
.closeoption{
	height: 27px;
	font-size: 15px;
	float:left;
	background-color: #cc3366;
	color: #FFF;
	margin-right: 5px;
}
.closeform{
	margin-left:16px;
	float:left;
}




/*体験変更*/
button.popbt09{
	position: relative;
	background-color:#325c75;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-left: 30px;
}
button.popbt09:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

button.popbt09-2{
	position: relative;
	background-color:#b7d8ec;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	float:left;
	margin-left: 30px;
}



/* レポート＆入金管理*/  
.repfin{
	color:#03AC25;
}
.payfin{
	color:#FC3F19;
}

.inqari{
	color:#19B5FC;
}

/*スタッフメール送信*/
.sndmem{
	border: 2px solid #755709;
	border-radius: 5px;
    　-webkit-border-radius: 5px;
    　-moz-border-radius: 5px;
	padding:2px;
	float: left;
	margin:2px;
}


/*ピックアップ*/
button.popbt06{
	position: relative;
	background-color:#FFA21F;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}
button.popbt06:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*一括キャンセル*/
button.popbt07{
	position: relative;
	background-color:#f8d513;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}
button.popbt07:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*一括移動*/
button.popbt08{
	position: relative;
	background-color:#6f5955;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
	float:left;
	margin-right:5px;
}
button.popbt08:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*オフィス対応可能*/
button.popbt09{
	position: relative;
	background-color:#fff;
	border:1px solid #767676;
	font-size: 1.2em;
	color:#767676;
	cursor:pointer;
	float:left;
	margin-right:5px;
	padding-left: 30px;
}
button.popbt09:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
button.popbt09-on:before{
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	font-weight: 900;
	font-size: 26px;
	color: #646464;
	position: absolute;
	top: 0px;
	left: 0;
}
button.popbt09-off:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0c8";
	font-size: 26px;
	color: #646464;
	position: absolute;
	top: 0px;
	left: 0;
}

.caloffice{
	position:relative;
}
.caloffice:after{
	font-family: "Font Awesome 5 Free";
	content: "\f015";
	font-size: 24px;
	font-weight: 900;
	color: #646464;
	position: absolute;
	top: 1px;
	right: 0;
}

/*戻る*/
button.backbt{
	position: relative;
	background-color:#000;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	cursor:pointer;
}
button.backbt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

button.paycheck_bt{
	position: relative;
	background-color:#0F0C69;
	font-size: 1.5em;
	border:none;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}
button.paycheck_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.paydownload_bt{
	position: relative;
	background-color:#0F0C69;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}
div.paydownload_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

input#entrydownload_bt{
	position: relative;
	background-color:#0F0C69;
	font-size: 1.2em;
	border:none;
	color:#FFF;
	padding:10px;
	cursor:pointer;

}
input#entrydownload_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


button.paycsend_bt{
	position: relative;
	background-color:#cc3366;
	font-size: 1.5em;
	border:none;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}
button.paycsend_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.payok_bt{
	position: relative;
	background-color:#FF0000;
	font-size: 1em;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}

div.fukuridl_bt{
	position: relative;
	background-color:#0F0C69;
	font-size: 1em;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}

div.payok_bt:hover,div.fukuridl_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}



div.paynxt_bt{
	position: relative;
	background-color:#449833;
	font-size: 1em;
	text-align:center;
	border:none;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}
div.paynxt_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.mlsendfin{
	position: relative;
	background-color:#A5A5A5;
	font-size: 1.5em;
	border:none;
	color:#FFF;
	padding:10px;
}

button.paycsv_bt{
	position: relative;
	background-color:#5D836C;
	font-size: 1.5em;
	border:none;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}
button.paycsv_bt:hover{	
	position: relative;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*スタッフブログ*/

#stf_blogMain{
	margin: 0 0 20px;
    background-color: #f8fcff;
    border: 1px solid #E0E0E0;
}

#stf_blogHTML {
    position: relative;
    overflow: hidden;
}


/*カフェマスター */  
#entryArea dl dt{
	float: left;
    width: 100px;
		text-align: right;
		height: 32px;
}

#entryArea dl dd{
	    text-align: left;
    width: 530px;
		height: 32px;
}

/*カフェマスタープライベート */  
#entryArea dl.placemst dt{
	float: left;
    width: 140px;
		text-align: right;
		height: 32px;
}

#entryArea dl.placemst dd{
	    text-align: left;
	    width: 530px;
		height: 32px;
		margin-left: 145px;
}



/*PC*/
@media only screen and (min-width: 480px) {
.tlsize{
	width:480px;
}

    .stfblog_wait_bt{
	    width:45%;
	    float:left;
	    border: 1px solid #3b2f2d;
	    background-color:#fff;
	    text-align:center;
	    padding:15px;
	    font-weight:bold;
	    display:block;
	    text-decoration:none;
	    color:#3b2f2d;
	    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    .stfblog_open_bt{
	    width:45%;
	    float:left;
	    border: 1px solid #3b2f2d;
	    background-color:#fff;
	    text-align:center;
	    padding:15px;
	    font-weight:bold;
	    display:block;
	    text-decoration:none;
	    color:#3b2f2d;
	    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .bloglist_box{
     width:230px;
     min-height:132px;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #ffbe2b;
    color:#3f1809;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .bloglist_box:hover{
	    background-color:#f7ffb3;
    }
    
	.bl_title{
	    background-color:#e9cc2c;
	    border-top-left-radius:5px;
	    border-top-right-radius:5px;
	    padding:5px;
    }
    
    .requestcafe_area{
	    border: 1px solid #ffe200; 
	    padding:10px; 
	    height:230px; 
	    overflow:scroll
    }
    
    .requestcafe_box{
     width:230px;
     min-height:50px;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #461f1f;
    color:#3f1809;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .requestcafe_box:hover{
	    background-color:#f7ffb3;
    }
    
	.requestcafe_title{
	    background-color:rgba(59,47,45, 0.5);
	    border-top-left-radius:5px;
	    border-top-right-radius:5px;
	    padding:5px;
	    font-weight:bold;
	    color:#f4cd1e;
    }    

    .announcelist_box{
     width:95%;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #ffbe2b;
    color:#3f1809;
    font-weight:bold;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .announcelist_box:hover{
	    background-color:#f7ffb3;
    }
    
    .requestcafe_line{
    font-size:25px;
    border: 1px solid #4c4c4c;
    padding:5px;
    width:30%;
    float:left;
	}    
    
}
/*スマホ*/
@media only screen and (max-width: 480px) {
.tlsize{
	width:110%;
}

.popupdetail_under{
	margin-bottom:50px;
}

    .stfblog_wait_bt{
	    width:39%;
	    float:left;
	    border: 1px solid #3b2f2d;
	    background-color:#fff;
	    text-align:center;
	    padding:15px;
	    font-weight:bold;
	    display:block;
	    text-decoration:none;
	    color:#3b2f2d;
	    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    .stfblog_open_bt{
	    width:39%;
	    float:left;
	    border: 1px solid #3b2f2d;
	    background-color:#fff;
	    text-align:center;
	    padding:15px;
	    font-weight:bold;
	    display:block;
	    text-decoration:none;
	    color:#3b2f2d;
	    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .bloglist_box{
     width:90%;
     min-height:96px;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #ffbe2b;
    color:#3f1809;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .bl_title{
	    background-color:#e9cc2c;
	    border-top-left-radius:5px;
	    border-top-right-radius:5px;
	    padding:5px;
    }
    
    .requestcafe_area{
	    border: 1px solid #ffe200; 
	    padding:10px; 
	    height:400px; 
	    overflow:scroll
    }
    
    .requestcafe_box{
     width:90%;
     min-height:50px;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #461f1f;
    color:#3f1809;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .requestcafe_title{
	    background-color:rgba(59,47,45, 0.5);
	    border-top-left-radius:5px;
	    border-top-right-radius:5px;
	    padding:5px;
	    font-weight:bold;
	    color:#f4cd1e;
    }

    .announcelist_box{
     width:95%;
     padding:5px;
     float: left;
    margin: 5px;
    border: 1px solid #ffbe2b;
    color:#3f1809;
    font-weight:bold;
    border-radius: 5px; 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    }
    
    .requestcafe_line{
    font-size:25px;
    border: 1px solid #4c4c4c;
    padding:5px;
    width:95%;
    float:left;
	} 
}

/*プライベートレポート*/
#Nsuchdule{
    display:block;
}
.notyetchk{
	margin:unset;
	margin-top:10px;
}