@charset "UTF-8";

/* ==================================================
reset
================================================== */
html {
	overflow-y: scroll;
	height: 100%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:top;
    background:transparent;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
}
html, body {
  height: 100%;
  margin: 0;
}
body {
	margin:0;
	padding:0;
	font-size:92.8%;
	line-height:1.6;
	color:#333;
	background-color:#fff;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
noscript {
	text-align:center;
}
form,
input,
select,
textarea {
	font-size:100%;
	vertical-align:middle;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
}
input, select {
    vertical-align:middle;
}
a,
a:link,
a.skip {
	color:#015BA9;
	background-color:transparent;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}
nav ul {
    list-style:none;
}
img {
	border:none;
	vertical-align:top;
	max-width:100%;
	height:auto;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* box_btn
============================== */
.box_btn {
	padding:20px 0;
	text-align:center;
}
.box_btn.menu {
    padding: 0;
    text-align: right;
}
.box_btn p {
	display:inline-block;
	vertical-align:top;
	width:25%;
	max-width:300px;
	margin:0 10px !important;
	font-size:125%;
	font-weight:bold;
}
.box_btn p a {
	display:block;
	color:#fff;
	padding:8px 0;
}
.box_btn p #edit {
	background-position:left center;
	background-repeat:no-repeat;
	display:contents;
}
.box_btn p span {
	background-position:left center;
	background-repeat:no-repeat;
	padding:2px 0 0 34px;
	display:inline-block;
}
.box_btn p a:hover {
	border:2px solid #fff !important;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
}
/* 戻る */
.box_btn p.back a {
	border:2px solid #666;
	background-color:#666;
	-webkit-box-shadow: 4px 4px 0 0 #e0e0e0;
	-moz-box-shadow: 4px 4px 0 0 #e0e0e0;
	box-shadow: 4px 4px 0 0 #e0e0e0;
}
.box_btn p.back span {
	background-image:url(../images/icon/btn_icon_back.png);
}
.box_btn p.back a:hover {
	background: #333333;
	background:-webkit-gradient(linear, center top, center bottom, from(#333333), to(#777777));
	background:-moz-linear-gradient(center top, #333333, #777777);
	background:linear-gradient(to bottom, #333333, #777777);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 );
}
/* 次へ */
.box_btn p.next a {
	border:2px solid #339900;
	background-color:#339900;
	-webkit-box-shadow: 4px 4px 0 0 #D6EBCC;
	-moz-box-shadow: 4px 4px 0 0 #D6EBCC;
	box-shadow: 4px 4px 0 0 #D6EBCC;
}
.box_btn p.next #edit {
    background-image:none;
}
.box_btn p.next span {
	background-image:url(../images/icon/btn_icon_next.png);
    background-position:right center;
    padding: 2px 34px 0 0;
}
.box_btn p.next a:hover {
	background: #023700;
	background:-webkit-gradient(linear, center top, center bottom, from(#023700), to(#339900));
	background:-moz-linear-gradient(center top, #023700, #339900);
	background:linear-gradient(to bottom, #023700, #339900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023700', endColorstr='#339900',GradientType=0 );
}

/* 削除 */
.box_btn p.delete a {
	border:2px solid #D9534F;
	background-color:#D9534F;
	-webkit-box-shadow: 4px 4px 0 0 #F7DDDC;
	-moz-box-shadow: 4px 4px 0 0 #F7DDDC;
	box-shadow: 4px 4px 0 0 #F7DDDC;
}
.box_btn p.delete span {
	background-image:url(../images/icon/btn_icon_delete.png);
}
.box_btn p.delete a:hover {
	background: #9D0907;
	background:-webkit-gradient(linear, center top, center bottom, from(#9D0907), to(#D9534F));
	background:-moz-linear-gradient(center top, #9D0907, #D9534F);
	background:linear-gradient(to bottom, #9D0907, #D9534F);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D0907', endColorstr='#D9534F',GradientType=0 );
}
/* 確定 */
.box_btn p.submit a {
	border:2px solid #339900;
	background-color:#339900;
	-webkit-box-shadow: 4px 4px 0 0 #D6EBCC;
	-moz-box-shadow: 4px 4px 0 0 #D6EBCC;
	box-shadow: 4px 4px 0 0 #D6EBCC;
}
.box_btn p.submit #edit {
    background-image:none;
}
.box_btn p.submit span {
	background-image:url(../images/icon/btn_icon_submit.png);
}
.box_btn p.submit a:hover {
	background: #023700;
	background:-webkit-gradient(linear, center top, center bottom, from(#023700), to(#339900));
	background:-moz-linear-gradient(center top, #023700, #339900);
	background:linear-gradient(to bottom, #023700, #339900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023700', endColorstr='#339900',GradientType=0 );
}
.box_btn p.submit a.gray {
	border:2px solid #6d6767;
	background-color: #6d6767;
    pointer-events: none; /* aタグのリンクを無効にする */
    cursor: default; /* マウスオーバー時のカーソルをdefaultに固定 */
}
/* 出勤日設定 */
.box_btn p.set {
	width: 60%;
	max-width: 400px;
}
.box_btn p.submit.set span {
	background-image: url(../images/icon/sec_nominate.png);
	padding:2px 0 0 24px;
}
/* ログインはこちら */
.box_btn p.login {
	width:60%;
	max-width:400px;
}
.box_btn p.login a {
	border:2px solid #44BFDA;
	background-color:#44BFDA;
	-webkit-box-shadow: 4px 4px 0 0 #CCF1FF;
	-moz-box-shadow: 4px 4px 0 0 #CCF1FF;
	box-shadow: 4px 4px 0 0 #CCF1FF;
}
.box_btn p.login span {
	background-image: url(../images/icon/login_icon_w.png);
}
.box_btn p.login a:hover {
	background: #023700;
	background:-webkit-gradient(linear, center top, center 44BFDA, from(#186C7E), to(#44BFDA));
	background:-moz-linear-gradient(center top, #186C7E, #339900);
	background:linear-gradient(to bottom, #186C7E, #44BFDA);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186C7E', endColorstr='#44BFDA',GradientType=0 );
}
/* 購入明細書の印刷 */
.box_btn p.print {
	width:50%;
	max-width:300px;
}
.box_btn p.print a {
	border:2px solid #44BFDA;
	background-color:#44BFDA;
	-webkit-box-shadow: 4px 4px 0 0 #CCF1FF;
	-moz-box-shadow: 4px 4px 0 0 #CCF1FF;
	box-shadow: 4px 4px 0 0 #CCF1FF;
}
.box_btn p.print span {
	padding: 2px 0 0 0;
}
.box_btn p.print a:hover {
	background: #023700;
	background:-webkit-gradient(linear, center top, center 44BFDA, from(#186C7E), to(#44BFDA));
	background:-moz-linear-gradient(center top, #186C7E, #339900);
	background:linear-gradient(to bottom, #186C7E, #44BFDA);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186C7E', endColorstr='#44BFDA',GradientType=0 );
}
/* 商品購入完了戻る */
.box_btn p.purchase {
	width:60%;
	max-width:400px;
}
.box_btn p.purchase a {
	border:2px solid #666;
	background-color:#666;
	-webkit-box-shadow: 4px 4px 0 0 #e0e0e0;
	-moz-box-shadow: 4px 4px 0 0 #e0e0e0;
	box-shadow: 4px 4px 0 0 #e0e0e0;
}
.box_btn p.purchase span {
    background-image:url(../images/icon/btn_icon_back.png);
}
.box_btn p.purchase a:hover {
	background: #333333;
	background:-webkit-gradient(linear, center top, center bottom, from(#333333), to(#777777));
	background:-moz-linear-gradient(center top, #333333, #777777);
	background:linear-gradient(to bottom, #333333, #777777);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 );
}
/* 新規会員登録 */
.box_btn p.add a {
	border:2px solid #FF6600;
	background-color:#FF6600;
	-webkit-box-shadow: 4px 4px 0 0 #F7DDDC;
	-moz-box-shadow: 4px 4px 0 0 #F7DDDC;
	box-shadow: 4px 4px 0 0 #F7DDDC;
}
.box_btn p.add span {
	background-image:url(../images/icon/btn_icon_add.png);
}
.box_btn p.add a:hover {
	background: #BF4D00;
	background:-webkit-gradient(linear, center top, center bottom, from(#BF4D00), to(#FF6600));
	background:-moz-linear-gradient(center top, #BF4D00, #FF6600);
	background:linear-gradient(to bottom, #BF4D00, #FF6600);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BF4D00', endColorstr='#FF6600',GradientType=0 );
}
/* メニュー */
.box_btn p.menu {
	width:20%;
    text-align:center;
}
.box_btn p.menu a {
    border: 2px solid #015BA9;
    background-color: #015BA9;
    -webkit-box-shadow: 4px 4px 0 0 #D6EBCC;
    -moz-box-shadow: 4px 4px 0 0 #D6EBCC;
    box-shadow: 4px 4px 0 0 #D6EBCC;
}
.box_btn p.menu span {
    padding: 2px 0 0 20px;
	background-image:url(../images/icon/btn_icon_menu.png);
}
.box_btn p.menu a:hover {
    background: #002C52;
    background: -webkit-gradient(linear, center top, center bottom, from(#002C52), to(#015BA9));
    background: -moz-linear-gradient(center top, #002C52, #015BA9);
    background: linear-gradient(to bottom, #002C52, #015BA9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002C52', endColorstr='#015BA9',GradientType=0 );
}
/* ==================================================
clearfix
================================================== */
.box_btn:after {
	content: ""; 
	display: table;
	clear: both;
}