﻿@charset "UTF-8";
/* CSS Document */

.f12px{font-size:12px;}
.f12pxB{font-size:12px; font-weight:bold;}

.f14px{font-size:14px;}
.f14pxB{font-size:14px; font-weight:bold;}

.f16px{font-size:16px;}
.f16pxB{font-size:16px; font-weight:bold;}

.bluebox{
	margin:20px 20px 0px 20px;
	padding-bottom:30px;
	border: solid 1px #a5c2e2;
	min-height:1px;}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.bluebox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.bluebox{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .bluebox { height:1px; }
.bluebox{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.schedules {
	padding:10px 0px 10px 0px;
	clear:both;
	min-height:1px;
}

.schedules h1{
	clear:right;
	margin:20px 0px 30px 0px;
	padding:10px 0px 10px 20px;
	background:#99b0c9;
	}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.schedules:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.schedules{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .schedules { height:1px; }
.schedules{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.schedules h2{
	margin:0px;
	padding:5px 0px 10px 10px;
	background:#eaeff5;
	color:#6084ac;
	height:2.8em;
	min-height:1px;
	}


.schedules h2 p.title{
	margin:0;
	float:left;
	padding:0px 0px 0px 10px;
	}

.schedules h2 p.detail{
	margin:0;
	width:40px;
 	float:right;
	padding:10px;
	vertical-align:top;
	}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.schedules h2:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.schedules h2{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .schedules h2{ height:1px; }
.schedules h2{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.clear {clear:both;}


.timetable {
	margin:0px 10px 0px 10px;
	width:830px;
	background:#fafafa;
	padding:5px;
	font-size:12px;
	line-height:130%;
	color:#666;
	min-height:1px;
}

.timetable .common{
	margin-bottom:10px;
	padding:0;
	float:left;
}

.timetable table.first{ 
	margin:10px 10px 30px 10px;
	width:530px;
	border-top:solid 1px #99b0c9;
	background:#f7f7f7;
	}
	

.timetable table.first td{ 
	padding:10px;
	border-bottom:solid 1px #99b0c9;
	}

.timetable table.second{ 
	margin:0px 10px 20px 10px;
	width:530px;
	border-collapse: collapse;
	}
	
.timetable table.second th{ 
	padding:5px;
	text-align:left;
	}

.timetable table.second td{ 
	padding:5px;
	border:solid 1px #99b0c9;
	}

.timetable .imgR{
	width:260px;
	margin:10px 5px 10px 0px;
	float:right;
}

.timetable .imgR p{
	margin:0;
	padding:0px 5px 5px 5px;
	font-size:10px;
	background: #CCCCCC;
	color:#333;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.timetable:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.timetable{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .timetable{ height:1px; }
.timetable{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.detail{
	float:left;
	margin:10px;}

.detail table{
	width:100%;
	border-collapse: collapse;
	font-size:12px;
	line-height:130%;
}

.detail td{
	margin:0;
	color:#333;
	padding:10px;
	border: 1px solid #999;
	background: #ccc;}


.imgR .detail{
	color:#333;
	background: #CCCCCC;
	padding:5px;
	font-size:10px;
}

.imgR .detail table{
	width:100%;
	margin:0;
	border-collapse: collapse;}
	
.imgR .detail td{
	margin:0;
	color:#333;
	padding:2px;
	border: 1px solid #999;
	background: #ccc;}

.imageL{
	display:block;
	margin-right:10px;
	padding:5px;
	float:left;}

.imageR{
	display:block;
	margin-right:10px;
	padding:5px;
	float:right;}