@charset "utf-8";

/*------------------------------------------------------------------------------------
  見出し
------------------------------------------------------------------------------------*/
h1.midashi{
	margin-bottom:15px;
	background:url(../img_admin/bg_h1_left.jpg) left top no-repeat;
	border: solid 1px #C8C8C8;
	height: 28px;
}
h1.midashi span{
	display: block;
	background:url(../img_admin/bg_h1.jpg) left top repeat-x;
	font-size: 16px;
	line-height: 28px;
	margin-left: 16px;
}


div.midashi2 {
	height:22px;
	position: relative;
}
div.midashi2 h2 {
	float:left;
	display:block;
	background:#39537B url(../img_admin/h2_left.jpg) left top repeat-x;
	width:110px;
}
div.midashi2 h2 span {
	display:block;
	background:url(../img_admin/h2_right.jpg) right top no-repeat;
	color:#FFFFFF;
	line-height:22px;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align:bottom;
}

div.midashi2 h2 span a,
div.midashi2 h2 span a:link,
div.midashi2 h2 span avisited {
	display:block;
	color:#FFFFFF;
	text-decoration: underline;
}

div.midashi2 h2 span a:hover {
	color: #ED9700;
}
div.midashi2 h2 .show {
	position: absolute;
	left: 8px;
	top: 3px;
}
div.midashi2 h2#showBtn {
	cursor: pointer;
}

div.midashi2 .floatL{float:left; margin-left: 10px;}
div.midashi2 .floatR{float:right;}

h3 {
	border-left: solid 4px #314568;
	padding-left: 8px;
	margin-bottom: 10px;
	font-size: 120%;
}


/*------------------------------------------------------------------------------------
  ボックス
------------------------------------------------------------------------------------*/
div.borderBox{
	background:#ffffff;
	border-top:3px solid #39537B;
	border-left:1px solid #A7B7BC;
	border-bottom:1px solid #A7B7BC;
	border-right:1px solid #A7B7BC;
	clear: both;
	margin-bottom: 15px;
}
div.borderBoxPadding{
	padding:10px;
}


/*------------------------------------------------------------------------------------
  操作欄（一覧）
------------------------------------------------------------------------------------*/

div.listHeader{
	background-color:#314568;
	padding:5px 10px 3px 10px;
	height:25px;
	clear: both;
	color: #ffffff;
	vertical-align: middle;
}
div.listHeaderL{float:left;}
div.listHeaderR{float:right;}

div.listHeader img{padding-bottom:4px;}

div.listHeader input[type="submit"], input[type="reset"], input[type="button"] {
	background:url(../img_admin/btn_off.jpg) left center repeat-x;
	color: #333333;
	padding: 1px 7px;
}

div.listHeader input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background:url(../img_admin/btn_on.jpg) left center repeat-x;
}

div.listHeader .paginatorHeader a {
	text-decoration: none;

}
div.listHeader .paginatorHeader a img {
	vertical-align:middle;
}


/*------------------------------------------------------------------------------------
  一覧ボックス
------------------------------------------------------------------------------------*/
div.listBox{
	background:#708BB4;
	border-top:1px solid #ffffff;
	border-left:1px solid #A7B7BC;
	border-bottom:1px solid #A7B7BC;
	border-right:1px solid #A7B7BC;
	clear: both;
	margin-bottom: 15px;
	position: relative;
	padding-top: 24px;

/width:100%;	/* ie6,7 */
/background:url(../img_admin/listTableThBg.gif) right top no-repeat;	/* ie6,7 */

}

div.listBoxPadding {
	overflow-x: auto;
	overflow-y: scroll;
	height: 300px;
	background:#ffffff;
}

div.listBoxPadding table thead tr {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	display: table;
}

div.listBoxPadding table thead tr th {
	border: none;
	border-left: 1px solid #ffffff;
}

div.listBoxPadding .listTable {
/width:98%;	/* ie6,7 */
}



/*------------------------------------------------------------------------------------
  テーブル装飾（一覧）
------------------------------------------------------------------------------------*/

.listTable {
	width:100%;
	margin:0px;
	border:solid 1px #D9D9D9;
}

.listTable th{
	background-color:#708BB4;
	font-weight:normal;
	color:#ffffff;
	padding:4px;
	border:solid 1px #D9D9D9;
	line-height:135%;
}

.listTable th a {color: #ffffff;}
.listTable th a:link {color: #ffffff;}
.listTable th a:visited {color: #ffffff;}
.listTable th a:hover {color: #ED9700;}


.listTable td {
	border:solid 1px #D9D9D9;
	padding:4px;
}
.listTable tr.bg-glay {
	background-color:#eeeeee;
}



/*------------------------------------------------------------------------------------
  操作欄（編集等）
------------------------------------------------------------------------------------*/

div.infoMenuHeader{
	background-color:#314568;
	padding:5px 10px 0px 10px;
	clear: both;
	color: #ffffff;
	vertical-align: middle;
}


/*------------------------------------------------------------------------------------
  テーブル装飾（編集等）
------------------------------------------------------------------------------------*/
.infoTable {
	width:100%;
	border-top:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
}

.infoTable th, .infoTable td.bgTh {
	background-color:#708BB4;
	font-weight:normal;
	color:#FFF;
	padding:8px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	line-height:135%;
	width: 130px;
}

.infoTable td {
	border-top:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
	padding:6px;
}

.infoTable td.off {
	background-color: #eeeeee;
}

/*------------------------------------------------------------------------------------
  テーブル装飾（編集等テーブル入れ子用）
------------------------------------------------------------------------------------*/

.innerTable {
	border:none;
}
.innerTable td {
	background-color:#FFFFFF;
	border:none;
	padding:4px 6px;
}
.innerTable td.bgTh{
	background-color:#C5D1DA;
	border:solid 1px #FFFFFF;
	padding:4px 6px;
	color: #333333;
}

.infoTable td.off .innerTable td.bgTh{
	background-color:#C5D1DA;
}

.infoTable td.off .innerTable td {
	background-color:#eeeeee;
}


.innerList {
	border:none;
}
.innerList th {
	background-color:#C5D1DA;
	border-top:none;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #CCCCCC;
	padding:4px 6px;
	color: #333333;
	width: auto;
}
.innerList td {
	border-top:none;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #CCCCCC;
	padding:4px 6px;
}

.infoTable td.off .innerList td.bgTh{
	background-color:#C5D1DA;
}

.infoTable td.off .innerList td {
	background-color:#eeeeee;
}


/*------------------------------------------------------------------------------------
  その他
------------------------------------------------------------------------------------*/

/*サイズ*/
.wSizeSS          {width:30px;}
.wSizeS           {width:80px;}
.wSizeM           {width:110px;}
.wSizeL           {width:150px;}
textarea.wSizeL   {width:140px;}
.wSize2L          {width:200px;}
textarea.wSize2L  {width:190px;}
.wSize3L          {width:300px;}
textarea.wSize3L  {width:290px;}
.wSize4L          {width:400px;}
textarea.wSize4L  {width:390px;}
.wSize5L          {width:500px;}
textarea.wSize5L  {width:490px;}
.wSize100         {width:100%}


.addIcon {
	background:url(../img_admin/add.gif) left center no-repeat;
	padding: 3px 0 3px 18px;
	line-height: 24px;
}

a.hLinkIncon {
	background:url(../img_admin/h_link_off.gif) left center no-repeat;
	padding: 3px 0 3px 16px;
	line-height: 16px;
	color: #ffffff;
}

a.hLinkIncon:hover {
	background:url(../img_admin/h_link_on.gif) left center no-repeat;
	color: #ED9700;
}

.editIcon {
	background:url(../img_admin/edit.jpg) left center no-repeat;
	padding: 3px 0 3px 26px;
}

.printIcon {
	background:url(../img_admin/print.jpg) left center no-repeat;
	padding: 3px 0 3px 26px;
}

.headerModeArea {
	margin-top: -10px;
	line-height: 30px;
}

.headerModeArea .large {
	color: #314568;
	font-weight: bold;
	font-size: 16px;
}

.headerButtonArea {
	text-align: right;
}

.footerButtonArea {
	text-align: right;
	margin-bottom: 10px;
}


.borderBox .footerButtonArea {
	text-align: right;
	margin-top: 10px;
}


.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.top{vertical-align: left;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}

.ime-on { ime-mode: active !important; }
.ime-off { ime-mode: disabled !important; }

.required {
	color: #FF3300;
}

.attention {
	color: #555555;
}

.none-area { display: none; }
.memo-area {
	color: #003300;
	background-color: #E7FEEB;
	border: 1px solid #003300;
	padding: 5px;
	margin-bottom: 10px;
}
.dummy-area {
	position:absolute;
	top:0px;
	right:0px;
}

.display-out{
	position:absolute;
	top:-9999px;
	left:-9999px;
}



/* color class */
.bg-orange { background-color: #FFCC66; }
.bg-yellow { background-color: #FFFF99; }
.bg-pink { background-color: #FFD7EB; }
.bg-red { background-color: #FF3E3E; }
.bg-bule { background-color: #D9E2FF; }
.bg-green { background-color: #BCFBAA; }
.bg-green2 { background-color: #EBFFDD; }
.bg-glay{ background-color:#EEEEEE; }

.font-red { color: #ca0000; }
.font-orenge { color: #FF6600; }
.font-sky { color: #029ce2; }


/* message class */
.system-message {
	color: #004400;
	background-color: #E7FEEB;
	border: 1px solid #007900;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 12px;
}
.system-message-inner {
	background:url(../img_admin/check.gif) left center no-repeat;
	padding: 0 0 0 20px;
}

.error-message {
	color: #ca0000;
	line-height: 18px;
	background-color:#fff3ff;
	border: 2px solid #ca0000;
	padding: 10px;
	margin-bottom: 10px;
}

.error-message-header {
	font-weight: bold;
	font-size: 16px;
	background:url(../img_admin/error.gif) left center no-repeat;
	padding: 0 0 0 20px;
	line-height: 16px;
	margin-bottom: 5px;
}

.form-error { background-color: #FFD7EB; }

.marginTop10 {
	margin-top: 10px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

/* 管理画面用追加 */


.my-0{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.my-1{
	margin-top:4px !important;
	margin-bottom:4px !important;
}
.my-2{
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.my-3{
	margin-top:12px !important;
	margin-bottom:12px !important;
}
.my-4{
	margin-top:16px !important;
	margin-bottom:16px !important;
}
.mx-1{
	margin-left:0 !important;
	margin-right:0 !important;
}
.mx-1{
	margin-left:4px !important;
	margin-right:4px !important;
}
.mx-2{
	margin-left:8px !important;
	margin-right:8px !important;
}
.mx-3{
	margin-left:12px !important;
	margin-right:12px !important;
}
.mx-4{
	margin-left:16px !important;
	margin-right:16px !important;
}

.mt-0{
	margin-top: 0 !important;
}
.mt-1{
	margin-top:4px !important;
}
.mt-2{
	margin-top:8px !important;
}
.mt-3{
	margin-top:12px !important;
}
.mt-4{
	margin-top:16px !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.mb-1{
	margin-bottom:4px !important;
}
.mb-2{
	margin-bottom:8px !important;
}
.mb-3{
	margin-bottom:12px !important;
}
.mb-4{
	margin-bottom:16px !important;
}
.ml-0{
	margin-left: 0 !important;
}
.ml-1{
	margin-left:4px !important;
}
.ml-2{
	margin-left:8px !important;
}
.ml-3{
	margin-left:12px !important;
}
.ml-4{
	margin-left:16px !important;
}
.mr-0{
	margin-right: 0 !important;
}
.mr-1{
	margin-right:4px !important;
}
.mr-2{
	margin-right:8px !important;
}
.mr-3{
	margin-right:12px !important;
}
.mr-4{
	margin-right:16px !important;
}
.py-0{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.py-1{
	padding-top:4px !important;
	padding-bottom:4px !important;
}
.py-2{
	padding-top:8px !important;
	padding-bottom:8px !important;
}
.py-3{
	padding-top:12px !important;
	padding-bottom:12px !important;
}
.py-4{
	padding-top:16px !important;
	padding-bottom:16px !important;
}
.px-0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.px-1{
	padding-left:4px !important;
	padding-right:4px !important;
}
.px-2{
	padding-left:8px !important;
	padding-right:8px !important;
}
.px-3{
	padding-left:12px !important;
	padding-right:12px !important;
}
.px-4{
	padding-left:16px !important;
	padding-right:16px !important;
}

.pt-0{
	padding-top: 0 !important;
}
.pt-1{
	padding-top:4px !important;
}
.pt-2{
	padding-top:8px !important;
}
.pt-3{
	padding-top:12px !important;
}
.pt-4{
	padding-top:16px !important;
}
.pb-0{
	padding-bottom: 0 !important;
}
.pb-1{
	padding-bottom:4px !important;
}
.pb-2{
	padding-bottom:8px !important;
}
.pb-3{
	padding-bottom:12px !important;
}
.pb-4{
	padding-bottom:16px !important;
}
.pl-0{
	padding-left: 0 !important;
}
.pl-1{
	padding-left:4px !important;
}
.pl-2{
	padding-left:8px !important;
}
.pl-3{
	padding-left:12px !important;
}
.pl-4{
	padding-left:16px !important;
}
.pr-0{
	padding-right: 0 !important;
}
.pr-1{
	padding-right:4px !important;
}
.pr-2{
	padding-right:8px !important;
}
.pr-3{
	padding-right:12px !important;
}
.pr-4{
	padding-right:16px !important;
}
.text-white{
	color: #fff;
}
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.45em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.site-logout{
	float: right;
	height: 40px;

}
.site-logout:after{
	content: "";
	clear: both;
}

.logout-button{
	margin-top: 8px;
}

/* ログイン */
.login-space{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.logo-type h1{
	font-weight: bold;
	font-size:16px;
}

.login-space .input-space label{
	display: inline-block;
	width:70px;
}

/* メニュー */

.menu-space{
	padding: 8px;
}
.menu-space h2{
	font-size:14px;
	font-weight: bold;
	background-color: #D9E2FF;
	padding: 4px;
}
.menu-inner{
	padding: 8px 4px;
}
.menu-inner ul li{
	margin:8px 0;
}
.header-space{
	padding: 4px;
}
.header-space span{
	font-weight: bold;
	font-size:18px;
}
.search-space{
	margin-bottom: 16px;
}
.search-space .search-header{
	background-color: #89a9d4;
	padding: 8px;
}
.search-space .search-action{
	background-color: #eeeeee;
	padding: 8px;
}
.search-space .search-header h2{
	font-weight: bold;
	font-size:14px;
	color: #fff;
}
.paginator-inner{
	color:#ccc;
}
.paginator-inner span{
	display: inline-block;
	padding-left:4px;
	padding-right:4px;

	color:#ccc;
}
.paginator-inner a{
	color:#fff;
}
.paginator-inner a:hover{
	color:#ED9700;
}
.flex-header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-header-left{
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.flex-header-right{
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.list-header-color{
	background-color: #314568;
}
.midashi-float .floatL:after{
	content: "";
	clear: both;
}
.midashi-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.midashi-flex .midashi-item{
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.midashi-flex .midashi-item-last{
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
div.midashi-height-lg{
	height: 30px;
}
.font-weight-bold{
	font-weight: bold;
}
.badge{
	background-color: #6666ff;
	border-radius: 10px;
	padding: 2px 8px;
}
a.badge{
	color: #fff;
	text-decoration: none;
}
.w-100{
	width: 100%;
}
table.vertical-middle td,
table.vertical-middle th{
	vertical-align: middle;
}
.wSizeMS{width:50px;}

.midashi3{

}
.midashi3 h2{
	background-color: #354B70;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	padding: 6px 32px;
	margin-right: 4px;
}
.d-none{
	display: none;
}
.mw-100{
	max-width: 100%;
}

/* 詳細画面 */
.bg-dark{
	background-color: #afafaf;
}
.table-td-white{
	background-color: #fff;
}
#master-space{
	position: relative;
}
#master-space.loading:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
}
input[type="submit"], input[type="reset"], input[type="button"] {
	padding: inherit;
	border-radius: 3px;
}
button{
	background:#fff;
	padding: 3px 7px 3px 9px;
	border: thin solid #aaa;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	cursor: pointer;
}
button:hover{
	opacity:0.7;
}
button:link{
	color:#000;
}
button:hover{
	color:#000;
	opacity:0.7;
}
button:visited{
	color:#000;
}


.button{
	background:#fff;
	text-decoration: none;
	padding: 3px 7px 3px 9px;
	border: thin solid #aaa;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	cursor: pointer;
}
.button:link{
	color:#000;
}
.button:link{
	color:#000;
}
.button:hover{
	color:#000;
	opacity:0.7;
}
.button:visited{
	color:#000;
}


.alert-space{
	padding:20px 40px 0px;
}

.alert-space .alert{
	position: relative;
	padding: 8px 32px 8px 8px;
	border-radius: 2px;
}
.alert.alert-success{
	background-color: #d0ffcd;
	border: thin solid #98c395;
}
.alert.alert-danger{
	background-color: #ffddda;
	border: thin solid #c3aba8;
}

.alert-space .alert button.close{
	position: absolute;
	right: 8px;
	top: 4px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	font-size: 24px;
}