@charset "utf-8";

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

	山本海事法務事務所 
		Last Update 2013/01/31	

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

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

	---/schedule/---

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

#schedule h2,
#special h2,
#schedule h3,
#special h3{
	clear:both;
}

table.sch{
	width: 100%;
	font-size:75%;
	border-collapse: separate;
	border-spacing:0.2em;
/*	border: 1px solid #333;*/
}
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: 14%;
	text-align:center;	
	}
table.sch .ff_2{
	width: 8%;
	color:#f00;
	border-right: 1px solid #84bafd;
	text-align: center;
	}
table.sch .gg_2{
	width: 8%;
	text-align:center;
	border-left: none;
	border-right: 1px solid #84bafd;
	}
table.sch td.gg_2{
	color:#fff;
	border-right: none;
	/*border-bottom: none;*/
	}
table.sch td.gg_2 a{
	color:#fff;
	background-color: #0d0;
	padding:0.1em;
	border-radius: 5px;
	display: block;
	}
table.sch td.gg_2 a:hover{
	text-decoration: none;
	}
table.sch .t_cen{	
	text-align:center;	
	}

table.sch .aa_2{
	width: 10%;
	text-align:center;	
	}
	
table.sch.online .aa_2{
	width: 14%;
	}
table.sch .bb_3{
	width: 13%;	
	text-align:center;
	}
table.sch.online .bb_2{
	width: 8%;
	}
table.sch .cc_3{
	width: 43%;	
	}
table.sch .dd_3{
	width: 21%;	
	}
table.sch.online .ee_2{
	width: 28%;
	}
table.sch .ff_3{
	color:#f00;
	border-right: 1px solid #84bafd;
	}

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

	---Schedule---

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

#schedule ul#area_link {
/*	float: left;
	position: absolute;
	left: 0px;
	top: 50px;
	font-size: 18px;*/
	margin-top:1em;
	height: 340px;
	width: 100%;
}
#schedule #area_link #sch_01 a,
#schedule #area_link #sch_02 a,
#schedule #area_link #sch_03 a,
#schedule #area_link #sch_04 a,
#schedule #area_link #sch_05 a,
#schedule #area_link #sch_06 a,
#schedule #area_link #sch_07 a,
#schedule #area_link #sch_08 a,
#schedule #area_link #sch_09 a,
#schedule #area_link #sch_10 a,
#schedule #area_link #sch_11 a,
.to_apply a{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin-right:2%;
	margin-bottom:2%;
	color: #fff;
	display:block;
	width:48%;
	float:left;
	padding: 10px;
	-webkit-box-shadow:inset 1px 1px 1px #fff, 1px 1px 5px #999;
	-moz-box-shadow:inset 1px 1px 1px #fff, 1px 1px 5px #999;
	box-shadow:inset 1px 1px 1px #fff, 1px 1px 5px #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-moz-transition: box-shadow 0.5s, text-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s, text-shadow 0.5s;
	transition: box-shadow 0.5s, text-shadow 0.5s;
	behavior: url(/PIE.htc);	
}
#schedule #area_link #sch_01 a:hover,
#schedule #area_link #sch_02 a:hover,
#schedule #area_link #sch_03 a:hover,
#schedule #area_link #sch_04 a:hover,
#schedule #area_link #sch_05 a:hover,
#schedule #area_link #sch_06 a:hover,
#schedule #area_link #sch_07 a:hover,
#schedule #area_link #sch_08 a:hover,
#schedule #area_link #sch_09 a:hover,
#schedule #area_link #sch_10 a:hover,
#schedule #area_link #sch_11 a:hover,
.to_apply a:hover{
	text-shadow: 0px 0px 10px #FFF;
	-webkit-box-shadow: inset 1px 1px 1px #fff, 0px 0px 20px #99c1d6, 1px 1px 5px #999;
	-moz-box-shadow: inset 1px 1px 1px #fff, 0px 0px 20px #99c1d6, 1px 1px 5px #999;
	box-shadow: inset 1px 1px 1px #fff, 0px 0px 20px #99c1d6, 1px 1px 5px #999;
	-moz-transition: box-shadow 0.5s, text-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s, text-shadow 0.5s;
	transition: box-shadow 0.5s, text-shadow 0.5s;
	behavior: url(/PIE.htc);
}
#schedule #area_link #sch_01 a:active, 
#schedule #area_link #sch_02 a:active,
#schedule #area_link #sch_03 a:active,
#schedule #area_link #sch_04 a:active,
#schedule #area_link #sch_05 a:active,
#schedule #area_link #sch_06 a:active,
#schedule #area_link #sch_07 a:active,
#schedule #area_link #sch_08 a:active,
#schedule #area_link #sch_09 a:active,
#schedule #area_link #sch_10 a:active,
#schedule #area_link #sch_11 a:active,
.to_apply a:active{
	text-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: inset 1px 1px 1px #fff, 0px 0px 0px #eee;
	-moz-box-shadow: inset 1px 1px 1px #fff, 0px 0px 0px #eee;
	box-shadow: inset 1px 1px 1px #fff, 0px 0px 0px #eee;
	-moz-transition: box-shadow 0.5s, text-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s, text-shadow 0.5s;
	transition: box-shadow 0.5s, text-shadow 0.5s;
	behavior: url(/PIE.htc);
}
	
	
#schedule #area_link #sch_01 a {
	background-color: #99c1d6;
}
#schedule #area_link #sch_02 a {
	background-color: #82a0dd;
}
#schedule #area_link #sch_03 a {
	background-color: #a2d04b;
}
#schedule #area_link #sch_04 a {
	background-color: #84bafd;
}
#schedule #area_link #sch_05 a {
	background-color: #ec9c9c;
}
#schedule #area_link #sch_06 a {
	background-color: #fbb855;
}
#schedule #area_link #sch_07 a {
	background-color: #8a94d2;
}
#schedule #area_link #sch_08 a {
	background-color: #f46d6d;
}
#schedule #area_link #sch_09 a {
	background-color: #01bbea;
}
#schedule #area_link #sch_10 a {
	background-color: #333;
}
#schedule #area_link #sch_11 a{
	background-color: #ccc;
	width:98%;
}
.to_apply a {
	background-color: #fbb855;
	width:98%;
	margin:1em auto 3em;
}
#schedule #left_column .sort p {
	margin-top: 20px;
}
#schedule #left_column h2{
	font-size: 150%;
	padding-left: 0.5em;
	border-left: 10px solid #ff7f00;
	width:100%;
	line-height:2.2;
	font-weight: bold;
	text-shadow: -1px -1px -0px #ccc, 1px 1px 1px #fff;
	color: #ff7f00;
	}
#schedule.special_sch #left_column h2{
	font-size: 100%;
	padding-left: 2.5em;
	border-left: none;
	width:100%;
	line-height:2;
	font-weight: bold;
	text-shadow: none;
	color: #06f;
	}
#schedule.special_sch #left_column h2{
  margin-bottom: 1em;
	}
#schedule.special_sch #left_column h2.head{
	font-size: 150%;
	padding-left: 0.5em;
	border-left: 10px solid #ff7f00;
	width:100%;
	line-height:2.2;
	font-weight: bold;
	}
#schedule #left_column h3, 
#special #left_column h3{
	clear:both;
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	background-size:contain;
	font-size: 113%;
	height:auto;
	color: #0066ff;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 20px;
}
#schedule #left_column p.weeks_2 {
    margin-bottom: 1em;
    margin-top: 1em;
    border: 5px solid #f00;
    padding: 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;
} 
.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;
}

select#select-ndown-a01{
	padding:0.3em;
}

#schedule.special_sch .sort{
	margin-top: 2em;
}



















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

@media screen and (min-width :600px) {
	
	
table.sch{
	font-size:100%;
}
	
table.sch .aa_2{
	width: 16%;
	text-align:center;	
	}
table.sch .bb_2{
	width: 7%;	
	text-align:center;
	}
table.sch .cc_2{
	width: 16%;	
	text-align:center;	
	}
table.sch .dd_2{
	width: 32%;	
	}
table.sch .ee_2{
	width: 11%;
	text-align:center;	
	}
table.sch .ff_2{
	width: 12%;
	text-align:center;	
	color:#f00;
	border-right: 1px solid #84bafd;
	}
table.sch .gg_2{
	width: 6%;
	text-align:center;	
	color:#f00;
	border-right: 1px solid #84bafd;
	}
table.sch .t_cen{	
	text-align:center;	
	}

table.sch .bb_3{
	width: 16%;	
	text-align:center;
	}
table.sch .cc_3{
	width: 40%;	
	}
table.sch .dd_3{
	width: 18%;	
	}
table.sch .ff_3{
	color:#f00;
	border-right: 1px solid #84bafd;
	text-align:center;
	}
	
	
	
#schedule #left_column h3, 
#special #left_column h3{
	clear:both;
	background-image: url(../images/bk_top_h1.png);
	background-repeat: no-repeat;
	background-size:contain;
	font-size: 150%;
	height:auto;
	color: #0066ff;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 20px;
}
	
	
	
#schedule #area_link #sch_01 a,
#schedule #area_link #sch_02 a,
#schedule #area_link #sch_03 a,
#schedule #area_link #sch_04 a,
#schedule #area_link #sch_05 a,
#schedule #area_link #sch_06 a,
#schedule #area_link #sch_07 a,
#schedule #area_link #sch_08 a,
#schedule #area_link #sch_09 a,
#schedule #area_link #sch_10 a,
#schedule #area_link #sch_11 a,
.to_apply a{
	font-size:125%;
}
	
	
#schedule.special_sch #left_column .sort h2 {
    background-image: url(../images/bk_top_h1.png);
    padding-left: 2em;
    line-height: 1.5;
}
	
#schedule.special_sch #left_column h2 {
    background-image: none;
    font-size: 150%;
    color: #0066ff;
    font-weight: bold;
    padding-left: 1em;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}