@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: 16px;
	background: #EDEDF2;
	color: #464646;
	/* フォントファミリ明朝 
	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%;
    overflow-x: hidden;
}
.UserLogo.mainlogo img {
    width: 100%;
    max-width: 100%;
}
.UserLogo.mainlogo {
    margin: 5% auto 3%;
    width: 10%;
}
table.logintbl {
    width: 90%;
    margin: 0 auto;
}
table.logintbl input.textbox {
    width: 100%;
    height: 30px;
    border-bottom: #EDEDF2 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none!important;
    font-size: 1.1em;
    color: #2E2E33;
    margin: 5% 0;
}
p.reminde a {
    color: #0D224E;
    font-size: 1.1em;
}
p.reminde {
    text-align: center;
}
input,textarea {
	font-family: 'Noto Sans',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
div#wapper {
    width: 100%;
    height: auto;
}
.txtbase {
    color: #f781f3;
    font-size: 120%;
    font-weight: bold;
}
*, *: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*/

a {	text-decoration: none;}
/*
a:hover {	color: #0066CC;	text-decoration: underline;	color: #FF3399;}
a:visited {	color: #0066CC;}
*/
nav {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
#menu li span i {
    color: #0D224E;
    font-size: 1.2em;
}
#menu a.oncolor span i{
    color: #FFFFFF;
}
#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;

}
#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
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

/* 回り込み解除 */
.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clearfix::before {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
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: 3px 8px 0px;
    height: 20px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

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;
}

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: #0D224E;
	border-top: 1px solid #F2F2F2;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #F2F2F2;
/*	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: #FFFFFF;
    letter-spacing: 0.2em;
    background: #	;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    width: 90%;
    font-size: 1.1em;
    font-weight: bold;
}
#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;
}
p.infoex {
    margin: 5px 0 10px;
    font-size: 80%;
    padding: 0 0 0 10px;
}

p.p_txt2 {
    margin: 10px auto;
}
p.p_txt3 {
    margin: 10px auto;
}
#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:80%;
	margin:0 auto;
}
/*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;
}

#main #border2 td.paging {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 14px;
	background: #EEEEEE;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#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: -48px;
    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;
}
header {
	max-width: 100%;
    width: 100%;
}
footer {
/*    max-width: 1280px;*/
    width:100%;
}
#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;
}
#main {
    padding: 30px 40px 20px;
    background: #ffffff;
    margin: 0 auto;
    /* float: left; */
    max-width: 100%;
    width: 100%;
}
#main a{
	color:#1D3994;
}
#main a:hover{

}
#main h1 {
	font-weight: bold;
    /* background: url(../img/h1_bg.jpg) no-repeat; */
    padding: 30px 0 30px;
    margin: 0 0;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
    height: 30px;
    text-indent: 0;
}

#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 #333;
	border-left: 1px solid #333;
	width:100%;
}
/*table*/
table#tbl1 {
/*	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
*/
	font-size: 0.7em;
    margin: 0.5% auto 2%;
}
p.rank_ttl {
    margin: 1em 0 0;
    font-weight: bold;
}
#border img {
	margin-right: 2px;
	margin-left: 2px;
	border-width: 0px;
}
#tbl1 {
/*	margin-right: 10px;*/
/*	margin-left: 10px;*/
	border-width: 0px;
	word-break: break-all;
	word-wrap: break-all;
}
#tbl1.ad td:first-child {
    width: 60px;
}

#tbl1 th {

    text-align: center;
	font-weight: normal;
	color: #8e8e8e;
	padding: 1% 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background:#f5f5f5;
	font-weight: bold;
	font-size: 1em;
}
#tbl1 th.vmsg {
	color: #ff0000;
}
#tbl1 td {
	color: #333;
    padding: 1%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    vertical-align: middle;
    font-size: 1.1em;
	line-height: 1.5em;
	
}
#tbl1 td a img {
    vertical-align: top;
    display: block;
    padding: 6% 0 0;
}
.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: 110%;
    color: blue;
/*    background: #B6EBDC;*/
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
    text-decoration: underline;
}
._chk_div {
    margin: 15px auto 0;
}
#main a.box_close {
    display: block;
    font-size: 110%;
    color: blue;
    /* background: #646464; */
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
    text-decoration: underline;
}
textarea.teatarea1 {
    width: 100%;
    height: 120px;
}
ul.ranklist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0em 0 0;
}
ul.ranklist li {
    margin-right: 1%;
    font-size: 0.9em;
}
ul.site_prof li {
    vertical-align: top;
}
#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 {
    width: 98%;
    margin: 0px auto 30px;
    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 th, table#tbl2 td{
	color:#8e8e8e;
	font-size:16px;
	font-weight:bold;
    border-bottom: 2px solid #e3e3e3;
}
td._td1 {
    border-top: 2px solid #e3e3e3;
}
table#tbl2.srh {
    width: 70%;
}
table#tbl2 td._td1 {
    width: 7%;
    padding: 10px 5px;
    border-bottom: 2px solid #e3e3e3;
}
input.txt1 {
    width: 90%;
    height: 30px;
    vertical-align: middle;
    margin: 8px;
    text-align:left;
    padding:0 10px;
}
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, th._td1 {
    width: 20%;
border-top: 2px solid #e3e3e3;
}
.serach_flex table#tbl2 th._td1 {
    font-size: 14px;
}
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: -53px 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 td {
    background: none;
    border-right: none;
}
table#border th {
    vertical-align: middle;
    background: none;
}
table#border td {
    padding:10px 4px;
}
table#border input {
    height: 27px;
    padding: 2px 0px;
}
table#border input.btnSubmit {
    padding: 0.4em 0.8em 1.8em;
}
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: -48px 0 30px 0;
}
p._e_tax {
    margin: 0 auto 5px;
    font-size: 12px;
}
p.gpt {
    font-size: 14px;
}
#main ul.pmbox li a {
    display: block;
    font-size: 10px;
    padding: 5px;
    width: auto;
    min-width: 31px;
    text-align: right;
    color: #1D3994;
}
#main ul.pmbox li a:hover {
    background: #1D3994;
    color: #ffffff;
}
ul.pmbox li {
    border: solid 1px #1D3994;
    padding: 0 0;
    float: left;
    border-radius: 5px;
}
.pmbox_div {
    float: left;
}
ul.pmbox li:first-child {
    margin: 0 10px 0 0;
}
ul.pmbox._sec {
    margin: 28px 0 0 0;
}
.stock_inp {
	width: 30%;
	text-align: right;
	float: left;
	margin-right: 10px;
	margin-top: 13px;
}
.btn_stock {
    margin: 10px auto;
    border: solid 1px #333333;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 0;
    width: 80%;
    font-size: 12px;
}
.btn_stock:hover {
    color: #ffffff;
    background: #646464;
}
table.tbl_head1, table.tbl_head2 {
    width: 50%;
    float: left;
}
table.tbl_head1 {
    margin: 2% auto;
    border-right: 1px solid #333333;
}
.tbl_head1 th {
    text-align: right;
    padding: 3% 3% 0 0;
    width: 25%;
}
table.tbl_head2 {
    margin: 2% auto;
}
.tbl_head2 th {
    text-align: right;
    padding: 3% 3% 0 0;
    width: 25%;
}
table.tbl_head1 input, table.tbl_head2 input {
	width: 90%;
	height: 25px;
}
table.tbl_head1 input.clientxt {
    width: 75%;
}
table.tbl_head1 input.titletxt {
	width: 12%;
	margin-left: 2%;
}
#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_client {
  max-width: 340px;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  width: auto;
  height: 80px;
  overflow: auto;
}
#suggest_client div {
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
	padding: 5px 10px 5px 5px;
}
#suggest_client div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest_client div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
table#border._tbl_o {
    width: 100%;
}
table#border._tbl_o th {
	background: #CFEAEB;
	color: #008080;
    font-size: 80%;
    font-weight: bold;
	text-align:center;
    border-top: 1px solid #008080;
    border-right: 1px solid #008080;
    border-bottom: 1px solid #008080;
    border-left: 1px solid #008080;
}
table#border._tbl_o td {
    background: #F7F7F7;
    border-top: 1px solid #008080;
    border-right: 1px solid #008080;
    border-bottom: 1px solid #008080;
    border-left: 1px solid #008080;
    font-size: 14px;
    text-align: center;
}
input.entrytype.font12.ime_active.inp1 {
    width: 450px;
}
input.entrytype.font12.ime_none.inp2 {
    text-align: right;
    width: 40px;
}
input.entrytype.font12.ime_active.inp3 {
    width: 50px;
}
input.entrytype.font12.ime_none.inp4 {
    text-align: right;
    width: 80px;
}
input.entrytype.font12.ime_active.inp5 {
    text-align: right;
    width: 100px;
}
input.entrytype.font12.ime_active.inp6 {
    text-align: right;
    width: 200px;
}
input.entrytype.font12.ime_active.inp7 {
    width: 190px;
}

#suggest_goods {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  width: 453px;
  height: 80px;
  overflow: auto;
}
#suggest_goods div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
	text-align: left;
}
#suggest_goods div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;

}
#suggest_goods div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
select.inp1 {
    width: 434px;
    height: 30px;
    font-size: 16px;
}
input#unit1 {
    text-align: center;
}
table#border._tbl_o td.nob {
    background: #ffffff;
    border: none;
}
.add_list {
    border: solid 1px #333333;
    border-radius: 5px;
    width: 190px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    box-shadow: 1px 1px;
}
.acBox.clearfix {
    width: 100%;
    margin: 30px auto;
}
.acBox p {
    float: left;
    width: 40%;
    text-align: center;
    margin: 5px auto;
    border: solid 1px #333333;
    border-radius: 5px;
    padding: 10px 0;
    cursor: pointer;
}
.acBox p:first-child {
	margin: 0px 10% 5px 5%;
	color: #646464;
}
.acBox p:last-child {

	color: #ffffff;
}
.acBox div {
    width: 40%;
    float: left;
}
.acBox div a {
    text-align: center;
    margin: 5px auto;
    border: solid 1px #333333;
    border-radius: 5px;
/*    padding: 10px 0;*/
    cursor: pointer;
    display:block;
}
.acBox div:first-child {
	margin: 0px 10% 5px 5%;
	color: #646464;
}
.acBox div:last-child {
	color: #ffffff;
}
.stock_d {
    text-align: center;
    margin: 5px auto;
    border: solid 1px #333333;
    border-radius: 5px;
/*    padding: 10px 0;*/
    display:block;
}
.box_close.stock_d {
    display: block;
    color: #ffffff;
    background: #646464;
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
	width: 40%;
	margin: 8px 0% 5px 0%!important;
}
p.print_delivery {
    background: #70AD47;
    width: 80%;
    margin: 5px auto 0;
    padding: 8px 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
}
p.print_invoice {
    background: #49A0A7;
    width: 80%;
    margin: 5px auto 0;
    padding: 8px 0;
    border-radius: 5px;
    color: #ffffff;
	cursor: pointer;
}
table#tbl_sale {
    width: 100%;
    margin: 0 auto 20px;
	border: solid 1px #dcdcdc;
}
table#tbl_sale th {
    padding: 10px 0;
    font-weight: normal;
    text-align: center;
	border: solid 1px #dcdcdc;
}
table#tbl_sale td {
    padding: 10px 0;
    font-weight: normal;
    text-align: center;
	border: solid 1px #dcdcdc;
}
td.th_ent {
    background: #fff;
}
table#tbl2.srh.fick2 {
    display: block;
}
table#tbl2.srh.fick {
    display: none;
}
.area_search {
    width: 100%;
    margin: 1% auto;
}
.area_search ul {
    text-align: left;
    padding: 1% 2%;
}
.area_search ul li {
    display: inline-block;
    width: 8%;
}
#main .area_search ul li a {
    display: block;
    padding: 4% 0%;
    color: #ffffff;
    text-align: center;
}
#main .area_search ul li:last-child a {
    display: block;
    padding: 4% 0%;
    color: #333333;
    border:solid 1px #333333;
    text-align: center;
    border-radius:5px;
}
#main .area_search ul li:first-child a {
    color: #333333;
}
#main .area_search ul li:first-child a.area_c5.active {
    background: #ffffff;
    color: #333333;
    border:solid 1px #333333;
}
#main .area_search ul li a.area_c1.active {
    background: #ffffff;
    color: #f57910;
    border:solid 1px #f57910;
}
#main .area_search ul li a.area_c4.active {
    background: #ffffff;
    color: #723e13;
    border:solid 1px #723e13;
}
/* WEB面接 */
#tbl1 td.fb6 {
    font-weight: bold;
    color: #004eff;
}
tr.fb6_sp {
    background: #d7e1f8;
}
span.webin {
    display: block;
    color: #004eff;
	text-align: center;
}
#main td a {
    display: block;
}
p.webIn {
    /* width: 100%; */
    clear: both;
    text-align: left;
    margin: 0 auto;
}
span.webin_icon {
    background: #004eff;
    color: #ffffff;
    padding: 1% 2%;
    border-radius: 10px;
}
#main .area_search ul li a.area_c7.active {
    background: #ffffff;
    color: #333333;
    border:solid 1px #bbb8b8;
}
#main .area_search ul li a.active {
    font-weight: bold;
}
.msg{
	text-align:center;
	margin:1% auto;
}
p.a_txt {
    font-size: 0.8em;
}
table#border.entry td {
    width: 25%;
    vertical-align: bottom;
}

table#border.entry th {
    width: 10%;
}
table#border.entry input {
	width: 80%;
    padding: 0.5%;
    height: auto;
    font-size: 1.0em;
    margin: 0 10px;
}
}
table#border.entry select {
    padding: 4px;
}
p.ent_date {
    margin: 1% auto;
    padding: 0 0 1%;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    min-height: 35px;
}
input.txt2.src {
    font-size: 1.0em;
    width: 90%;
    height: 30px;
}
input.txt2.src.caltxt {
    width: 41%;
    font-size: 13px;
}
table#tbl2 td.no_b {
    border-top: none;
    border-bottom: none;
}
input.entrytype {
    width: 60%;
    height: 27px;
    padding: 0.5%;
}
table#border.entry th {
	border-right:none;
	text-align: right;
}
table#border.entry input.subinp {
    border: none;
    font-size: 0.8em;
    height: auto;
}
table.entry input {
    border-left: none;
    border-right: none;
    border-top: none;
}
table#border.entry th {
    border-right: none;
    text-align: left;
    vertical-align: middle;
    padding: 0px 8px 0px 8px;
}
ul.chklist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
table#border.entry ul.chklist input {
    width: 25px;
    height: auto;
}
table#border.entry ul.chklist label {
    font-size: 1.1em;
}
table#border.entry td.ist_th input.entrytype {
    width: 15%;
}
table#border.entry td.pref input {
    width: 30%;
}
table#border.entry th.prefth {
    width: 5%;
}
table#border.entry td.pref {
    width: 36%;
}
p.ect_box {
    width: 20%;
    display: inline-block;
    float: right;
    margin: -20px 0 0;
}
ul.listclas {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 5%;
}
.entrylist {
    padding: 1% 0;
}
ul.listclas_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
ul.listclas li {
    width: 30%;
}
ul.listclas li.smallsize {
    width: 25%;
}
ul.listclas li.ttl {
    width: 20%;
    margin-right: 1%;
}
ul.listclas_sub li.next {
    width: 54%;
}
ul.listclas_sub li.next.maxw li {
    width: 20%;
}
ul.listclas_sub li.next.maxw {
    width: 100%;
}
table#border.entry td.marrige_history {
    width: 11%;
}
table#border.entry td.to_marry {
    width: 6%;
}
table#border.entry td.partner {
    width: 50%;
}
table#border.children td {
    width: 30%;
}
table#border td.hair {
    width: 70%;
}
ul.hair {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
table#border.entry .hair input {
    width: auto;
    margin: 0 15px 0 15px;
}
table#border.children th {
    width: 10%;
}
table#border.children td input.minmam {
    width: 36%;
}
table#border.btnarea input {
    width: 300px;
    padding: 0.5% 0 0.5%;
    height: auto;
    font-size: 1.2em;
}
p.ttl_m {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 1% auto;
    padding: 0 0 0 3%;
}
table#border.nowjob td {
    width: 90%;
}
table#border.nowjob th {
    width: 10%;
}
table#border.entry ul.chklist input.now_job_etc {
    width: 50%;
}
table#border.career td {
    width: 10%;
}

table#border.career th {
    width: 15%;
    text-align: center;
    padding: 1% 0;
}
table#border.body td {
    width: 10%;
}
table#border.body th {
    width: 6%;
}
table#border.body input {
    width: 25%;
    text-align: right;
    padding: 0 5px 0 0;
}
ul.head_inp {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
ul.head_inp p.imgfile {
    text-align: right;
}
ul.head_inp p {
    width: 50%;
}
p.faceregist {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
input#file01 {
    display: none;
}
table#border.entry ul.chklist input.w100 {
    width: 200px;
    border-bottom: 1px solid #232323;
}
table#border.entry ul.chklist input.w110 {
    width: 180px;
    border-bottom: 1px solid #232323;
}
ul.chklist.wex li {
    width: 10%;
}
ul.chklist.wex li:nth-last-child(2) {
    width: 6%;
}
ul.chklist.motex li {
    width: 26%;
}
ul.chklist.motex li:nth-last-child(2) {
    width: 8%;
}
p.vmsg {
    text-align: center;
    color: blue;
    font-size: 1.1em;
}
ul.mstul {
    width: 80%;
    margin: 5% auto;
}
ul.mstul li {
    float: left;
    text-align: center;
    width: 50%;
        margin: 0 auto 3%;
}
#main ul.mstul li a {
    display: block;
    background: #0D224E;
    color: #ffffff;
    font-size: 1em;
    width: 80%;
    margin: 0 auto;
    padding: 2% 0;
    border-radius: 10px;
}
table#border.entry.outentry {
    width: 80%;
    margin: 0 auto;
}
textarea.textarea {
    width: 65%;
    height: 150px;
}
ul.date_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
ul.date_box li {
    display: flex;
    align-items: center;
    width: 50%;
}
.avg_list {
    margin-left: 23px;
}
.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #5C82FF;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #5C82FF;
  border-right: 3px solid #5C82FF;
}
ul.choice_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
table#border.entry th.wth {
    text-align: center;
    width: 4%;
}
ul.choice_box li {
    margin: 0 1% 0 0;
}
select.sel {
    height: 30px;
}
ul.f_name_label {
    height: 50px;
}
ul.f_name_label li:first-child {
    font-size: 0.9em;
    margin: 0 0 17px;
}
table#border.entry select.sel.intb {
    width: 100%;
}
p.upd_btn {
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    cursor: pointer;
    width: 30%;
    text-align: center;
    margin: 0 auto;
    MIN-WIDTH: 80px;
}
p.upd_btn:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

table#tbl2.stbl  td._td1{
	width: 10%;
}
.stbl .td_1 input.txt2 {
    width: 90%;
}
.stbl .td_2 input.txt2 {
    width: 90%;
}
.setting {
    width: 100%;
    margin: 2% auto;
}
.search_box {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px;
    border-bottom: 2px solid #77c3df;
}
.search_box p.ttl {
	position: relative;
    padding-left: 25px;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 5px;
}

.search_box p.ttl:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.search_box p.ttl:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.search_box ul {
    width: 100%;
    margin: 1% 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
	padding: 20px 0 0;
}
.search_box ul li {
    width: 80%;
}
.search_box ul li:first-child {
    width: 20%;
    font-weight: bold;
}
.search_box ul li .setting_txt {
    width: 90%;
    
}
.girls_data {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.girllist img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}
.girllist {
    width: 20%;
    padding: 0 2%;
    margin: 0 0 2%;
}
ul.info_ul li {
    font-size: 0.9em;
    margin: 0 auto 2%;
}
ul.info_ul li span{

}
.girllist figure {
    margin: 0 auto 2%;
}
ul.info_ul li span {
    display: block;
    font-size: 0.9em;
}
.girls_data.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.cla p.ttl {
	position: relative;
    padding-left: 25px;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 0 0 20px;
}
.cla {
    width: 70%;
}
.cla p.ttl:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.cla p.ttl:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.cla .txt_cal {
    width: 60%;
    height: 30px;
}
.girllist.chk {
    width: 50%;
}
.girllist.chk {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	margin: 2% 0 0;
}
.girllist.chk figure {
    width: 30%;
    margin: 0;
}
.girllist.chk .girllist_info {
    width: 66%;
}
.girllist.chk .girllist_info ul.info_ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
}
.girllist.chk .girllist_info ul.info_ul li {
    width: 100%;
}
.settbl .fn p {
    padding: 0;
    margin: 0;
}
ul.setting_header {
	padding: 1% 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-bottom: 2px solid #ededed;
}
ul.setting_header p, ul.setting_header figure {
    margin: 0 auto;
    padding: 0;
}
ul.setting_header li.matching {
    font-size: 2em;
    margin: 0 2%;
}
ul.setting_header li p {
    text-align: center;
    font-size: 0.9em;
}
.ent_tblbox {
    margin: 10px auto;
    width: 80%;
}
.ent_tblbox #border {
    border-collapse: inherit;
    border: 2px solid #dee2e6;
}
.ent_tblbox #border th {
    background: #dddddd;
}
span.entry_btn {
    float: right;
    clear: both;
    border: solid 1px #E9E9E9;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 0.7em;
    background: #E9E9E9;
    padding: 10px 20px;
	color: #212529;
	cursor: pointer;
}
p.same_deposit {
    margin: 10px auto 0;
}
tr.over {
    background: #FFEFF5;
	color:#706D6E;
}
tr.over a ,tr.over .fix{
    color: #FF1877;
    font-weight:bold;
}
ul.inter li:first-child {
    margin: 0 auto 2%;
}
ul.inter li p {
    margin: 0 auto 0%;
    text-align: left;
}
ul.inter li input, ul.inter li select {
    width: 80%;
    height: 30px;
    padding: 1%;
}
p.btn.interview {
    margin: 0 auto;
    text-align: center;
    float: none;
    background: #0d224e;
    color: #ffffff;
    font-size: 14px;
    padding: 1% 7%;
}
p.etc_deposit {
    margin: 1% 0;
}
.etc_deposit input#deposit_type_etc {
    width: 60%;
}
p.btn.upd {
    border-radius: 5px;
    padding: 0.4em 0.8em 0.4em;
    cursor: pointer;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    background: #0D224E;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    margin: 4px auto 4px;
    float: none;
    display: block;
    width: 200px;
}
p.delete {
    margin: 0;
    text-align: right;
    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: #0D224E;
    border-top: 1px solid #F2F2F2;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #F2F2F2;
    display: inline-block;
    float: right;
}
#main p.delete a {
    color: #ffffff;
}
.depositlist {
    width: 100%;
}
.depositlist p {
    margin: 0 auto;
}
.depositlist ul.entry {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.depositlist ul.entry li:last-child {
    cursor: pointer;
    margin-left: 5px;
    font-size: 1.2em;
}
ul.deposit {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
ul.deposit li:last-child {
    font-size: 1.2em;
	cursor: pointer;
}

ul.deposit li {
    margin-right: 5px;
}
ul.deposit li:first-child {
    font-weight: 700;
}
ul.ent_deposit li {
    cursor: pointer;
    color: #456dbf;
    text-decoration: underline;
    margin: 0 10px 0 0;
}
ul.ent_deposit {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
tr.cancel {
    background: #ffadad;
}
.stbl .td_1 input.txt3 {
    width: 30%;
}
table#border.entry input.trial {
    width: auto;
}
#tbl1 td span.trial {
    display: block;
    font-size: 0.8em;
}
.settingtbl {
    font-size: 0.9em;
}
.settingtbl td.place {
    word-break: break-all;
    overflow-wrap: break-word;
    width: 150px;
}
span.ico_no {
    background: #699CE9;
    color: #ffffff;
    border-radius: 5px;
    padding: 1px 5px;
    font-size: 10px;
}
span.ico_no.p {
    background: #5CCEC7;
}
span.ico_no.v {
    background: #A3D86C;
}
span.ico_no.s {
    background: #F7AA58;
}
span.ico_no.b {
    background: #000000;
}
.timetree span.ico_no.ws {
    display: inline;
    border: solid 1px #ffffff;
}
table#border.entry.mailtbl td {
	width: 230px;
    vertical-align: middle;
    padding: 1% 0;
}
table#border.entry.mailtbl td ul.chklist{
	margin: 0;
}
table#border.mailtbl {
    font-size: 14px;
}
table#border.entry.mailtbl 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;
}
table#border.entry input.btnSubmit {
    width: auto;
    font-size: 16px;
    padding: 0.5% 3%;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
#menu a.lady {
    background: #e19d88;
	color: #fff;
}
#menu li a.lady span i {
    color: #ffffff;
}
#menu a.oncolor.lady {
    background: #dc5a4d;
    color: #fff;
}
#menu a.man {
    background: #7791b7;
	color: #ededed;
}
#menu li a.man  span i {
    background: #1658b9;
    color: #ededed;
}
#menu a.oncolor.man {
    background: #1658b9;
    color: #fff;
}
table#border input.ymdtxt, table#border input.hitxt {
    width: 250px;
}
ul.site_prof {
    width: 100%;
}
table#tbl1 {
    white-space: nowrap;
}
table#border.entry input.inpent {
    width: 100%;
    border: solid 1px #333333;
}
.table.settbl th, .table.settbl td {
	vertical-align: middle;
}
.mail_pre {
	width:100%;
}
.mail_pre img{
	max-width:100%;
	width:100%;
}
.w130{
	width:130px;
}
._srtg1 {
    position: relative;
}
.listchkM {
    position: absolute;
    right: -60px;
    top: 0;
    width: 270px;
    overflow-y: scroll;
    height: 420px;
    border: solid 1px #333333;
}
.box_head .listchkM ul.chkMember {
    width: 100%;
    display: block;
}
.box_head .listchkM ul.chkMember li {
    width: 100%;
    font-weight: normal;
    border-bottom: 1px solid #ededed;
    padding: 3%;
}
.adang1 {
    display: flex;
    width: 80%;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.ang_id input {
    width: 60%;
}
.ang_id li {
    margin: 0 0 10px;
}
.box_head ul.srcrank {
    width: 100%;
	justify-content: flex-start;
}
.box_head ul.srcrank li {
    width: 20%;
    font-size: 0.8em;
    padding: 0 0;
}
.mailwidth {
    margin: 0;
    width: 500px;
    max-width: 500px;
    word-break: break-all;
}
.mail_pre p.header {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 640px;
}
table#tbl1 {
    width: 100%;
    margin: 0;
}
.mail_pre {
    width: 100%;
    max-width: 640px;
    word-break: break-all;
}
table#tbl1.adMail.table {
    word-break: break-all;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 640px;
    white-space: break-spaces;
}
.mail_pre .gbox {
/*
	width: 50%;
    margin: 0 5px 30px;
*/
	width: 90%;
    margin: 0 auto 30px;
}
table.tbl_001 input.inp01 {
    width: 70%;
}
table.tbl_001 th {
    width: 11%;
    font-size: 14px;
    font-weight: normal;
}
p.infotxt {
    color: #333333;
    border-bottom: 2px solid #504f4f;
    font-weight: bold;
    padding: 0 0 10px;
    font-size: 1.2em;
}
table.tbl_001 th, table.tbl_001 td {
    padding: 0 0 20px;
    vertical-align: top;
}
textarea.texareat01 {
    width: 80%;
    min-height: 80px;
}
.err{
	text-align:center;
	color:#ff0000;
}
.serach_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.serach_flex table#tbl2 {
    width: 49%;
}
.serach_flex table#tbl2.srh.fick2.caltbl th {
    width: 11%;
}
ul.btn_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
ul.btn_area li {
    margin: 0 10px;
}
.div_scll h3 {
    background: none;
    margin: 10px 0;
    border-bottom: 3px solid #333333;
}
#page_top {
    position: fixed;
    bottom: 20px;
    right: 4px;
}
#page_top a {
    background-color: #999;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 10px 6px;
    border-radius: 50px;
    display: block;
    font-size: 12px;
}
#page_top a:hover {
    background-color: #666;
    text-decoration: none;
}
table.tblframe{
	width:70%;
}
table.tblframe, table.tblframe th, table.tblframe td {
    border: solid 1px #333;
    text-align: center;
    padding: 0;
    margin: 0;
    background: #fff;
    vertical-align: middle;
}
table.tblframe th {
    background: #0D224E;
    color: #ffffff;
    font-weight: normal;
	border-left: 1px #ffffff solid;
    border-right: 1px  #ffffff solid;
}
ul.chkgirl input#g_kind {
    width: 15px;
    margin-right: 7px;
}
table#border.entry input.inpchk {
    width: auto;
    margin-right: 5px;
}
#main td .opage a {
    display: inline-block;
}
.prof_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.prof_box ul {
    width: 48%;
}
.site_prof li {
    overflow-wrap: break-word;
    white-space: normal;
	margin-bottom: 5px;
}
#tbl1 td.wnomi {
    max-width: 100px;
    overflow-wrap: break-word;
    white-space: normal;
}
#tbl1 td.wnomi2 {
    width: 190px;
}
.site_prof input.t_inp {
    width: 100px;
}
ul.site_prof.smal {
    width: 80%;
}
table#tbl1.ad.table td {
    font-size: 1em;
}
table#tbl1.ad.table td:last-child {
    width: 100px;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}
.s_info {
    font-size: 12px;
    color: #333333;
    display: block;
}
.datalist {
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.datalistbox {
    width: 24%;
}
table.p_data {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 2px;
}
table.p_data th {
    background: #A5A5A5;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
}
table.p_data td {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
}
table.p_data td {
	background: #E1E1E1;
	font-size: 12px;
}
table.p_data tr:nth-child(odd) td {
	background: #F0F0F0;
}
p.ss_info {
    font-size: 10px;
    margin: 0;
}
.head p {
    margin: 10px auto 0;
}
p.st_ttl {
    text-align: center;
    margin: 0 auto 5px;
}
.ttl1 {
    background: #F7CAB0;
}
.ttl2 {
    background: #DEEBF6;
}
.ttl3 {
    background: #FEE6A0;
}
.ttl4 {
    background: #AFABAB;
}
table.p_data tr {
    cursor: pointer;
}
.listbox {
    max-height: 80vh;
    overflow-y: scroll;
}
.p_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.p_link p {
    margin: 0 10px 5px;
}
#main .p_link p a {
    text-decoration: underline!important;
}
ul.entry_rado {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin:0;
}
ul.entry_rado li {
    margin: 0 10px 0;
}
.dbbox {
    padding: 20px;
}
.dbbox_sub h3 {
    font-size: 1em;
    background: #e19d88;
    padding: 5px 5px;
	width: 100%;
}
.dbbox_sub ul.dbbox_ul {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 20px;
}
.dbbox_sub ul.dbbox_ul li {
    margin: 5px 0;
}
.dbbox_sub ul.dbbox_ul li span{
    font-size:1.2em;
    font-weight:bold;
}
#main h1.ttl_config span {
    font-size: 0.9em;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    width: 98%;
    align-content: flex-start;
    margin-top: -10px;
}
p.cpm {
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    border-top: 1px solid #cccccc;
    padding: 10px 0;
}
p.crtxt {
    color: #ff0000;
    margin: 5px auto 0;
}
ul.partylist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
ul.partylist li {
    border: solid 1px #9f9d9d;
    padding: 2px 5px;
    border-radius: 10px;
}
ul.partylist li span {
    cursor: pointer;
}
.tblins td.ins ul {
    padding: 0;
    margin: 0;
}
.tblins td.ins ul li {
    text-align: left;
}
.tblins td.ins .payment_btn {
    float: none;
    margin: 0 auto;
    padding: 0;
    background: #333;
    color: #ffffff;
    padding: 5px 20px;
}
#tbl1 td #face1 a img {
    padding: 0;
}
#tbl1 td p.pdf:hover {
    opacity: 0.8;
}
#tbl1 td p.pdf {
    color: blue;
    cursor: pointer;
}
#tbl1 td a img.pdfimg:hover {
    opacity: 0.6;
}
.box_head ul.rankul li {
    width: auto;
}
input.btnSubmit.btndelelte {
    background: #afb3be;
}
.fcr, #border th.fcr{
    color: #ff0000;
}
#tbl1 td.txtr {
    text-align: right;
}
ul.monthpager {
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
}
ul.monthpager li {
    margin: 0 10px 0;
    font-size: 1.2em;
}
p.ttl_txt {
    margin: 15px auto 5px;
    text-align: center;
    font-size: 1.2em;
}
ul.mkind {
    display: flex;
    justify-content: flex-start;
    margin: 0;
}
ul.mkind li {
    width: 100px;
}
table#border ul.mkind input {
    width: auto;
    margin: 0;
    padding: 0;
}
table#border ul.mkind label {
    margin: 0;
    display: unset;
}
.pyramid {
    position: relative;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    list-style: none;
}
.pyramid > li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6em;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
}
.pyramid > li + li {
    border-top: 2px solid #fff;
}
.pyramid > li::before {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background-position: top -2px left 1px, top -2px right 1px;
    background-size: 50% calc(6em * 5);
    background-repeat: no-repeat;
    content: "";
}
.pyramid > li:nth-of-type(1)::before {
    z-index: -1;
    height: calc(6em * 1);
    background-image:
        linear-gradient(to bottom right, transparent 50%, #85b8ea 50%),
        linear-gradient(to bottom left, transparent 50%, #85b8ea 50%);
}
.pyramid > li:nth-of-type(2)::before {
    z-index: -2;
    height: calc(6em * 2);
    background-image:
        linear-gradient(to bottom right, transparent 50%, #73ade7 50%),
        linear-gradient(to bottom left, transparent 50%, #73ade7 50%);
}
.pyramid > li:nth-of-type(3)::before {
    z-index: -3;
    height: calc(6em * 3);
    background-image:
        linear-gradient(to bottom right, transparent 50%, #62a3e4 50%),
        linear-gradient(to bottom left, transparent 50%, #62a3e4 50%);
}
.pyramid > li:nth-of-type(4)::before {
    z-index: -4;
    height: calc(6em * 4);
    background-image:
        linear-gradient(to bottom right, transparent 50%, #5199e1 50%),
        linear-gradient(to bottom left, transparent 50%, #5199e1 50%);
}
.pyramid > li:nth-of-type(5)::before {
    z-index: -5;
    height: calc(6em * 5);
    background-image:
        linear-gradient(to bottom right, transparent 50%, #3388dd 50%),
        linear-gradient(to bottom left, transparent 50%, #3388dd 50%);
}
.pdbox {
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.p1, .p2 {
    width: 100%;
}
.p2 .pyramid {
    position: relative;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    list-style: none;
}
.p2 .pyramid > li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6em;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
}
.p2 .pyramid > li + li {
    border-top: 2px solid #fff;
}
.p2 .pyramid > li::before {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background-position: top 2px right 1px, top 2px left 1px;
    background-size: 50% calc(6em * 4);
    background-repeat: no-repeat;
    content: "";
}
/*
.p2 .pyramid > li:nth-of-type(1)::before {
    z-index: -1;
    height: calc(6em * 1);
    background-image:
        linear-gradient(to bottom right, #3388dd 50%, transparent 50%),
        linear-gradient(to bottom left, #3388dd 50%, transparent 50%);
}
*/
.p2 .pyramid > li:nth-of-type(1)::before {
    z-index: -2;
    height: calc(6em * 1);
    background-image:
        linear-gradient(to bottom right, #5199e1 50%, transparent 50%),
        linear-gradient(to bottom left, #5199e1 50%, transparent 50%);
}
.p2 .pyramid > li:nth-of-type(2)::before {
    z-index: -3;
    height: calc(6em * 2);
    background-image:
        linear-gradient(to bottom right, #62a3e4 50%, transparent 50%),
        linear-gradient(to bottom left, #62a3e4 50%, transparent 50%);
}
.p2 .pyramid > li:nth-of-type(3)::before {
    z-index: -4;
    height: calc(6em * 3);
    background-image:
        linear-gradient(to bottom right, #73ade7 50%, transparent 50%),
        linear-gradient(to bottom left, #73ade7 50%, transparent 50%);
}
.p2 .pyramid > li:nth-of-type(4)::before {
    z-index: -5;
    height: calc(6em * 4);
    background-image:
        linear-gradient(to bottom right, #85b8ea 50%, transparent 50%),
        linear-gradient(to bottom left, #85b8ea 50%, transparent 50%);
}
span.lbl {
    color: #ffffff;
    background: #333333;
    padding: 0 20px;
    margin: 0 20px;
}
p.main_lbl {
    text-align: center;
    margin: 0px auto;
    font-weight: bold;
}
span.pp {
    display: block;
    width: 20%;
    color: #ff0000;
}
.after_box {
    margin: 80px auto;
}
.afterlist {
    width: 60%;
    margin: 0 auto;
}
table.after {
    width: 100%;
    border: solid 1px #333333;
}
table.after th {
    background: #86b8e6;
    text-align: center;
    padding: 20px 0;
    border: solid 1px #333333;
	vertical-align: middle;
}
table.after td {
    text-align: center;
    padding: 20px 0;
    border: solid 1px #333333;
}
table.after td span {
    display: block;
}
.evabox {
    margin: 3% auto;
    width: 70%;
    border: solid 1px #333333;
}
.evabox h3.ttl {
    padding: 0.4em 0.5em;
    color: #494949;
    background: #f4f4f4;
    border-left: solid 5px #7db4e6;
    border-bottom: solid 3px #d7d7d7;
}
p.eva {
    padding: 2%;
}