@charset "utf-8";



/*//////////// menu ////////////

=01 default

=02 layout

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



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

			=01 default

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

html, body, div, span,

applet, object, iframe,

h1, h2, h3, h4, h5, h6,

p, pre,

dl, dt, dd, ol, ul, li,

table, caption, thead, tbody, tfoot, tr, th, td,

form, fieldset, legend, label,

a, img,

abbr, dfn, acronym,

address, cite, blockquote, q,

code, var, samp, kbd,

del, ins,

em, strong,

sub, sup {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

input, textarea, select {

	color: inherit;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

html {

	overflow-y: scroll;

}

body {

	color: #666;

	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 12px;

}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td {

	line-height: 1.4;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th {

	text-align: left;

}

hr {

	display: none;

	height: 0;

	margin: 0;

	padding: 0;

}

img {

	vertical-align: bottom;

}

q:before, q:after {

	content: "";

}

a {

	color: #009ceb;

}

a:link {}

a:visited {}

a:hover {text-decoration: none;}

a:active {}



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

			=02 layout

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



/*= wrap

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

#wrap {

	width: 950px;

	margin: 0 auto;

}

#wrap a:hover img {

	opacity: .75;

	-ms-filter: "alpha(opacity=75)"; /*ie8*/

	filter: alpha(opacity=75); /*ie7*/

}



/*= header

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

#header {

	height: 90px;
	margin-top: 10px;
}


#header > * {

	float: left;

}

#header .cate {

	width: 150px;

	margin-right: 10px;

	text-align: right;

	font-size: 10px;

}

#header .cate img {

	display: block;

}

#header .cate a:first-child {

	display: block;

	/*margin-bottom: 5px;*/

}

#header .cate a[class^="chu"] {

	display: block;

	margin-top: 2px;

}

#header .cate .chu1 { color: #096; }

#header .cate .chu2 { color: #1f7fb1; }

#header .cate .chu3 { color: #ce3000; }

#header .back {

	margin-right: 5px;

}

#header .btn {

	margin-left: 10px;

}

#header .btn > p {

	float: left;

}

#header .btn p ~ p {

	margin-left: 5px;

}



/*= bnr

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

#bnr {

	width: 950px;

	border-top: 1px dotted #ccc;

	padding-top: 20px;

	margin-bottom: 20px;

}

#bnr:after {

	content: "";

	display: block;

	clear: both;

}

#bnr li {

	float: left;

}

#bnr li ~ li {

	margin-left: 10px;

}



/*= notes

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

#notes {

	border-top: 1px dotted #ccc;

	padding-top: 20px;

	text-align: right;

}



/*= lesson

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

#wrap .lesson {

	width: 930px;

	border-top: 1px dotted #ccc;

	padding: 20px 10px 0;

	margin-bottom: 20px;

}

#wrap .lesson:after {

	content: "";

	display: block;

	clear: both;

}

#wrap .lesson .title {

	width: 180px;

	float: left;

}

#wrap .lesson .title h2 {

	margin-bottom: 2px;

}

#wrap .lesson .title ul {

	text-align: center;

}

#wrap .lesson .title li {

	display: inline;

}

#wrap .lesson .title li ~ li {

	margin-left: 5px;

}

#wrap .lesson .detail {

	width: 740px;

	float: right;

}

#wrap .lesson table {

	width: 100%;

	background-color: #f9fcff;

	border: 1px solid #07f;

}

#wrap .lesson table ~ table {

	margin-top: 10px;

}

#wrap .lesson th,

#wrap .lesson td {

	border-width: 1px;

	border-bottom-style: solid;

	border-color: #07f;

	vertical-align: middle;

}

#wrap .lesson th {

	width: 20px;

	background-color: #07f;

	padding: 3px 0;

	text-align: center;

	color: #fff

}

#wrap .lesson td {

	padding: 6px;

}

#wrap .lesson .time {

	width: 70px;

	border-right-style: solid;

}

#wrap .lesson .set {

	width: 45px;

	padding-right: 0;

}

#wrap .lesson .set b {

	background-color: #69f;

	padding: 0 2px;

	margin-right: 3px;

	color: #fff;

	font-size: 10px;

	font-weight: normal;

	white-space: nowrap;

}

#wrap .lesson .setTime {

	width: 75px;

	border-right-style: dotted;

	padding-left: 0;

}

#wrap .lesson .course {

	width: 40px;

	padding-right: 0;

}

#wrap .lesson td[class^="course_"] {

	width: 100px;

	border-right-style: dotted;

	padding-left: 3px;

}

#wrap .lesson .course_en { color: #c36; }

#wrap .lesson .course_ma { color: #39f; }

#wrap .lesson .course_la { color: #ff7201; }

#wrap .lesson .course_sc { color: #30ca24; }

#wrap .lesson .course_so { color: #ffba00; }

#wrap .lesson .course_sm { color: #aa6dde; }

#wrap .lesson .course_ya { color: #aa6dde; }

#wrap .lesson .course_ot { color: #999; }

#wrap .lesson .course_all { color: #FF0004; }

#wrap .lesson .course_te { color: #aa6dde; }

#wrap .lesson .course_text { color: #000; font-size:0.8em; }

#wrap .lesson .links {

	padding-right: 0;

}

#wrap .lesson .links li {

	display: inline-block;

	*display: inline; /*ie7*/

	margin-right: 5px;

	line-height: 1.6;

}

#wrap .lesson .q {

	width: 16px;

}

#wrap .lesson .btn {

	width: 70px;

	padding-left: 10px;

}

#wrap .lesson table + p {

	margin-top: 5px;

}



/*= link

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

#wrap .m_link,

#wrap .lesson .links a {

	display: inline-block;

	background: url(../img/ico_arrow.png) no-repeat 0 3px;

	padding-left: 13px;

}



/*= m_list

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

#wrap .m_list li {

	background: url(../img/ico_list.png) no-repeat 0 5px;

	padding-left: 8px;

}



/*= m_notes

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

#wrap .m_notes li {

	margin-left: 1em;

	text-indent: -1em;

}