@import url("common.css");

/* ------------------------------
 Top
------------------------------ */

#top .toptitle {
	background: url(../program/img/top.jpg) no-repeat left top;
}

/* ------------------------------
 Main
------------------------------ */

#contents p {
	margin-bottom: 1em;
	margin-left: 6px;
}
#latter {
	margin-bottom: 60px;
}

/* ---------- Latter ---------- */

ul.point {
	border: #EEE 4px solid;
	padding: 10px 16px;
	margin: 14px 2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
ul.point li {
	margin: 4px 4px;
	padding-left: 20px;
	background: url(../program/img/point.gif) no-repeat left top;
}
#contents .title {
	margin-bottom: 26px;
	text-indent: -9999px;
	overflow: hidden;
	height: 50px;
	background: url(../program/img/title.gif) no-repeat left top;
}
#contents p {
	margin-bottom: 1em;
	margin-left: 6px;
}
#contents p.image {
	margin: 0 2px 10px 20px;
}
#contents .h2 {
	font-size: 130%;
	margin: 16px 4px 6px;
	color: #06A4B0;
	letter-spacing: 0.2em;
}
#contents span.number {
	color: #06A4B0;
	padding-right: 10px;
	font-style: italic;
	font-size: inherit;
}
#contents .catch {
	background-color: #EAF8FB;
	padding: 10px 10px 10px 14px;
	border: #C2E8ED 1px solid;
	font-size: 110%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 414px;
}
#contents .h3 {
	font-size: 120%;
	margin: 0 5px 6px;
}
#contents .h3 span {
	border-bottom: #DDD 1px dotted;
	color: #444;
}
ul.list {
	border: #EEE 4px solid;
	padding: 10px 16px;
	margin: 10px 2px 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
ul.list li {
	margin: 4px 0;
}
table.program {
	width: 100%;
	border-left: #AAA 1px solid;
	margin: 0 0 20px;
}
table.program th {
	border-top: #AAA 1px solid;
	border-bottom: #AAA 1px solid;
	border-right: #AAA 1px solid;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 6px 10px;
	line-height: 1.6;
	background-color: #D1EFF5;
	font-weight: bold;
}
table.program th.dot {
	border-right: #AAA 1px dotted;
}
table.program td.dot {
	border-right: #D0D0D0 1px dotted;
}
table.program td {
	border-bottom: #D0D0D0 1px solid;
	border-right: #D0D0D0 1px solid;
	text-align: center;
	vertical-align: middle;
	padding: 6px 10px;
}
table.program td.rightbold {
	border-right: #AAA 1px solid;
}
table.program td.btmbold {
	border-bottom: #AAA 1px solid;
}
table.program .ssize {
	font-size: 85%;
}
table.program .training td {
	background-color: #F1FAFC;
}
dl.period {
	margin: 0 2px 12px;
	border: #D0D0D0 1px solid;
	padding: 6px 6px 12px;
}
dl.period dt {
	color: #06A4B0;
	margin: 0 0 12px;
	font-size: 110%;
	background-color: #EAF8FB;
	padding: 6px 14px;
	border-bottom: #C2E8ED 1px solid;
}
dl.period dd {
	margin: 0 10px 0;
}
dl.course {
	border: #EEE 4px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 12px 14px 6px;
	margin: 14px 2px;
	overflow: hidden;
}
dl.course dt {
	padding: 0 6px 5px;
	border-bottom: #CCC 1px dotted;
	color: #06A4B0;
	margin: 0 0 10px;
	font-size: 110%;
}
dl.course dd {
	margin: 0 6px 14px;
}
dl.course .image {
	margin: 8px 0 8px 20px;
	padding: 0;
	border: none;
	float: right;
}

/* ---------- All-Round ---------- */