@charset 'UTF-8';

/* カラー 
c78e64 ... 茶色
fef8f3 ... うすい茶色

6493c7 ... 青色
f8fbff ... うすい青色

7ca641 ... 緑色
fafef4 ... うすい緑色

*/

/*********************************************************************
 * 共通
*********************************************************************/
* {
	margin:0px;
	padding:0px;
}

html,body {
	width:100%;
	height:100%;
}

div,h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd,address{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

body {
	background-color:#fff;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.icon { vertical-align:middle; }
.hide { display:none; }
.pointer { cursor:pointer; }

a { color:#8c4918; text-decoration:none;}
a:hover { color:#c78e64; }

/*
a { color:#43690e; text-decoration:none;}
a:hover { color:#7ca641; }
*/
#admin_box a{ color:#0a488d; }
#admin_box a:hover{ color:#0a488d; }

div#layer {
	opacity:    0.40;
	position:   absolute;
	width:      100%;
	height:     100%;
	background: #000;
	top:        0;
	left:       0;
	z-index:2;
	display:none;
}

ul.disc{
	list-style-type:disc;
	margin-left:20px;
}

/*********************************************************************
 * COLOR 
*********************************************************************/
.red  { color:#ff0000; }
.ared { color:#ff9900; }
.blue { color:#0154a2; }
.gold { color:#948600; }
.gold2{ color:#766b00; }
.glay { color:#999999; }
.glay2{ color:#bbbbbb; }
.white{ color:#ffffff; }
.green{ color:#008000; }


/*********************************************************************
 * FONT
*********************************************************************/
.b { font-weight:bold; }
.i { text-decoration:italic; }
.left  { text-align:left;   }
.center{ text-align:center; }
.right { text-align:right;  }
.px10h14{ font-size:10px; line-height:14px; }
.px11h16{ font-size:11px; line-height:16px; }
.px12h18{ font-size:12px; line-height:18px; }
.px14h20{ font-size:14px; line-height:20px; }
.px16h22{ font-size:16px; line-height:22px; }
.px18h24{ font-size:18px; line-height:24px; }
.fontR{ font-size:0.6rem; line-height:1.0rem; }
.fontS{ font-size:0.8rem; line-height:1.2rem; }
.fontM{ font-size:1.0rem; line-height:1.8rem; }
.fontL{ font-size:14px; line-height:18px; }


/*********************************************************************
 * FORM
*********************************************************************/
.btn   { font-size:1.0rem; padding:6px 12px; }
.btn_s { font-size:14px; padding:2px 5px; }
.btn_ss{ font-size:12px; padding:1px 3px; }
.text { font-size:0.80rem; padding:6px; }
.select { font-size:0.80rem; padding:8px 6px; }
.w40 { width:40px; }
.w60 { width:60px; }
.w80 { width:80px; }
.w240 { width:240px; }
.w100p{ width:90%; }
.select2 { font-size:0.80rem; padding:4px 3px; }

/*********************************************************************
 * 共通ページコンテンツ
*********************************************************************/
header{
	padding:10px;
}
header.admin{
	border-top:5px solid #6493c7;
	border-bottom:1px solid #6493c7;
	padding:10px;
}
header.user{
	border-top:5px solid #c78e64;
	border-bottom:1px solid #c78e64;
	padding:10px;
}
header h1 {
	font-size:24px;
}
header ul {
	margin-top:10px;
	width:50%;
	float:right;
}

header ul li {
	display:inline;
	font-size:12px;
	float:right;
	margin-left:24px;
}
ul#menu {
	width:100%;
	list-style:none;
	position:relative;
}
ul.admin {
	background-color: #6493c7;
}
ul.user {
	background-color: #c78e64;
/* 9ec764 */
}
ul.user li a {
	display:block;
	color:#fff;
}
ul.user li.current a {
	display:block;
	color:#c78e64 !important;
}
ul.user li a:hover {
	/*color:#2e4907;
	color:#0a488d;*/
	color:#8c4918;
}

ul#menu li {
	float:left;
	color:#fff;
	line-height:28px;
	text-align:center;
	border-right:1px solid #fff;
}

ul#menu li.current {
	background-color: #fff;
}

ul#menu div.submenu{
	width:120px;
	position:absolute;
	background-color:#c78e64;
	display:none;
}
ul#menu div.submenu p a{
	color:#fff !important;
	font-size:11px;
	line-height:42px;
	display:block;
	background-color:#c78e64;
	border-top:1px solid #fff;
}
ul#menu div.submenu p a:hover{
	color:#c78e64 !important;
	background-color:#fff;
}
ul.admin li.current {
	color:#0a488d !important;
}
ul.user li.current {
	color:#c78e64 !important;
}
ul.admin li.disabled {
	background-color: #aaa !important;
	color:#ccc !important;
}
ul.admin li a {
	display:block;
	color:#fff;
}
ul.admin li a:hover {
	color:#0a488d;
}

.h5_title { margin-top:10px; font-size:14px; text-align:center; }

#container {
	min-height: calc(100vh - 70px);
}

.navi_box{
	padding:4px;
}
.navi{
	font-size:12px;
	text-indent:10px;
}

.footer{
	height: 50px;
}
footer {
	border-top:1px solid #ccc;
	background-color: #f5f5f5;
	width:100%;
}
footer address{
	font-size:12px;
	font-style:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:50px;
	color:#aaa;
	text-decoration:normal;
	text-align:center;
}

.contents { background-color: #fff; }
.contents { width:100%; margin:0px auto 19px; overflow: hidden; }
.btn_box  { text-align:center; margin-top:15px; }

table.list{ width:100%; background-color:#ccc; }
table.list th,
table.list td { padding:6px 3px; }
table.list th { font-size:11px; color:#333; border-bottom:3px solid #ccc; background-color:#fff; }
table.list td { font-size:11px; color:#555; border-bottom:1px solid #ddd; }
table.list tr.w{ background-color:#ffffff; }
table.list tr.b{ background-color:#f6f6f6; }
table.list tr.g{ background-color:#f8f8f8; }
table.list tr.y{ background-color:#ffffdd; }
table.list tr.r{ background-color:#fef8f3; }
table.list tr.m{ background-color:#f8fbff; }
table.list tr.lo{ background-color:#f0ffff; }
table.list tr.hi{ background-color:#fff0f5; }
table.list tr.hh{ background-color:#ff0000; }
table.list tr:hover{ background-color:#ffffdd; cursor:pointer; }

table.form{ width:100%; margin-top:20px; }
table.form th,
table.form td { padding:18px 6px; border-bottom:1px solid #ddd; }
table.form th { width:20%; font-size:12px; color:#504841; }
table.form td { font-size:12px; background-color:#ffffff; }

table.form_simple{ width:40%; margin:0px auto; }
table.form_simple th,
table.form_simple td { padding:18px 6px; border-bottom:1px solid #ddd; }
table.form_simple th { font-size:12px; color:#504841; }
table.form_simple td { font-size:12px; background-color:#ffffff; }

table.simple_list{ width:40%; margin:10px auto; border-top:1px solid #ddd;}
table.simple_list tr.w{ background-color:#ffffff }
table.simple_list tr.b{ background-color:#f1f7fd }
table.simple_list td{ font-size:12px; padding:5px; border-bottom:1px solid #ddd; }

table.simple_list2{ width:90%; margin:10px auto;}
table.simple_list2 tr.w{ background-color:#ffffff }
table.simple_list2 tr.b{ background-color:#f1f7fd }
table.simple_list2 th{ font-size:12px; padding:5px; border-bottom:2px solid #ddd; }
table.simple_list2 td{ font-size:12px; padding:5px; border-bottom:1px solid #ddd; }

ul.sort_list{ width:40%; margin:10px auto; list-style:none; }
ul.sort_list li { background-color:#fff; border:1px solid #cfcfcf; padding:8px; margin-bottom:5px; cursor:move; }

/* PC向け */
@media screen and (min-width: 1024px) {
header h1 { width:50%; float:left;}
ul#menu li { width:120px; font-size:12px; }
.sp { display:none;}
.sp_row { display:none;}
}
/* タブレット向け */
@media (max-width: 1023px) and (min-width: 768px) {
header h1 { width:50%; float:left;}
ul#menu li { width:120px; font-size:12px; }
.pc { display:none;}
.sp { display:none;}
.sp_row { display:none;}
}

/* スマホ向け */
@media screen and (max-width: 767px) {
header h1 { width:100%; }
ul#menu li { width:100px; font-size:11px; }
.list { width:100%; }
.pc { display:none; }
.tb { display:none; }
.sp { display:block;}
.sp_row { display:table-row; }
}

/* チェックを更新 */
.allProgressBox {
	padding: 5px 10px;
}