@charset "utf-8";

/********* HTML再定義 ***********************************************/

body {
	padding: 10px;
	background-color: #999999;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

h2, h3, h4, h5, h6 {
	font-size: 120%;
}
h2 {
	margin: 15px 0;
	padding: 5px 0;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
}
h3{
	margin:15px 0 -5px;
}

form h3 {
	margin-top: 30px;
	background: #eee;
	padding:5px;
}

/********* 全体 *****************************************************/

div#container {
	width: 99%;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFF;
	box-sizing: border-box;
}


/********* ヘッダー *************************************************/

div#header {
	clear: both;
}
div#header h1 {
	line-height: 1.0;
	margin: 0;
}
div#header h1 a:link, div#header h1 a:visited {
	color: #222222;
	text-decoration: none;
}
div#header h1 a:active, div#header h1 a:hover {
	color: #777777;
	text-decoration: none;
}

/********* フッター *************************************************/

div#footer {
	clear: both;
	text-align:center;
	font-size:10px;
}
div#footer address {
	padding-top: 10px;
	border-top: 1px solid #999999;
}

/********* メニュー *************************************************/

div#menu {
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 20px;
}
div#menu ul{
	margin:4px 0 30px 0;
}
div#menu ul li{
	list-style: none;
}
div#menu ul li ul {
	margin-top: 0;
	margin-bottom: 0;
}
div#menu ul li a {
	text-decoration: none;
}
div#menu ul li a span{
	font-size:10px;
	display: block;
	margin-top:-5px;
	color:#333;
}

div#menu > ul > li{
	line-height: 1.6;
	background:url(/images/icons/sitemap-tree-middle.svg) no-repeat 2px -40px;
	background-size: 8px auto;
	padding:0 0 0 14px;
}
div#menu > ul > li:last-child{
	background:url(/images/icons/sitemap-tree-end.svg) no-repeat 2px -40px;
	background-size: 8px auto;
}
div#menu > ul > li > ul > li:first-child{
	line-height: 1.6;
	background:url(/images/icons/sitemap-tree-end.svg) no-repeat 2px -40px;
	background-size: 8px auto;
	padding:0 0 0 14px;
}
div#menu > ul > li > ul > li:not(:first-child)::before{
	content:" / ";
}

div#menu ul.inquiry > li{}
div#menu ul.inquiry > li > ul{
	display: flex;
}
div#menu ul.inquiry > li > ul > li{
	margin-right: 10px;
}

/********* 内容 *****************************************************/

table.selection tr:nth-child(even){
	background:#f5f5f5;
}
table.selection thead th{
	font-size: 10px;
}
table.selection tbody td{
	font-size: 11px;
}


div#content {
	float: left;
	width: calc(98% - 210px);
}
table#entryT tr:nth-child(even) td{
	background:#eee;
}
p.formBut{
	border:1px solid #ccc;
	padding:30px;
	text-align:center;
	background:#f;
}
p.formBut input{
	width:100%;
}

p.miniBut{
	border:inherit;
	padding:inherit;
	text-align:inherit;
	background:inherit;
}
p.miniBut input{
	width:inherit;
	font-size:14px;
	margin:0;
	background:#eee;
	color:#333;
}
p.miniBut input:hover{
	color:#fff;
}

p.formBut .submit,
input[type="submit"]{
	font-size:40px;
	background:#094;
	border:none;
	color:#fff;
	width:80%;
	margin:1% auto;
	padding:10px;
	cursor:pointer;
	display:block;
}
.formBut .submit:hover,
input[type="submit"]:hover{
	background:#063;
}

p.normalBut input[type="submit"]{
	font-size:inherit;
	background:#f0f0f0;
	border:1px solid #ccc;
	color:inherit;
	width:inherit;
	margin:inherit;
	padding:5px 10px;
	cursor:inherit;
	display:inherit;
}

/********* 検索 *****************************************************/

div#search form {
	margin-top: 20px;
}
div#search form dl {
	margin: 0;
}
div#search form dl dt {
	margin: 0;
}
div#search form dl dd {
	margin: 0 0 5px 0;
}
div#search form p {
	margin: 0;
}

/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 10px 0;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page ul.direct {
	margin: 10px 0;
	text-align: right;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}

/********* 設定編集 *************************************************/

div#config form h3 {
	margin: 10px 0;
	padding: 5px;
	background-color: #EEEEEE;
}
div#config form dl {
	margin-bottom: 20px;
}

/********* 個別指定 *************************************************/

dl dd.list ul {
	margin-top: 0;
	margin-bottom: 0;
}

form dl dd.list {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
form dl dd.list ul {
	margin: 0;
}
form dl dd.list ul li ul {
	margin-left: 20px;
}

table.tablesorter {
	width: 100%;
}
table.tablesorter thead tr .header {
	background-image: url(/images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/tablesorter/desc.gif);
}




/********* login ************************************************/

body#login {
  background: #ccc;
}
.login {
  width: 320px;
  margin: 10px auto;
  font-size: 16px;
	background:url(/images/common/logo.png) no-repeat center top;
	background-size: auto 90px;
	padding-top:60px;
}
.login-header,
.login p {
  margin-top: 0;
  margin-bottom: 0;
}
.login-triangle {
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border: 20px solid transparent;
  border-bottom-color: #28d;
}

.login-header {
  background: #28d;
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  color: #fff;
}
.login-container {
  background: #eee;
  padding: 12px;
}
/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 12px;
}
.login input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  padding: 16px;
  outline: 0;
  font-family: inherit;
  font-size: 0.95em;
}
.login input[type="text"],
.login input[type="password"] {
  background: #fff;
  border-color: #bbb;
  color: #555;
}
/* Text fields' focus effect */
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color:#06F;
}

.login input[type="submit"] {
  background: #093;
  border-color: transparent;
  color: #fff;
  cursor: pointer;
}

.login input[type="submit"]:hover {
  background: #17c;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
  border-color: #05a;
}



div.login-01{
	margin:30px auto;
	width:96%;
	max-width:500px;
	text-align:center;
	box-sizing:border-box;
}
div.login-01 h2{
	text-align:center;
}
div.login-01 ul{
	list-style:none;
	margin:0;
	margin-left:-20px !important;
}
div.login-01 ul li{
	margin:0 0 30px -20px;
	background:#fff;
	padding:3%;
	
}
div.login-01 ul li img{
	width:100%;
	height:auto;
}


/********* option ************************************************/
dt.form_text01,
dt.form_text02,
dt.form_text03,
dt.form_text04,
dt.form_text05,
dt.form_text06,
dt.form_text07,
dt.form_text08,
dt.form_text09,
dt.form_text10{
	border-top: 5px solid #eee;
	padding-top: 10px;
}

dd.checkbox input{
	margin-bottom:-5px;
	width: 16px;
	height: 16px;
}
dd.checkbox label{
	margin-right: 10px;
}

/********* clearfix ************************************************/
.clearfix:after,
ul.config:after {
    content: ".";  /* 新しいコンテンツ */
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; /* 非表示に */
}

.clearfix,
ul.config{
  min-height: 1px;
}

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