@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: #cccccc;
	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;
}
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: 1280px;
    width:96%;
    margin: 0 auto;
}
#menu li span i {
    color: #1A62AA;
    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: #1A62AA;
	border-top: 1px solid #F2F2F2;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #F2F2F2;
/*	font-size: 11px;*/
}

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

#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: 1280px;
    width:96%;
    margin: 0 auto;

}
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: 1280px;
    width:96%;
}
#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: 2% auto;
}
#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 #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: 15px;
    color: #646464;
    background: #B6EBDC;
    text-align: center;
    width: auto;
    margin: 10px auto;
    border-radius: 5px;
    padding: 10px 0px;
}
._chk_div {
    margin: 15px auto 0;
}
#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 #1A62AA;
    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 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 0;
    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 {
    width: 20%;
border-top: 2px solid #e3e3e3;
}
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 {
    display: none;
}
#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 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;
}