﻿@charset "utf-8";

/* ボタン
----------------------------------- */
/* 1つの時 */
#content .btn { 
	margin-top: 50px;
	text-align: center;
}
#content .btn a {
	width: 240px;
}

/* 2つの時 */
#content .btn_sec {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#content .btn_sec p {
	float: left;
	margin: 20px 5px;
}
#content .btn_report p {
	float: none;
	margin: 20px 5px;
}
#content .size240 {
	width: 450px;
}
#content .min240 {
	display: flex;
	justify-content: flex-end;
}
#content .size310 {
	width: 450px;
}
#content .btn_back {
	width: 550px;
}
#content .btn_single {
	width: 260px;
}
/* 各種帳票出力のみ */
#content .size210 {
	width: 500px;
}
#content .size210 p {
	margin-right: 20px;
	margin-left: 20px;;
}
#content .btn_aligin_left {
	text-align: left;
}

/* ボタンのサイズ --------------------------------------- */
#content .size240 p a,
#content .size240 p input[type="submit"],
#content .size240 p input[type="button"],
#content .size240 p button {
	width: 240px;
	margin: 0 10px;
}
#content .min240 p a,
#content .min240 p input[type="submit"],
#content .min240 p input[type="button"],
#content .min240 p button {
	min-width: 240px;
	margin: 0 10px;
}
#content .size310 p input[type="submit"] {
	width: 310px;
	margin: 0 10px;
}
#content .size210 input[type="button"],
#content .size210 input[type="submit"] {
	width: 210px;
}
#content .size140 input[type="button"],
#content .size140 input[type="submit"] {
	width: 140px;
	font-size: 100%!important;
}
#content .size_auto input[type="button"],
#content .size_auto input[type="submit"] {
	width: auto;
	padding-left: 15px!important;
	padding-right: 15px!important;
	font-size: 100%!important;
}
#content #pass input[type="submit"] {
	width: 170px;
	font-size: 125%!important;
}
#content .size240 p.secondary a,
#content .size240 p.secondary input[type="button"],
#content .size240 p.secondary input[type="button"]:hover {
	width: auto;
	margin: 0 10px;
}
#content .min240 p.secondary a,
#content .min240 p.secondary input[type="button"],
#content .min240 p.secondary input[type="button"]:hover {
	width: auto;
	margin: 0 10px;
}
#content .size140_left input[type="button"],
#content .size140_left input[type="submit"] {
	width: 140px;
	font-size: 100%!important;
	text-align: left;
}
/* アンカーボタン設定 */
#content .btn_sec p a,
#content .btn a {
	display: inline-block;
	margin-top: 0\9; /* IE8 */;
	text-decoration: none;
}
/* ボタン余白 ------------------------------------------ */
#content .btn_sec p a,
#content .btn_sec p a:hover,
#content .btn a,
#content .btn a:hover  {
	padding: 11px 0 8px;
	padding: 9px 0 8px\9; /* IE8 */;
	color: #fff;
}
#content .btn_sec p a, x:-moz-broken, x:last-of-type,
#content .btn_sec p a:hover, x:-moz-broken, x:last-of-type { /* FF */
	margin-top: 0;
}
#content #pass .btn input[type="submit"],
#content #pass .btn input[type="submit"]:hover,
#content #pass .btn input[type="button"],
#content #pass .btn input[type="button"]:hover  {
	padding: 5px 0 3px;
	color: #fff;
}
#content #pass .btn input[type="submit"]:active,
#content #pass .btn input[type="button"]:active {
	padding: 6px 0 2px;
	color: #fff;
}
#content .btn_sec p a:active,
#content .btn a:active,
#content .btn input[type="submit"]:active {
	padding: 12px 0 7px;
	padding: 10px 0 7px\9; /* IE8 */;
	color: #fff;
}
#content .btn_sec p input[type="submit"],
#content .btn_sec p input[type="submit"]:hover,
#content .btn_sec input[type="button"],
#content .btn_sec input[type="button"]:hover,
#content .btn_sec p input[type="button"],
#content .btn_sec p input[type="button"]:hover,
#content .btn_sec p button,
#content .btn_sec p button:hover {
	margin: 0;
	padding: 8px 0 4px;
}
#content .min240 p input[type="submit"],
#content .min240 p input[type="submit"]:hover,
#content .min240 input[type="button"],
#content .min240 input[type="button"]:hover,
#content .min240 p input[type="button"],
#content .min240 p input[type="button"]:hover,
#content .min240 p button,
#content .min240 p button:hover {
	margin: 0;
	padding: 8px 8px 4px;
}
*:first-child+html #content .btn_sec p input[type="submit"],
*:first-child+html #content .btn_sec p input[type="submit"]:hover,
*:first-child+html #content .btn_sec input[type="button"],
*:first-child+html #content .btn_sec input[type="button"]:hover {
	padding: 4px 0 1px;
}
*:first-child+html #content .btn_sec p button,
*:first-child+html #content .btn_sec p button:hover {
	padding: 7px 0 4px;
}
#content .btn_sec p button,
#content .btn_sec p button:hover {
	padding: 9px 0 8px\9; /* IE8 */;
}
/* .secondary 訂正など */
#content .btn_sec p.secondary input[type="button"],
#content .btn_sec p.secondary input[type="button"]:hover {
	margin-top: 5px;
	padding: 3px 25px 1px;
	padding: 1px 25px 0px\9; /* IE8 */;
}
#content .btn_sec p.secondary a {
	margin-top: 5px;
	padding: 7px 25px 5px;
	padding: 5px 25px 4px\9; /* IE8 */;
}

/* 押した時 ------------------------------------ */
#content .btn_sec p input[type="submit"]:active,
#content .btn_sec input[type="button"]:active,
#content .btn_sec p button:active {
	padding: 9px 0 3px;
}
*:first-child+html #content .btn_sec p input[type="submit"]:active,
*:first-child+html #content .btn_sec input[type="button"]:active {
	padding: 4px 0 1px;
}
#content .btn_sec p button:active {
	padding: 10px 0 7px\9; /* IE8 */;
}
/* .secondary 訂正・戻るなど */
#content .btn_sec p.secondary input[type="button"]:active {
	margin-top: 5px;
	padding: 4px 25px 0;
	padding: 2px 25px 0px\9; /* IE8 */;
}
#content .btn_sec p.secondary a:active {
	margin-top: 5px;
	padding: 8px 25px 4px;
	padding: 6px 25px 3px\9; /* IE8 */;
}

/* ボタン基本設定 ------------------------------ */
#content .btn_sec p input[type="submit"],
#content .btn_sec p a,
#content .btn_sec input[type="button"],
#content .btn_sec button,
#content .btn a,
#content .btn input[type="submit"] {
	border: 3px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	background: #246AAA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EAA8AA), color-stop(0.01, #246AAA), color-stop(0.5, #246AAA), color-stop(0.99, #3684C2), to(#ddd));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd);　/* FF3.6+ */
  background: -o-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* IE10+ */
  background: linear-gradient(to bottom, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* W3C */
	  
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #999;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec input[type="submit"]:hover,
#content .btn_sec input[type="button"]:hover,
#content .btn_sec button:hover,
#content .btn_sec p a:hover,
#content .btn a:hover,
#content .btn input[type="submit"]:hover {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #3684C2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #3684C2), color-stop(0.5, #3684C2), color-stop(0.99, #246AAA), to(#EAA8AA));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* W3C */
  
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #999;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec input[type="submit"]:active,
#content .btn_sec input[type="button"]:active,
#content .btn_sec button:active,
#content .btn_sec p a:active,
#content .btn a:active,
#content .btn input[type="submit"]:active {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #3684C2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #3684C2), color-stop(0.5, #3684C2), color-stop(0.99, #246AAA), to(#EAA8AA));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* W3C */

  text-shadow: -1px -1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;	
	position:relative;
	behavior: url(PIE.htc);
}

#content .btn_sec button span {
	display: block;
	background: url(../images/icn_arrow03.gif) 10px center no-repeat;
}
/* .primary */
#content .btn_sec p.primary input[type="submit"],
#content .btn_sec p.primary a,
#content .btn a.primary {
	border: 3px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	background: #FF6F00;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6F00), color-stop(0.01, #FF6F00), color-stop(0.5, #FF9326), color-stop(0.99, #FF9326), to(#ddd));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #FF6F00, #FF6F00 1%, #FF9326 50%, #FF9326 99%, #ddd); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #FF6F00, #FF6F00 1%, #FF9326 50%, #FF9326 99%, #ddd);　/* FF3.6+ */
  background: -o-linear-gradient(top, #FF6F00, #FF6F00 1%, #FF9326 50%, #FF9326 99%, #ddd); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FF6F00, #FF6F00 1%, #FF9326 50%, #FF9326 99%, #ddd); /* IE10+ */
  background: linear-gradient(to bottom, #FF6F00, #FF6F00 1%, #FF9326 50%, #FF9326 99%, #ddd); /* W3C */
	  
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #D96D00;
  cursor: pointer; 
	box-shadow: 0 0 4px #999;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec p.primary input[type="submit"]:hover,
#content .btn_sec p.primary a:hover,
#content .btn a.primary:hover {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #3684C2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #FF9326), color-stop(0.5, #FF9326), color-stop(0.99, #FF6F00), to(#FF6F00));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #FF9326 1%, #FF9326 50%, #FF6F00 99%, #FF6F00); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #FF9326 1%, #FF9326 50%, #FF6F00 99%, #FF6F00);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #FF9326 1%, #FF9326 50%, #FF6F00 99%, #FF6F00); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #FF9326 1%, #FF9326 50%, #FF6F00 99%, #FF6F00); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #FF9326 1%, #FF9326 50%, #FF6F00 99%, #FF6F00); /* W3C */
  
  text-shadow: 1px 1px #D96D00;
  cursor: pointer; 
	box-shadow: 0 0 4px #999;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec p.primary input[type="submit"]:active,
#content .btn_sec p.primary a:active,
#content .btn a.primary:active {
  text-shadow: -1px -1px #D96D00;
}
/* .secondary */
#content .btn_sec p.secondary input[type="button"],
#content .btn_sec p.secondary a,
#content .btn a.secondary {
	border: 3px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	background: #999999;
  background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.01, #999999), color-stop(0.5, #B9B9B9), color-stop(0.99, #B9B9B9), to(#ddd));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #999999, #999999 1%, #B9B9B9 50%, #B9B9B9 99%, #ddd); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #999999, #999999 1%, #B9B9B9 50%, #B9B9B9 99%, #ddd);　/* FF3.6+ */
  background: -o-linear-gradient(top, #999999, #999999 1%, #B9B9B9 50%, #B9B9B9 99%, #ddd); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #999999, #999999 1%, #B9B9B9 50%, #B9B9B9 99%, #ddd); /* IE10+ */
  background: linear-gradient(to bottom, #999999, #999999 1%, #B9B9B9 50%, #B9B9B9 99%, #ddd); /* W3C */
	  
  font-size: 122%;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #333;
  cursor: pointer; 
	box-shadow: 0 0 4px #999;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec p.secondary input[type="button"]:hover,
#content .btn_sec p.secondary a:hover,
#content .btn a.secondary:hover {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #B9B9B9;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #B9B9B9), color-stop(0.5, #B9B9B9), color-stop(0.99, #999999), to(#999999));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #B9B9B9 1%, #B9B9B9 50%, #999999 99%, #999999); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #B9B9B9 1%, #B9B9B9 50%, #999999 99%, #999999);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #B9B9B9 1%, #B9B9B9 50%, #999999 99%, #999999); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #B9B9B9 1%, #B9B9B9 50%, #999999 99%, #999999); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #B9B9B9 1%, #B9B9B9 50%, #999999 99%, #999999); /* W3C */
  
  text-shadow: 1px 1px #333;
  cursor: pointer; 
	box-shadow: 0 0 4px #333;	
	position:relative;
	behavior: url(PIE.htc);
}
#content .btn_sec p.secondary input[type="button"]:active,
#content .btn_sec p.secondary a:active,
#content .btn a.secondary:active {
  text-shadow: -1px -1px #333;
}
