@charset "utf-8";
/* CSS Document */

/********************************************************************/
/* トップメインバナー */

.topbanner {
	width:699px;
	clear:both;
}

.topbanner img {
	padding-left:10px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.top2banner {
	width:699px;
	clear:both;
}

.top2banner img {
	padding-left:10px;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* トップ３連バナー */

.top3banner {
	width:699px;
	clear:both;
}

.top3banner img {
	padding-left:10px;
}





/********************************************************************/
/* ニュース幅100％用 */

.news {
	padding-top:4px;
	padding-left:8px;
	width:682px;
	clear:both;
}

.news h2 {
	margin:0px;
}

.news h3 {
	margin:0px;
	padding:0px;
}


.newsCont {
	padding:8px;
	width:664px;
	font-size:0.8em;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	margin-bottom:10px;
}

.newsCont ul li {
	list-style:circle;
	list-style-position:outside;
	margin-left:10px;
	border-bottom: 1px dotted #CC6633;
}


/********************************************************************/
/* ニュース幅450px用 */

.newsS {
	padding-top:7px;
	padding-left:10px;
	width:450px;
	clear:both;
	float:left;
}

.newsS h2 {
	margin:0px;
}

.newsS h3 {
	margin:0px;
	padding:0px;
}


.newsContS {
	padding:8px;
	width:432px;
	font-size:0.8em;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

.newsContS ul li {
	list-style:circle;
	list-style-position:outside;
	margin-left:10px;
	border-bottom: 1px dotted #CC6633;
}


/********************************************************************/
/* ランキング */

.rank {
	padding-top:7px;
	padding-left:7px;
	width:225px;
	float:left;
}

.rank h2 {
	margin:0px;
}

.rank h3 {
	margin:0px;
	padding:0px;
}


.rankCont {
	padding:6px;
	width:211px;
	font-size:11px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	margin-bottom:10px;
}

.rankCont ul li {

}

.rankCont img {
	margin-right:5px;
}



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

.read {
	padding-left:10px;
	width:335px;
	float:left;
}

.read h2 {
	margin:0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.readCont {
	background:url(../img/read_bg.jpg) repeat-x;
	padding:8px;
	font-size:0.8em;
}

.readCont a img {
	padding:2px;
	font-size:0.8em;
	margin:5px;
}

.readCont .mcas {
	padding:2px;
	width:114px;
	float:left
}

.border {
	border:solid #999999 1px;
	}


.movsCont {
	background:url(../img/movie_bg.jpg) repeat-x;
	padding:8px;
	font-size:0.8em;
}

.movsCont a img {
	padding:2px;
	border:solid #999999 1px;
	font-size:0.8em;
	margin:5px;
}


/********************************************************************/
/**メインボックスと見出しセット*/



.lesson {
	padding-left:10px;
	width:682px;
	clear:both;
	margin-left: 0px;
}

.lesson h2 {
	margin:0px;
}

.lesson p {
	padding:0px 10px;
	margin:8px 0px 18px;
}

.mailcont {
	font-size:1.1em;
	background-color: #FFF;
	background-image: url(../form/taiken/200912taiken_r2_c1.gif);
	background-repeat: repeat-y;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding:5px 20px;
	line-height: 120%;
}

.mailconttop {
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:15px;
}

.mailcontbottom {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 640px;
	background-image: url(../form/taiken/200912taiken_r3_c1.gif);
	height: 22px;
}

.mailcontmos {
	font-size:1.1em;
	background-color: #FFF;
	background-image: url(../form/taiken/200912mos_r2_c1.gif);
	background-repeat: repeat-y;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding:5px 20px;
	line-height: 120%;
}

.mailcontbottommos {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 640px;
	background-image: url(../form/taiken/200912mos_r3_c1.gif);
	height: 22px;
}



.maincont {
	background:#FFF;
	padding:8px;
	font-size:0.8em;
}

.beginnercont {
	padding:6px;
	font-size:0.8em;
}

.beginnercont h2 {
	background-image: url(../img/h_back1_2.jpg);
	padding-left: 35px;
	color: #E60000;
	height: 72px;
	padding-top: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 130%;
	margin: 0px;
}


.beginnercont h3 {
	background-image: url(../img/h_back3_2.jpg);
	padding-left: 30px;
	color: #000000;
	height: 40px;
	padding-top: 15px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 130%;
	margin: 0px;
}

.beginnercont h4 {
	background-image: url(../img/h_back4.jpg);
	padding-left: 30px;
	color: #000000;
	height: 32px;
	padding-top: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 120%;
	margin: 0px;
}

.beginnercont h5 {
	background-image: url(../img/h_back5.jpg);
	padding-left: 30px;
	color: #000000;
	height: 32px;
	padding-top: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 120%;
	margin: 0px;
	background-color: #FFFFFF;
}




.moscont {
	padding:6px;
	font-size:0.8em;
}

.moscont h2 {
	background-image: url(../img/h_back1_3.jpg);
	padding-left: 35px;
	color: #FFFFFF;
	height: 72px;
	padding-top: 13px;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 120%;
	margin: 0px;
}

.moscont h3 {
	background-image: url(../img/h_back3_3.jpg);
	padding-left: 30px;
	color: #FFFFFF;
	height: 40px;
	padding-top: 15px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 130%;
	margin: 0px;
}

.moscont h4 {
	background-image: url(../img/h_back4.jpg);
	padding-left: 30px;
	color: #000000;
	height: 32px;
	padding-top: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 120%;
	margin: 0px;
}


.lessonCont {
	background:#EEEEEE;
	padding:8px;
	font-size:0.8em;
}

.lessonCont ul li {
	float:left;
	background:url(../img/mark.gif) no-repeat 0px 5px;
	padding:0px 7px;
}


.lessonCont2 {
	background:#F3F3E9;
	padding:8px;
	font-size:0.8em;
	border: 1px solid #CCCCCC;
}

.lessonCont3 {
	font-size:10pt;
	border: 1px solid #CCCCCC;
	width: 640px;
	margin-left: 5px;
	margin-top: 5px;
	background-repeat: no-repeat;
}
.lessonCont4 {
	font-size:10pt;
	border: 1px solid #EAEAEA;
	width: 640px;
	margin-left: 5px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-color: #FFECEC;
}
.lessonCont2 .curric {
	padding:10px;
	float:left;
	width:190px;
	height:130px;
	font-size:0.85em;
	text-align:left;
	line-height:120%;
	background: #FFFFFF;
	margin-right:10px;
	margin-bottom:10px;
}

.lessonCont2 .curric2 {
	padding:10px;
	float:left;
	width:190px;
	height:150px;
	font-size:0.9em;
	text-align:left;
	line-height:120%;
	background: #FFFFFF;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
}



.lessonBottom {
	background:url(../img/attention_bottom.gif) no-repeat;
	height:20px;
	clear:both;
}

.recommend {
	padding-left:10px;
	width:682px;
	clear:both;
}

.recommend h2 {
	margin:0px;
}

.recommend h3 {
	margin:0px;
	padding:0px;
}

.recomCont {
	padding:8px;
	width:664px;
	font-size:0.8em;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

.recomCont .goods {
	padding:0px 25px;
	float:left;
	width:170px;
	height:250px;
	font-size:0.8em;
	text-align:center;
	line-height:120%;
}

.recomCont .goods img {
	padding:4px;
}

.recomCont .boder {
	border: 1px solid #EEEEEE;
}

.bodertop {
	border-top: 1px dotted #666666;
}

.boderbottom {
	border-bottom: 1px dotted #666666;
}

.recomCont .goods .new {
	padding:0px;
	border: 0;
}


.box-product {
	margin-top:1.5em;
	padding-bottom:1.5em;
	border-bottom:1px dashed #989a9b;
}
.info-product {
	float:left;
	width:528px;
}
.price-product {
	float:left;
	width:200px;
	padding-right:10px;
}
.box-product, #box-step {zoom:100%;}
.box-product:after, #box-step:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.nrml {
	color:#2582C9;
	margin-top:1em;
}

.acdm {
	text-decoration:line-through;
}
.sp {
	color:#DB0E1B;
	font-weight:bold;
	margin-top:.5em;
	font-size:1.083em;
}
#pack-inner p.cap {
	font-size:0.846em;
}
.txt-gray {
	color:#898989;
}



.notice {
	margin:10px 0px;
	padding:8px;
	width:664px;
	font-size:0.8em;
	border: 1px solid #EEEEEE;
	background: #FDEAEA;
}

.notice h4 {
	margin:2px;
	color:#E60000;
}

.notice p {
	margin:2px;
	color:#666666;
}

.kyugyoCont {
	background:#EEEEEE;
	padding:8px;
	margin:0 20px;
	font-size:1.5em;
	border: 1px solid #990000;
}


.calender {
	width:190px;
	height:175px;
	margin:0px auto;
	font-size:9pt;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.holiday {
	color:#FF0000;
	text-align:center;
	background-color: #FF6666;
}

.openday {
	color:#009966;
	text-align:center;
	background:#CCCCCC url(../total_image/day.jpg);
}

.today {
	border:solid 1px #CC0000;
	text-align:center;
}