@charset "utf-8";

/*  ===========================================================

	山本海事法務事務所 
		Last Update 2020/05/09

===========================================================  */
/*==================================

	common

==================================*/

* {
	box-sizing: border-box;
}
html {
	font-size : 75%;
	margin: 0 auto;
}
body {
	line-height: 1.5;
	color: #333;
	/*position:absolute;
	top:0; */
}
header {
}
#container{
	max-width: 1260px;
	width: 100%;
}
#contents{
	padding: 0 2%;
	margin-top:1em;
}
footer {
	background-image: url(../images/bk_html.gif);
	padding: 1% 2%;
	margin-top:2em;
}
#top_main img,
#search img,
.telapply img,
#license img,
#license_details img,
#logo img,
#info_con img,
.bnr_240_160 img,
.bnr_240_130 img,
#license img,
#f_logo img,
.sort p img,
#img_map img{
	width:100%;
}
#index #top_main{
	width:100%;	
	/*margin-top: 0.5em;*/
	}
#back-top img{
	width:50%;
}
#back-top {
	display:none;
}

/*==================================

	---Header---

==================================*/

header h1{
	max-width: 1260px;
	width:100%;
	padding: 0 2%;
	color: #fff;
	background-color: #fff;
	position:absolute;
	left:0;
	top:0;
	line-height: 1.8;
	font-size : 88%;
	padding-right:4em;	
}
#g_navi .gn_sub{
	color: #f00;
}
#g_navi .gn_sub:before {
	content:"【";	
}
#g_navi .gn_sub:after {
	content:"】";	
}
.sp_none{
	display: none;
	}
	
.apply_atttention{
    margin-bottom: 1em;
    margin-top: 1em;
    border: 5px solid #f00;
    padding: 1em 1em 1em 2em;
}
.apply_atttention li{
	list-style-type: disc;
}
.none{
	display: none;
	}
iframe[name="google_conversion_frame"] {
	position: absolute; top: 0;
}
	
/*==================================

	---Left column---

==================================*/

#left_column  {
	margin-bottom:3em;
}	
#left_column h2  {
	background-image: none;
	background-repeat: no-repeat;
	background-size:auto;
	background-position:0 50%;
	color: #0066ff;
	font-weight: bold;
	line-height:1;
}	
#left_column .sort h2  {
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-position:0 0;
	min-height:30px;
	line-height:2;
	padding-left:2.5em;
}	
#left_column .sort p  {
	margin-top:0.5em;
	padding:0 2%;
}	
	.navi_btn {
	width: 100%;
	height: auto;		
	border:1px solid #84bafd;
	background-color:#84bafd;
	padding: 1% 3%;
	margin:1em 0;
}
	.navi_btn a{
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-size:contain;
	font-size: 125%;
	display:block;
	color: #fff;
	padding-left:1.5em;
}		
	.navi_btn a:hover{
	color: #ff7f00;
	text-decoration:none;
}		
#index #left_column h3 {
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	font-size: 150%;
	padding-left: 1.6em;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #ff7f00;
}
.update_list {
	border-bottom: 1px dotted #000000;
	padding: 2% 0;
}

#left_column .sort .to_mail {
	background-image: url(../images/icon_mail.png);
	background-repeat: no-repeat;
	text-indent: 2em;
	line-height:2;
}
#left_column .sort .to_fax {
	background-image: url(../images/icon_fax.png);
	background-repeat: no-repeat;
	text-indent: 2em;
	line-height:2;
}
#left_column .sort .to_tel {
	background-image: url(../images/icon_tel.png);
	background-repeat: no-repeat;
	text-indent: 2em;
	line-height:2;
}
#left_column .sort .paper {
	background-image: url(../images/icon_paper.png);
	background-repeat: no-repeat;
	text-indent: 2em;
	line-height:2;
	margin-top:1em;
}
#left_column .sort .bag {
	background-image: url(../images/icon_folder.png);
	background-repeat: no-repeat;
	font-size:150%;
	text-indent: 1.5em;
}
#left_column .sort .standard {
	background-image: url(../images/icon_search.png);
	background-repeat: no-repeat;
	font-size:150%;
	text-indent: 1.5em;
}
#left_column .sort ul {
	list-style-type: square;
	padding-left: 1em;
}
#left_column .sort ul.list_check {
	list-style-type: none;
	font-size:100%;
	line-height:1.8;
	margin-bottom: 3em;
	margin-top:0;
}
#left_column .sort .list_check li {
	background-image: url(../images/icon_check_s.png);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: 1.5em;
	background-position: 0 8px;
}
#left_column .sort p a {
	transition: color 0.3s;
	text-decoration: underline;
	color: #fff;
	position: relative;
}
	
#left_column .sort p a.shikkou {
	color: #ff7f00;
}
#left_column .sort p a.shikkou:hover {
	opacity: 0.7;
}
/*==================================

	---Wide Contents---

==================================*/

#license_details {
	border: 3px solid #84bafd;
	padding: 3% 5%;
	margin-top:1em;
	width: 100%;
}
 h3#license {
	margin-top: 3em;	
}
#business h3 {
	background-image: url(../images/img_check_orange.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 150%;
	padding-left: 1.5em;
	margin:1em 0 0.5em;
}	
#business .b_contents h4{
	font-weight: bold;
	margin-bottom: 1em;
}	
#privacy h3 {
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 125%;
	padding-left: 1.8em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #ff7f00;
}
#apply_form h3 {
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-position:0 50%;
	color: #0066ff;
	font-weight: bold;
	padding: 1em 0 1em 2.5em;
	line-height:1;
}
	
/*==================================

	---Footer---

==================================*/

footer .fn  {
	padding-left: 1em;
}
footer #f_navi_01,
footer #f_navi_02,
footer #f_navi_03  {
	margin-top: 2em;
}	
footer #f_navi_01 li,
footer #f_navi_02 li,
footer #f_navi_03 li {
	padding-left: 1.5em;
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size:20px;
	font-size:113%;
}	
footer h2 {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/bk_footer_h2.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 30px;
	font-size: 150%;
	margin-bottom: 0.5em;
}	
footer #f_logo {
	margin-top:2em;
}
footer #copyright {
	text-align:center;
	font-size:63%;
	color: #fff;
}

/*==================================

	---/update/---

==================================*/

#left_column .sort .schedule_btn {
	margin-top:1em;
}
#left_column .sort .schedule_btn a,
#left_column .apply a,
#left_column .apply a,
#left_column .faxapply a,
#left_column .sort .paper_down a  {
	width:100%;
	height: 2em;
	display:block;
	background-color: #ff7f00;
	color:#fff;
	font-size:150%;
	text-align:center;
	line-height:2;
}
#left_column .sort .schedule_btn a:hover,
#left_column .apply a:hover,
#left_column .apply a:hover,
#left_column .faxapply a:hover,
#left_column .sort .paper_down a:hover {
	opacity: 0.6;
	transition: opacity 0.3s;
}
#left_column .sort .next_arrow {
	width: 100%;
	text-align:center;
	margin-top:1em;
}
#left_column .sort .next_arrow img {
	margin-right: auto;
	margin-left: auto;
}
#left_column .apply  {
	margin-top:1em;
	margin-bottom:2em;
}
#left_column .faxapply  {
	margin-top:1em;
	margin-bottom:2em;
}
#left_column .telapply {
	margin-top: 1em;
	width: 100%;
}
#left_column .sort .paper,
#left_column .sort .list_check,
#left_column .sort .paper_down {
	margin-top: 1em;
	font-weight:bold;
}
 .tsuchi a,
 .link a{
	width:100%;
	height: 2em;
	display:block;
	background-color: #ff7f00;
	color:#fff;
	font-size:150%;
	text-align:center;
	line-height:2;
	margin-top:1em;
	margin-bottom:2em;
	text-decoration:none;
	}
 .link_s a{
	 display:inline-block;
	height: 2em;
	background-color: #ff7f00;
	color:#fff;
	font-size:113%;
	text-align:center;
	line-height:2;
	padding: 0 0.5em;
	margin: 0 0.5em;
	}
 .link_s a:hover{
	text-decoration:none;
	}	
.b_contents h4{
	font-weight: bold;
	margin-bottom: 0.5em;
}
.b_contents p {
	margin-bottom: 3em;
}
#top_main{
	width:100%;
	/*padding: 0 2%;*/
	margin-top:1.5em;
	margin-bottom:1em;
}
#top_main h2{
	font-size: 150%;
	padding-left: 0.5em;
	margin-bottom:1em;
	border-left: 10px solid #ff7f00;
	width:100%;
	line-height:2.2;
	font-weight: bold;
	}

/*==================================

	---/reissue/---

==================================*/



/*==================================

	---/schedule/---

==================================*/

table.sch{
	width: 100%;
	font-size:75%;
	border-collapse: separate;
	border-spacing:0.2em;
}
table.sch td,
table.sch th{
	border-left: 1px solid #84bafd;
	border-bottom: 1px solid  #84bafd;
	padding: 3px;
	padding-right:0;
	vertical-align:middle;
}
table.sch th{
	color:#fff;
	font-weight:bold;
	background-color:#a4ccfd;
	}
table.sch .aa_2{
	width: 10%;
	text-align:center;	
	}
table.sch .bb_2{
	width: 10%;	
	text-align:center;
	}
table.sch .cc_2{
	width: 14%;	
	}
table.sch .dd_2{
	width: 36%;	
	}
table.sch .ee_2{
	width: 17%;
	text-align:center;	
	}
table.sch .ff_2{
	color:#f00;
	border-right: 1px solid #84bafd;
	}
table.sch .t_cen{	
	text-align:center;	
	}
.red{
	color:#f00;
}
.sp_none{
	display:none;
}

/*==================================

	---Privacy---

==================================*/

#privacy .sort ul {
	font-size:113%;
}
#privacy .pd_contents p {
	margin-bottom: 1em;
}

/*==================================

	---law---

==================================*/

#law #left_column dl {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}
#law #left_column dl .aa {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	border-right: 2px solid #519efd;
	border-bottom: 2px solid #519efd;
	border-top: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-color: #519efd;
	margin-bottom: 0.5%;
	position: relative;
}
#law #left_column dl .bb {
	width: 100%;
	padding: 10px;
	color: #000;
	margin-bottom: 0.5%;
	border-right: 1px dotted #84bafd;
	border-bottom: 1px dotted #84bafd;
	border-left: 1px dotted #84bafd;
}
#law #left_column dl .cc {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	border-right: 2px solid #519efd;
	border-bottom: 2px solid #519efd;
	border-top: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-color: #519efd;
}
#law #left_column dl .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;
	text-shadow: 1px 1px 0px #666;
}

/*==================================

	---Notice---

==================================*/

#notice h3{	
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding:5px;
	font-size: 163%;
	padding-left: 1.5em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	line-height:1;
	border-bottom: 3px solid #ff7f00;	
}
#notice .sort p{
	padding: 2%;	
}



/*==================================

	---Faq---

==================================*/

#faq #top_main {
	margin-bottom:2em;
}
#faq #top_main h2{
	background-image:none;
}
#faq #top_main ul.menu li {
	list-style-type: none;
}
#faq #top_main ul.menu li a{
	width: 100%;
	color: #fff;
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-size: 2em;
	background-position: 0.5em 0.3em;
	background-color: #ff7f00;
	display: block;
	padding: 0.5em 0.7em 0.5em 0.8em;
	margin-bottom: 0.3em;
	text-decoration: none;
	text-shadow: none;
	text-indent: 2em;
	border-radius: 5px;
}
#faq #left_column .sort h2  {
	font-size: 150%;
	padding-left:1.5em;
	margin-bottom: 0.5em;
}	
#faq .accordion_list {
	margin-top: 0;
	margin-bottom: 2em;
}
#faq .accordion_list .accordion_toggle {
	color: #fff;
/*	text-decoration: underline;*/
	background-image: url(../images/img_faq_q.png);
	background-repeat: no-repeat;
	background-position:0.5em 0.5em;
	background-color:#002e5a;
	line-height:2;
	/*border-radius:5px;*/
	position: relative;
	padding: 0.5em 0 0.5em 3em;
	width:100%;
	height: auto;
	/*margin-bottom: 5px;
	border:1px solid #ccc;*/
    font-weight: bold;
}
/*#faq .accordion_list .accordion_toggle:hover {
	cursor: pointer;
	text-decoration: none;
	color: #ff8916;
	position: relative;
}*/
#faq .accordion_list .accordion_content {
	overflow: hidden;
	line-height: 200%;
	background-color: #eee;
	/*text-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
	padding: 0.5em 1em 0.5em 3em;
	background-image: url(../images/bk_faq_a.png);
	background-repeat: no-repeat;
	background-position: 0.45em 0.7em;
	margin-bottom: 1.5em;
}
#faq .accordion_list .accordion_content 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;
	/*text-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
	background-position: 0px 2px;
    font-weight: bold;
	/*transition: color 0.3s, text-shadow 0.3s;*/
}
#faq .accordion_list .accordion_content a:hover {
	text-decoration: none;
	color: #333;
	/*text-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
	/*transition: color 0.3s, text-shadow 0.3s;*/
}
	
/*==================================

	---Institution---

==================================*/

#institution .sort .menjo_01 {
	border: 1px solid #84bafd;
	margin: 1em auto;
}
#institution .sort .menjo_01 td   {
	border: 1px solid #84bafd;
	vertical-align: middle;
	text-align: center;
	padding:5px;
}
#institution .sort .menjo_02 {
	border: 1px solid #84bafd;
	margin: 1em auto;
	padding:5px;
}
#institution .sort .menjo_02 .ba {
	border: 1px solid #84bafd;
	vertical-align: middle;
	text-align: center;
	width: 30%;
	padding:5px;
}
#institution .sort .menjo_02 .bb {
	border: 1px solid #84bafd;
	vertical-align: middle;
	padding:5px;
}

/*===========================================

	---Procedure/kaiji/junsyu/institution/registration/inspection---

===========================================*/

#procedure #left_column h2,
#kaiji #left_column h2,
#junsyu #left_column h2,
#institution #left_column h2,
#registration #left_column h2,
#inspection #left_column h2 {
	background-image: none;
}
#procedure #left_column .sort h2,
#kaiji #left_column .sort h2,
#junsyu #left_column .sort h2,
#institution #left_column .sort h2,
#registration #left_column .sort h2,
#inspection #left_column .sort h2{
	background-image: url(../images/bk_top_h1.png);
	padding-left:2.5em;
	margin-top:2em;
}
#procedure section h3,
#kaiji section h3,
#junsyu section h3,
#institution section h3,
#registration section h3,
#inspection section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	font-size: 100%;
	color: #ff7f00;
	padding-left: 1.5em;
	padding-top: 0px;
	margin-left: 0.5em;
	margin-top: 1em;
    font-weight: bold;
}
#procedure #left_column .sort p,
#kaiji #left_column .sort p
#junsyu #left_column .sort p,
#institution #left_column .sort p,
#registration #left_column .sort p,
#inspection #left_column .sort p {
    font-size: 100%;
    line-height: 1.8;
    padding: 0 0.5em 0.5em 0.5em;
}
#procedure #left_column .sort  ul,
#kaiji #left_column .sort  ul,
#junsyu #left_column .sort  ul,
#institution #left_column .sort  ul,
#registration #left_column .sort  ul,
#inspection #left_column .sort  ul{
	padding:1em 1em 1em 2em;
	font-size:100%;
}
#procedure #left_column .sort  ol,
#kaiji #left_column .sort  ol,
#junsyu #left_column .sort  ol,
#institution #left_column .sort  ol,
#registration #left_column .sort  ol,
#inspection #left_column .sort  ol{
	padding:1em 1em 1em 3em;
	font-size:100%;
}
#procedure #left_column .sort  ol li,
#kaiji #left_column .sort  ol li,
#junsyu #left_column .sort  ol li,
#institution #left_column .sort  ol li,
#registration #left_column .sort  ol li,
#inspection #left_column .sort  ol li{
	list-style-type:decimal;
}

/*==================================

	---common style---

==================================*/

.clearfix
.cf {
	zoom: 1;
	overflow:hidden;
}
.clearfix:after,
.cf:after{
 content: ""; 
 display: block; 
 clear: both;
}
.catch {
	color: #1a459d;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
	padding: 10px;
	border: 1px solid #1A459D;
	margin: 20px;
}
.bold {
	font-weight: bold;
}
.red {
	color: #f00;
}
.right {
	text-align: right;
}
.orange {
	color: #ff7f00;
}
.center {
	text-align: center;
}
.red_bold {
	font-weight: bold;
	color: #f00;
}
.both {
	clear: both;
}
#hidden {
	display: none;
}
.left20 {
	margin-left: 20px;
}
.homepage_img {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}
.text_l {
	text-align: left;
	font-weight: bold;
}
.text_r {
	text-align: right;
	font-weight: bold;
}
.f12 {
	font-size: 12px;
}
.f30 {
	font-size: 30px;
}
.f100 {
	font-size: 100%;
}
.f113 {
	font-size: 113%;
}
.f125 {
	font-size: 125%;
}
.f150 {
	font-size: 150%;
}
.b18 {
	font-size: 18px;
	font-weight: bold;
}
.m_t1e {
	margin-top: 1em;
}
.m_ｌ1e {
	margin-left: 1em;
}
.float_r {
	float: right;
}
.float_l {
	float: left;
}
strong {
	font-weight: bold;
}
a.link {
	background-image: url(../images/bk_li_arrow.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 18px;
	background-position: 0px 5px;
}

.my_rb {
    background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold;
	color: #f00;
}


/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/

@media screen and (min-width :600px) {
	
#side {
	max-width: 100%;
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-left: 0;
	line-height: 150%;
	margin-bottom: 100px;
	height: auto;
	padding: 0 3%;
}
.fb-like-box,
.twitter-box {
    clear: both;
    text-align: center;
    width: 100%;
}
/*==================================

	---Header---

==================================*/

header {
	max-width: 1260px;
	width:100%;
	margin:0 auto;
}
header h1 {
	color: #fff;
	font-size: 16px;
	margin:0 auto;
	position:static;
	padding:10px ;
	width: 50%;
	float: left;
}
header #logo a{
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	transition: opacity 0.3s;
}
header #logo a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
 -ms-filter: "alpha(opacity=50)";  /* ie 8 */
	transition: opacity 0.3s;
}
header #search{
	width: 50%;
	padding:10px ;
	float: right;
	background-color:#fff;
}
header #g_navi {
	max-width: 1260px;
	width:100%;
	clear: both;
	background-color:#003871;
	padding:0;
	height: 60px;
}
header #g_navi li {
	float: left;
	background-color:#003871;
}
header #g_navi #gn_01 {
	display:none;
	width:auto;
	max-height: 70px;
}
header #g_navi #gn_02 {
	width:auto;
	width:20%;
	max-height: 70px;
}
header #g_navi #gn_03 {
	width:auto;
	width:20%;
	max-height: 70px;
}
header #g_navi #gn_04 {
	width:auto;
	width:20%;
	max-height: 70px;
}
header #g_navi #gn_05 {
	width:auto;
	width:20%;
	max-height: 70px;
}
header #g_navi #gn_06 {
	width:auto;
	width:20%;
	max-height: 70px;
}
header #g_navi #gn_02 a,
header #g_navi #gn_03 a,
header #g_navi #gn_04 a,
header #g_navi #gn_05 a,
header #g_navi #gn_06 a {
	display: block;
	font-size: 113%;
	font-weight:bold;
	border-right:1px groove #002e5a;
	text-decoration:none;
	text-align:center;
	line-height:1.5;
	padding:10px 0;
	color:#fff;
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=1)";  /* ie 8 */
	transition:  opacity 0.3s color 0.3s;
}
header #g_navi .gn_sub{
	color:#84bafd;
	font-size: 69%;
	display:block;
	text-indent:-0.5em;
}
header #g_navi #gn_01 a:hover,
header #g_navi #gn_02 a:hover,
header #g_navi #gn_03 a:hover,
header #g_navi #gn_04 a:hover,
header #g_navi #gn_05 a:hover,
header #g_navi #gn_06 a:hover{
	color: #ff7f00;
	opacity:0.7;
	transition:  opacity 0.3s color 0.3s;
}

#top_main{
	margin-top:1.5em;
}
.sp_none{
	display:block;
}

}

/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************/
@media screen and (min-width :960px) {

/*==================================

	---basic style---

==================================*/

#bk_f {
	background-image: url(../images/bk_footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
html {
	background-image: url(../images/bk_html.gif);
	background-repeat: repeat;
}
body {
	/*background-image: url(../images/bk_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	line-height: 1.8em;
	font-size: 16px;
}
#container {
	/*max-width: 1260px;
	width:100%;*/
	margin: 0 auto;
	background-color:#fff;
}
#top_main {
	height: auto;
	width: 100%;
	position: relative;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
 #top_main h2 {
	margin-top:0;
	margin-left:0;
	font-size:163%;
}
#contents {
	background-color: #fff;
	position: relative;
	padding:30px;
}
#contents #main_contents {
	width: 100%;
	background-image: url(../images/bk_ikari.jpg);
	background-repeat: repeat-y;
	background-position: 400px 10px;
}
#contents #main_contents #left_column {
	/*max-width: 870px;*/
	max-width: 74%;
   width: 100%;
	margin-right: 320px;
	float: left;
	position: relative;
}
#contents #main_contents #right_column {
	float: right;
	max-width: 300px;
	width: 300px;
	margin-bottom: 50px;
	margin-left: -320px;
}
#contents #back-top {
	position: absolute;
	left: 20px;
	bottom: 10px;
}
#contents #back-top a{
	opacity: 1;
	transition: opacity 0.3s;
}
#contents #back-top a:hover{
	opacity: 0.5;
	transition: opacity 0.3s;
}
#container footer {
	height: 500px;
	max-width: 1260px;
	width: 100%;
	clear: both;
	position: relative;
}


/*==================================

	---Top---

==================================*/

#index #top_main{
	margin-top: 0;
	}
#container #top_main p {
/*	line-height: 2.2em;
	font-size: 125%;*/
}
#main_contents .wide_contents {
	clear: both;
	margin-bottom: 50px;
}
.wide_contents p {
	padding-left: 1em;
}
.wide_contents h4 {
	padding-left: 1em;
}
#attention h3 {
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	height: 28px;
	font-size: 24px;
	padding-left: 40px;
	padding-top: 2px;
	margin-bottom: 0.8em;
	border-bottom: 3px solid #ff7f00;
}
 h3#license {
	background-image: url(../images/img_pass.png);
	background-repeat: no-repeat;
	font-size: 24px;
	padding-left: 40px;
	padding-top: 4px;
	margin-bottom: 0.6em;
	margin-top: 3em;	
}
#license_details {
	border: 3px solid #84bafd;
	/*background-image: url(../images/bk_license_img.jpg);
	background-repeat: no-repeat;*/
	padding: 20px;
}

/*==================================

	---Left column---

==================================*/

#left_column h2  {
	background-image: none;
	font-size: 150%;
	color: #0066ff;
	font-weight: bold;
	padding-left: 1em;
}
#left_column .sort h2  {
	background-image: url(../images/bk_top_h1.png);
	padding-left: 2em;
	line-height:1.5;
}
#left_column h3 {
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	font-size: 113%;
	line-height:1.2;
	color: #0066ff;
	font-weight: bold;
	padding-left: 40px;
}
#left_column .sort  {
	margin-bottom: 2em;
}
#left_column .sort p {
	font-size: 125%;
	line-height:1.8;
	padding: 0.5em;
}
#left_column .sort p a {
	transition: color 0.3s;
	text-decoration: underline;
	color: #fff;
}
#left_column .sort p a:hover {
	transition: color 0.3s;
}
#left_column .sort .to_mail {
	background-image: url(../images/icon_mail.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	text-indent: 2em;
}
#left_column .sort .to_fax {
	background-image: url(../images/icon_fax.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	text-indent: 2em;
}
#left_column .sort .to_tel {
	background-image: url(../images/icon_tel.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	text-indent: 2em;
}
#left_column .sort .paper {
	background-image: url(../images/icon_paper.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	text-indent: 2em;
	margin-top:1em;
}
#left_column .sort .bag {
	background-image: url(../images/icon_folder.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	font-size:150%;
	text-indent: 1.8em;
}
#left_column .sort .standard {
	background-image: url(../images/icon_search.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	font-size:150%;
	text-indent: 1.8em;
}
#left_column .sort ul {
	list-style-type: square;
	padding-left: 3em;
}
#left_column .sort ul.list_check {
	list-style-type: none;
	font-size:125%;
	line-height:1.8;
	margin-bottom: 3em;
	margin-top:0;
}
#left_column .sort .list_check li {
	background-image: url(../images/icon_check_s.png);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: 1.5em;
	background-position: 0 8px;
}
p.link_etc{
	width:50%;
	background-color:#84bafd;
	text-align:center;
	transition: opacity 0.3s;
}
p.link_etc:hover{
	width:50%;
	background-color:#84bafd;
	text-align:center;
	opacity: 0.7;
	transition: opacity 0.3s;
}
	.navi_btn {
	padding: 1% 3%;
	margin:1em 0;
}
	.navi_btn a{
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-size:contain;
	font-size: 125%;
	color: #fff;
	padding-left:2em;
}
#left_column .navi_btn_01 {
	background-image: url(../images/btn_update.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column .navi_btn_01 a {
	background-image: url(../images/btn_update.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	text-indent: -9999px;
	height: 32px;
	width: 200px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_column .navi_btn_01 a:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .navi_btn_02 {
	background-image: url(../images/btn_invalidation.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column .navi_btn_02 a {
	background-image: url(../images/btn_invalidation.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	text-indent: -9999px;
	height: 32px;
	width: 200px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_column .navi_btn_02 a:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .navi_btn_03 {
	background-image: url(../images/btn_reissue.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column .navi_btn_03 a {
	background-image: url(../images/btn_reissue.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	text-indent: -9999px;
	height: 32px;
	width: 210px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_columnn .navi_btn_03 a:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .navi_btn_04 {
	background-image: url(../images/btn_correct.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column .navi_btn_04 a {
	background-image: url(../images/btn_correct.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	text-indent: -9999px;
	height: 32px;
	width: 200px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_column .navi_btn_04 a:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .navi_btn_05 {
	background-image: url(../images/btn_special.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column .navi_btn_05 a {
	background-image: url(../images/btn_special.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	text-indent: -9999px;
	height: 32px;
	width: 253px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_column .navi_btn_05 a:hover {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .sort .schedule_btn a  {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .sort .schedule_btn a:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}
#left_column .apply a  {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .apply a:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}
#left_column .faxapply a  {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .faxapply a:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}
#left_column .to_apply a {
	display: block;
	height: 32px;
	width: 149px;
	text-indent: -9999px;
	opacity: 0;
	transition: opacity 0.3s;
}
#left_column .to_apply a:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}
#left_column .telapply {
	margin-left: 1em;
	width: 50%;
}
#left_column .paper_down a {
	opacity: 1;
	transition: opacity 0.3s;
}
#left_column .paper_down a:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}
 .tsuchi a:hover{
	text-decoration:none;
	color:#fff;
	opacity:0.7;
	}	
	
	
/*==================================

	---Right column---

==================================*/

#right_column .bnr_240_160 a img {
	opacity: 1;
	transition: opacity 0.3s;
}
#right_column .bnr_240_160 a:hover img {
	opacity: 0.6;
	transition: opacity 0.3s;
}
#right_column .bnr_240_130 a img {
	opacity: 1;
	transition: opacity 0.3s;
}
#right_column .bnr_240_130 a:hover img {
	opacity: 0.6;
	transition: opacity 0.3s;
}
#right_column .fb-like-box {
	margin-bottom: 10px;
	margin-top: 20px;
}
#business h3 {
	background-image: url(../images/img_check_orange.png);
	background-repeat: no-repeat;
	font-size: 24px;
	padding-left: 32px;
	padding-top: 2px;
	background-position: 0px 0px;
	margin-bottom: 0.5em;
}
#business .b_contents h4{
	font-weight: bold;
	margin-bottom: 1em;
}
#business .b_contents p {
	margin-bottom: 1em;
}
#update h3 {
	background-image: url(../images/img_check_orange.png);
	background-repeat: no-repeat;
	font-size: 24px;
	padding-left: 32px;
	padding-top: 2px;
	background-position: 0px 0px;
	margin-bottom: 0.5em;
}
h3#history  {
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	font-size: 150%;
	padding-left: 40px;
	padding-top: 2px;
	margin-bottom: 0.5em;
	margin-top:3em;
	border-bottom: 3px solid #ff7f00;
}
.update_list {
	border-bottom: 1px dotted #000000;
	margin: 0 100px 0 10px;
	margin-top: 0.5em;
	padding: 0;
}
.update_list a {
	color: #ff7f00;
	text-decoration:underline;
}
.update_list a:hover {
	color:#0066ff;
	text-decoration:none;
}
.update_list .date {
	clear: both;
	padding-left: 20px;
	width: 150px;
	float: left;
}
.update_list .info {
	padding-left: 20px;
	float: left;
}

/*==================================

	---Footer---

==================================*/

footer #f_navi_01  {
	margin-top: 20px;
	clear: both;
	/*width: 420px;*/
	width: 34%;
	position: absolute;
	/*left: 60px;*/
	left: 5%;
	top: 0px;
}
footer h2 {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/bk_footer_h2.png);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 1.3em;
	font-size: 150%;
	margin-bottom: 0.5em;
}
footer .fn  {
	padding-left: 12px;
}
footer #f_navi_01 li {
	padding-right: 10px;
	padding-left: 1.5em;
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
footer #f_navi_02  {
	margin-top: 20px;
	clear: both;
	/*width: 420px;*/
	width: 33%;
	position: absolute;
	/*left: 480px;*/
	left: 38%;
	top: 0px;
}
footer #f_navi_02 li {
	padding-right: 10px;
	padding-left: 1.5em;
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
footer #f_navi_03  {
	margin-top: 20px;
	clear: both;
	/*width: 420px;*/
	width: 33%;
	position: absolute;
	/*left: 880px;*/
	left: 70%;
	top: 0px;
}
footer #f_navi_03 li {
	padding-right: 10px;
	padding-left: 1.5em;
	background-image: url(../images/bk_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
footer #f_navi_01 a,
footer #f_navi_02 a,
footer #f_navi_03 a {
	transition: color 0.3s;
	text-decoration: underline;
	color: #fff;
}
footer #f_navi_01 a:hover,
footer #f_navi_02 a:hover,
footer #f_navi_03 a:hover {
	text-decoration: none;
	color: #ff7f00;
	transition: color 0.3s;
}
footer #f_logo {
	width: 35%;
	position: absolute;
	bottom: 80px;
	right: 0;
}
footer #copyright {
	width: 100%;
	height: 16px;
	font-size:100%;	
	position: absolute;
	bottom: 1.5em;
	color: #fff;
}
footer #copyright a {
	transition: color 0.3s;
	text-decoration: underline;
	color: #fff;
	position: relative;
}
footer #copyright a:hover {
	text-decoration: none;
	color: #ff7f00;
	transition: color 0.3s;
}


/*==================================

	---Privacy---

==================================*/

#privacy #left_column h2  {
	background-image: none;
	font-size: 150%;
	color: #0066ff;
	font-weight: bold;
	padding-left: 1em;
}

#privacy #left_column h3 {
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	font-size: 150%;
	padding-left: 40px;
	padding-top: 2px;
	margin-bottom: 1em;
	border-bottom: 3px solid #ff7f00;
}
#privacy .sort ul li {
	font-size:113%;
	list-style-type:decimal;
	line-height:1.5;
}
#privacy .pd {
	float: left;
	height: 270px;
	width: 185px;
	padding-right: 15px;
	padding-left: 15px;
}
#privacy .pd_contents {
	float: left;
}
#privacy .pd_contents h4 {
	font-weight: bold;
	margin-bottom: 2em;
}
#privacy .pd_contents p {
	margin-bottom: 1em;
}

/*==================================

	---Faq---

==================================*/

#faq #top_main {
	margin-bottom:2em;
}
#faq #top_main ul.menu {
}
#faq #top_main ul.menu li {
	list-style-type: none;
}
	
/*==================================

	---Junsyu---

==================================*/

#junsyu section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	height: 20px;
	font-size: 14px;
	color: #ff7f00;
	padding-left: 2em;
	padding-top: 0px;
	margin-left: 1em;
	margin-top: 1em;
}
	
/*==================================

	---Notice---

==================================*/

#notice  h3{
	margin-top:1em;
	background-image: url(../images/img_attention.png);
	background-repeat: no-repeat;
	font-size: 150%;
	padding-left: 1.5em;
	margin-bottom: 1em;
	line-height:1;
	border-bottom: 3px solid #ff7f00;
}
	
/*==================================

	---Kaiji---

==================================*/

#kaiji section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	height: 20px;
	font-size: 14px;
	color: #ff7f00;
	padding-left: 2em;
	padding-top: 0px;
	margin-left: 1em;
	margin-top: 1em;
}
	
/*==================================

	---Registration---

==================================*/

#registration section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	height: 20px;
	font-size: 14px;
	color: #ff7f00;
	padding-left: 2em;
	padding-top: 0px;
	margin-left: 1em;
	margin-top: 1em;
}

/*==================================

	---Inspection---

==================================*/

#inspection section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	height: 20px;
	font-size: 14px;
	color: #ff7f00;
	padding-left: 2em;
	padding-top: 0px;
	margin-left: 1em;
	margin-top: 1em;
}	
	
/*==================================

	---Institution---

==================================*/



/*==================================

	---Paper---

==================================*/

#paper section h3{
	background-image: url(../images/ico_ship_orange.png);
	background-repeat: no-repeat;
	background-position:0 3px;
	font-size: 113%;
	color: #ff7f00;
	padding-left: 1.5em;
	padding-top: 0px;
	margin-left: 1em;
	margin-top: 1em;
}
#paper #top_main #paper_down {
	margin-top:2em;
	margin-bottom:2em;
}
#paper #top_main #paper_down a {
	color: #fff;
	background-color: #fbb855;
	padding: 10px;
	box-shadow:inset 1px 1px 1px #fff, 1px 1px 5px #999;
	border-radius: 5px;
	text-decoration: none;
	transition: box-shadow 0.5s, text-shadow 0.5s;
}
#paper #top_main #paper_down a:hover {
	text-shadow: 0px 0px 10px #FFF;
	box-shadow: inset 1px 1px 1px #fff, 0px 0px 20px #fbb855, 1px 1px 5px #999;
	transition: box-shadow 0.5s, text-shadow 0.5s;
}
#paper #top_main #paper_down a:active {
	text-shadow: 0px 0px 5px #000;
	box-shadow: inset 1px 1px 1px #fff, 0px 0px 0px #eee;
	transition: box-shadow 0.5s, text-shadow 0.5s;
}
#paper .sort .column_photo #photo {
	float: right;
	padding-left: 1em;
	margin-top: -3em;
	width: 35%;
}

/*==================================

	---Update,Invalidation---

==================================*/

#invalidation h3 {
	background-image: url(../images/img_check_orange.png);
	background-repeat: no-repeat;
	font-size: 24px;
	padding-left: 32px;
	padding-top: 2px;
	background-position: 0px 0px;
	margin-bottom: 0.5em;
}
#update .b_contents h4,
#invalidation .b_contents h4,
#special .b_contents h4{
	font-size:150%;
	font-weight: bold;
	padding-left: 1em;
	margin-top: 2em;
}
#update .b_contents p,
#invalidation .b_contents p,
#special .b_contents p {
	padding-left: 1em;
}

/*==================================

	---Special---

==================================*/

#special #left_column h3 {
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	height: 29px;
	font-size: 18px;
	padding-top: 5px;
	color: #0066ff;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 20px;
}

#special h3 {
	background-image: url(../images/img_check_orange.png);
	background-repeat: no-repeat;
	font-size: 24px;
	padding-left: 32px;
	padding-top: 2px;
	background-position: 0px 0px;
	margin-bottom: 0.5em;
}

/*==================================

	---law---

==================================*/

#law #left_column dl {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}
#law #left_column dl .aa {
	clear:both;
	float:left;
	width: 25%;
	border-top: 1px solid #84bafd;
	background-color:transparent;
	background-image: url(../images/bk_ikari_small.png);
	background-repeat: no-repeat;
	background-position: 0px -15px;
	position: relative;
}
#law #left_column dl .bb {
	float:left;
	width: 74.5%;
	padding: 10px;
	color: #000;
	margin-left: 0.5%;
	border: 1px dotted #84bafd;
}
#law #left_column dl .cc {
	clear:both;
	float:left;
	width: 25%;
	height:7em;
	background-color:transparent;
	background-image: url(../images/bk_ikari_small.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}
#law #left_column h2{
	background-image:none;
	}
#law #left_column p {
	margin-bottom:1em;
}

/*===========================================

	---Procedure/kaiji/junsyu/institution/registration/inspection---

===========================================*/

#procedure #left_column h2,
#kaiji #left_column h2,
#junsyu #left_column h2,
#institution #left_column h2,
#registration #left_column h2,
#inspection #left_column h2 {
	background-image: none;
}
#procedure #left_column .sort h2,
#kaiji #left_column .sort h2,
#junsyu #left_column .sort h2,
#institution #left_column .sort h2,
#registration #left_column .sort h2,
#inspection #left_column .sort h2{
}
#procedure section h3,
#kaiji section h3,
#junsyu section h3,
#institution section h3,
#registration section h3,
#inspection section h3{
	font-size:125%;
	padding-left: 1.5em;
	margin-left: 0;
}
#procedure #left_column .sort p,
#kaiji #left_column .sort p
#junsyu #left_column .sort p,
#institution #left_column .sort p,
#registration #left_column .sort p,
#inspection #left_column .sort p {
	font-size:125%;
    padding: 0.5em 0.5em 0.5em 0;
}
#procedure #left_column .sort  ul,
#kaiji #left_column .sort  ul,
#junsyu #left_column .sort  ul,
#institution #left_column .sort  ul,
#registration #left_column .sort  ul,
#inspection #left_column .sort  ul{
	padding:1em 1em 1em 2em;
	font-size:125%;
	line-height:1.8;
}
#procedure #left_column .sort  ol,
#kaiji #left_column .sort  ol,
#junsyu #left_column .sort  ol,
#institution #left_column .sort  ol,
#registration #left_column .sort  ol,
#inspection #left_column .sort  ol{
	padding:1em 1em 1em 3em;
	font-size:125%;
	line-height:1.8;
}


}