/* ---------- common ---------- */

body {
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}





/* ---------- parts ---------- */

.fRed {
	color:#F00;
}
.fRed2 {
	color:#F00;
}

	
.aC {
	text-align:center;
}
.aC3 {
	text-align:center;
	vertical-align: top; 
	
}
.aR {
	text-align:right;
}

.bC {
	text-align:center;
}

.bC li {
	display:inline;
	padding:0 9px;
}

.bL {
	float:left;
	margin:0 15px 15px 0;
}

.bR {
	float:right;
	margin:0 0 15px 15px;
}

.aC2 {
	text-align:center;
	vertical-align: middle;

}
.aR2 {
	text-align:right;
	vertical-align: middle;

}
.aL2 {
	text-align:left;
	vertical-align: middle;
}



.btnBla {
	color:#fff;
	background: #555555;
	background: -moz-linear-gradient(top,  #555555 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top,  #555555 0%,#222222 100%);
	background: -o-linear-gradient(top,  #555555 0%,#222222 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#222222 100%);
	background: linear-gradient(to bottom,  #555555 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnGry {
	color:#fff;
	background: #999999;
	background: -moz-linear-gradient(top,  #999999 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#555555));
	background: -webkit-linear-gradient(top,  #999999 0%,#555555 100%);
	background: -o-linear-gradient(top,  #999999 0%,#555555 100%);
	background: -ms-linear-gradient(top,  #999999 0%,#555555 100%);
	background: linear-gradient(to bottom,  #999999 0%,#555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#555555',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnRed {
	color:#fff;
	background: #ff3019;
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnBlu {
	color:#fff;
	background: #499bea;
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnOra {
	color:#fff;
	background: #ffa84c;
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
	background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
	background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnGre {
	color:#fff;
	background: #45992d;
	background: #45992d;
	background: -moz-linear-gradient(top,  #45992d 1%, #158200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#45992d), color-stop(100%,#158200));
	background: -webkit-linear-gradient(top,  #45992d 1%,#158200 100%);
	background: -o-linear-gradient(top,  #45992d 1%,#158200 100%);
	background: -ms-linear-gradient(top,  #45992d 1%,#158200 100%);
	background: linear-gradient(to bottom,  #45992d 1%,#158200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45992d', endColorstr='#158200',GradientType=0 );
	border:0;
	border-radius:3px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
}

.btnSml {
	padding:4px 15px;
}

.ipt {
	border:#ccc 1px solid;
	border-radius:3px;
	box-sizing:border-box;
	font-size:125%;
	line-height:1.5em;
	padding:6px;
}

.tbl01 .error .ipt,
.tbl02 .error .ipt  {
	border:#F66 1px solid;
}

.w10 {
	width:100%;
}

.w08 {
	width:80%;
}

.w06 {
	width:60%;
}

.w04 {
	width:40%;
}

.w03 {
	width:30%;
}

.w02 {
	width:20%;
}

.w01 {
	width:10%;
}





/* ---------- login ---------- */

#login {
	background:#fafafa;
}

#login section {
	background:#FFFFFF;
	border:#ddd 1px solid;
	border-radius:5px;
	margin:50px auto 0;
	padding:29px;
	text-align:left;
	width:340px;
}

#login h1 {
	padding:0 0 10px;
}

#login .error {
	background:#eee;
	font-size:75%;
	line-height:1.5em;
	margin:10px 0 5px;
	padding:10px;
}

#login dl {
	padding:0 0 30px;
}

#login dt {
	padding:20px 0 0;
	font-size:75%;
	font-weight:bold;
	line-height:1.5em;
}

#login dd input {
	box-sizing:border-box;
	font-size:160%;
	width:100%;
}





/* ---------- header ---------- */

#header {
	background: #686868;
	background: -moz-linear-gradient(top, #686868 0%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(100%, #131313));
	background: -webkit-linear-gradient(top, #686868 0%, #131313 100%);
	background: -o-linear-gradient(top, #686868 0%, #131313 100%);
	background: -ms-linear-gradient(top, #686868 0%, #131313 100%);
	background: linear-gradient(to bottom, #686868 0%, #131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#131313', GradientType=0 );
	overflow:hidden;
}

#header h1 {
	color:#fff;
	font-size:80%;
	font-weight:bold;
	line-height:40px;
	left:55px;
	position:absolute;
}

#header p {
	border-right:1px solid #666;
	float:left;
	margin:0 20px 0 0;
}

#header p img {
	border-right:1px solid #333;
}

#header aside {
	float:right;
}

#header aside ul {
	border-left:1px solid #222;
	float:left;
}

#header aside ul li {
	border-left:1px solid #666;
	border-right:1px solid #333;
	float:left;
}





/* ---------- slidemenu ---------- */

.slidemenu {
	background-color:#333;
	left: 0;
	top: 0;
	width: 240px;
	position: fixed;
	visibility: hidden;
	z-index: 0;
}

.slidemenu h1 {
	border-bottom:1px solid #000;
	color:#fff;
	font-weight:bold;
	padding:10px 0 10px 20px;
}

.slidemenu .slidemenu-body {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slidemenu .slidemenu-body .slidemenu-content {
	position: relative;
}

.slidemenu li {
	list-style: none;
	border-top:1px solid #4D4D4D;
	border-bottom:1px solid #222;
	font-size:85%;
	line-height:1.5em;
}

.slidemenu li li {
	background:#444;
}

.slidemenu li a {
	padding:8px 0 8px 30px;
	display: block;
	text-decoration: none;
	color: #fff;
}

.slidemenu li:first-child {
	border-top: none;
}





/* ---------- main ---------- */

#main {
	background: #FFFFFF;
		z-index: 1;
}





/* ---------- contents ---------- */

#contents {
	box-sizing:border-box;
	overflow:hidden;
	padding:20px 20px 0 0;
	width:100%;
}

#contents .section {
	box-sizing:border-box;
	overflow:hidden;
	padding:0 0 20px 20px;
	width:100%;
}

#contents .section2 {
	box-sizing:border-box;
	overflow:hidden;
	padding:0 0 20px 20px;
	width:100%;
	background:#FFF0F1;
}





/* ---------- title ---------- */

.ttlL {
	border-bottom:#ccc 1px solid;
	font-size:130%;
	font-weight:bold;
	margin:0 0 20px;
	padding:0 9px 5px;
}

.ttlM {
	background:#eee;
	font-size:110%;
	font-weight:bold;
	margin:0 0 20px;
	padding:12px 10px 9px;
}





/* ---------- table ---------- */

table p {
	font-size:80%;
	line-height:1.5em;
	padding:0 0 10px;
}





/* ---------- fix ---------- */

.fix {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
}

.fix tr:nth-child(2n+1) {
	background:#fafafa;
}

.fix tr:hover {
	background:#eee;
}

.fix th {
	border-top:#EAEAEA 1px solid;
	background:#eee;
	padding:10px 10px 0;
	text-align:center;
	white-space:nowrap;
}

.fix td {
	border-top:#EAEAEA 1px solid;
	padding:10px 10px 0;
}





/* ---------- tbl01 ---------- */

.tbl01 {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
	margin:0 0 20px;
	width:100%
}

.tbl01 tr:nth-child(2n+1) {
	background:#fafafa;
}

.tbl01 tr:hover {
	background:#eee;
}

.tbl01 th {
	border-top:#EAEAEA 1px solid;
	background:#eee;
	padding:10px 10px 0;
	text-align:center;
	white-space:nowrap;
}

.tbl01 td {
	border-top:#EAEAEA 1px solid;
	padding:10px 10px 0;
}

.tbl01_2 {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
	margin:0 0 20px;
	width:100%;
}

.tbl01_2 tr:nth-child(2n+1) {
	background:#fafafa;
}

.tbl01_2 tr:hover {
	background:#eee;
}

.tbl01_2 th {
	border-top:#EAEAEA 1px solid;
	background:#eee;
	padding:10px 10px 0;
	text-align:center;
	white-space:nowrap;
	width:100%;
	display:block;
}

.tbl01_2 td {
	border-top:#EAEAEA 1px solid;
	padding:10px 10px 0;
	width:100%;
	display:block;
}



/* ---------- tbl02 ---------- */

.tbl02 {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
	margin:0 0 20px;
	width:100%;
}

.tbl02 tr:nth-child(2n+1) {
	background:#fafafa;
}

.tbl02 tr:hover {
	background:#eee;
}

.tbl02 th {
	border-top:#EAEAEA 1px solid;
	font-weight:bold;
	padding:10px 10px 0;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

.tbl02 td {
	border-top:#EAEAEA 1px solid;
	padding:10px 10px 0;
}

.tbl02_2 {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
	margin:0 0 20px;
	width:100%;
}

.tbl02_2 tr:nth-child(2n+1) {
	background:#fafafa;
}

.tbl02_2 tr:hover {
	background:#eee;
}

.tbl02_2 th {
	border-top:#EAEAEA 1px solid;
	font-weight:bold;
	padding:10px 10px 0;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	width:100%;
	display:block;
}

.tbl02_2 td {
	border-top:#EAEAEA 1px solid;
	padding:10px 10px 0;
	width:100%;
	display:block;
}



.tbl01 tr.error,
.tbl02 tr.error {
	background:#FFF0F1;
}
.tbl01 td.error,
.tbl02 td.error {
	background:#FFF0F1;
}
.tbl01 th.error,
.tbl02 th.error {
	background:#FFF0F1;
}
.tbl03{
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}


.tbl03 td {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
}

.tbl03 th {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
	background:#E1E7FF;
}
.tbl03 p {
	font-size:80%;
	line-height:1.5em;
	padding:0 0 0px;
}

@media screen and (min-width:400px){
	.tbl04 {
		border:#eee 1px solid;
		border-collapse:collapse;
		clear:both;
		margin:0 0 20px;
		width:100%
		table-layout: fixed;
		word-break: break-word;　　/*追加する*/
	}

	.tbl04 tr:nth-child(2n+1) {
		background:#fafafa;
	}

	.tbl04 tr:hover {
		background:#eee;
	}

	.tbl04 th {
		border-top:#EAEAEA 1px solid;
		background:#eee;
		padding:10px 10px 0;
		text-align:center;
		white-space:nowrap;
	}

	.tbl04 td {
		border-top:#EAEAEA 1px solid;
		padding:10px 10px 0;
	}
}
@media screen and (min-width:600px){
.tbl04 {
	border:#eee 1px solid;
	border-collapse:collapse;
	clear:both;
	margin:0 0 20px;
	width:100%
	}

	.tbl04 tr:nth-child(2n+1) {
		background:#fafafa;
	}

	.tbl04 tr:hover {
		background:#eee;
	}

	.tbl04 th {
		border-top:#EAEAEA 1px solid;
		background:#eee;
		padding:10px 10px 0;
		text-align:center;
		white-space:nowrap;
	}

	.tbl04 td {
		border-top:#EAEAEA 1px solid;
		padding:10px 10px 0;
	}
}

.tbl05{
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	table-layout: fixed;
	word-break: break-word;　　/*追加する*/
}


.tbl05 td {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
}

.tbl05 th {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
	background:#E1E7FF;
}
.tbl05 p {
	font-size:200%;
	line-height:1.5em;
	padding:0 0 0px;
}

.tbl06
	
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	width: 100%
	table-layout: fixed;
	word-break: break-word;　　/*追加する*/
}


.tbl06 td {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
}

.tbl06 th {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
	background:#E1E7FF;
}
.tbl06 p {
	font-size:80%;
	line-height:1.5em;
	padding:0 0 0px;
}

.tbl07{
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	table-layout: fixed;
	word-break: break-word;　　/*追加する*/
}


.tbl07 td {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
}

.tbl07 th {
	border:#CCCCCC 1px solid;
	border-bottom:none;
	border-right:none;
	padding:5px;
	background:#E1E7FF;
}
.tbl07 p {
	font-size:80%;
	line-height:1.5em;
	padding:0 0 0px;
}