@charset "UTF-8";

.larger{
	font-size:120%;
}

.smaller{
	font-size:80%;
}

.red{
	color:#dd0000;
}

.bold{
	font-weight:900;
}

.right{
	float:right;
}

.absolute{
	position:absolute;
}

a img{
	border-style:none;
}

a:hover img{
	filter: Alpha(opacity=65);
	-moz-opacity:0.7;
	opacity:0.7
}

p.black10pt{
	color: #000000;
	font-size: 10pt;
}

td.base{
	width:800px;
}

td.title{
	color: #ffffff;
	font-size:22pt;
	font-weight:900;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:5px;
}

td.subtitle{
	color: #ffffff;
	font-size:18pt;
	font-weight:900;
	line-height:1.1em;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:10px;
}

span.subsubtitle{
	font-size:63%;
	margin-left:15pt;
}

.typical_curriculums td.subtitle{
	color: #000000;
	font-size:18pt;
	font-weight:900;
	line-height:1.1em;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:1px;
}

td.introduction {
	font-size:14pt;
	padding:10px;
	position:relative;
	background:rgba(255,255,255,0.5);
}

td.subintroduction{
	font-size:11pt;
	padding:10px;
}

.subintroduction ul {
	margin-top: 0px;
}

.subintroduction ul li {
	position: relative;
	list-style-type: none!important;
	margin-bottom: 5px;
	line-height: 1.5;
}

.subintroduction ul li:before{
	display:inline-block; 
	vertical-align: middle;
	content:'';
	width:1em;
	height: 1em;
	background: #ff0000;
	border-radius: 50%;
	margin-right: 8px;
}

section.contents{
	width:280px;
	float:right;
	padding-left: 0.5em;
}

.contents ul{
	background: #dafda7;
	border-radius :8px;
	border-style: solid;
	border-width: 2px;
	border-color: #4a7d17;
	padding: 0.5em 0.5em 1.0em 1.0em;
	font-size:10pt;
	background: -webkit-gradient(linear, bottom, top, from(rgba(218,253,167,0.5)), to(rgba218,253,167,0.2)));
	background: linear-gradient(to top, rgba(218,253,167,0.5), rgba(218,253,167,0.2));
}

.contents ul li {
	position: relative;
	list-style-type: none!important;
	margin-bottom: 5px;
	line-height: 1.2;
}
.contents ul li:before{
	content: '';
	display: inline-block;
	width: .5em;
	height: .5em;
	margin-right: .5em;
	background: #000;
	transform: rotate(45deg);
	vertical-align: 2px;
}

div.alt{
	width :232px;
	font-size:10pt;
	text-align:left;
	line-height:1.2;
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	padding:3px;
	background:rgba(255,255,255,0.6);
}

.overview td.title, .overview td.subtitle{
	background:#f98b8b;
	background:rgba(249,139,139,0.5);
}

.typical_curriculums td.title{
	background:#7199c9;
	background:rgba(113,153,201,0.5);
}

.typical_curriculums td.subtitle{
	font-size:16pt;
	background-color:rgba(113,153,201,0.4);
	background: -webkit-gradient(linear, bottom, top, from(rgba(113,153,201,1.0)), to(rgba(113,153,201,0.1)));
	background: linear-gradient(to top, rgba(113,153,201,1.0), rgba(113,153,201,0.1));
}

.models_of_course td.title, .models_of_course td.subtitle{
	background:#8eb967;
	background:rgba(142,185,103,0.5);
}

.models_of_course td.subtitle{
	color:#000000;
	font-size:16pt;
	background-color:rgba(166,193,234,0.4);
	background: -webkit-gradient(linear, bottom, top, from(rgba(166,193,234,1.0)), to(rgba(166,193,234,0.0)));
	background: linear-gradient(to top, rgba(166,193,234,0.8) 0%, rgba(166,193,234,0.0) 70%);
}

.models{
	background:rgba(255,255,255,0.6);
}

.term{
	float:right;
	padding-right:20px;
	font-weight:500;
}

.legend{
	float:right;
	padding-right:10px;
}

table.model{
	border-collapse:collapse;
	border-spacing:0px;
}

table.model th, table.model td{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:4px;
}

table.model th{
	background-color:#e5fe8a;
	background:rgba(229,254,138,0.5);
}

.model ul{
	border:0px;
	padding-left:4px;
	margin:0px;
	line-height:1.2;
}

.model ul li{
	position: relative;
	list-style-type: none!important;
	margin-bottom: 2px;
	line-height: 1.2;
}

.model ul li:before{
	content: '';
	display: inline-block;
	width: .5em;
	height: .5em;
	margin-right: .5em;
	background: #000;
	transform: rotate(45deg);
	vertical-align: 2px;
}

table.model tr.holiday td{
	background:#bbbbbb;
	background:rgba(187,187,187,0.5);
}

.note{
	position:relative;
	top:0;
	left:0;
}

.notestyle{
	text-decoration:underline;
	color:red;
	font-size:80%;
}

span.explain{
	display:none;
}

.note:hover>span.explain {
	display: block;
	position: absolute;
	top: 1.0em;
	left: -10.0em;
	width: 36em;
	margin: 0.5em;
	padding: 0.5em;
	border: #ccc solid 2px;
	color: #000;
	background: #efe;
	background:rgba(239,255,239,1.0);
	line-height: 1.2em;
	z-index: 2;
	text-align:left;
}