@charset "utf-8";

/* Noto Sans */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/*----HTML再定義--------------------------------------------------*/
/*全ての要素のマージンを0にする*/
* { margin: 0;	padding: 0 }
html {	height : 100%;}
body {
	height : 100%;
	font-size: 14px;
	overflow: hidden;
	color: #000000;
	/* フォントファミリ明朝 
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	*/
	/* フォントファミリゴシック 
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	*/
	font-family: 'Noto Sans',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	width: 100%;
	background:#ffffff;
}
input,textarea {
	font-family: 'Noto Sans',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#tbl1 td a {
    display: block;
}
div#wapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.txtbase {
    color: #f781f3;
    font-size: 120%;
    font-weight: bold;
}
span.time {
    font-size: 11px;
    color: #333;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*LinkBasic*/
p.btn_up a {
    display: block;
    margin: 10px auto;
    width: 65px;
}
a {	text-decoration: none;}
/*
a:hover {	color: #0066CC;	text-decoration: underline;	color: #FF3399;}
a:visited {	color: #0066CC;}
*/
nav{
    height: 100%;
    width: 15%;
}
header {
    background: #f0f2f5;
}
#Header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	background: none;
	color: #ffffff;
padding: 1% 0;
}

#mainMenu {
	width: 550px;
	border: 1px solid #CCCCCC;
	background: url(../img/bg_mainmenu.jpg) repeat-x;
	padding: 10px 15px 15px;
	line-height: 145%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 200px;
	float:left;

}
#tbl1 td a.nodb {
    display: inline-block;
}
#mainMenu p {	margin-top: 7px;}
#mainMenu img {	margin-right: 3px;	border-style: none;}
#mainMenu h1.title {	font-size: 14px;	margin-bottom: 15px; color:#4F6B72;text-shadow:none; }
#mainMenu .menu1 {
	width: 50%;
	padding: 8px;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	vertical-align: top;
}
table#tblTop a{
	color:#1D3994
}
#tbl1 td i {
    padding-left: 5px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
hr {	visibility: hidden;	clear: both;	height: 0px;}
.clr{clear: both;}
input.textbox {
	border: #666666 1px solid;
    margin: 5px 0px 0px 3px;
    vertical-align: middle;
    background: #FFFFFF;
    padding: 20px 8px;
    height: 20px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
table {
    word-break: keep-all;
    width: 100%;
    font-size: 88%;
}
#Header .SiteName {
    float: none;
    margin-top: 0;
    margin-left: 0;
    font-size: 16px;
    font-weight: bold;
    width: 70%;
	position: relative;
}
header {
    background: #ffffff;
}
p.menu_bar {
    position: absolute;
    color: #333;
}
p.menu_bar {
    position: absolute;
    color: #333;
    background: #f0f2f5;
    font-size: 1.4em;
    left: 2.5%;
    top: -18px;
    padding: 0.5%;
    border-radius: 5px;
    border: solid 1px #d8dde5;
    cursor: pointer;
}
p.lnks_logout a {
    background: #ffffff;
    border-radius: 2px;
    padding: 5px 10px;
}
p.shpname {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.1em;
    margin: 0 1%;
}
#footer {
    width: 100%;
    border-top: solid 1px #d7d7d7;
    /* clear: both; */
    padding: 1% 0 0;
    background: #ffffffff;
}
select.UserSelect {
	BORDER-RIGHT: #dbe6e9 0px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #dbe6e9 2px solid;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 0px 0px 3px;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #dbe6e9 2px solid;
	WIDTH: 139px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #dbe6e9 0px solid;
	HEIGHT: 22px;
	background: #e7f2f5;
}

#entry input.btnSubmit {
    border-radius: 5px;
	padding: 0.4em 0.8em 0.4em;
	cursor:pointer;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	color: #FFFFFF;
	letter-spacing: 0.2em;
/*	height: 23px;*/
/*	background: url(../img/bg_btn.jpg) repeat-x;*/
	background: #0284c7;
	border: none;
	
/*	font-size: 11px;*/
}
.login-box input.btnSubmit {
    border-radius: 5px;
    padding: 4% 0;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color:#013550;
    letter-spacing: 0.2em;
    background: #c0e0f1;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
}
.login-box input.btnSubmit:hover {
	background: #81C2E0;
}
p.shpname {
	margin-bottom: 5px;
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
}
p.lnks {
    text-align: right;
}
#mainMenu .menu2 {
	width: 50%;
	padding: 8px;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: top;
}
table#tbl_serach{
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width:100%;
}
#tbl_serach {
	border-width: 0px;
}
#tbl_serach th {
	font-weight: normal;
	color: #FFFFFF;
	padding: 4px 8px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D3D3D3;
	background: url(../img/bg_th.jpg) repeat-x;
	width:200px;
}
#tbl_serach tr{
	height:30px;
}
#tbl_serach tr.gray {	background: #F2F2F2;}

#tbl_serach tr.gray td {
	padding: 2px;
	background: #F2F2F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #FFFFFF;
}

#tbl_serach td {
	color:#333333;
	padding: 2px;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}

#tbl_serach td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 33px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#tbl_serach .paging a,
#tbl_serach .paging a:visited {
	background: #FFFFFF;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	color: #4f6b72;
}

#tbl_serach .paging a:hover  {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	text-decoration: none;
}

#tbl_serach .paging b {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
}

#tbl_serach .paging span.total {
	float: right;
	margin-top: -12px;
}

#tbl_serach img {
	border-width: 0px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
}
#tbl_serach td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 33px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
/*table*/
table#border, table#border2 {
/*	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;*/
	width:100%;
}
/*table*/
table#border3 {
	font-size: 12px;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
#border img {
	margin-right: 2px;
	margin-left: 2px;
	border-width: 0px;
}
#border2 {
/*	margin-right: 10px;*/
/*	margin-left: 10px;*/
	border-width: 0px;
}

#border th, #border2 th {
	font-weight: normal;
	color: #264B00;
	padding: 1% 8px;
/*
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D3D3D3;
	*/
	background:#EEEEEE;
	font-weight: bold;
}

#border th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
	white-space: nowrap;
}

#border td {
	padding: 4px;
	background: #F7F7F7;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
}

#border td.Search, #border td.Submit	{
	padding: 4px;
	background: #DDDDDD;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: top;
}

#border td.idNumber {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EBF3F5;
	padding: 3px;
	color: #4f6b72;
	white-space: nowrap;
}

#border2 tr.gray {	background: #F2F2F2;}

#border2 tr.gray td {
	padding: 1%;
	background: #F2F2F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #FFFFFF;
}

#border2 td {
	color:#333333;
	padding: 1%;
/*	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;*/
	vertical-align:middle;
}


table#tblstyle,#sortdata {
    background: #ffffff;
    margin: 0px auto 50px;
    padding: 0% 2%;
    width: 1800px;
    font-size: 16px;
	word-break: break-all;
    word-wrap: break-word;
}
.btn {
    cursor: pointer;
}
table#tblstyle td .control,#sortdata td .control {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
table#tblstyle td .control a,#sortdata td .control a{
    font-size: 1.0em;
    background: #333;
    color: #fff;
    display: block;
    padding: 5%;

}
table#tblstyle th,#sortdata th {
    border-bottom: 2px solid #E4E7ED;
    font-size:.875rem;
}
table#tblstyle th, table#tblstyle td,#sortdata th,#sortdata td{
    padding: 1%;
    border: 1px solid #E4E7ED;
}
table#tblstyle tr:nth-child(odd) td,#sortdata tr:nth-child(odd) td{
	background: #F5F6F8;
}
table#tblstyle td,#sortdata td {
    padding: 1%;
}
table#tblstyle td.paging,#sortdata td.paging {
    padding: 1% 3%;
    height: auto;
    background: #ffffff;
    border: none;
}
footer {
    width: 100%;
}
table#entry {
    width: 100%;
    background: #ffffff;
    margin: 0 0 3%;
}
table#entry th{
    color: #6c757d;
    font-weight: normal;
    font-size: 16px;
    padding:1%
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-80{
    width: 80px;
}
.col-100{
    width: 100px;
}
.col-120{
    width: 120px;
}
.col-140{
    width: 140px;
}
.col-160{
    width: 160px;
}
.col-180{
    width: 180px;
}
.col-200{
    width: 200px;
}
.scr th i {
    cursor: pointer;
}
#main a.on {
    color: #e67c0f;
}
#entry input,#entry select,#entry textarea {
    border: #d8dde5 1px solid;
    border-radius: 3px;
}
#entry input {
    padding: 5px 10px;
}
#entry select {
    padding: 5px 10px;
}
#entry textarea {

}
.row {
    padding: 1% 0;
}
p.ex {
    padding: 1%;
}
span.require{
	color:#ff0000;
}
#entry ul.btn_area {
    display: flex;
    justify-content: center;
}
#entry ul.btn_area li{
	margin:0 2%;
}
table#tblsearch td {
    padding: 2% 0;
}
table#tblsearch td:nth-child(odd) {
    text-align: right;
    padding-right: 2%;
}
table#tblsearch td.Submit {
    text-align: center;
	padding: 0;
}

element.style {
}
input.btnSubmit {
    border-radius: 5px;
    padding: 0.4em 0.8em 0.4em;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0284c7;
    border: none;

}
.insert_box {
    margin: 2% auto;
    width: 100%;
    padding: 2%;
    background: #ffffff;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-text {
	display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2c3034;
    text-align: center;
    white-space: nowrap;
    background-color: #f0f2f5;
    border: 1px solid #d8dde5;
    border-top-left-radius: 5px;
    border-right: none;
}
.form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2c3034;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8dde5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.scroll_box {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
table.in {
    width: 2000px;
    font-size: 14px;
    margin: 0 0 10px;
}
table#tblstyle.scr {
    width: 2500px;
}
table.in th {
    background: #f0f2f5;
    font-weight: normal;
    text-align: center;
    padding: 1%;
    border: solid 1px #d8dde5;
}
.input-group .btn {
    border-radius: 5px;
    padding: 0.4em 0.8em 0.4em;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0284c7;
    border: none;
    margin: 0 10px;
	min-width: 50px;
}
table.in td:last-child {
    border: 1px solid #d8dde5;
}
#border2 .paging a,
#border2 .paging a:visited {
	background: #FFFFFF;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	color: #4f6b72;
}

#border2 .paging a:hover  {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	text-decoration: none;
}

#border2 .paging b {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
}

#border2 .paging span.total {
	float: right;
	margin-top: -12px;
}

#border2 img {
	border-width: 0px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
}

#paging {
	margin-top: 15px;
	padding-top: 7px;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
	background: url(../img/bg_header.jpg) repeat-x;
	height: 25px;
}

.ButtonLeft  {	float: left;	margin-top: -35px;	margin-right: 5px;}
.ButtonRight {	float: right;	margin-top: -58px;	margin-right: 5px;}
.ButtonEntry {	width:100%; float: right;	padding-left: 10px;	margin-right: 5px;margin-bottom: 5px;}
.ButtonCenter{	float: left;	margin-top: -27px;	margin-left: 10px;}
#SearchBox {	width: 650px;}
#SearchBox div.notes {
	font-size: 80%;
	color: #ff0000;
	letter-spacing: 0.1em;
	float: right;
	margin-top: -18px;
}

#ButtonArea{width:50%; height:50px;}
.BtnOrder{float:left;margin-left:12px;margin-right:10px;}
.BtnResult{float:left;width:50%;}

#popuplist {margin-top:auto;margin-left:auto;margin-right:auto;}

#popuplist h1 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/h1_bg.jpg) no-repeat;
	height: 30px;
	padding-top: 8px;
	padding-left: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	padding-right: 15px;
}

#popuplist h2 {
	font-size: 15px;
	color: #333333;
	background: url(../img/h2_bg.jpg) no-repeat;
	margin-top: 2px;
	margin-bottom: 2px;
	text-indent: 17px;
	margin-left: 2px;
}

#popuplist #border2 td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 33px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#border3 {
	margin-right: 10px;
	margin-left: 10px;
	border-width: 0px;
}

#border th, #border3 th {
	font-weight: normal;
	color: #666666;
	padding: 10px 8px 8px 8px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	background: #E8E8E8;
}


#border3 tr.gray {	background: #F2F2F2;}

#border3 tr.gray td {
	padding: 2px;
	background: #F2F2F2;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #FFFFFF;
}

#border3 td {
	padding: 2px;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}

#main #border3 td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 33px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#border3 .paging a,
#border3 .paging a:visited {
	background: #FFFFFF;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	color: #4f6b72;
}

#border3 .paging a:hover  {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	text-decoration: none;
}

#border3 .paging b {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
}

#border3 .paging span.total {
	float: right;
	margin-top: -12px;
}

#border3 img {
	border-width: 0px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
}

/* table border_entry */
table#border_entry {
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width:100%;
}
/*table*/
#border_entry img {
	margin-right: 2px;
	margin-left: 2px;
	border-width: 0px;
}

#border_entry th{
	font-weight: normal;
	color: #FFFFFF;
	padding: 4px 8px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D3D3D3;
	background: url(../img/bg_th.jpg) repeat-x;
}

#border_entry th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
	white-space: nowrap;
}

#border_entry td {
	padding: 4px 20px;
	background: #F7F7F7;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
}

#border_entry td.Search, #border_entry td.Submit	{
	padding: 4px;
	background: #DDDDDD;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: top;
}

#border_entry td.idNumber {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #EBF3F5;
	padding: 3px;
	color: #4f6b72;
	white-space: nowrap;
}
#border_entry th {
	font-weight: bold;
	color: #666666;
	padding: 4px 8px 0;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	background: #E8E8E8;
	font-size: 15px;
}
th.subEntry{
	text-indent:10px;
}
td.subEntry{
	text-indent:10px;
}
/* table border_entry */
#popuplist #border3 td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 33px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.contents {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* align-items: flex-start; */
    min-height: 90%;
    height: 90%;
}
.contents nav {
    float: none;
    width: 15%;

}
.contents #main {
    margin: 0 0 0 0%;
    float: none;
    width: 85%;
    background: #f0f2f5;
    height: 100%;
    padding: 0 0 0;
    overflow-y: auto;
}
/* navmenu */
.menulist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
#menu .menulist ul.dropmenu {
    width: 100%;
    text-align: left;
    padding: 0 0% 0;
}

#main {
    margin: 0 5%;
    width: 75%;
    background: #fff;
}
#menu .menulist ul.dropmenu a {
	font-size: 14px;
    background: none;
    color: #090a0b;
    padding: 6px 4%;
    border: none;
    display: flex;
    font-weight: 600;
}
#menu .menulist ul.dropmenu a:hover > i {
    color: #1584C3;
}
#menu .menulist ul.dropmenu li.active i {
    color: #1584C3;
}
#menu .menulist ul.dropmenu a span {
    display: block;
    margin: 0;
}
#menu .menulist ul.dropmenu a i {
    margin: 0 0 5px;
	font-size: 18px;

}
a.changecolor {
    position: relative;
}

a.changecolor:after {
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: bold;
    margin-right: 4px;
    color: #B0B0B0;
    position: absolute;
    right: 5%;
    content: "\f053";
}
.active a.changecolor:after {
    content: "\f078";
}
ul ul a.changecolor:after {
    content: "";
}
.active ul ul a.changecolor:after {
    content: "";
}
div#search_box {
    background: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0% 0% 2%;
}
.title {
    background: #f6f7f9;
    padding: 0.875rem 1.625rem;
    border-bottom: 1px solid #e4e7ed;
}
table#tblsearch {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
}
table.view th {
    width: 10%;
}
.view .row {
    font-size: 16px;
    border: solid 1px #ededed;
    padding: 1% 2%;
    border-radius: 5px;
    margin: 1%;
}
.backlink {
    background: #ffffff;
    padding: 1% 2%;
    text-align: center;
    border-radius: 5px;
}
.menuList h1 {
    display: none;
}
.menuList {
    width: 100%;
    height: 100%;
    background: #ffffff;
}
#menu {
    background: #f5f5f5;
    height: 100%;
    width: 100%;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 10px;
    padding:0;
    float:none;
	border: none;
	display: block;
}
/* navmenu */

/* menu sub */
#menu .menulist ul.dropmenu.submenu a {
    font-size: 16px;
    text-align: left;
}
#menu .menulist ul.dropmenu.submenu {
    width: 75%;
    font-size: 16px;
    height: 100%;
    background: #999999;
    display:none;
}
#menu .menulist ul.dropmenu.submenu.active {
    display:block;
}
#menu .menulist ul.dropmenu.submenu li {
    padding: 15px 0 15px 10px;
}
/* menu sub */
#menu .menulist ul.dropmenu li.active {

}
#main a{
	color:#1D3994;
}
#main a:hover{

}
#main h1 {
    font-weight: bold;
    padding: 1% 2%;
    margin: 17px 0;
    border-bottom: none;
    font-size: 150%;
    background: #F6F7F9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main_contents {
    padding: 0 2%;
}

#main h2 {
	font-size: 15px;
	color: #333333;
	background: url(../img/h2_bg.jpg) no-repeat;
    margin-top: 10px;
    margin-bottom: 12px;
	text-indent: 17px;
	margin-left: 2px;
}

.fontCaution{
	width:98%;
	margin:10px auto;
	background: #ececec;
	padding: 10px;
	text-align: center;
}

.entrytype{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#666666;
	border-width:1px
}
.ime_active {ime-mode:active}
.ime_none   {ime-mode:disabled}
#lefttHtml{
	width:20%;
	float:left;
}
#rightHtml{
	width:20%;
	float:right;
}
#tblPrice{
	width:500px;
	border solid 1px #ececec;
}
.boxDataInfo{
	margin:5px 0 5px 10px;
}
h4{
    float: left;
    font-size: 18px;
    margin-right: 10px;
    width: 30%;
}
/*table*/
table#border4 {
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	float:left;
	margin-right:10px;
}
table#border5 {
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	margin-bottom:10px;
	float:right;
}
#border4,#border5 {
/*	margin-right: 10px;*/
/*	margin-left: 10px;*/
	border-width: 0px;
}

#border4 th,#border5 th {
	font-weight: normal;
	color: #FFFFFF;
	padding: 4px 8px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D3D3D3;
	background: url(../img/bg_th.jpg) repeat-x;
}

#border4 tr.gray,#border5 tr.gray {	background: #F2F2F2;}

#border4 tr.gray td ,#border5 tr.gray td {
	padding: 2px;
	background: #F2F2F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #FFFFFF;
}

#border4 td,#border5 td {
	color:#333333;
	padding: 2px;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}

#main #border4 td.paging,#main #border5 td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 14px;
	background: #DDECF1 url(../img/bg_header.jpg) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#border4 .paging a,
#border4 .paging a:visited {
	background: #FFFFFF;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	color: #4f6b72;
}
#border5 .paging a,
#border5 .paging a:visited {
	background: #FFFFFF;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	color: #4f6b72;
}
#border4 .paging a:hover,#border5 .paging a:hover  {
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
	text-decoration: none;
}

#border4 .paging b ,#border5 .paging b{
	background: #BDDAE3;
	border: 1px solid #BDDAE3;
	padding: 3px;
	margin-right: 3px;
}

#border4 .paging span.total,#border5 .paging span.total {
	float: right;
	margin-top: -12px;
}

#border4 img,#border5 img {
	border-width: 0px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
}
span.boxVb {
    border: solid 1px #d7d7d7;
    padding: 1%;
    display: block;
    color: #8e8e8e;
    margin: 1% auto;
}
span.tlname {
	display: block;
    color: #8e8e8e;
    font-size: 16px;
    font-weight: bold;
}
h1.ttl_config {
/*    background: rgba(0, 0, 0, 0) url("../img/ttl_config.png") no-repeat scroll 0 center;*/
    font-size: 30px;
    height: 41px;
    text-indent: 50px;
}
h1.ttl_support {
/*    background: rgba(0, 0, 0, 0) url(../img/ttl_support.png) no-repeat scroll 0 center;*/
    font-size: 30px;
    height: 41px;
    text-indent: 50px;
}
h1.ttl_filter {
/*    background: rgba(0, 0, 0, 0) url(../img/ttl_filter.png) no-repeat scroll 0 center;*/
    font-size: 30px;
    height: 41px;
    text-indent: 50px;
}
h1.ttl_block {
/*    background: rgba(0, 0, 0, 0) url(../img/ttl_block.png) no-repeat scroll 0 center;*/
    font-size: 30px;
    height: 41px;
    text-indent: 50px;
}
h1.ttl_report {
/*    background: rgba(0, 0, 0, 0) url(../img/ttl_report.png) no-repeat scroll 0 center;*/
    font-size: 30px;
    height: 41px;
    text-indent: 50px;
}
table#tbl1 {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width:100%;
}
/*table*/
table#tbl1 {
	font-size: 14px;
/*	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
*/
}
#border img {
	margin-right: 2px;
	margin-left: 2px;
	border-width: 0px;
}
#tbl1 {
/*	margin-right: 10px;*/
/*	margin-left: 10px;*/
	border-width: 0px;
}

#tbl1 th {
	font-weight: normal;
	color: #8e8e8e;
	padding: 1% 8px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D3D3D3;
	background:#f5f5f5;
	font-weight: bold;
	font-size: 16px;
}
#tbl1 td {
    padding: 1%;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.5em;
    word-break: break-word;
}
#tbl1 td img {
	max-width:100%;
}

img.dino {
    display: none;
}

p.info {
    font-size: 1.1em;
    text-align: center;
    background: #0240ff;
    color: #ffffff;
    padding: 1% 0;
    margin: 1% auto;
}
.uicon {
	border-radius: 50px;
}
.user_link {
    display: block;
}
.wordhash {
	font-size:110%;
	font-weight:bold;
}
.imgTw {
	margin:10px auto;
}
.entdt {
	line-height:1.6em;
}
td.dispcell.entdt {
    width: 60%;
}
#tbl1 td.entimg {
	text-align:center;
}
#main a.box_open {
    display: block;
    font-size: 15px;
    color: #ffffff;
    background: #B868E3;
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
}
._chk_div {
    margin: 15px auto 0;
    text-align: center;
}
.fakelink {
    text-decoration: underline;
    color: #0240ff;
        cursor: pointer;
}
input#file01 {
    display: none;
}
tr.wmc {
    background: #f9e0e0;
}
#main a.box_close {
    display: block;
    font-size: 110%;
    color: #ffffff;
    background: #646464;
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
}
#main a.box_block {
    display: block;
    font-size: 15px;
    color: #ffffff;
    background: #e93265;
    text-align: center;
    width: 70%;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
}
#main a.box_release {
    display: block;
    font-size: 15px;
    color: #ffffff;
    background: #646464;
    text-align: center;
    width: 70%;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
}
#tbl_div {
    border: solid 2px #0040FF;
    width: 98%;
    margin: 30px auto;
    border-radius: 5px;
    padding: 20px 0 20px 20px;
}
table#tbl2 {
    width: 100%;
}
table#tbl2 th {
	color:#8e8e8e;
	font-size:16px;
	font-weight:bold;
    text-align: left;
    padding: 8px 0;
}
table#tbl2 td {
	color:#8e8e8e;
	font-size:16px;
	font-weight:bold;
    border-bottom: 2px solid #e3e3e3;
}
table#tbl2.srh {
    width: 70%;
}
table#tbl2 td._td1 {
    width: 14%;
    padding: 10px 0;
    border-bottom: 2px solid #e3e3e3;
}
input.txt1 {
    width: 90%;
    height: 30px;
    vertical-align: middle;
    margin: 8px;
    text-align:left;
    padding:0 10px;
}
input.txt2 {
    width: 30%;
    height: 30px;
    vertical-align: middle;
    margin: 8px;
    text-align:left;
    padding:0 10px;
}
.chk {
    -webkit-appearance: auto;
}
input.chk1 {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 8px;
}
input.chk1[type=checkbox] {
	display: none;			/* checkboxを非表示にする */
}
.label {
	position: relative;		/* ボックスの位置を指定する */
	padding: 0 0 0 42px;	/* ボックス内側の余白を指定する */
}
.label:hover:after {

}
.label:after,  .label:before{
	position: absolute;	/* ボックスの位置を指定する */
	content: "";		/* ボックスのコンテンツ */ 
	display: block;		/* ブロックレベル要素化する */ 
	top: 50%;			/* 上部から配置の基準位置を決める */ 
}
.label:after {
	left: 15px;			/* 左から配置の基準位置を決める */ 
	margin-top: -10px;	/* チェック枠の位置 */
	width: 15px;		/* ボックスの横幅を指定する */
	height: 15px;		/* ボックスの高さを指定する */
	border: 2px solid #ccc;	/* ボックスの境界線を実線で指定する */
	border-radius: 6px;		/* ボックスの角丸を指定する */
}
.label:before {
	left: 21px;			/* 左から配置の基準位置を決める */ 
	margin-top: -7px;	/* チェックマークの位置 */
	width: 5px;			/* ボックスの横幅を指定する */
	height: 9px;		/* ボックスの高さを指定する */
	border-right: 3px solid #40a2ed;	/* 境界線（右）のスタイルを指定する */
	border-bottom: 3px solid #40a2ed;	/* 境界線（下）のスタイルを指定する */
	transform: rotate(45deg);	/* 要素を回転させる */
	opacity: 0;			/* 要素を透過指定する */
}
input[type=checkbox]:checked + .label:before {
	opacity: 1;		/* 要素を表示する */
}
td.td_1 {
    width: 20%;
}
td.td_2 {
    width: 10%;
}
td.td_3 {
    width: 60%;
}
p.s_ttl {
    margin: 30px auto 20px;
    color: #8e8e8e;
}
input.inpf {
    border: solid 2px #d7d7d7;
    width: 500px;
    padding: 15px 0px;
        font-size: 16px;
}
p.inptxt {
    float: left;
}
p.btn {
    float: left;
}
#main .btn a {
    width: 230px;
    background: #40a2ed;
    color: #ffffff;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin: 0 0 0 30px;
    padding: 15px 0;
}
.frm.clearfix {
    margin: 0 auto 30px;
}
#main a.box_on {
    background: #e93265;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 150px;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 5px;
}
#main a.box_off {
    background: #40a2ed;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 150px;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 5px;
}
.selecter {
    text-align: right;
    margin: -60px 0 30px;
}
.selecter select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.selecter select {
	width: 10%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #d7d7d7;
	border-radius: 5px;
	background: #eee;
	background: url("../img/sel_arrow01.png") 95% center no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url("../img/sel_arrow01.png") 95% center no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%)
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*------------------------------------------------------------
■拡張設定

	t＝上（top）
	r＝右（right）
	b＝下（bottom）
	l＝左（left）
	c＝左右の中央（center）
	m＝上下の中央（middle）

※「!important」という設定は、
　どんなclassより、そのclassを優先するという設定です。
-------------------------------------------------------------*/

/*------------------------------------------------------------
●１、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●２、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
●３、float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/

.fl-c{ clear: both; }/*左右の寄せを解除*/
.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/


/*------------------------------------------------------------
●４、margin・・・周りのブロックからの距離

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
●５、padding・・・周りのブロックからの距離（padding）

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }


/*------------------------------------------------------------
●６、font-size・・・フォントサイズの設定

	※「em」と「pt」の違い
	　IEで、ブロウザの文字サイズ変更が反映されるのが「em」です
	　「pt」は文字サイズ変更が効きません。
-------------------------------------------------------------*/

.normal{ font-weight: normal!important; }

.b{ font-weight: bold!important; }

.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }

.small{ font-size: 80%!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }


.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }
.f22pt{ font-size: 22pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
●７、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/


/*------------------------------------------------------------
●８、line-height・・・行間の設定
-------------------------------------------------------------*/

.lh13{ line-height: 1.3em!important; }
.lh14{ line-height: 1.4em!important; }
.lh15{ line-height: 1.5em!important; }
.lh16{ line-height: 1.6em!important; }
.lh17{ line-height: 1.7em!important; }
.lh18{ line-height: 1.8em!important; }
.lh19{ line-height: 1.9em!important; }
.lh20{ line-height: 2.0em!important; }


/*------------------------------------------------------------
●９、underline・・・アンダーライン（下線）の設定
-------------------------------------------------------------*/

.underline{ text-decoration: underline!important; }


/*------------------------------------------------------------
●１０、取り消し線の設定
-------------------------------------------------------------*/

.del{ text-decoration:line-through;}


/*------------------------------------------------------------
●１１、box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/


/*------------------------------------------------------------
●１２、input:focus・・・入力フォームをハイライトする
-------------------------------------------------------------*/

/*input:focus,textarea:focus{ background-color: #FFFFFF!important; }*/


/*------------------------------------------------------------
●１３、hr・・・線の基本設定
-------------------------------------------------------------*/

hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}

/*------------------------------------------------------------
●１４、left、right・・・画像の横位置設定
-------------------------------------------------------------*/

/*--------------------▽左に画像、右に文章*/

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}


/*--------------------▽右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*------------------------------------------------------------
●１５、top、middle、bottom・・・画像の縦位置設定
-------------------------------------------------------------*/

/*--------------------▽画像の縦位置をtopに揃える*/

img.top{ vertical-align: top!important; }

/*--------------------▽画像の縦位置をmiddleに揃える*/

img.middle{ vertical-align: middle!important; }

/*--------------------▽右に画像、左に画像*/

img.bottom{ vertical-align: bottom!important; }


/*------------------------------------------------------------
●１６、noborder・・・枠線を無くす
-------------------------------------------------------------*/

.noborder{ border: 0!important; }

/*------------------------------------------------------------
●１６、zindex・・・重なりの優先度
-------------------------------------------------------------*/

.z2{ z-index: 2; }
.z3{ z-index: 3; }

/*------------------------------------------------------------
　written by Shigeoki Matsuo
-------------------------------------------------------------*/

/* ------------------------------------------------------------
　グラデーションボタン(gray)
-------------------------------------------------------------*/
.button_example a{
	color:#FFFFFF;
}
.button_example{
	color:#FFFFFF;
    border:1px solid #bababa;
    -webkit-border-radius: 3px;
    width:60px; 
    height:14px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    padding: 5px 10px 5px 10px; 
    text-align: center;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.button_example:hover{
/*
	color:#FFFFFF;
    border:1px solid #bababa;
    background-color: #bababa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #bababa, #575757);
    background-image: -moz-linear-gradient(top, #bababa, #575757);
    background-image: -ms-linear-gradient(top, #bababa, #575757);
    background-image: -o-linear-gradient(top, #bababa, #575757);
    background-image: linear-gradient(top, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
*/
}

.button_result a{
	color:#FFFFFF;
}
.button_result{
	color:#FFFFFF;
    border:1px solid #bababa;
    -webkit-border-radius: 3px;
    width:60px; 
    height:27px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    padding: 5px 10px 5px 10px; 
    text-align: center;
    background-color: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
    background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
    background-image: -o-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.button_result:hover{
/*
	color:#FFFFFF;
    border:1px solid #bababa;
    background-color: #bababa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #bababa, #575757);
    background-image: -moz-linear-gradient(top, #bababa, #575757);
    background-image: -ms-linear-gradient(top, #bababa, #575757);
    background-image: -o-linear-gradient(top, #bababa, #575757);
    background-image: linear-gradient(top, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
*/
}
/* ------------------------------------------------------------
　グラデーションボタン(blue)
-------------------------------------------------------------*/

.button_blue{
    border:1px solid #819bcb; 
    -webkit-border-radius: 3px;
    width:120px; -moz-border-radius: 3px;
    border-radius: 3px; 
    padding: 5px 10px; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-align: center; 
    color: #FFFFFF; 
    height:27px;
    background-color: #a5b8da;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
    background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
    background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button_blue:hover{
/*
    border:1px solid #819bcb; background-color: #819bcb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
    background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
    background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
    background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
    background-image: -o-linear-gradient(top, #819bcb, #536f9d);
    background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
*/
}
/* ------------------------------------------------------------
　グラデーションボタン(white)
-------------------------------------------------------------*/
.button_white{
    border:1px solid #d4dee1; 
    -webkit-border-radius: 3px;
    width:120px; 
    -moz-border-radius: 3px;
    border-radius: 3px; 
    padding: 5px 10px; 
    text-align: center; 
    color: #333333; 
    height:27px;
    background-color: #f2f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c8d7dc));
    background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: linear-gradient(top, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
}

.button_white:hover{
/*
    border:1px solid #d4dee1; background-color: #d4dee1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4dee1), color-stop(100%, #a9c0c8));
    background-image: -webkit-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -moz-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -ms-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -o-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: linear-gradient(top, #d4dee1, #a9c0c8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d4dee1, endColorstr=#a9c0c8);
*/
}
.clr{
	clear:both;
}
#boxTbl{

	margin:20px 0;
}
#boxKeywords{
    font-size: 16px;
    padding: 10px;
    text-align: left;
    width: 100%;
}
.posRight{
	text-align:right;
}
#extra_search_hide{
	display:none;
}
#extra_search_hide2{.
	display:none;
}
#minus{
	display:none;
}
.thNohead_arrow{
	background:url("../img/h2_bg.jpg") no-repeat scroll left center transparent!important;
}
.thNohead{
	background:#8A8A8A;
}
table#tblDetail{
	font-size: 12px;
	border: 1px solid #666666;
	width:97%;
	background:#FFFFFF;
	margin:20px auto;
}
table#tblDetail td{

/*    border-color: #D3D3D3 #CCCCCC #CCCCCC #D3D3D3;
    border-style: solid;
    border-width: 1px;*/
    border:none;
    color: #FFFFFF;
    font-weight: normal;
    color: #333333;
    padding: 25px 10px;
    vertical-align:top;
}
table#tblDetail td.borTd{
    border-right: solid 1px #666666;
}

table#tblDetail_sec{
	font-size: 12px;
	border: 1px solid #D3D3D3;
	width:97%;
	background:#FFFFFF;
	margin:20px auto;
}
table#tblDetail_sec td{

/*    border-color: #D3D3D3 #CCCCCC #CCCCCC #D3D3D3;
    border-style: solid;
    border-width: 1px;*/

    color: #FFFFFF;
    font-weight: normal;
    color: #333333;
    padding: 25px 10px;
    vertical-align:top;
}
table#tblDetail_sec td.borTd{
    border-right: solid 1px #D3D3D3;
}
.attention{
	color:#FF0000;
	margin:5px 0;
}
.chkinput {
	margin:2px;
}
.chkArea {
	margin:9px auto 0;
}
.txtNo11 {
	font-weight:bold;
	color:#FF0000;
}
.blinking{
	background:#FFBFBF;
}
.txtB {
	font-weight:bold;
}
.ui-datepicker-trigger {
    vertical-align: bottom;
    width: 24px;
    padding-left: 10px;
}
#datepicker {

}
#enddate {
    display: none;
}
.chargeUl > li {
    float: left;
    font-size: 120%;
    list-style: outside none none;
    margin: 0 7px;
}
.chargeUl li.liactive {
    font-size: 140%;
    font-weight:bold;
}
.fick {
    display:block;
    cursor:pointer;
}
.fick2 {
    display:none;
}
i.fa.fa-angle-down {
    margin-left: 20px;
    font-size: 140%;
}
#suggest {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  width: 250px;
  height: 80px;
  overflow: auto;
}
#suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

#suggest_maker {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  width: 250px;
  height: 80px;
  overflow: auto;
}
#suggest_maker div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest_maker div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest_maker div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
textarea.txta {
    width: 715px;
    height: 200px;
}
table#border th {
    vertical-align: middle;
}
table#border td {
    padding:10px 4px;
}
table#border td span {
    display: block;
    margin: 10px 0 0;
}
table#border input {
    height: 27px;
    padding: 2px 0px;
    width:80%;
}
table#border input.btnSubmit {
    padding: 0.4em 0.8em 1.8em;
    width:auto;
}
p.procurer_p {
    margin: 5px auto;
    padding: 5px 0;
}
select._p_sel {
    height: 30px;
    max-width: 200px;
    width: 200px;
}
input.p_inp {
    width: 500px;
}
input.p_inp_price {
    width: 180px;
}
span.gnm {
    display: block;
}
.ButtonRight_sec {
    float: right;
    margin: -58px 0 30px 0;
}
table#border td span.times {
    display: inline-block;
    font-size: 1.4em;
    padding-left: 10px;
}
select.sel_times {
    font-size: 1.4em;
}
table#border .holidays input {
    display: inline-block;
    width: auto;
}
table#border .holidays label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 2px;
}
.times {
    border-bottom: solid 1px #DFDFDF;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
}
#tbl1 td p.linkdec a {
    display: inline-block;
    font-size: 1.1em;
    padding-right: 15px;
}
p.linkwnum {
    margin: 10px 0;
}
p.linkdec {

}
p.time_li {
    margin: 4px 0;
    font-weight: 500;
    font-size: 1.1em;
}
table#tbl1.tblbase td {
    vertical-align: top;
    width: 14%;
}
p.realname {
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
}
p.realname span {
    display: block;
    font-size: 11px;
}
p.realtel {
    font-size: 14px;
    margin-top: 10px;
}
.scr {
    overflow-x: scroll;
}
table#tbl1.delitbl {
    max-width: 1400px;
}
table#tbl1.delitbl th {
    min-width: 82px;
    font-size: 14px;
}
table#tbl1.delitbl td {
    word-break: normal;
    padding: 2px;
}
table#border input.stxt {
    width: 110px;
}
input.btnla {
    width: 200px;
    padding: 5px 0;
    font-size: 1.2em;
    margin: 0 auto 20px;
}
p.btnstock {
    border: solid 1px #333333;
    background: #333333;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-top: 13px;
}
.csv {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
p.csv_btn {
    margin: 0 5px 5px;
    border: solid 1px #333;
    width: auto;
    padding: 10px 15px;
    font-size: 0.9em;
    text-align: center;
    background: #efefef;
    color: #333333;
    border-radius: 5px;
	cursor: pointer;
}
p.searchBtn {
    float: none;
    margin: 20px auto 0;
    width: 150px;
    text-align: center;
    border-radius: 5px;
    padding: 0.4em 0.8em 0.4em;
    cursor: pointer;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
}
#tbl1 td.memimg p {
    margin: 0 auto;
    max-width: 100px;
}
textarea.textarea {
    width: 80%;
    height: 100px;
}
table#border input.zip1 {
    width: 70px;
}
table#border input.zip2 {
    width: 90px;
}
span.fs {
    display: block;
    font-size: 0.7em;
}
table#border.adjust_tbl td {
    padding: 15px 8px;
}

table#border.adjust_tbl th {
    width: 20%;
    padding: 15px 8px;
}
p.memimg {
    width: 140px;
}
p.b_no {
    letter-spacing: 2px;
}
p.requestlink {
    text-align: right;
    margin: 0 0 10px;
}
textarea.memo {
    width: 100%;
    height: 150px;
}
p.btn_memoupd,p.btn_mail {
    border-radius: 5px;
    padding: 0.4em 0.8em 0.4em;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
	text-align: center;
	width: 50%;
	margin: 0 auto;
}
ul.btnarea {
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
ul.btnarea .btnPrint,p.btnDelivery,ul.btnarea .btnPrintShop {
    border-radius: 5px;
    padding: 4% 1%;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
	text-align: center;

}
ul.btnarea .btnPrintShop{
    background: #1da9b7;
}
ul.btnarea li {
    width: 20%;
    margin-right: 1%;
}
table#tbl1.delivery {
    font-size: 12px;
    white-space: nowrap;
}
p.btnupd {
    border-radius: 5px;
    padding: 2% 0;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    text-align: center;
    width: 90px;
}
.btnSearch{
    border-radius: 5px;
    padding: 1% 0;
    cursor: pointer;
    margin:4px auto 0;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    text-align: center;
    width: 120px;
}
ul.d_price.results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
}
#tbl1 td a.btnComp{
    border-radius: 5px;
    padding: 3% 0;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    text-align: center;
    width: 100%;
}
.btnNon,.btnEnd{
    border-radius: 5px;
    padding: 3% 0;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 0;
    color: #706f6f;
    letter-spacing: 0.1em;
    background: #aaaaaa;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    text-align: center;
    width: auto;
}
#tbl1 td a.btnNon,#tbl1 td a.btnEnd {
    color: #ffffff;
}
p.errmsg {
    color: #ff0000;
}
ul.areabox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px auto 10px;
}
ul.areabox li {
    margin-right: 10px;
    padding: 3px 2%;
    cursor: pointer;
    color: #dfdfdf;
}
ul.areabox li.active {
    font-weight: bold;
    color: #000000;
}
ul.areabox li.clebnt {
    background: #ededed;
    color: #111111;
}
.timetree span {
   margin: 5px auto;
    display: block;
}
#main table.table.settbl.cal_tbl td a {
    color: #212529;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
p.exinfo_txt {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}
div#main.cld {
    width: 100%;
    min-height: 90vh;
    background: #ffffff;
        overflow-y: scroll;
}
.fancybox-content {
/*    min-height: 80vh;*/
}
.cld .timetree {
    width: 100%;
    font-size: 1em;
    height: auto;
    margin: 5px auto;
}
.cld .timetree p {
    margin: 0 6px;
}
#tbl1 td p {
    margin-bottom: 0;
}
#tbl1.ad td:first-child {
    width: 70px;
}
.cal_tbl td.fn {
    padding: .75rem 0;
}
.box_head {
    background: #ffffff;
    border: solid 1px #E9E9E9;
}
p.p_title {
    color: #FF0059;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
    padding: 2% 0;
    border-bottom: solid 1px #E9E9E9;
}
.box_head ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 1% auto 0;
}
.box_head ul li.month {
    width: 70%;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}
.box_head ul li {
    width: 15%;
	padding: 1% 0;
}
.box_head ul li a span {
    color: #ffffff;
    display: block;
    background: #333333;
    padding: 7% 0;
    text-align: center;
}
#main .box_head ul li a {
    display: block;
}
#main table.table.settbl td a {
    color: #FF0059;
    text-decoration: underline;
}
table.comp {
    color: #eeeeee;
}
tr.bre {
    color: #323232;
    background: #FFEFF5;
}
#main table.table.settbl.comp td a {
    color: #323232;
}
#main table.table.settbl.comp td.cr a,.table-bordered td.cr {
    color: #FF0059;
}
.table-bordered thead th.cr {
    color: #ff0000;
}
.table-bordered thead th.cb {
    color: #3462be;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.timetree {
    background: #E9E9E9;
    padding: 2%;
    font-size: 10px;
    text-align: center;
    border-radius: 5px;
	margin: 0 auto 10px;
	width: 90%;
}
.timetree .time {
 
	font-weight: bold;
}
td.heads.trp10 {
    background: #1584c3;
    width: 50%;
    text-align: center;
    color: #ffffff;
    padding: 20px 0;
    cursor: pointer;
}
td.tdtr {
    font-weight: bold;
    text-align: right;
    padding: 1em 3%;
}
.fixtotal {
    width: 20%;
    position: fixed;
    bottom: 14px;
    right: 40px;
    border: solid 3px #ededed;
}
.fixtotal .settingtbl {
    margin: 0;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
	padding: .75rem;
    background: #F6F6F6;
    color: #273D62;
    font-weight: bold;
    width: 14%;
}
table.table.table-bordered.settbl.caltbl.cal_tbl {
    text-align: center;
    margin: 20px auto;
}
.timetree .time i {
    font-size: 1.1em;
    margin-left: 5px;
}
#main table.table.settbl.cal_tbl td a.edit_time {
    display: initial;
    cursor: pointer;
}
.timetree.end {
    background: #c0f3f4;
}
td.fn.today {
    background: #9fe89f;
}
.timetree.caution {
    background: #ffff00;
    border: 2px #333 dotted;
}
.rev_info ul li {
    margin: 10px 10px;
    font-size: 1.1em;
    font-weight: bold;
}
#tbl1 td p.remaind {
    cursor: pointer;
}
p.confirm_check {
    cursor: pointer;
    text-decoration: underline;
    color: #0e389e;
}
ul.d_price.results.finish li:first-child {
    font-size: 1.2em;
    margin: 0 auto 20px;
	font-weight: bold;
}
ul.d_price.results.finish li:last-child {
    margin: 0 auto;
    color: #ff0000;
}
.order_box {
    width: 80%;
}
.delivery_box h5 {
    font-size: 1.1em;
    margin: 0 auto 1%;
    border-bottom: 3px solid #dfdfdf;
    padding: 0 0 10px;
}
.delivery_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5%;
	width: 50%;
}
.delivery_box ul li {
    width: 50%;
    padding: 1%;
    font-size: 18px;
}
.delivery_box ul li:first-child, .delivery_box ul li:nth-child(2) {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
#tbl_div .btn {
    border-radius: 5px;
    padding: 1% 0.8em 1%;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    float: none;
    width: 200px;
    margin: 10px auto 0;
    text-align: center;
}

select.sel {
    width: 90%;
    padding: 1%;
}
a.tdul {
    text-decoration: underline;
}
.information_box {
    width: 90%;
    margin: 0 auto;
}
.information_box ul {
    margin: 0 auto 10px;
}
.information_box ul li{
    margin: 0 0 10px;
}
.information_box ul li a{
	display:block;
}
.information_box ul li:first-child {
    font-weight: bold;
    font-size: 18px;
}
.information_box ul li:last-child {
    line-height: 1.7em;
    font-size: 16px;
}
.information_box ul {
    margin: 0 auto 10px;
    border-bottom: solid 2px #ededed;
}
span.name_k {
    display: block;
    font-size:10px;
}
.bulk_box {
    width: 40%;
    margin: 10px 20px;
    display: none;
}
.bulk_box.active {
    display: block;
}
.bulk_box textarea#bulk {
    width: 100%;
    min-height: 100px;
}
.bulk_box .bulk_send {
    float: none;
    margin: 10px auto;
    border-radius: 5px;
    padding: 1% 0;
    cursor: pointer;
    margin: 4px auto 0;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    background: #0040FF;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    text-align: center;
    width: 120px;
}
p.Bulktoggle {
    margin: 0 auto 20px;
    text-align: right;
    width: 98%;
}
#tbl_div {
    margin: 30px auto 10px;

}
#main p.Bulktoggle a.openBulk {
    cursor: pointer;
}
p.bulk_err {
    text-align: center;
    color: #ff0000;
    font-size: 1.2em;
}
ul.result_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
ul.result_list li {
    margin-right: 20px;
}
tr.onresults {
    background: #f5b2b2;
}
tr.telresults {
    background: #f0cfcf;
}

ul.manage_nolist li {
    width: 15%;
    margin: 0 0 10px;
    border-bottom: 1px solid #333333;
    padding: 0 0 10px;
}
ul.manage_nolist {
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}
table#result_bulk, table#result_bulk th, table#result_bulk td {
    border: solid 1px #333333;
    vertical-align: middle;
}
table#result_bulk ul.d_price.results.finish li:first-child, table#result_bulk ul.d_price.results.finish li:last-child {
    margin: 0 0;
    padding: 10px 0;
    margin: 0 20px;
}
table#result_bulk {
    width: 50%;
    margin: 30px 0px;
}
#manageno_list {
    width: 100%;
    height: 200px;
    border: none;
    padding: 10px;
}
table#result_bulk input.btnSubmit {
    text-align: center;
    display: block;
    margin: 4px auto;
}
#result_bulk ul.d_price.results{
    justify-content: center;
}
.btnarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 60%;
    margin: 0 auto;
}
.btnarea p.btnSearch {
    width: 25%;
    padding: 1.5% 0;
}
.prefbox h4.pref {
    float: none;
    width: 100%;
    margin: 0 0 10px;
}
.prefbox ul li {
    margin: 0 0 5px;
    padding: 0 10px 0;
}
.prefbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
table.tblReport {
    border: solid 1px #333333;
    margin: 0 0 30px;
    width: 99%;
	font-size: 16px;
}
.prefbox div {
    width: 50%;
}

table.tblReport th, table.tblReport td {
    text-align: left;
    border: solid 1px #333333;
    padding: 5px;
}
ul.listul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

ul.listul li {
    margin: 0 25px 10px 0;
    font-size: 14px;
    font-weight: normal;
}
h4._bluk {
    width: 100%;
    float: none;
    font-size: 14px;
}
.newbox {
    margin-top: 20px;
}
.newbox p.ttl {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    padding: 10px 0;
    border-top: 1px solid #333333;
}
.newbox label {
    margin: 0 10px 0 5px;
}
#main.active{
	width:100%;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.contents nav.small {
    width: 0%;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#main{
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.contents nav {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
table.customer {
    width: 100%;
}
table.customer .input-group{
	justify-content: center;
}
table#tblstyle.customer {
    width: 1700px;
}
table#sortdata.customer {
    width: 100%;
}
.csvup i {
    cursor: pointer;
}
.csvup {
    text-align: right;
    font-size: 1.6em;
    padding-right: 2%;
    background: #F6F7F9;
}
#frmcsv {
    display: none;
}
ul.status {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0 0;
}
ul.status li span {
    cursor: pointer;
}
tr.adsence {
    background: #b4b0b0;
}
table#tblstyle tr.nothing td {
    background: #eeafaf;
}

table#tblstyle tr.rejection td {
    background: #eeafaf;
}
td.p_td {
    border: 1px solid #d8dde5;
    padding: 0 10px;
}
.btnflex div {
    margin: 0 4px;
}
.btnflex {
    display: flex;
    justify-content: flex-end;
}
table#tblstyle.scr.detail {
    width: 1500px;
}
ul.ymd {
    display: flex;
    font-size: 1.2em;
    color: #316fcb;
}
ul.ymd li {
    margin-right: 15px;
}
div#canvas {
    width: 100%;
    background: #ffffee;
}
table#tblstyle td .control a.sign_out {
    background: #d87979;
}
table#tblstyle.csv td {
    width: 200px;
}
ul.status li {
    margin: 0 0 5px;
}
table#tblstyle.check {
    width: 100%;
}
table#tblstyle.check tr:nth-child(odd) td, #sortdata tr:nth-child(odd) td {
    background: #ffffff;
}
table#tblstyle.check th{
    background: #F5F6F8;
}
ul.confirm .rdo {
    -webkit-appearance: radio;
    appearance: radio;
}
ul.confirm {
    display: flex;
    justify-content: flex-start;
}
ul.confirm li {
    margin-right: 10px;
}
.clof span {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 5px;
}
.clof {
    line-height: 1.7em;
    text-indent: 1em;
}
p.btn {
    border-radius: 5px;
    padding: 15px 0.8em;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0284c7;
    border: none;
    text-align: center;
    margin: 4px auto;
    float: none;
    width: 15%;
}
input.fina {
    opacity: 0;
    width: 0;
}
.camera {
    width: 70px;
    text-align: center;
    margin: 0 auto;
}
td.canera_td {
    border-bottom: 1px solid #d8dde5;
}
span.cameraup {
    padding: 10px 20px;
    cursor: pointer;
}
p.imgdel {
    font-size: 12px;
    text-decoration: underline;
    color: #2756d5;
    margin-top: 5px;
    cursor: pointer;
}
.allPrice {
    position: fixed;
    bottom: 50px;
    right: 10%;
    width: 50%;
    display: flex;
    font-size: 1.4em;
    justify-content: flex-end;
}
.allPrice.pab {
    display: block;
}
.allPrice_flex {
    display: flex;
    justify-content: flex-end;
}
.allbtn_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 0 10px;
}
.allbtn_flex p.chksup {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}
.btnall {
	width: 190px;
    margin: 10px 0;
    background: #3481d7;
    text-align: center;
    color: #ffffff;
    padding: 10px 0px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
.allbtn_flex p.chksup {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}
.canvas_box {
/*    background: #ffffff url(../img/purchase_bk.png) no-repeat 0 0/100%;*/
/*
    width: 100%;
    height: 70vh;
    */
    margin: 0 auto;
    border: solid 1px #333;
    z-index: 1;
    position: relative;
}
.contents #main.purchase {
    background: #fff;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}

 /*Google Chrome、Safariへの対応*/
.contents #main.purchase::-webkit-scrollbar{
  display: none;
}
.canvas_box .btn {
    position: absolute;
}
.canvas_box .btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}
.purchase .main_contents {
    position: relative;
}
  .option{
    width: 250px;
  }
  .color > a{
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .black{
    background-color: #000000;
  }
  .red{
    background-color: #ff0000;
  }
  .blue{
    background-color: #0000ff;
  }
p.b_img {
    width: 960px;
    position: absolute;
    z-index: 0;
}
p.b_img img,p.bw_img img {
    width: 100%;
    max-width: 100%;
}
p.bw_img {
    position: absolute;
}
ul.bnt_img {
    position: relative;
    z-index: 2;
}
ul.bnt_img {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
ul.bnt_img li {
    width: 35%;
    text-align: center;
}
ul.bnt_img li .btn,ul.bnt_img li input {
    border-radius: 5px;
    padding: 15px 0.8em;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0284c7;
    border: none;
    text-align: center;
    margin: 4px auto;
    float: none;
    width: 40%;
	line-height: 1em;
}
.total_input input {
    padding: 2% 2%;
    width: 120px;
    border: none;
}

.total_input {
    position: absolute;
    right: 6.5%;
    bottom: 25.5%;
    padding: 0;
    z-index: 1;
}
.closetable {
	display:none;
}
ul.union {
    display: flex;
    justify-content: space-between;
}
.tbl_wd {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    width: 200px;
    line-height:1.7em;
}
.memo_a li {
    margin: 0 10px 0;
}
.memo_a {
    display: flex;
    justify-content: center;
    margin: 10px auto 0;
}
table#tblstyle.vi {
    width: 100%;
}
.closetable.active {
	display:contents;
}
.box_head ul li.noYear{
    color: #ffffff;
    display: block;
    background: #333333;
    padding: 1% 0;
    text-align: center;
}

#main .box_head ul.listMonth li a {
    color: #ffffff;
    display: block;
    padding: 10% 0;
    background: #cfcccc;
    text-decoration: none;
}
.box_head ul.listMonth li.selectMonth {
    background: #000000;
    color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    padding: 11px 0;
}

.box_head ul.listMonth li {
    width: 8%;
    text-align: center;
}
table#tblstyle.cld {
    width: 90%;
}
.editdel {
    width: 40%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
p.msg {
    text-align: center;
    margin: 20px 0 0;
    font-size: 1.2em;
    color: blue;
}
.contents #main.purchase.write {
    width: 100%;
    height: auto;
}
.contents.purchase.write {
    min-height: 100%;
    height: auto;
    display: block;
}
.qrimg {
    margin: 0 auto;
    width: 10%;
}
.qrimg img {
    width: 100%;
}
.contents.sign{
    min-height: 60%;
    height: 60%;
}
table#tblstyle td.dispcell.wbtd {
    width: 300px;
    overflow-wrap: break-word;
}
table#tblstyle td.dispcell.wbtd .wbdiv {
    word-break: break-all;
    width: 270px;
    font-size: 0.9em;
    overflow-wrap: break-word;
    overflow-x: scroll;
	overflow-y: hidden;
}
p.sin_ttl {
    margin: 0 0 5px;
    font-weight: bold;
}
ul.controlbtn {
    display: flex;
    justify-content: space-between;
    min-width: 80px;
}
ul.controlbtn li {
    width: 90%;
    margin: 0 5px;
}
table#tblstyle td .control ul.controlbtn li a {
    padding: 10%;
}
table.tbl_sub {
    width: 80%;
    margin: 2% 0;
    background: #ffffff;
    border: solid 1px #333333;
}
table.tbl_sub th {
    background: #d9f3f0;
    border: solid 1px #333333;
}
table.tbl_sub td {
    padding: 1%;
    border: solid 1px #333333;
}
table.input input {
    width: 70%;
    padding: 1% 0;
}
ul.fixed input#fixed_f {
    width: auto;
}
ul.controlbtn li.fixed {
    font-size: 1.0em;
    background: #333;
    color: #fff;
    display: block;
    padding: 3px 0 0;
}

table#tblstyle.tblcsv {
    width: 100%;
}