@charset "utf-8";
/* 日本語 */
/* ========== Kagoshima Minami High School ========== */
/*	=== Browser memo... ===
	others = Firefox, Opera, Safari
	ie6 only:
		* html body selector
	ie7 or later only:
		*:first-child + html body selector
	ie7 or later and others:
		html > body selector
	ie8 only:
		*:first-child + html> / ** / body selector
	ie8 and others:
		html > / ** / body selector
*/

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

/* ========== 初期化 ========== */
a, abbr, acronym, address, applet, area, b, base, basefont,
bdo, big, blockquote, body, br, caption, center, cite, code,
col, colgroup, dd, del, dfn, dir, div, dl, dt, em, font, form,
h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, ins, kbd,
label, li, link, map, menu, meta, noscript, object, ol, p, param,
pre, q, s, samp, script, small, span, strike, strong, style,
sub, sup, table, tbody, td, tfoot, th, thead,
title, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	background: transparent none;
	border: 0 none;
	font-size: 100%;
}

/* ========== html, body ========== */
html {
}
body {
	color: #333;
	background: white;
	font-size: small;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}
html > /**/ body {
	/* for modern browser */
	font-size: 14px;
}
*:first-child + html > /**/ body {
	/* but ie8 will use unfixed font size */
	font-size: small;
}

/* ========== General - Block elements ==========

	h1, h2, h3, h4, h5, h6, p, blockquote, address, pre, hr,
	li, ul, ol, dl, dt, dd, (form, fieldset, legend,
	table, noframes, noscript, menu, dir, center)
	
	but table and form elements are defined other groups.
*/
h1, h2, h3, h4, h5, h6, p, blockquote, address, pre, li, ul, ol, dl, dt, dd {
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 1em 0;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 180%;
	margin-top: 0;
	padding: 0.1em 0.7em;
	border-bottom: 1px solid #ddd;
	border-left: 1em solid #7fbfff;
	clear: both;
}
h3 {
	font-size: 160%;
	border-bottom: 1px solid #ddd;
	padding: 0.1em 0.7em;
	clear: both;
}
h4 {
	font-size: 140%;
	padding: 0.1em 0.7em;
	clear: both;
}
h5 {
	font-size: 120%;
	padding: 0.1em 0.3em;
}
h6 {
	font-size: 100%;
}
p {
	margin: 1.5em 0;
}
blockquote {
	margin: 1.2em 2em;
	background: #b2d8ff none;
	padding: 1em 1em;
}
address {
	font-style: italic;
	margin: 1.5em 1em;
}
pre {
	margin: 1.5em 2em;
	background: #a3d1ff none;
	font-family: "MS Gothic", monospace;
	padding: 1em;
	line-height: normal;
}
hr {
	height: 0;
	border-bottom: 2px #333 solid;
	margin: 1.5em 2em;
}
li {
	margin-left: 3em;
}
ul, ol {
	list-style-position: outside;
	list-style-image: none;
	margin: 1.5em 0;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 0.5em 0;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ul ul ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style-type: upper-alpha;
}
ol ol ol {
	list-style-type: upper-roman;
}
dl {
	margin: 1.5em 0;
}
dt {
	font-weight: bold;
	border-bottom: 1px dashed #666;
}
dd {
	margin: 0 2em;
}
/* ========== General - Inline elements ==========

	a, abbr, acronym, cite, code, dfn, em, kbd, q, samp,
	strong, sub, sup, var, bdo, big, small, br, img, b, i, tt, img
*/
a:link, a:visited {
	color: #1e1eff;
}
a:hover, a:active {
	color: #007fff;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
cite {
	font-style: italic;
}
code {
	font-family: "MS Gothic", monospace;
	font-style: normal;
	font-weight: normal;
}
dfn {
	font-style: normal;
	font-weight: bold;
}
html > /**/ body dfn {
	font-weight: inherit;
}
em {
	font-weight: bold;
	font-style: normal;
}
html > /**/ body em {
	font-style: inherit;
}
kbd {
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	border: 2px outset #aaa;
	background: #aaa none;
}
q {
	quotes: none;
}
samp {
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
}
html > /**/ body samp {
	font-weight: inherit;
	font-style: inherit;
}
strong {
	font-weight: bold;
	text-decoration: underline;
}
sup, sub {
	font-size: 75%;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
var {
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
}
html > /**/ body var {
	font-weight: inherit;
	font-style: inherit;
}
big {
	font-size: 125%;
}
small {
	font-size: 75%;
}
br {
	letter-spacing: normal;
}
img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
b {
	font-weight: bold;
}
i {
	font-style: italic;
}
u {
	text-decoration: underline;
}
s, strike {
	text-decoration: line-through;
}
tt {
	font-family: monospace;
}
blink {
	color: red;
	text-decoration: none;
}
/* ========== General - Special elements ==========

	del, ins, iframe, object, script, noscript
*/
del {
	text-decoration: line-through;
	color: #888;
}
ins {
	text-decoration: underline;
}
iframe, object {
	border: 0 none;
	padding: 0;
	margin: 0;
}
object.mplayer {
	margin: 1em auto;
	text-align: center;
	display: block;
}
/* ========== General - Table elements ==========

	table, thead, tbody, tfoot, tr, th, td
*/
table {
	font-family: Arial, sans-serif;
	font-size: 100%;
	table-layout: fixed;
	width: 90%;
	margin: 1.2em auto;
	caption-side: bottom;
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;
	border: 2px solid #666;
	line-height: 1.5;
}
table th, table td {
	border: 1px solid #666;
	padding: 0.2em;
	vertical-align: top;
}
table th {
	background: #a8d3ff none;
	text-align: center;
	font-weight: bold;
}
/* ========== General - Form elements ==========

	form, input, button, textarea, select, option, optgroup, fieldset, legend
*/
form {
	margin: 1.2em 0;
}
input, button, select, option, fieldset, legend, optgroup {
	font-family: Arial, sans-serif;
	font-size: 100%;
	vertical-align: middle;
	max-width: 100%;
	line-height: normal;
}
textarea {
	font-size: 100%;
	vertical-align: middle;
	max-width: 100%;
	line-height: normal;
}
/* ========== Page layouts ========== */
div#t-wrap {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	min-width: 900px;
}
div#t-wrap div#t-header {
	padding: 0.5em;
}
div#t-wrap div#t-header * {
	margin: 0;
	padding: 0;
	line-height: 1;
}
div#t-wrap div#t-header div#t-header-logo,
div#t-wrap div#t-header div#t-header-logo h1,
div#t-wrap div#t-header div#t-header-logo h1 img {
	width: 249px;
	height: 89px;
	overflow: hidden;
}
div#t-wrap div#t-header div#t-header-logo {
	float: left;
}
div#t-wrap div#t-header div#t-header-menu {
	margin-left: 249px;
	text-align: right;
}
div#t-wrap div#t-header div#t-header-menu ul {
	margin-right: -0.5em;
}
div#t-wrap div#t-header div#t-header-menu ul li {
	display: inline;
	border-left: 1px solid #333;
	padding: 0 0.5em;
}
div#t-wrap div#t-header div#t-header-menu ul li:first-child {
	border-left: 0 none;
}
div#t-wrap div#t-header ul.menubar {
	display: none;
}
div#t-wrap div#t-body {
	width: 100%;
	border-top: 1px solid #ccc;
	clear: left;
}
div#t-wrap div#t-body div#t-content {
	width: 100%;
	float: right;
	margin-left: -200px;
	background: #fafafa none;
}
div#t-wrap div#t-body div#t-content div#t-content-margin {
	margin-left: 200px;
	padding: 0.7em 1em 1em;
	background: white none;
}
div#t-wrap div#t-body div#t-content div#t-content-margin > div.day:first-child > div.body:first-child > *:first-child {
	margin-top: 0;
}
div#t-wrap div#t-body div#t-sidebar {
	width: 200px;
	float: right;
	overflow: hidden;
}
div#t-wrap div#t-body div#t-sidebar * {
	list-style: none outside;
	margin: 0;
	padding: 0;
}
div#t-wrap div#t-body div#t-sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#t-wrap div#t-body div#t-sidebar ul ul {
	width: auto;
}
div#t-wrap div#t-body div#t-sidebar ul li {
	font-weight: bold;
	margin-left: 0;
	line-height: 2;
	background: #7fbfff url("./img/menu_header_bg.png") top left repeat-x scroll;
	text-align: center;
}
div#t-wrap div#t-body div#t-sidebar ul li ul li {
	font-weight: normal;
	background: #fafafa none;
	text-align: left;
	padding: 0 1em;
}
div#t-wrap div#t-body div#t-sidebar ul li ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #1e1eff;
	text-decoration: none;
	margin: 0 -1em;
	padding: 0 1em;
}
div#t-wrap div#t-body div#t-sidebar ul li ul li a:hover {
	background: #a8d3ff none;
	color: #1e1eff;
	text-decoration: none;
}

div#t-wrap div#t-footer {
	clear: right;
	border-top: 1px solid #ccc;
	padding: 0.5em;
	text-align: right
}
div#t-wrap div#t-footer ul.menubar {
	text-align: right
}
div#t-wrap div#t-footer ul.menubar li {
	display: inline;
}
div#t-wrap div#t-footer * {
	margin: 0;
	padding: 0;
}


div.image {
	display: inline-block;
	background: #ddd none;
	border: 1px solid #aaa;
	padding: 0.5em;
	margin-top: 0.20em;
	margin-bottom: 0.5em;
}
div.image * {
	display: inline;
}
img.image {
	margin-top: 0.20em;
	margin-bottom: 0.5em;
}
div.image {
	display: inline;
}
html > /**/ body div.image {
	display: inline-block;
}

div.image p {
	margin: 0;
	padding: 0;
}
div.image img {
	border: 0;
	padding: 0;
	margin: 0;
}
div.image br {
	display: none;
}
div.image span.image-caption {
	speak: none;
	display: inline-block;
	margin-top: 0.4em;
}
div.image span.image-caption {
	display: block;
}

div.image.image-left, img.image.image-left {
	float: left;
	clear: left;
	margin-right: 1em;
}
div.image.image-right, img.image.image-right {
	float: right;
	clear: right;
	margin-left: 1em;
}
div.image.image-center, img.image.image-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	float: none;
	display: block;
}
div.coursetitle {
	position: relative;
	margin-bottom: 1.8em;
}
div.coursetitle h2 {
	margin-bottom: 0;
}
div.coursetitle h2 span.title {
}
div.coursetitle h2 span.separator {
	visibility: hidden;
}
div.coursetitle h2 span.subtitle {
	color: #666;
	font-size: 75%;
}
html > body div.clubtitle-main img {
	visibility: hidden;
}
* html body div.clubtitle-main {
	background: transparent none;
}
html > body div.clubtitle-in {
	background: transparent url("./img/fade/in.png") top left repeat-y scroll;
}
html > body div.clubtitle-out {
	background: transparent url("./img/fade/out.png") top right repeat-y scroll;
}
p.centering {
	text-align: center;
}
span.nobr {
	white-space: nowrap;
}