@charset "utf-8";
/*  ===========================================================

	山本海事法務事務所
	
			Last Update 2021/07/01
			
			Written by O.K.

===========================================================  */

/*==================================

	common

==================================*/

* {
	box-sizing: border-box;
}
html {
	font-size : 100%;
}
html {
	max-width: 1260px;
	width: 100%;
	margin: 0 auto;
}
body {
	line-height: 1.5;
	color: #333;
}
/*==================================

	header

==================================*/


header {
	max-width: 1260px;
	width: 100%;
	/*padding: 0 3%;*/
	line-height: 1.2;
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 999;
}
header h1 {
	font-family: "Noto Sans JP";
	background-color: #002e5a;
	color: #fff;
	font-size: 200%;
	text-indent: 1%;
	padding: 0.5%;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
}
#logo_wrap {
	max-width: 1260px;
	height: auto;
	/*margin-bottom:0.5em;*/
}
#logo01 {
	width: 30%;
	float: left;
	margin: 1% 5% 1% 15%;
}
#logo02 {
	width: 35%;
	float: left;
	margin: 1% 15% 1% 0;
}
#logo01 img,
#logo02 img {
	width: 100%;
	vertical-align: middle;
}
#pct {
	display: none;
}
.today{
	font-size: 200%;
  text-align: center;
  background-color: #0f0;
  font-weight: bold;
  color: #333;
  padding: 0.2em;
  margin-top: 0.4em;
  margin-bottom: 0;
}

/*==================================

	grobal_navi

==================================*/

nav {
	width: 100%;
	font-family: "Noto Sans JP","Roboto Condensed", sans-serif;
	background-repeat: no-repeat;
	font-weight: 700;
	margin-bottom:0;
	padding: 0;
	display: block;
	line-height: 1.4;
}
nav #gnavi li a {
	background-color: #002e5a;
	border-right: 1px solid #fff;
	height: 60px;
	font-size: 113%;
	font-weight:700;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 2.2;
	display: block;
	opacity: 1;
	/*transition: opacity 0.7s;*/
	position: relative;
}
nav #gnavi.lec li a {
	background-color: #e60012;
}
nav #gnavi li a:hover {
	opacity: 0.5;
	/*transition: opacity 0.2s;*/
	position: relative;
	cursor: pointer;
}
nav #gnavi li#gn-login {
	width: 100%;
	background-color: #002e5a;
	border-right: 1px solid #fff;
	height: 60px;
	font-size: 300%;
	font-weight:700;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.4em;
	position: relative;
}

nav #gnavi li#gn00 {
	width: 60%;
	background-color: #002e5a;
	border-right: 1px solid #fff;
	height: 60px;
	font-size: 300%;
	font-weight:700;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.4em;
	position: relative;
	float: left;
	line-height: 1.15;
}
nav #gnavi li#gn98 {
	width: 20%;
	float: left;
}

nav #gnavi li#gn98 a {
	display: block;
	width: 100%;
	background: #002e5a;
}
nav #gnavi li#gn99 {
	width: 20%;
	float: left;
}

nav #gnavi li#gn99 a {
	display: block;
	width: 100%;
}
nav #gnavi li#gn01 a {
	float: left;
	width: 22%;
}
nav #gnavi li#gn02 a {
	float: left;
	width: 18%;
}
nav #gnavi li#gn03 a {
	float: left;
	width: 20%;
}
nav #gnavi li#gn04 a {
	float: left;
	width: 20%;
}
nav #gnavi li#gn05 a {
	float: left;
	width: 20%;
}
nav #gnavi li#gn41 a {
	float: left;
	width: 20%;
}
nav #gnavi li#gn42 a {
	float: left;
	width: 35%;
	background: #f00;
}
nav #gnavi li#gn43 a {
	float: left;
	width: 35%;
}
nav #gnavi li#gn44 a {
	float: left;
	width: 10%;
}

nav #gnavi li#gn51 a {
	float: left;
	width: 12%;
}
nav #gnavi li#gn52 a {
	float: left;
	width: 15%;
}
nav #gnavi li#gn53 a {
	float: left;
	width: 15%;
}
nav #gnavi li#gn54 a {
	float: left;
	width: 10%;
	background: #f00;
}
nav #gnavi li#gn55 a {
	float: left;
	width: 15%;
}
nav #gnavi li#gn56 a {
	float: left;
	width: 10%;
	background: #f00;
}
nav #gnavi li#gn57 a {
	float: left;
	width: 9%;
}
nav #gnavi li#gn58 a {
	float: left;
	width: 14%;
}

nav #gnavi li#gn71 a {
	float: left;
	width: 16%;
}
nav #gnavi li#gn72 a {
	float: left;
	width: 17%;
}
nav #gnavi li#gn73 a {
	float: left;
	width: 12%;
	background: #f00;
}
nav #gnavi li#gn74 a {
	float: left;
	width: 17%;
}
nav #gnavi li#gn75 a {
	float: left;
	width: 12%;
	background: #f00;
}
nav #gnavi li#gn76 a {
	float: left;
	width: 10%;
}
nav #gnavi li#gn77 a {
	float: left;
	width: 16%;
}

nav #gnavi li#gn81 a {
	float: left;
	width: 20%;
}
nav #gnavi li#gn82 a {
	float: left;
	width: 30%;
	background: #f00;
}
nav #gnavi li#gn83 a {
	float: left;
	width: 30%;
}
nav #gnavi li#gn84 a {
	float: left;
	width: 20%;
}
nav #gnavi li a .gn_sub {
	display:block;
	font-size: 75%;
	line-height: 0.4;
}
#cnavi{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
	max-width: 1200px;
	margin: 1em auto;
}
#cnavi li{
	width: calc( 90% / 11 );
	/*float: left;
	margin-right: 1%;*/
	margin-bottom: 2.5%;
}

/*#cnavi li:nth-child(10n){
	margin-right: 0;
}*/

#cnavi li a{
	opacity: 1;
	/*transition: opacity 0.3s;*/
}
#cnavi li a:hover{
	opacity: 0.7;
	/*transition: opacity 0.3s;*/
	cursor: pointer;
}
.thumbnail img,
#blog_top img,
#cnavi img{
	width: 100%;
	height:auto;
    vertical-align: middle;
}

#blog_top{
	margin: 0.5em auto 0.5em;
    max-width: 100%;
    padding: 0 3%;
}


#blog_top a:hover{
	opacity: 0.7;
	cursor: pointer;
}




/*==================================

	main Contents

==================================*/

#contents {
	font-size : 125%;
}

#main_contents {
	max-width: 100%;
	margin-bottom: 2em;
	margin-top: 195px;
	height: auto;
	font-size: 125%;
}
.kaigi_admin h2 {
    width: 40%;
    font-size: 130%;
    text-align: center;
    margin: 0 auto 0.5em;
}
#top_menu {
	display: flex;
	flex-wrap: nowrap;
	gap: 1em;
	padding: 0.5em 0;
	max-width: 1200px;
	margin: 0 auto;
}
#main_contents .faq_bnr,
#main_contents .apply_bnr,
#main_contents .apply_kaigi_bnr,
#main_contents .apply_special_new_bnr{
  font-size: 200%;
  text-align: center;
  background-color: #f00;
  font-weight: bold;
  color: #fff;
  padding: 0.2em;
  /*margin-bottom: 0.6em;*/
  border-radius: 5px;
}

#main_contents .faq_bnr{
	background-color: #f50;
	width: 10%;
}
#main_contents .apply_bnr{
	width: 30%;
}
#main_contents .apply_kaigi_bnr{
	width: 30%;
}
#main_contents .apply_special_new_bnr{
	width: 30%;
}

#main_contents .faq_bnr a,
#main_contents .apply_bnr a,
#main_contents .apply_kaigi_bnr a,
#main_contents .apply_special_new_bnr a{
	color: #fff;
	display: block;
}
#main_contents .faq_bnr a:hover,
#main_contents .apply_bnr a:hover,
#main_contents .apply_kaigi_bnr a:hover,
#main_contents .apply_special_new_bnr a:hover{
	text-decoration: none;
	opacity: 0.7;
	cursor: pointer;
}
/*==================================

	footer

==================================*/
footer {
	font-family: "Noto Sans JP";
	font-size: 100%;
	color: #fff;
	text-align: center;
	max-width: 1260px;
	width: 100%;
	height: auto;
	clear: both;
	background-color: #002e5a;
	border-radius: 3px;
	/*position: relative;*/
	margin-top: 50px;
	padding: 0.3em;
	position: fixed;
	bottom:0;
	z-index: 998;
}
footer #copyright a {
	color: #fff;
	text-decoration: underline;
}
footer #copyright a:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}




/*==================================

	---common style---

==================================*/
.catch {
	color: #1a459d;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
	padding: 10px;
	border: 1px solid #1a459d;
	margin: 20px;
}
.cf {
/*zoom: 1;*/
}
.cf:before,
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.bold {
	font-weight: bold;
}
.red {
	color: #f00;
}
.blue {
	color: #00f;
}
.green {
	color: #0f0;
}
.dgreen {
	color: #080;
}
.center {
	text-align: center;
}
.red_bold {
	font-weight: bold;
	color: #f00;
}
.white {
	color: #fff;
}
.white_bold {
	font-weight: bold;
	color: #fff;
}
.both {
	clear: both;
}
#hidden {
	display: none;
}
.left20 {
	margin-left: 20px;
}
.homepage_img {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}
.txt_l {
	text-align: left;
}
.text_l {
	text-align: left;
	font-weight: bold;
}
.text_r {
	text-align: right;
	font-weight: bold;
}
.txt_indent {
	text-indent: 1em;
}
.f88 {
	font-size: 88%;
}
.f120 {
	font-size: 120%;
}
.f150 {
	font-size: 150%;
}
.f188 {
	font-size: 188%;
}
.f30 {
	font-size: 30px;
}
.w25 {
	width: 25%;
}
.w85 {
	width: 85%;
}
.float_r {
	float: right;
}
.float_l {
	float: left;
}
a.link {
	background-image: url(../images/bk_li_arrow.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 18px;
	background-position: 0px 5px;
}
img.img_l10 {
	float: right;
	padding-left: 10px;
}
img.img_lb10 {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
img.img_tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
img.img_tb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
img.img_b30 {
	margin-bottom: 30px;
}
.m_t50 {
	margin-top: 50px;
}
.m_t20 {
	margin-top: 20px;
}
.m_b20 {
	margin-bottom: 20px;
}
.m_lr_auto {
	margin-right: auto;
	margin-left: auto;
}
.shadow {
	box-shadow: 3px 3px 3px #ccc;
}
#toppage #back2 #back1 #container #side .side02 img {
}
.f_r {
	float: right;
}
.f_l{
	float: left;
}
.f75{
	font-size: 75%;
	}
.del{
	text-decoration: line-through;
}
tr.del_on td{
	text-decoration: none;
	background-color: #555 !important;
	color: #fff;
}

/**************************************************************/
.my_rb {
    background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold;
	color: #f00;
}

.faq_admin .answer a {
	background-image: url(../images/bk_link.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #f60;
	padding-left: 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-position: 0px 2px;
    font-weight: bold;
}
.faq_admin .answer a:hover {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
/**************************************************************/

input {
	font-family:  "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	width: 100%;
	font-size: 100%;
	padding: 0.3em;
	border:1px solid #999;
	border-radius:2px;
}
input[type="date"] {
	width:100%;
}
input[type=radio]{
	width:auto;
	vertical-align: baseline;
}
input[type=checkbox]{
	width:auto;
}
input[type=submit]{
	width:100%;
	margin: 1em auto;
	vertical-align: baseline;
}
.login_p{
	width:50%;
	margin: 1em auto;
}
label.la_release{
	margin-right: 2em;
}
select {
	font-size: 100%;
	/*width:100%;*/
	padding: 0.4em 0.2em;
	border:1px solid #999;
	border-radius:2px;
}
input#mail_address,
input#mail_address2 {
	border-radius: 3px;
}
textarea{
	font-family:  "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	width:100%;
	font-size: 100%;
	padding: 0.2em;
	border:1px solid #999;
	border-radius:2px;
	
}
#form1 .sub_b {
	text-align: center;
	margin: 1em auto 0;
}
#form1 input#button {
	vertical-align: middle;
	text-align: center;
	background-color: #002e5a;
	color: #fff;
}


/*==================================

	---add_table01---

==================================*/
p#attention{
	text-align: center;
}
p#form_attention {
	padding: 0 5em;
}
.form{
	margin-bottom:3em;
}
p#form_attention {
	margin-top:1em;
	margin-bottom:0;
	padding: 0 1em;
}
.add_table01,
.add_table_kaijo,
.add_table_faq {
	font-size:70%;
	width:70%;
	margin: auto;
}
.add_table01.spenew {
	font-size:70%;
	width:85%;
	margin: auto;
}
.add_table_kaigi {
    display: flex;
    font-size: 70%;
    width: 40%;
    margin: auto;
    align-items: center;
}
.add_table_kaigi input[type="date"] {
	padding: 0.5em;
}
.add_table_kaigi .hline {
    width: 27%;
}
.add_table_kaigi .dead_date,
.add_table_kaigi .dead_date{
	width: 35%;
	text-align: center;
}
.add_table_kaigi .btn_area,
.add_table_kaigi .btn_area{
	width: 38%;
	text-align: center;
}
.add_table01 div.hline,
.add_table_kaijo div.hline,
.add_table_faq div.hline {
	float: left;
	margin-right: 1%;
}
.add_table01 th.hline,
.add_table_kaijo th.hline,
.add_table_faq th.hline {
	padding: 1em 0.5em;
	color: #fff;
	text-align: center;
	background-color: #002e5a;
	border: 5px solid #fff;
}
.add_table01 th.hline:nth-child(1) {
	width: 7%;
}
.add_table01 th.hline:nth-child(2) {
	width: 18%;
}
.add_table01 th.hline:nth-child(3) {
	width: 15%;
}
.add_table01 th.hline:nth-child(4) {
	width: 46%;
}
.add_table01 th.hline:nth-child(5) {
	margin-right: 0;
	width: 14%;
}
.add_table01.spenew th.hline:nth-child(1) {
	width: 5%;
}
.add_table01.spenew th.hline:nth-child(2) {
	width: 14%;
}
.add_table01.spenew th.hline:nth-child(3) {
	width: 7%;
}
.add_table01.spenew th.hline:nth-child(4) {
	width: 7%;
}
.add_table01.spenew th.hline:nth-child(5) {
	margin-right: 0;
	width: 40%;
}
.add_table01.spenew th.hline:nth-child(6) {
	margin-right: 0;
	width: 27%;
}

.add_table_kaijo th.hline:nth-child(1) {
	width: 7%;
}
.add_table_kaijo th.hline:nth-child(2) {
	width: 35%;
}
.add_table_kaijo th.hline:nth-child(3) {
	width: 38%;
}
.add_table_kaijo th.hline:nth-child(4) {
	width: 20%;
}
.add_table_faq th.hline {
	width: 20%;
    vertical-align: middle;
}
.add_table_faq th.hline:nth-child(2) {
	width: 25%;
}

.add_table01 td,
.add_table_kaijo td,
.add_table_faq td {
	padding: 0.2em;
	/*text-align: center;*/
    vertical-align: middle;
}
.add_table01 td:nth-child(1),
.add_table_kaijo td:nth-child(1),
.add_table_faq td:nth-child(1) {
	color: #fff;
	background-color: #002e5a;
	border:5px solid #fff;
}
div.organ,
div.area_special{
	font-size:70%;
	width:70%;
	margin: 0 auto 1em;
}
span.o_hline,
span.area_special_hline {
	display: inline-block;
	float: left;
	width:18%;
	padding: 0.5em;
	margin-right: 1%;
	color: #fff;
	text-align: center;
	background-color: #002e5a;
}
.add_table_faq input[type=text]#order_no{
	width:4em;
	/*color: #fff;
	background-color: #002e5a;*/
}

input[type=submit]#add{
	width:70%;
	color: #fff;
	background-color: #002e5a;
}

/*==================================

	---edit_table01---

==================================*/


.edit_table01  {
	width:50%;
	margin:1em auto;
	font-size: 70%;
}
.edit_table01 dt {
	padding:0.5em;
	color: #fff;
	text-align: center;
	background-color: #002e5a;
	margin-right: 1%;
	margin-bottom: 0.5em;
	width: 30%;
	clear: both;
	float: left;
/*	border: 5px solid #fff;*/
}
/*.edit_table01 dt.hline:nth-child(1) {
	width: 7%;
}
.edit_table01 dt.hline:nth-child(2) {
	width: 18%;
}
.edit_table01 dt.hline:nth-child(3) {
	width: 15%;
}
.edit_table01 dt.hline:nth-child(4) {
	width: 46%;
}
.edit_table01 dt.hline:nth-child(5) {
	margin-right: 0;
	width: 14%;
}*/
.edit_table01 dd {
	padding: 0.2em;
	/*text-align: center;*/
	width: 69%;
	float: left;
}
.edit_table01 dd.id,
.edit_table01 dd.del_fl{
	text-align: left;
}
.edit_table01 dd.date,
.edit_table01 dd.time{
	width: 30%;
}
.edit_table01 dd:nth-child(1) {
	color: #fff;
	background-color: #002e5a;
	border:5px solid #fff;
}
select#organ,
select#area_special{
	width:40%;
	padding: 0.4em;
}
.add_table01 select#organ,
.edit_table01 select#organ,
.add_table01 select#area_special,
.edit_table01 select#area_special{
	padding: 0.3em;
}
input[type=submit]#add{
	width:70%;
	color: #fff;
	background-color: #002e5a;
}
.btn_area input[type=submit]#add {
    width: 90%;
    color: #fff;
    background-color: #002e5a;
	margin-top: 1em;
}
/*==================================

	---error---

==================================*/
#error #error_h {
	font-size:175%
}
#error #error_p {
	margin-bottom: 10em;
}


/*==================================

	---glist---

==================================*/
table#glist {
	color: #000;
	border: solid 1px #ccc;
	width: 100%;
	margin: 0 auto;
}
table#glist.kaigi_apply_list{
	width: 100%;
	text-align: center;
}
table#glist.kaigi_list{
	width: 40%;
	text-align: center;
}
table#glist.spenew{
	width: 80%;
}
table#glist.spenew.sch{
	width: 100%;
}
table#glist thead {
	/*position: fixed;*/
	max-width: 1260px;
	width: 100%;
}
table#glist tbody {
	max-width: 1260px;
	width: 100%;
}
/*table#glist.mw600 {
	max-width: 600px;
}*/
table#glist th,
table#glist td{
	/*color: #000;*/
	border: solid 1px #ccc;
	font-size:70%;
	padding:0.1em;
	background-color: #002e5a;
	vertical-align: middle;
}
table#glist th a{
	color: #fff;
	font-weignt:bold;
}
table#glist.lec th{
	background-color: #e60012;
}

table#glist.lec th.update{
	width: 3%;
}

table#glist.lec th.gid{
	width: 3%;
}
table#glist.lec th.koukai{
	width: 3%;
}
table#glist.lec th.genkoukai{
	width: 8%;
}
table#glist.lec th.certification{
	width: 10%;
}

table#glist.lec th.g_fee{
	width: 4%;
}

table#glist.lec th a{
	font-weight: bold;
	color: #fff;
}
table#glist td{
	border: solid 1px #ccc;
	font-size:70%;
	padding:0.3em;
	background-color: #fff;
}
table#glist.spenew.sch td{
	text-align: left;
}
table#glist td.date,
table#glist td.time{
	background-color: #eee;
}

table#glist td.sun{
	font-weight: bold;
	color: #f00;
}
table#glist td.sat{
	font-weight: bold;
	color: #00f;
}
table#glist th{
	color: #fff;
    position: relative;
}
table#glist th.active::after{
	font-size: 150%;
	content: url("../images/img_sort_arrow.png");
    position: absolute;
	top: 0%;
	right: 3px;
}
th.update,
td.update{
	width: 4%;
	text-align: center;
}
th.id,
td.id{
	width: 8%;
	text-align: center;
}
table#glist.spenew.sch th.id,
table#glist.spenew.sch td.id{
	width: 4%;
	text-align: center;
}
th.cat_id,
td.cat_id{
	width: 15%;
	text-align: center;
}
th.aid,
td.aid{
	width: 5%;
	text-align: center;
}
/*table#glist td.id,
table#glist td.aid{
	background: #0f0;
}*/
td.id a,
td.aid a,
td.cat_id a{
	display: block;
	color: #fff;
	font-weight: bold;
	background: #f00;
	padding: 0.1em;
}
td.id a:hover,
td.aid a:hover,
td.cat_id a:hover{
	text-decoration: none;
	cursor: pointer;
}
th.progress,
td.progress{
	width: 9%;
	text-align: center;
}
th.progress2,
td.progress2{
	width: 10%;
	text-align: center;
}
th.koukai,
td.koukai{
	width: 6%;
	text-align: center;
}
.spenew.sch th.koukai,
.spenew.sch td.koukai{
	width: 7%;
	text-align: center;
}
th.date,
td.date{
	width: 8%;
	text-align: center;
}
.spenew.sch th.date,
.spenew.sch td.date{
	width: 12%;
	text-align: center;
}
th.date2,
td.date2{
	width: 10%;
	text-align: center;
}
th.apply_date,
td.apply_date{
	width: 10%;
	text-align: center;
}
th.apply_date2,
td.apply_date2{
	width: 7%;
	text-align: center;
}
th.apply_type,
td.apply_type{
	width: 9%;
	text-align: center;
}
th.apply_type2,
td.apply_type2{
	width: 15%;
	text-align: center;
}
th.license_type,
td.license_type{
	width: 5%;
	text-align: center;
}
span.l_type{
	font-size: 60%;
	display: block;
}
th.name,
td.name{
	width: 12%;
	text-align: center;
}
span.kanji{
	display: block;
}
span.furi{
	font-size: 60%;
	display: block;
}
th.contact_at,
td.contact_at{
	width: 20%;
	text-align: center;
}
th.time,
td.time{
	width: 5%;
	text-align: center;
}
.spenew.sch th.time,
.spenew.sch td.time{
	width: 8%;
	text-align: center;
}
th.pref,
td.pref{
	width: 12%;
	text-align: center;
}
th.kaijou,
td.kaijou{
	width: 32%;
	text-align: center;
}
.spenew.sch th.kaijou,
.spenew.sch td.kaijou{
	width: 30%;
	text-align: center;
}
table#glist.spenew.sch td.kaijou{
	padding-left: 0.5em;
}
th.kaijou2,
td.kaijou2{
	width: 21%;
	text-align: center;
}
span.kaijo_apad,
span.kaijo_apad{
	display: block;
	text-align: center;
}
th.up_type,
td.up_type{
	width: 7%;
	text-align: center;
}
.spenew.sch th.up_type,
.spenew.sch td.up_type{
	width: 19%;
	text-align: center;
}
table#glist.spenew.sch th.toedit,
table#glist.spenew.sch td.toedit{
	width: 10%;
	text-align: center;
}
table#glist.spenew.sch th.toedit a,
table#glist.spenew.sch td.toedit a{
	display: block;
	background: #f00;
	color: #fff;
	padding: 0.3em;
}
table#glist.spenew.sch th.toedit a:hover,
table#glist.spenew.sch td.toedit a:hover{
	opacity: 0.7;
	cursor: pointer;
	text-decoration: none;
}
th.organ,
td.organ{
	width: 23%;
	text-align: center;
}
span.organ_apad,
span.organ_apad{
	font-size: 80%;
	display: block;
	text-align: center;
}
th.address,
td.address{
	width: 36%;
}
th.order_no,
td.order_no{
	width: 5%;
	text-align: center;
}
th.order_no_cat,
td.order_no_cat{
	width: 10%;
	text-align: center;
}
th.status,
td.status{
	width: 15%;
	text-align: center;
}
td.update a{
	display: block;
}


#glist .certification span,
#glist .target span,
#glist .g_type span,
#glist .g_fee span{
	display: block;
	padding: 0.2em;
}

#glist .certi_k{
	color:#fff;
	background-color: #f00;
	padding: 0.1em 0.5em 0.2em 0;
}
#glist .certi_k2{
	color:#fff;
	background-color: #f00;
	padding: 0.1em 0.5em 0.2em 0.5em;
}
#glist .certi_l{
	color:#fff;
	background-color: #00a;
	letter-spacing: -2px;
}
#glist .certi_s{
	color:#fff;
	background-color: #00f;
}
#glist .certi_g{
	color:#fff;
	background-color: #008800;
}
#glist .certi_r{
	color:#fff;
	background-color: #00cc00;
}
#glist .certi_t{
	color:#fff;
	background-color: #FD7600;
}
#glist .certi_c{
	color:#fff;
	background-color: #891D00;
}
#glist .certi_e{
	color:#fff;
	background-color: #DD0000;
}
#glist .certi_b{
	color:#fff;
	background-color: #ff6666;
}
#glist .certi_p{
	color:#fff;
	background-color: #ff9999;
}
#glist .certi_n{
	color:#fff;
	background-color: #003f91;
}
#glist .certi_m{
	color:#fff;
	background-color: #0058E0;
}
	

#glist .target_shogaku{
	background-color: #00cc00;
	color: #fff;
}
#glist .target_keiken{
	background-color: #ff6666;
	color: #fff;
}
#glist .type_video{
	background-color: #26802e;
	color: #fff;
}
#glist .type_nama,
#glist .type_namachukei{
	background-color: #cc3d3d;
	color: #fff;
}
#glist .type_ptest,
#glist .type_touren,
#glist .type_special,
#glist .type_shougakusei,
#glist .type_practicetest{
	background-color: #f00;
	color: #fff;
}
#glist .type_toren{
	background-color: #F90;
	color: #fff;
}
#glist .type_nintei,
#glist .type_live{
	background-color: #003f91;
	color: #fff;
}
#glist .type_etc{
	background-color: #333;
	color: #fff;
}

#glist .fee_free{
	background-color: #f00;
	color: #fff;
}



/*==================================

	---Course---

==================================*/

#course ul.license li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:10px;
}
#course ul.license li:nth-child(3n){
	margin-right:0;
}
#course ul.license li:nth-child(even){
}

table#glist td.close{
	background-color: #999;
}
table#glist td.soon{
	background-color: #9DFFC0;
}




/*  ===========================================================

	山本海事法務事務所 
		Last Update 2017/01/27	

===========================================================  */

/*****************************************************


apply form


*****************************************************/

#top_main .ssl .img_ssl {
	margin-top: 10px;
	display: block;
	width: 240px;
}
.form_table01 {
	font-size: 70%;
	display: table;
	margin-top:1em;
	width: 85%;
	margin-right:auto;
	margin-left:auto;
}
.form_table01 thead {
	display: table-header-group;
}
.form_table01 tbody {
	display: table-row-group;
}
.form_table01 tr {
	display: table-row;
}
.form_table01 th {
	display: table-cell;
	padding:0.5em;
	width: 100%;
	text-align:center;
	background: #002e5a;
	color: #fff;
}
.form_table01 td {
	display: table-cell;
	padding:0.5em;
	width: 100%;
	margin: 0 0 0.5em;
}
.form_table01 th.bgaplyid {
	background: #f00;
	height: 2em;
	font-size: 200%;
}
.form_table01 th.bgaply {
	background: #f00;
	height: 5.4em;
	font-size: 150%;
}
input,
textarea,
select {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;	
	font-size: 100%;
}
input[type=text] {
	padding: 0.1em;
	/*margin-bottom:0.2em;*/
}

.add_table_kaijo input[type=text],
.edit_table01 input[type=text]{
	padding:0.3em;
}
input[type=text]#id_change {
	width:35%;
}
input[type=text]#name1,
input[type=text]#name2{
	width: 45%;
}
	
input#zip01 {
	padding: 1%;
	width: 50%;
}
input[type=text]#kana1,
input[type=text]#kana2{
	width: 45%;
}
input[type=text]#kousyu {
	width: 20%;
}
input[type=text]#lost_time {
	width: 100%;
}
input[type=text]#lost_place {
	width: 100%;
}
input[type=text]#lost_reason {
	width: 100%;
}
input[type=text]#cat_name {
	padding: 0.1em;
	width: 100%;
}
input#number {
	padding: 0.1em;
	width: 60%;
}
input#postal_code {
	width: 100%;
}
input#tel,
input#mobile {
	padding: 1%;
	width: 80%;
}
input#email,
input#email2{
	padding: 0.1em;
	width: 95%;
}
input#addr1{
	padding: 0.1em;
	width: 60%;
}
input#addr2{
	padding: 0.1em;
	width: 80%;
}	
input#mail_address,
input#mail_address2{
	padding: 0.1em;
	width: 100%;
}
select {
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 100%;
	margin-bottom:0;
	padding: 0;
}
.add_table01 select,
.edit_table01 select{
	width:98%;
	padding: 0.3em;
}
.spenew.sch select,
.spenew.sch select{
	width:100%;
	padding: 0.3em 0;
}
.add_table_faq select {
	padding: 0.3em;
}
select.addr_pref {
	margin-bottom:0.2em;
	padding: 0;
}

select#area_code_select {
	width: 35%;
	margin-bottom:0.2em;
}
	
	
input[type=text]#addr1 {
	padding: 0.1em;
	width: 41%;
}
input[type=text]#addr2 {
	padding: 0.1em;
	width: 41%;
}
	
	
input[type=submit] {
	-webkit-appearance: none;
	width: 100%;
	font-size: 150%;
	background-color:#00f000;
	color:#fff;
	height: 2em;
	line-height:1.5;
	border-radius:5px;
	border:none;
	margin-top:0.2em;
}
input[type=submit].spenew.sch {
	font-size: 1rem;
}
input[type=submit]#id_change {
	font-size: 100%;
	height: 2em;
	line-height:1;
	margin-top:0.4em;
	margin-bottom:0;
}
input[type=button] {
	-webkit-appearance: none;
	width: 100%;
	font-size: 100%;
	background-color:#ccc;
	color:#333;
	height: 2em;
	line-height:1.5;
	border-radius:5px;
	border:none;
	margin-top:1em;
}
	

.form_table_kakunin input#backto {
	font-size:150%;
    height: 2em;
	width:100%;
    border: none;
    background-color: #519efd;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px;
	margin-top:1em;
    -webkit-appearance: none;
}
textarea {
	width: 100%;
	margin-top:0.5em;
}
input[type=submit]:hover,
input[type=button]:hover {
	opacity:0.8;
	cursor: pointer;
	/*text-decoration:underline;*/
}

	
.form_table01 th {
	font-weight: bold;
	width: 35%;
	display: table-cell;
	background: #002e5a;
	text-align: right;
	min-height:80px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.form_table01 th.bgaply {
}
.form_table01 td {
/*	padding: 2px 5px;
	color: #000;*/
	width: 62%;
	margin-left:36%;
	min-height:80px;
	border-bottom: 1px #002e5a;
	vertical-align:middle;
}
.form_table01 td {
	border-top: 1px solid #002e5a;
}
.form_table01 th.h130 {
	height:150px;
}
.form_table01 th.h155 {
	height:155px;
}
span.id_edit{
	/*width:20%;*/
	display: inline-block;
  font-size: 150%;
  font-weight: bold;
}
span.area_jp_edit{
	/*width:70%;*/
	display: inline-block;
  font-size: 100%;
}
.schedule_change{
	width:100%;
	float:left;
    text-align: right;
}

.schedule_edit{
	width:55%;
	float:left;
	text-align: left;
	padding-left: 1em;
}


/*.form_table01 th.h160 {
	height:160px;
}*/
.form_table01 .form_table_kakunin {
	width:70%;
	margin:auto 15%;
}
.form_table01 .t_cen {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	vertical-align: middle;
	font-weight: bold;
	border-top: 1px solid #84bafd;
	border-right: 2px solid #84bafd;
	border-bottom: 2px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-color: #a4ccfd;
	color: #fff;
}	
	
.id_aply{
	display: block;
	font-size:150%;
	color:#f00;
	font-weight: bold;
}

.date_aply{
	display: inline-block;
	color:#00f;
	font-weight: bold;
	
}
.time_aply{
	display: inline-block;
	color:#00f;
	font-weight: bold;
	
}
.kaijo_aply{
	display: block;
	color:#f00;
	font-weight: bold;
	
}
.kaijo_ad_aply{
	display: block;
	font-weight: bold;
	
}
.organ_ad_aply{
	display: block;
	font-weight: bold;	
}
a.backtosch{
	display: block;
	background-color: #003871;
	color:#fff;
	padding:0.5em;
}
a.backtosch:hover{
	text-decoration: none;
	opacity: 0.7;	
}

	
.atte{
	text-align:center;
	margin-bottom:1.5em;
}
.f113{
	font-size:113%;
}
.f125{
	font-size:125%;
}


.row2b{
	display: block;
}

td .slash:not(:first-child)::before{
  content:" / ";
}

	
.row2{
	display: inline;
}
	
	
/*==================================

	refer

==================================*/

.refer_table01{
	width:100%;
	margin:0.5em auto;
	border:1px solid #333;
    font-size: 80%;
}

.refer_table01 th{
	padding:0.3em;
	text-align: center;
	background-color: #002e5a;
	color:#fff;
	border: 1px solid #fff;
	
}
.refer_table01 td{
	padding:0.3em;
	text-align: center;
	border: 1px solid #002e5a;
  vertical-align: middle;
	
}
.refer_table01.edit td{
	padding:0.12em;
	text-align: center;
	border: 1px solid #002e5a;
  vertical-align: middle;
	
}
/*
span.id_refer,
span.date_refer,
span.s_time_refer,
span.kaijo_refer,
span.kaijo_ad_refer,
span.organ_refer{
	display: block;
	margin: auto;
}*/

.refer_12 a{
  display: block;
  background-color: #f00;
  color: #fff;
  padding: 0.7em;
  border-radius:5px;
}
.refer_12 a:hover{
  text-decoration: none;
  opacity: 0.7;
  cursor: pointer;
}
.refer_11{
	width:12%;
	background: #f00;
	color:#fff;
	font-weight: bold;
}
.refer_12{
	width:12%;
}
.refer_123{
	width:23%;
}
.refer_13{
	width:11%;
}
.refer_14{
	width:12%;
}
td.refer_15{
	width:18%;
	text-align: left;
	color: #f00;
	font-weight: bold;
  border-right:none;
}
td.refer_15.col{
	width:52%;
}
.fbig{
	font-weight: bold;
  font-size: 150%;
}
td.refer_16{
	width:34%;
	text-align: left;
  border-left:none;
}
.refer_21{
	width:18%;
}
.refer_22{
	width:35%;
}
.refer_23{
	width:22%;
}
.refer_24{
	width:25%;
}
.refer_31{
	width:25%;
}
.refer_32{
	width:25%;
}
.refer_33{
	width:15%;
}
.refer_34{
	width:35%;
}
.refer_41{
	width:8%;
}
.refer_42{
	width:53%;
}
.refer_43{
	width:8%;
}
.refer_44{
	width:25%;
}
.refer_45{
	width:6%;
}
.refer_51{
	width:16%;
}
.refer_52{
	width:15%;
}
.refer_53{
	width:15%;
}
.refer_54{
	width:13%;
}
.refer_55{
	width:13%;
}
.refer_56{
	width:28%;
}



.mw600 {
	max-width: 600px;
}




























	
	
	
