﻿

body {
	font-family:'Yu Gothic UI', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#333;
	margin:0;
	padding:0;
	background: #eae7de;
}

ul {
  list-style: none;
}
main {
	padding:5px;
	margin:0px auto;
    width: 95%;
}

main p,main div {
	padding:5px;
	margin:5px;
}

main td.nicEditTd div {
	padding:0px;
	margin:0px;
	line-height: 1.8;
}

main.mare-blog div {
	padding:0px;
	margin:0px;
}


main table,th,td {
    border: solid 1px #ddd;
}
main table{
	background: #ffffff;
    color: #000;
    border: 2px solid #7d8b94;
    margin-bottom: 5px;
    border-color:#bfbec6;
	margin:10px 10px;
}

main caption {
	margin:0 0 5px;
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	background:#eee;
	border-radius:50px;
	color: #fff;
    background: #708090;
}


main th{
	color: #fff;
    background: #7d8b94;
    border-right: 1px dashed #bfbec6;
    text-align: center;
    padding: 5px 10px;
    vertical-align: middle;
/*    white-space: nowrap;*/
}

main td {
    border-right: 1px dashed #bfbec6;
    padding:3px 10px;
}

input,select,textarea {
	border-radius:5px;
    margin:2px 3px;
}

input[type="button"]{
	background:#4a728c;/* #7d8b94*/
	border: 1px solid #4a728c;/* #7d8b94*/
	color:#eee;
	border-radius:25px;
}

input[type="submit"] {
	background:#4a728c;/* #7d8b94*/
	border: 1px solid #4a728c;/* #7d8b94*/
	color:#eee;
	border-radius:25px;
}

/*
クラス指定
*/

input[type="submit"].large-button,input[type="button"].large-button  {
	background:#4a728c;/* #7d8b94*/
	border: 1px solid #4a728c;/* #7d8b94*/
	color:#eee;
	border-radius:25px;
	font-size:14px;
	padding:5px 30px;
}

input.errClass,select.errClass,textarea.errClass {
	background-color: #ff6600;
}

.layout-div {
	margin :0;
	padding:0;
}

table.inputTable {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	border: none;
	min-width: 800px;
}

table.inputTable_s {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	border: none;
	min-width: 400px;
}

table.listTable {
	margin: 0 auto;
	border: none;
}

.inputTable th {
	padding:5px 20px;
	border: 1px solid gainsboro;
	white-space: nowrap;
}


.searchTable td {
	padding:2px 3px;
	border: 1px solid gainsboro;
}
.searchTable th {
	padding:2px 3px;
	border: 1px solid gainsboro;
	white-space: nowrap;
}

.subInfoTable td {
	padding:5px 5px;
	border: 1px solid gainsboro;
	font-size: large;
	text-align: center;
	font-weight: bold;
}
.subInfoTable th {
	padding:2px 3px;
	border: 1px solid gainsboro;
	white-space: nowrap;
	font-size: large;
	font-weight: bold;
	text-align: center;
}


.inputTable td {
	padding:5px 20px;
	border: 1px solid gainsboro;
}

.tdNowrap td {
	white-space: nowrap;
}
.thNowrap th {
	white-space: nowrap;
}
div.sub_message {
	border: 1px solid;
}

div.searchDiv {
    width: min-content;
    padding: 0;
    margin: 0 auto 0 0;
}
div.withBotton {
    width: min-content;
    padding: 0;
    margin: 0 auto;
}

#login {
	margin:0 auto;
	width: fit-content;
}

.layout-div div {
	margin: 0;
	padding: 0;
}
.layoutTable>tbody>tr>td {
		background: #eae7de;
}
div.subMenu {
	text-align:center;
	margin:0;
	padding:0;
}
p.message {
	margin:0px auto;
	width:fit-content;
}
td.sousaTd {
    background-color:#eae7de;
    border-color:#eae7de;
}
.fas{
	font-size:1.5em;
	padding-right:0.2em;
	color:#444;
	vertical-align:middle;
}

.btnCopy{
	background: #ffffff;
	display: inline-block;
	padding: 0.4em 1.5em;
	text-decoration: none;
	color: #0000ff;
	border: solid 2px #0000ff;
	border-radius: 3px;
	transition: .4s;
	display: inline-block;
}

div.viewMessage {
	border:medium solid #ddd;
	border-radius:0.5em;
	position:absolute;
	right:0;
	left:0;
	width:fit-content;
	top:200px;
	margin:0 auto;
	background-color:#dfd;
	padding:3px 10px;
}
div.viewMessage>p {
	margin:0px;
}
div.viewMessage>b {
	margin:0px;
	font-size: 36px;
}



.btnCopy:hover {
	background: #67c5ff;
	color: white;
}

#btnCopy .fas{ transition: .4s; color: #67c5ff}
#btnCopy:hover .fas{ color: #FFFFFF}




tr.check{
	background-color: #ffc1ff;
}

tr.end{
	background-color: #adadad;
}
tr.kakutei{
	background-color: #80ffff;
}
tr.fubi{
	background-color: #ff8080;
}
tr.sumi{
	background-color: #ffffcc;
}
tr.inputError{
	background-color: #ff0000;
}


tr.kettei{
	background-color: yellow;
}

tr.kettei a{
	font-weight:bold;
    text-decoration:none;
    color:#F00;
}


tr.raiten{
	background-color: #ffceff;
}

tr.cancel{
	background-color: #5b5b5b;
}


td.shiro_mokuhyo{
	background-color: #ffffff;
}

td.kuro_mokuhyo{
	background-color: #80ffff;
}


/*---------------------------------
スクロール
------------------------------------*/
.y_data_area {
	margin:0;
	padding:0;
}
.y_data_area .y_scroll_box {
	margin:0;
	padding:0;
}
.y_data_area .y_hidden {
	margin:0;
	padding:0;
}

table.y_data  {
	border-top:none;
}
table.y_data_title  {
	border-bottom:none;
}

/*----------------------------------------------------------------------------------
ユーザーナビの設定
------------------------------------------------------------------------------------*/

.header_nav{
        display: table;
        width: 100%;
	background:#000;
	white-space:nowrap;
}

.header_nav th,.header_nav td{
	border:0;
}
.header_nav #login_use_name{
	background:#2f2f2f;
	line-height:30px;
	text-align:right;
	padding:0 5px;
}

.header_nav #use_logout{
	background: #2f2f2f;
}
.header_nav td{
    width:7.7%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #00bfff;
    text-decoration: none;
	box-sizing: border-box;

}

.header_nav table, .header_nav td, .header_nav th {
border-left: 2px #00afef solid;
}

.header_nav td,.header_nav th{
	margin:0;
	padding:0;
}
.header_nav a{
	display: block;
	width: 100%;
/*	line-height: 30px; */
	color: #FFF;
	text-decoration: none;
	position:relative;
}
.header_nav a:hover{
	text-decoration:underline;
}
.header_nav a:hover .fas{
	tansition: all 0.4s;
	color: #ff09b4;
}
#head_function_name {
	font-weight: bold;
	color: #fff;
}

/*----------header_navList　ユーザーナビのドロップダウン関係の設定------------*/
.header_nav_DownList li.parent{
	position:relative;
	width:100%;
    z-index: 100;
    list-style:none;

}
.header_nav_DownList li.parent > a{
	display:block;
	width:100%;
    line-height: 30px;
/*	background: #2f2f2f; */
	text-align:center;
}
.header_nav_DownList li.parent ul li{
	background:#00bfff;
}
.header_nav_DownList li.parent ul li a{
	display:block;
	width:100%;
    line-height:30px;
	text-align:center;
}
/*----------ユーザーナビのドロップダウン関係の設定（hover時）-----------------*/
.header_nav_DownList li.parent ul{
	position:absolute;
	top:100%;
    width: 100%;
}

.header_nav_DownList li.parent ul li{
	height:0;
	overflow:hidden;
    transition:all .2s;
}
.header_nav_DownList li.parent ul li:nth-child(odd) a{
	background: #00afef;
}

.header_nav_DownList li.parent:hover ul li{
    height:30px;
	/*border-bottom:1px solid #162937;*/
}

.y_data tr:nth-child(odd) {
/*	background:#fffff7; */
}


/*----------ログインページ-----------------*/

h1{
	margin:0;
	font-family:"Saira", sans-serif;
	font-weight:normal;
	padding:30px 0 10px;
	font-size: 35px;
	color:#2f2f2f;
	border-bottom: 1px #7d8b94 solid;
}