@charset "utf-8";

html,body{
	height:100%;
	margin:0;
	padding:0;
	background:#333333;
	color:#fff;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}

ul{
	margin:0 ;
	padding:0;
}

li{
	list-style:none;
}

a{
	color:#fff;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

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

#wrap{
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	text-align:center;
}

#contents{
	padding-bottom:20px;
	width:100%;
	margin:0 auto;
}

#header{
	padding:10px 0;
}

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

#header ul.header li{
	float:left;
}

#header ul.header li.logout{
	float:right;
	margin-right:6px;
}

#header ul.header li.logout a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px;
	display:block;
}

#header ul.header li.logout a:hover{
	color:#333;
	background:#fff;
}

.logo{
	width:154px;
	height:40px;
	background:url(../img/logo.png);
	background-size:154px 40px;
}


#footer{
	height:20px;
	width:100%;
	position:absolute;
	bottom:0;
	font-size:12px;
}

.contents{
	padding:20px 0;
}

.name{
	text-align:left;
	margin:0 0 10px 10px;
	font-weight:bold;
}

.page_title{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 0 10px 5px;
	text-align:left;
	margin-bottom:10px;
}

/* ログインページ */
ul.login_form{
	width:90%;
	margin:0 auto;
	text-align:center;
}

ul.login_form li{
	padding:10px 0;
	color:#fff;
	text-align:center;
}

ul.login_form li input.login_input{
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:100%;
	height:30px;
}

ul.login_form li input.login_btn{
	-webkit-appearance: none;
	border:1px solid #CC3366;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:100%;
	height:30px;
	margin:0 auto;
	background:#CC3366;
	color:#fff;
}

ul.menu{
	margin-bottom:20px;
}

ul.menu li{
	text-align:left;
	border-bottom:1px solid #666;
}

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


ul.menu li a{
	position:relative;
	float:left;
	padding:10px 0;
	font-size:18px;
	color:#fff;
/*	font-weight:bold;*/
	text-align:left;
	width:100%;
	height:100%;
	display:block;
}

ul.menu  li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.menu li .circle{
	float:left;
	padding:5px 10px;
	background:#fff;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* 出勤情報 */

.schedule_list{
	margin-bottom:20px;
}

.schedule_list li{
	margin-bottom:12px;
}

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

.schedule_date{
	float:left;
	width:100px;
	font-size:18px;
}

.schedule_time{
	font-size:18px;
	float:left;
}

.schedule_time select{
	font-size:18px;
}

.s_date{
	text-align:left;
	width:100px;
	font-size:18px;
}

.s_time{
	text-align:left;
	font-size:18px;
}

.s_time select{
	font-size:18px;
}

.schedule_btn a{
	display:block;
	border:1px solid #CC3366;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:96%;
	padding:6px 0;
	margin:0 auto 20px auto;
	background:#CC3366;
	color:#fff;
}

.pager{
	width:96%;
	margin:0 auto;
}

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

.pager li{
	float:left;
	width:50%;
}

.pager li a{
	display:block;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

.pager li a:hover{
	display:block;
	background:#CC3366;
	color:#fff;
	border:1px solid #CC3366;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

input[type="submit"].s_btn{
	display:block;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:96%;
	padding:6px 0;
	margin:0 auto 20px auto;
	background:#CC3366;
	color:#fff;
}

/* 予約一覧 */

.reserve_list li a{
	position: relative;
	display:block;
	text-align:left;
	padding:8px 0;
	font-size:18px;
	border-bottom:1px solid #eee;
}

.reserve_list li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.reserve_list li:last-child a{
	border:0;
}

.order_detail li{
	padding:8px;
	text-align:left;
}

.order_detail li .item1{
	font-size:12px;
	color:#999;
}

.in_call input[type="submit"]{
	-webkit-appearance: none;
	display:block;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:96%;
	padding:6px 0;
	margin:0 auto ;
	background:#CC3366;
	color:#fff;
}

select.cast_rst{
	font-size:18px;
	margin-bottom:10px;
}

.cast_rst input[type="submit"]{
	-webkit-appearance: none;
	display:block;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:96%;
	padding:6px 0;
	margin:0 auto ;
	background:#CC3366;
	color:#fff;
}

/* メールボックス */

.mail_btn{
	margin-bottom:20px;
}

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

.mail_btn li{
	float:left;
	width : 33.33333% ;
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	text-align:center;
}

.mail_btn li a{
	display:block;
	width:96%;
	margin:0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	background:#CC3366;
}

.mail_list{
	margin-bottom:20px;
}

.mail_list li a{
	position: relative;
	display:block;
	text-align:left;
	padding:10px 0;
	font-size:18px;
	border-bottom:1px solid #eee;
}

.mail_list li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mail_list li:last-child a{
	border:0;
}

.mail_list li .time{
	font-size:12px;
	color:#999;
}

.mail_date{
	text-align:left;
	font-size:12px;
	color:#999;
	font-size:13px;
}

.mail_title{
	text-align:left;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	padding-bottom:5px;
}

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

.mail_parts input[type="text"]{
	width:96%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height:30px;
	margin:0 auto 10px auto;
}

.mail_parts textarea{
	width:96%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 auto 20px auto;
	height:100px;
}

.mail_parts input[type="submit"]{
	width:96%;
	margin:0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#CC3366;
	border:0;
	color:#fff;
	padding:6px 0;
}

.mail_pager{
	width:96%;
	margin:0 auto;
}

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

.mail_pager li{
	float:left;
	width:30px;
	margin: 0 5px 0 0 ;
}

.mail_pager li .non{
	display:block;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

.mail_pager li a{
	display:block;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

.mail_pager li a:hover{
	display:block;
	background:#CC3366;
	color:#fff;
	border:1px solid #CC3366;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

/* 給料明細 */

.change_month{
	width:96%;
	margin:0 auto 20px auto;
	height:30px;
	font-size:18px;
}

.salary_btn{
	width:96%;
	margin:0 auto 20px auto;
}

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

.salary_btn li{
	float:left;
	width:50%;
}

.salary_btn li a{
	display:block;
	background:#CC3366;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:6px 0;
	margin:0 auto;
	width:96%;
}

.salary_list li a{
	position: relative;
	display:block;
	text-align:left;
	padding:10px 0;
	font-size:18px;
	border-bottom:1px solid #eee;
}

.salary_list li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.salary_detail li{
	padding:8px;
	text-align:left;
}

.salary_detail li .item1{
	font-size:12px;
	color:#999;
}

.salary_detail li.border{
	border-bottom:1px dotted #ccc;
	padding:0;
	margin:0;
}

.salary_detail li .item2{
	margin-bottom:2px;
}

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

.salary_detail li .item2 .title{
	float:left;
	font-size:13px;
	width:140px ;
	margin-right:8px;
}

.salary_detail li .item2 .num{
	font-size:12px;
	background:#ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right:8px;
	float:left;
	color:#000;
	font-weight:bold;
	padding:0 3px;
}

.salary_detail li .item2 .sum{
	font-size:13px;
	float:left;
}

/* 口座登録 */

.bank_parts select{
	width:96%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height:30px;
	margin:0 auto 10px auto;
	font-size:18px;
}

.bank_parts input[type="text"]{
	width:96%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height:30px;
	margin:0 auto 10px auto;
}

.bank_parts input[type="submit"]{
	width:96%;
	margin:0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#CC3366;
	border:0;
	color:#fff;
	padding:6px 0;
}