@charset "utf-8";

/* clearfix
------------------------------------------------------------------------------*/
#main #eyecatch:after,
#main #eyecatch ul:after,
#main .section#pickup ul:after,
#main .section#pickup li:after,
#main .section#lesson ul:after,
#main .section#lesson li:after,
#main .banners:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* clearfix ie
------------------------------------------------------------------------------*/
#main #eyecatch,
#main #eyecatch ul,
#main .section#pickup ul,
#main .section#pickup li,
#main .section#lesson ul,
#main .section#lesson li,
#main .banners {
	zoom:1;
}
/* left-off
------------------------------------------------------------------------------*/
#main #eyecatch,
#main h3,
#main h4, 
#main .caption,
#main .section#lesson li ul,
#main .benefits {
	font-size:1px;
	line-height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
/* btn common
------------------------------------------------------------------------------*/
#main #eyecatch .icons li a {
	display:block;
	background-position:left top;
	outline:none;
}
#main #eyecatch .icons li a:hover {
	background-position:left bottom;
}


#main #eyecatch {
	position:relative;
	width:712px;
	height:242px;
	padding:1px;
	border:3px solid #F0DFC1;
	background-image:url(../images/top/eyecatch.jpg);
	background-position:1px 1px;
}

#main #eyecatch .points {
	width:360px;
	padding:168px 0 0 16px;
	margin-right:186px;
}
#main #eyecatch .points li {
	float:left;
	width:118px;
	height:27px;
	margin:0 0 5px 0;
	background-repeat:no-repeat;
}
#main #eyecatch .points li.point01 {
	background-image:url(../images/top/points01.jpg);
}
#main #eyecatch .points li.point02 {
	background-image:url(../images/top/points02.jpg);
}
#main #eyecatch .points li.point03 {
	background-image:url(../images/top/points03.jpg);
}
#main #eyecatch .points li.point04 {
	background-image:url(../images/top/points04.jpg);
}
#main #eyecatch .points li.point05 {
	background-image:url(../images/top/points05.jpg);
}
#main #eyecatch .points li.point06 {
	background-image:url(../images/top/points06.jpg);
}

#main #eyecatch .icons {
	position:absolute;
	top:170px;
	left:563px;
	width:150px;
}
#main #eyecatch .icons li {
	float:left;
	width:70px;
	height:67px;
}
#main #eyecatch .icons li a {
	width:67px;
	height:67px;
}
#main #eyecatch .icons li.twitter {
	padding-left:70px;
}
#main #eyecatch .icons li.twitter a {
	background-image:url(../images/top/icon_twitter.jpg);
}
#main #eyecatch .icons li.facebook a {
	background-image:url(../images/top/icon_facebook.jpg);
}

#main .bannars {
	padding:5px 0 8px 0;
}
#main .bannars li {
	float:left;
	line-height:0;
	font-size:1px;
	padding:0 10px 6px 0;
}
#main .bannars li.last {
	padding-right:0;
}

#main .info {
	float:left;
	width:357px;
	padding:8px 0 4px 0;
}
#main .info#news {
	margin-right:6px;
}

#main .info h3 {
	width:357px;
	height:27px;
}
#main .info#news h3 {
	background-image:url(../images/top/h3_information.gif);
}
#main .info#event h3 {
	background-image:url(../images/top/h3_event.gif);
}


#main .info .list {
	overflow:auto;
	width:355px;
	height:143px;
	border:1px solid #C1C2E8;
	border-top:2px solid #4050C1;
}
#main .info#event .list {
	border-color:#F8C9C2;
	border-top-color:#CB2912;
}

#main .info .list table {
	overflow:hidden;
	width:338px;
}
#main .info .list th,
#main .info .list td {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	line-height:1.3;
}
#main .info .list .even th,
#main .info .list .even td {
	background-color:#EDEEFA;
}
#main .info#event .list .even th,
#main .info#event .list .even td {
	background-color:#FEEEE9;
}

#main .info .list th {
	width:70px;
	padding:8px 15px 8px 9px;
}
#main .info .list td {
	padding:8px 10px 8px 0;
}

#main .info .list td a {
	text-decoration:underline;
}
#main .info .list td a:hover {
	text-decoration:none;
}
#main .info#event .list td a {
	color:#B73C17;
}

#main .section#pickup {
	clear:both;
	width:720px;
	padding-bottom:4px;
	margin-bottom:9px;
	background-image:url(../images/top/bg_section_pickup_bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#main .section#pickup h3 {
	width:720px;
	height:58px;
	background-image:url(../images/top/h3_pickup.jpg);
}
#main .section#pickup ul {
	width:708px;
	padding:0 0 0 8px;
	border-left:2px solid #9796C4;
	border-right:2px solid #9796C4;
}
#main .section#pickup li {
	float:left;
	width:177px;
	/*height:107px;*/
	padding:8px 0 5px 0;
	overflow:hidden;
}
#main .section#pickup li .caption {
	width:167px;
	height:16px;
	margin-bottom:7px;
}
#main .section#pickup li.pickup01 .caption {
	background-image:url(../images/top/caption_pickup01.gif);
}
#main .section#pickup li.pickup02 .caption {
	background-image:url(../images/top/caption_pickup02.gif);
}
#main .section#pickup li.pickup03 .caption {
	background-image:url(../images/top/caption_pickup03.gif);
}
#main .section#pickup li.pickup04 .caption {
	background-image:url(../images/top/caption_pickup04.gif);
}
#main .section#pickup li.pickup05 .caption {
	background-image:url(../images/top/caption_pickup05.gif);
}
#main .section#pickup li.pickup06 .caption {
	background-image:url(../images/top/caption_pickup06.gif);
}
#main .section#pickup li.pickup07 .caption {
	background-image:url(../images/top/caption_pickup07.gif);
}
#main .section#pickup li.pickup08 .caption {
	background-image:url(../images/top/caption_pickup08.gif);
}

#main .section#pickup li .image {
	float:left;
	width:70px;
	margin-right:8px;
	border:3px solid #CCCCCC;
}
#main .section#pickup li .texts {
	float:left;
	width:82px;
}
#main .section#pickup li .texts .explanation {
	padding-bottom:6px;
	font-size:84%;
	line-height:1.3;
	min-height:79px;
	height:auto !important;
	height:79px;
}
#main .section#pickup li .texts .btn a {
	width:75px;
	height:16px;
	background-image:url(../images/top/btn_detail.jpg);
}

#main .section#lesson {
	width:713px;
	padding:7px 0px 7px 7px;
	margin-bottom:9px;
	background-color:#E4E9F2;
}
#main .section#lesson h4 {
	width:703px;
	height:24px;
	margin-bottom:6px;
	border:1px solid #3A5DA5;
	background-image:url(../images/top/h4_lesson.jpg);
}

#main .section#lesson ul {
	width:713px;
}
#main .section#lesson li {
	float:left;
	width:220px;
	height:168px;
	padding:8px 0 0 10px;
	margin-right:5px;
	border:1px solid #C7D1E4;
	background-color:#FFFFFF;
}
#main .section#lesson li.lesson03 {
	margin-right:0;
}
#main .section#lesson li .caption {
	width:220px;
	height:21px;
	margin-bottom:9px;
}
#main .section#lesson li.lesson01 .caption {
	background-image:url(../images/top/caption_lesson01.gif);
}
#main .section#lesson li.lesson02 .caption {
	background-image:url(../images/top/caption_lesson02.gif);
}
#main .section#lesson li.lesson03 .caption {
	background-image:url(../images/top/caption_lesson03.gif);
}

#main .section#lesson li.lesson01 .caption a,
#main .section#lesson li.lesson02 .caption a,
#main .section#lesson li.lesson03 .caption a {
	display:block;
	width:209px;
	height:21px;
	outline:none;
}
#main .section#lesson li .image {
	float:left;
	width:87px;
	padding-bottom:14px;
	margin-right:9px;
}

#main .section#lesson li ul {
	float:left;
	width:112px;
	height:85px;
	margin:1px 0 14px 0;
}

#main .section#lesson .lesson01 li a,
#main .section#lesson .lesson02 li a,
#main .section#lesson .lesson03 li a {
	display:block;
	width:111px;
	height:12px;
	outline:none;
	background-position:left top;
	background-repeat:no-repeat;
}
#main .section#lesson .lesson01 li a:hover,
#main .section#lesson .lesson02 li a:hover,
#main .section#lesson .lesson03 li a:hover {
	background-position:left bottom;
}
#main .section#lesson li#kids a {
	background-image:url(../images/top/l01.gif);
}
#main .section#lesson li#beginner a {
	background-image:url(../images/top/l02.gif);
}
#main .section#lesson li#middle a {
	background-image:url(../images/top/l03.gif);
}
#main .section#lesson li#highS a {
	background-image:url(../images/top/l04.gif);
}
#main .section#lesson li#super a {
	background-image:url(../images/top/l05.gif);
}
#main .section#lesson li#advance a {
	background-image:url(../images/top/l06.gif);
}
#main .section#lesson li#free a {
	background-image:url(../images/top/l11.gif);
}
#main .section#lesson li#first a {
	background-image:url(../images/top/l12.gif);
}
#main .section#lesson li#beginner2 a {
	background-image:url(../images/top/l13.gif);
}
#main .section#lesson li#middle2 a {
	background-image:url(../images/top/l14.gif);
}

#main .section#lesson li#ladys a {
	background-image:url(../images/top/l07.gif);
}
#main .section#lesson li#kamiwaza a {
	background-image:url(../images/top/l08.gif);
}
#main .section#lesson li#jokyu a {
	background-image:url(../images/top/l09.gif);
}
#main .section#lesson li#kagayaku a {
	background-image:url(../images/top/l10.gif);
}
							   

#main .section#lesson li li {
	float:none;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:none;
	background-color:transparent;
}
#main .section#lesson li .btn {
	clear:both;
	width:220px;
}
#main .section#lesson li .btn a {
	width:205px;
	height:26px;
}
#main .section#lesson li.lesson01 .btn a {
	background-image:url(../images/top/btn_info_junior.jpg);
}
#main .section#lesson li.lesson02 .btn a {
	background-image:url(../images/top/btn_private_lesson.jpg);
}

#main .banners {
	padding-bottom:13px;
}
#main .banners li {
	float:left;
	padding-right:2px;
}

#main .benefits {
	position:relative;
	width:720px;
	height:193px;
	background-image:url(../images/top/member_benefit.jpg);
}
#main .benefits .btn {
	position:absolute;
	top:151px;
	left:465px;
	width:250px;
}
#main .benefits .btn a {
	width:250px;
	height:21px;
	background-image:url(../images/top/btn_store_partners.jpg);
}

#main .btn#btnMemberRegist {
	padding-left:191px;
}
#main .btn#btnMemberRegist a {
	width:343px;
	height:55px;
	background-image:url(../images/top/btn_become_member.jpg);
}
#newsWrapper {
	width:720px;
	margin-bottom:7px;
	background-image:url(../images/top/blog_title.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#newsTicker {
	height:22px;
	margin-left:117px;
	border:1px solid #E0E0E0;
	border-left:none;
}