@charset "utf-8";

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

	山本海事法務事務所 
		Last Update 2012/07/25	

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

	---basic style---

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

#container {
	width: 100%;
	margin: 0px auto;
}
#container #top_main {
	height: 316px;
	width: 100%;
	position: relative;
}
#schedule #container #top_main {
	display: none;
}
#container #top_main h2 {
	position: absolute;
	left: 20px;
	top: 40px;
	float: left;
	font-size: 24px;
	background-image: url(../images/bk_h2_orange.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 33px;
	padding-top: 9px;
	font-weight: bold;
	color: #ff7f00;
	width: 550px;
	clear: both;
}
#contents {
	width: 100%;
	background-color: #fff;
}
#contents #main_contents {
	padding: 20px;
	width: 100%;
	background-image: url(../images/bk_ikari.jpg);
	background-repeat: no-repeat;
	background-position: 400px 10px;
}
#contents #main_contents #left_column {
	width: 72%;
	float: left;
}
#contents #main_contents #right_column {
	float: right;
	width: 28%;
}
#container footer {
	font-size:10px;
	height: 150px;
	width: 100%;
	clear: both;
	position: relative;
}

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

	---Header---

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

header {
	display: none;
}

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

	---Top---

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

#container #top_main p {
	float: left;
	position: absolute;
	left: 40px;
	top: 100px;
	line-height: 2.2em;
}
#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;
}
#license {
	border: 3px solid #84bafd;
	background-image: url(../images/bk_license_img.jpg);
	background-repeat: no-repeat;
	padding: 20px;
}
#license h3 {
	background-image: url(../images/img_pass.png);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 24px;
	padding-left: 40px;
	padding-top: 4px;
	margin-bottom: 0.6em;
}

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

	---Left column---

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

#left_column section h2  {
	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;
}
#left_column section h3 {
	font-size: 18px;
	padding-top: 5px;
	color: #0066ff;
	font-weight: bold;
}
#left_column .sort  {
	margin-bottom: 2em;
}
#left_column .sort p {
	padding: 1em;
}
#left_column .sort ul {
	list-style-type: square;
	padding-left: 3em;
}
#left_column section .navi_btn_01 {
	background-image: url(../images/btn_update.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column section .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;
}
#left_column section .navi_btn_02 {
	background-image: url(../images/btn_invalidation.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column section .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;
}
#left_column section .navi_btn_03 {
	background-image: url(../images/btn_reissue.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column section .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;
}
#left_column section .navi_btn_04 {
	background-image: url(../images/btn_correct.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column section .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;
}
#left_column section .navi_btn_05 {
	background-image: url(../images/btn_special.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 350px;
}
#left_column section .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;
}
#left_column .sort .schedule {
	background-image: url(../images/btn_schedule.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	width: 116px;
	margin-top: 1em;
	margin-left: 1em;
}
#left_column .sort .schedule a  {
	background-image: url(../images/btn_schedule.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	height: 32px;
	width: 116px;
	text-indent: -9999px;
	opacity: 0;
}
#left_column .sort .next_arrow {
	width: 205px;
	height: 53px;
	margin-left: 150px;
}
#left_column .sort .next_arrow img {
	margin-right: auto;
	margin-left: auto;
}
#left_column .apply  {
	background-image: url(../images/btn_apply.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 1em;
	margin-left: 1em;
}
#left_column .apply a  {
	background-image: url(../images/btn_apply.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	height: 32px;
	width: 149px;
	text-indent: -9999px;
	opacity: 0;
}
#left_column .to_apply {
	background-image: url(../images/btn_apply.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 235px;
	margin-bottom: 30px;
}
#left_column .to_apply a {
	background-image: url(../images/btn_apply.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	display: block;
	height: 32px;
	width: 149px;
	text-indent: -9999px;
	opacity: 0;
}
#left_column table {
	border-spacing: 2px;
	border-collapse: separate;
}
#left_column table.sch {
	border-spacing: 2px;
	border-collapse: separate;
	margin-bottom: 20px;
}
#special #left_column table.sch {
	border-spacing: 3px;
	border-collapse: separate;
	margin-bottom: 20px;
}
#left_column table .aa {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	width: 160px;
	border-right: 2px solid #519efd;
	text-align: right;
	border-bottom: 2px solid #519efd;
	border-top: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-image: url(../images/bk_ikari_small.png);
	background-repeat: no-repeat;
	background-position: 0px -15px;
}
#left_column table .bb {
	padding: 2px 10px;
	color: #000;
	border-top: 1px dotted #84bafd;
	border-bottom: 1px dotted #84bafd;
	border-right: 1px dotted #84bafd;
}
#left_column table .cc {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	width: 160px;
	border-right: 2px solid #519efd;
	text-align: right;
	border-bottom: 2px solid #519efd;
	border-top: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-image: url(../images/bk_ikari_small.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#left_column table .aa_2 {
	padding: 2px;
	text-align: center;
	font-size: 10px;
/*	width: 95px;*/
	vertical-align: middle;
	border-right: 1px solid #84bafd;
	border-bottom: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
}
#left_column table .bb_2 {
	padding: 2px;
	text-align: center;
	font-size: 10px;
/*	width: 45px;*/
	vertical-align: middle;
	border-bottom: 1px solid #84bafd;
	border-right: 1px solid #84bafd;
}
#left_column table .cc_2 {
	padding: 2px;
	text-align: center;
	font-size: 10px;
/*	width: 100px;*/
	vertical-align: middle;
	border-bottom: 1px solid #84bafd;
}
#left_column table .dd_2 {
	padding: 2px;
	text-align: left;
	font-size: 10px;
	vertical-align: middle;
	border-right: 1px solid #84bafd;
	border-bottom: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
}
#left_column table .ee_2 {
	padding: 2px;
	text-align: center;
	font-size: 10px;
/*	width: 60px;*/
	vertical-align: middle;
	border-bottom: 1px solid #84bafd;
}
#left_column table .ff_2 {
	padding: 2px;
	text-align: center;
	font-size: 10px;
/*	width: 40px;*/
	vertical-align: middle;
	border-right: 1px solid #84bafd;
	border-bottom: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
}
#left_column table .bb_3 {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	width: 100px;
	vertical-align: middle;
	border-bottom: 1px solid #84bafd;
	border-right: 2px solid #84bafd;
}
#left_column table .cc_3 {
	padding: 3px;
	text-align: left;
	font-size: 12px;
	width: 250px;
	vertical-align: middle;
	border-bottom: 1px solid #84bafd;
}
#left_column table .dd_3 {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	border-right: 2px solid #84bafd;
	border-bottom: 1px solid #84bafd;
	border-left: 1px solid #84bafd;
}
#left_column table .ff_3 {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	width: 40px;
	vertical-align: middle;
	border-right: 2px solid #84bafd;
	border-bottom: 1px solid #84bafd;
}
#left_column table .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: 1px solid #84bafd;
	border-bottom: 2px solid #84bafd;
	border-left: 1px solid #84bafd;
	background-color: #a4ccfd;
	color: #fff;
}
/*==================================

	---Right column---

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

#right_column .bnr_240_160 a img {
	opacity: 1;
}
#right_column .fb-like-box {
	margin-bottom: 10px;
	margin-top: 20px;
}


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

	---Privacy---

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

#privacy h3 {
	height: 28px;
	font-size: 24px;
	padding-left: 40px;
	padding-top: 2px;
	margin-bottom: 1em;
}
#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;
}

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

	---Footer---

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

footer #f_navi  {
	margin-top: 20px;
	clear: both;
	width: 920px;
	height: 30px;
	position: absolute;
	left: 15px;
	top: 0px;
}
footer #f_navi li {
	float: left;
	padding-right: 1em;
	padding-left: 1em;
}
footer #f_navi a {
	text-decoration: underline;
	color: #fff;
	display: block;
}

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

	---Schedule---

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

#schedule #top_main ul#area_link {
	float: left;
	position: absolute;
	left: 0px;
	top: 50px;
	width: 920px;
	font-size: 18px;
	line-height: 1em;
}
#schedule #area_link #sch_01 a {
	color: #fff;
	position: absolute;
	left: 640px;
	background-color: #99c1d6;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_02 a {
	color: #fff;
	position: absolute;
	top: 70px;
	left: 630px;
	background-color: #82a0dd;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_03 a {
	color: #fff;
	position: absolute;
	top: 140px;
	left: 620px;
	background-color: #a2d04b;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_04 a {
	color: #fff;
	position: absolute;
	top: 0px;
	right: 410px;
	background-color: #84bafd;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_05 a {
	color: #fff;
	position: absolute;
	top: 55px;
	right: 450px;
	background-color: #ec9c9c;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_06 a {
	color: #fff;
	position: absolute;
	top: 110px;
	right: 490px;
	background-color: #fbb855;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_07 a {
	color: #fff;
	position: absolute;
	top: 55px;
	left: 60px;
	background-color: #8a94d2;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_08 a {
	color: #fff;
	position: absolute;
	top: 110px;
	left: 60px;
	background-color: #f46d6d;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_09 a {
	color: #fff;
	position: absolute;
	top: 165px;
	left: 20px;
	background-color: #01bbea;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #area_link #sch_10 a {
	position: absolute;
	top: 200px;
	left: 620px;
	background-color: #eee;
	color: #666;
	padding: 15px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#schedule #left_column .sort p {
	margin-top: 20px;
}
#schedule #left_column h3 {
	font-size: 18px;
	padding-top: 5px;
	color: #0066ff;
	font-weight: bold;
	margin-bottom: 20px;
}
#schedule #left_column p.weeks_2 {
	margin-bottom: 1em;
}
.tooltip {
	position: relative;
	background: #eee;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	outline: none;
	color: #222;
} 
.tooltip span {
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  opacity: .9;
  background-color: #519efd;
		color: #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
} 
.tooltip:hover {
  border: 0; /* IE6 fix */
} 
.tooltip:hover span {
  visibility: visible;
} 
.tooltip span:before,
.tooltip span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #519efd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
} 
.tooltip span:before {
  border-top-color: #519efd;
  bottom: -8px;
}

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

	---Special---

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

#special #left_column h3 {
	font-size: 18px;
	padding-top: 5px;
	color: #0066ff;
	font-weight: bold;
	margin-bottom: 20px;
}

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

	---contact---

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

#apply_form #top_main .ssl {
	float: left;
	position: absolute;
	left: 625px;
	top: 50px;
	line-height: 1.8em;
	width: 240px;
	font-size: 12px;
	padding: 15px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
	background-image: url(../images/bk_key.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#apply_form #top_main .ssl .about_ssl {
	margin-bottom: 10px;
	display: block;
}
#apply_form #top_main .ssl .img_ssl {
	margin-top: 10px;
	display: block;
}
#apply #container_form #top_main p{
	float: left;
	position: absolute;
	left: 40px;
	top: 100px;
	line-height: 2.2em;
}
#apply_form .result {
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 1em;
}
input  {
	padding: 3px 5px 2px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	position: relative;
	font-size: 14px;
}
input[type="radio"] {
	padding: 3px 5px 2px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	position: relative;
	top: -3px;
}
input[type="text"]  {
	border-style: none;
	background-image: url(../images/bk_input16_16.png);
	background-repeat: repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
select {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	position: relative;
	vertical-align: middle;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	left: -2px;
	padding: 1px 2px 1px 1px;
	font-size: 14px;
}
textarea {
	padding: 10px 5px;
	overflow: auto;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
input#namae ,input#furigana ,input#tel,input#mobile ,input#jiki,input#basho,input#reason{
	height: 20px;
	width: 140px;
}
input#number{
	height: 20px;
	width: 145px;
}
input#mail_address, input#mail_address2 {
	height: 20px;
	width: 260px;
}
input#url{
	height: 20px;
	width: 240px;
}
input#address{
	height: 20px;
	width: 300px;
}
input#kousyu{
	height: 20px;
	width: 80px;
}
input#zip01{
	height: 20px;
	width: 100px;
}
input#number {
	margin-top: 1em;
	position: relative;
	top: -8px;
}
input#basho {
	margin-top: 3px;
	margin-bottom: 3px;
}
input#reason{
	height: 20px;
	width: 250px;
	margin-bottom: 5px;
}
#form_table_waku p {
	text-align: center;
	margin-bottom: 10px;
}
#apply_form p.atte {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #f00;
}
#form_table_waku .p24 {
	font-size: 24px;
}
#apply_form #form_midashi  {
	font-size: 24px;
	margin-bottom: 20px;
}
#apply_form #form_attention {
	text-align: center;
	margin-top: 30px;
}
#form1 input#button {
	height: 35px;
	width: 130px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-left: 250px;
	margin-top: 10px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 10px;
	border-style: none;
	background-color: #0c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.form_table01 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.form_table01 .form_title {
	background-color: #ff7f00;
	font-size: 20px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	padding: 10px;
}
.form_table01 .form_aa {
	text-align: center;
	background-color: #eee;
	font-size: 14px;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: 3px;
}
.form_table01 .form_bb {
	text-align: left;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #ccc;
	padding-top: 5px;
}
.form_table02 {
	font-size: 14px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.form_table02 input#backto  {
	height: 35px;
	width: 130px;
	float: left;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-left: 140px;
	margin-top: 10px;
	vertical-align: middle;
	text-align: center;
	border-style: none;
	background-color: #0c0;
	text-shadow: 0px 0px 3px #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.form_table02 input#send {
	height: 35px;
	width: 130px;
	float: right;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-right: 140px;
	margin-top: 10px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 10px;
	border-style: none;
	background-color: #0c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.back_button input#backto {
	height: 35px;
	width: 130px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-left: 250px;
	margin-top: 50px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 10px;
	border-style: none;
	background-color: #0c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

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

	---common style---

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

.clearfix {
	zoom: 1;
}
.catch {
	color: #1a459d;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
	padding: 10px;
	border: 1px solid #1A459D;
	margin: 20px;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
.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;
}
.b18 {
	font-size: 18px;
	font-weight: bold;
}
.f30 {
	font-size: 30px;
}
.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;
}