@charset "utf-8";

/* clear */
.flwrap:after, dl.no:after, dl.lv:after, .dat:after, .stp dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.flwrap, dl.no, dl.lv, .dat, .stp dl {
	display:inline-block;
}
* html .flwrap, * html dl.no, * html dl.lv, * html .dat, * html .stp dl {
	height:1%;
}
.flwrap, dl.no, dl.lv, .dat, .stp dl {
	display:block;
}

/* opencollege */
#opencollege_main {
	width:930px;
	height:106px;
	background:url(../image/opencollege.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#opencollege {}
#opencollege_t, #oc_entry_t, #oc_course_t, #oc_sports_t, 
#oc_entryflow_t, #oc_book_t, #oc_rule_t, #oc_faq_t, #oc_membfaq_t, 
#oc_calendar_t, #oc_kyukou_t, #oc_privilege_t, #oc_friend_t, #oc_business_t, 
#oc_elearning_t, #oc_el_schedule_t, #oc_el_voice_t, #oc_el_flow_t, #oc_el_work_t, #oc_el_recom_t {
	display:block;
	width:654px;
	height:41px;
	font-size:0;
	text-indent:-9999px;
}
#opencollege_t {background:url(../image/opencollege_t.jpg) no-repeat;}
#oc_entry_t {background:url(../image/oc_entry_t.jpg) no-repeat;}
#oc_course_t {background:url(../image/oc_course_t.jpg) no-repeat;}
#oc_sports_t {background:url(../image/oc_sports_t.jpg) no-repeat;}
#oc_entryflow_t {background:url(../image/oc_entryflow_t.jpg) no-repeat;}
#oc_book_t {background:url(../image/oc_book_t.jpg) no-repeat;}
#oc_rule_t {background:url(../image/oc_rule_t.jpg) no-repeat;}
#oc_faq_t {background:url(../image/oc_faq_t.jpg) no-repeat;}
#oc_calendar_t {background:url(../image/oc_calendar_t.jpg) no-repeat;}
#oc_kyukou_t {background:url(../image/oc_kyukou_t.jpg) no-repeat;}
#oc_privilege_t {background:url(../image/oc_privilege_t.jpg) no-repeat;}
#oc_friend_t {background:url(../image/oc_friend_t.jpg) no-repeat;}
#oc_business_t {background:url(../image/oc_business_t.jpg) no-repeat;}
#oc_membfaq_t {background:url(../image/oc_membfaq_t.jpg) no-repeat;}
#oc_elearning_t {background:url(../image/oc_elearning_t.jpg) no-repeat;}
#oc_el_schedule_t {background:url(../image/oc_el_schedule_t.jpg) no-repeat;}
#oc_el_voice_t {background:url(../image/oc_el_voice_t.jpg) no-repeat;}
#oc_el_flow_t {background:url(../image/oc_el_flow_t.jpg) no-repeat;}
#oc_el_work_t {background:url(../image/oc_el_work_t.jpg) no-repeat;}
#oc_el_recom_t {background:url(../image/oc_el_recom_t.jpg) no-repeat;}
#oc_elearning_s, #opencollege01s, #opencollege02s, #opencollege03s, #opencollege04s {
	display:block;
	width:253px;
	height:29px;
	margin:0 auto;
	font-size:0;
	text-indent:-9999px;
}
#oc_elearning_s {background:url(../image/menubar_ocels.jpg) no-repeat;}
#opencollege01s {background:url(../image/menubar_opencollege01_s.jpg) no-repeat;}
#opencollege02s {background:url(../image/menubar_opencollege02_s.jpg) no-repeat;}
#opencollege03s {background:url(../image/menubar_opencollege03_s.jpg) no-repeat;}
#opencollege04s {background:url(../image/menubar_opencollege04_s.jpg) no-repeat;}
#opencollege01, #opencollege02, #opencollege03, #opencollege04 {
	display:block;
	width:613px;
	height:53px;
	margin:0 auto;
	font-size:0;
	text-indent:-9999px;
}
#opencollege01 {background:url(../image/menubar_opencollege01.jpg) no-repeat;}
#opencollege02 {background:url(../image/menubar_opencollege02.jpg) no-repeat;}
#opencollege03 {background:url(../image/menubar_opencollege03.jpg) no-repeat;}
#opencollege04 {background:url(../image/menubar_opencollege04.jpg) no-repeat;}

dl.lv {
	display:block;
	width:600px;
	margin:0 auto;
	color:#333;
}
.lv dt {
	display:block;
	width:60px;
	height:80px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
.lv dd {
	display:block;
	width:530px;
	float:right;
	padding-top:5px;
	margin-bottom:20px;
}
.lv1 {background:url(../image/lv1.jpg) no-repeat;}
.lv2 {background:url(../image/lv2.jpg) no-repeat;}
.lv3 {background:url(../image/lv3.jpg) no-repeat;}
.lv4 {background:url(../image/lv4.jpg) no-repeat;}
.lv5 {background:url(../image/lv5.jpg) no-repeat;}
.lv6 {background:url(../image/lv6.jpg) no-repeat;}

.lv dd strong {
	display:block;
	font-weight:bold;
	color:#333;
}
.lv dd span {
	display:block;
	border-top:1px solid #ccc;
	color:#666;
}

dl.no {
	display:block;
	width:600px;
	margin:0 auto;
	color:#333;
}
.no dt {
	display:block;
	width:35px;
	height:30px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
.no dd {
	display:block;
	width:560px;
	float:left;
	padding-top:5px;
}
.no1 {background:url(../image/no1.jpg) no-repeat;}
.no2 {background:url(../image/no2.jpg) no-repeat;}
.no3 {background:url(../image/no3.jpg) no-repeat;}
.no4 {background:url(../image/no4.jpg) no-repeat;}
.no5 {background:url(../image/no5.jpg) no-repeat;}
.no6 {background:url(../image/no6.jpg) no-repeat;}
.no7 {background:url(../image/no7.jpg) no-repeat;}
.no8 {background:url(../image/no8.jpg) no-repeat;}
.no9 {background:url(../image/no9.jpg) no-repeat;}

table.tb, table.el {
	border-collapse:collapse;
	width:600px;
	margin:0 auto;
}
.tb th, .tb td {
	padding:10px;
	border:1px solid #ccc;
}
.el th, .el td {
	padding:5px;
	border:1px solid #ccc;
/*
	font-size:0.8em;
*/
}
.el td strong {
	line-height:1.3;
}
.tb th, .el th {
	background:#f1f1f1;
}
.week {background:#d2dbe6;}
.tb td.ble, .el td.ble {
	height:5px;
	background:#266d9f;
	text-indent:-9999px;
	padding:0;
}

.el ul {
	display:block;
	list-style-type:none;
}
.el ul li {
	display:block;
	width:81px;
	height:26px;
	font-size:0;
	text-indent:-9999px;
}
.el ul li a {
	display:block;
	width:81px;
	height:24px;
	text-decoration:none;
}
.el ul li.class1 {background:url(../image/class1.gif) no-repeat;}
.el ul li.class2 {background:url(../image/class2.gif) no-repeat;}
.el ul li.class3 {background:url(../image/class3.gif) no-repeat;}
.el ul li.class4 {background:url(../image/class4.gif) no-repeat;}
.el ul li.class5 {background:url(../image/class5.gif) no-repeat;}
.el ul li.class6 {background:url(../image/class6.gif) no-repeat;}
.el ul li.class7 {background:url(../image/class7.gif) no-repeat;}
.el ul li.class8 {background:url(../image/class8.gif) no-repeat;}
.el ul li.class9 {background:url(../image/class9.gif) no-repeat;}
.el ul li.class10 {background:url(../image/class10.gif) no-repeat;}
.el ul li.class11 {background:url(../image/class11.gif) no-repeat;}
.el ul li.class12 {background:url(../image/class12.gif) no-repeat;}
.el ul li.class1 a:hover {background:url(../image/class1_o.gif) no-repeat;}
.el ul li.class2 a:hover {background:url(../image/class2_o.gif) no-repeat;}
.el ul li.class3 a:hover {background:url(../image/class3_o.gif) no-repeat;}
.el ul li.class4 a:hover {background:url(../image/class4_o.gif) no-repeat;}
.el ul li.class5 a:hover {background:url(../image/class5_o.gif) no-repeat;}
.el ul li.class6 a:hover {background:url(../image/class6_o.gif) no-repeat;}
.el ul li.class7 a:hover {background:url(../image/class7_o.gif) no-repeat;}
.el ul li.class8 a:hover {background:url(../image/class8_o.gif) no-repeat;}
.el ul li.class9 a:hover {background:url(../image/class9_o.gif) no-repeat;}
.el ul li.class10 a:hover {background:url(../image/class10_o.gif) no-repeat;}
.el ul li.class11 a:hover {background:url(../image/class11_o.gif) no-repeat;}
.el ul li.class12 a:hover {background:url(../image/class12_o.gif) no-repeat;}

.mg10 {
	margin:0 10px 10px;
}
.flwrap {
	width:600px;
	margin:0 auto;
	background:url(../image/flwbg.jpg) repeat-y;
}
#flwn1, #flwn2, #flwn3, #flwn4, #flwn5 {
	width:52px;
	min-height:200px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
* html #flwn1, * html #flwn2, * html #flwn3, * html #flwn4, * html #flwn5 {
	height:200px;
}
#flwn1 {background:url(../image/flw1.jpg) no-repeat;}
#flwn2 {background:url(../image/flw2.jpg) no-repeat;}
#flwn3 {background:url(../image/flw3.jpg) no-repeat;}
#flwn4 {background:url(../image/flw4.jpg) no-repeat;}
#flwn5 {background:url(../image/flw5.jpg) no-repeat;}

.flw_f {
	width:600px;
	height:25px;
	margin:0 auto;
	clear:both;
	background:url(../image/flw_f.jpg) no-repeat;
}
.flw {
	width:545px;
	float:left;
	padding:10px 0 0;
}

h3.memb, h3.new, h3.newmemb {
	display:block;
	margin:10px 30px 0 10px;
	font-size:98%;
	color:#960306;
}
h3.memb {
	background:url(../image/memb.jpg) no-repeat;
	padding:10px 5px 10px 42px;
}
h3.new {
	background:url(../image/new.jpg) no-repeat;
	padding:10px 5px 10px 42px;
}
h3.newmemb {
	background:url(../image/newmemb.jpg) no-repeat;
	padding:10px 5px 10px 80px;
}

ol {
	display:block;
	margin:10px 40px;
	padding:0 15px;
}
ol.mgol li {
	padding:10px 0;
	line-height:1.3;
}

.minim {min-height:150px;}
* html .minim {height:150px;}

.spring, .autumn {
	width:4px;
	font-size:0;
	text-indent:-9999px;
}
.spring {background:#ffc8d1;}
.autumn {background:#ffd8b9;}

.cnt {text-align:center;}
.sml {font-size:0.9em;}


/* popup */
#popcontainer {
	width:654px;
	margin:0 auto;
}
#popheader {
	width:654px;
	height:88px;
	margin:0 auto;
}
#popwrap {
	width:654px;
	margin:30px auto;
}
#popfooter {
	border-top:3px solid #960306;
	height:85px;
	text-align:center;
}
#popfooter strong {
	display:block;
	margin:10px;
	font-weight:normal;
	font-size:90%;
}

/* search_faq */
.mnal {
	margin:0 10px;
}
ul.arwlis {
	display:block;
	list-style-type:none;
	padding:10px 70px;
}
.arwlis li {
	display:block;
	padding:5px 10px 5px 20px;
	line-height:1.4em;
	background:url(../image/arrow.jpg) no-repeat 0 5px;
}
#search_a, #search_b, #search_c, #search_d, #search_e, #search_f, #search_g, #search_h, #search_i, #search_j {
	font-size:0;
	text-indent:-9999px;
}
#search_a {
	width:390px;
	height:390px;
	float:right;
	background:url(../image/search_a.jpg) no-repeat bottom right;
}
#search_b {
	width:410px;
	height:435px;
	float:right;
	background:url(../image/search_b.jpg) no-repeat bottom right;
}
#search_c {
	width:290px;
	height:430px;
	float:right;
	background:url(../image/search_c.jpg) no-repeat bottom right;
}
#search_d {
	width:460px;
	height:555px;
	margin:0 auto;
	background:url(../image/search_d.jpg) no-repeat;
}
#search_e {
	width:520px;
	height:500px;
	margin:0 auto;
	background:url(../image/search_e.jpg) no-repeat;
}
#search_f {
	width:426px;
	height:330px;
	margin:0 auto;
	background:url(../image/search_f.jpg) no-repeat;
}
#search_g {
	width:426px;
	height:160px;
	margin:0 auto;
	background:url(../image/search_g.jpg) no-repeat;
}
#search_h {
	width:426px;
	height:176px;
	margin:0 auto;
	background:url(../image/search_h.jpg) no-repeat;
}
#search_i {
	width:426px;
	height:396px;
	margin:0 auto;
	background:url(../image/search_i.jpg) no-repeat;
}
#search_j {
	width:426px;
	height:386px;
	margin:0 auto;
	background:url(../image/search_j.jpg) no-repeat;
}

/* elearning */
#elearning {
	width:596px;
	height:132px;
	margin:20px auto 0;
	background:url(../image/elearning.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
ul#el_plist {
	display:block;
	width:593px;
	height:135px;
	margin:0 auto;
	list-style-type:none;
}
ul#el_plist li {
	display:block;
	width:293px;
	height:130px;
	font-size:0;
	text-indent:-9999px;
}
#el_plis1 {background:url(../image/el_stp1.jpg) no-repeat; float:left;}
#el_plis2 {background:url(../image/el_stp2.jpg) no-repeat; float:right;}

ul.plist {
	display:block;
	list-style-type:none;
	padding:0 30px;
}
ul.plist li {
	display:block;
	padding-left:70px;
	line-height:35px;
	font-weight:bold;
	color:#960306;
}
.plis1 {background:url(../image/p1.jpg) no-repeat;}
.plis2 {background:url(../image/p2.jpg) no-repeat;}

.datwrap {
	width:597px;
	margin:40px auto 0;
	border-bottom:1px solid #ccc;
}
.dat {
	width:597px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(../image/cbdr.gif) repeat-y center center;
}
.dat dl {
	display:block;
	width:295px;
	min-height:130px;
	border:1px solid #ffffff;
	background:url(../image/dat_bg.jpg) repeat-x;
}
* html .dat dl {height:130px;}
.dat dl.fl {float:left;}
.dat dl.fr {float:right;}
.dat dt {
	display:block;
	padding:20px 20px 10px 40px;
	background:url(../../common/image/listarrw.gif) no-repeat 20px 20px;
	line-height:1.4em;
}
.dat dd {
	display:block;
	padding:0 40px 20px;
}
.dat dd ul.sublnklis {
	display:block;
	list-style-type:none;
}
.dat dd ul.sublnklis li {
	display:block;
	background:url(../../common/image/listsub.gif) no-repeat 0 8px;
	padding-left:20px;
	line-height:1.4em;
}

#oc_sub1 {
	height:50px;
	margin:0 30px;
	background:url(../image/oc_sub1.jpg) no-repeat 0 25px;
	font-size:0;
	text-indent:-9999px;
}

#beginner {
	width:240px;
	margin:10px auto;
}
strong#begin {
	display:block;
	height:20px;
	background:url(../image/beginner.gif) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#beginner p {
	padding:6px 10px;
	line-height:1.3;
}

.stp {
	display:block;
	width:600px;
	margin:0 auto;
	background:url(../image/stp.jpg) repeat-y left top;
}
.stp dl {
	display:block;
	width:600px;
	color:#333;
}
.stp dt {
	display:block;
	width:58px;
	height:50px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
.stp dd {
	display:block;
	width:540px;
	float:right;
	line-height:50px;
	font-weight:bold;
	color:#333;
}
.stp1 {background:url(../image/stp1.jpg) no-repeat;}
.stp2 {background:url(../image/stp2.jpg) no-repeat;}
.stp3 {background:url(../image/stp3.jpg) no-repeat;}
.stp4 {background:url(../image/stp4.jpg) no-repeat;}
.stp5 {background:url(../image/stp5.jpg) no-repeat;}
.stp6 {background:url(../image/stp6.jpg) no-repeat;}
.stp7 {background:url(../image/stp7.jpg) no-repeat;}
.stp8 {background:url(../image/stp8.jpg) no-repeat;}

.stpdet {
	padding:0 5px 5px 40px;
}
.stpend {
	display:block;
	width:600px;
	height:50px;
	margin:0 auto;
	background:url(../image/stpend.jpg) no-repeat;
}
#quonjuku {
	width:594px;
	height:380px;
	margin:0 auto;
	background:url(../image/quonjuku.jpg) no-repeat 0 15px;
	border-top:1px solid #fff;
}
#quonjuku h3 {margin-left:0;}
ul#quon {
	display:block;
	list-style-type:none;
	margin:20px 40px;
}
ul#quon li {
	display:block;
	padding:5px 3px 5px 25px;
	margin-bottom:10px;
}
ul#quon li strong {
	display:block;
	padding-bottom:5px;
	color:#960306;
}
ul#quon li#q1 {background:url(../image/q1.jpg) no-repeat;}
ul#quon li#q2 {background:url(../image/q2.jpg) no-repeat;}
ul#quon li#q3 {background:url(../image/q3.jpg) no-repeat;}
ul#quon li#q4 {background:url(../image/q4.jpg) no-repeat;}
ul#quon li#q5 {background:url(../image/q5.jpg) no-repeat;}

strong.brws {
	display:block;
	padding:10px 0 0;
	color:#333;
}

ul.elnklis {
	display:block;
	list-style-type:none;
	padding:10px;
}
.elnklis li {
	display:block;
	background:url(../../common/image/listarrw.gif) no-repeat 0 8px;
	padding:5px 10px 5px 20px;
	line-height:1.4em;
}
span.elnk {
	background:url(../../common/image/listarrw.gif) no-repeat left center;
	margin-left:1em;
	padding:5px 10px 5px 20px;
}

.prev {
	width:81px;
	height:24px;
	margin:0 auto;
	background:url(../image/prevbtn.gif) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
.prev a {
	display:block;
	width:81px;
	height:24px;
	text-decoration:none;
}
.prev a:hover {background:url(../image/prevbtn_o.gif) no-repeat;}