@charset "utf-8";
@import "../temp/reset.css";
.contents {
	clear:both;
}
.contents_edit {
	padding:15px 17px 15px 13px;
}
.right_c {
	width:700px;
	float:right;
	padding-bottom:60px;
}
.left_c {
	width:230px;
	float:left;
	height:500px;
	position: relative;
}
p.index_left_btn_order {
	padding-bottom:7px;
}
div.index_left_login {
	width:230px;
	height:200px;
	padding-bottom:9px;
}
p.index_left_btn_beginner {
	padding-bottom:9px;
}
p.index_left_ranking {
	padding-bottom:13px;
}
div.index_left_ranking {
	width:230px;
	height:914px;
	padding-bottom:16px;
}
div.index_left_orporate {
	background:url(../images/index/side04.jpg) no-repeat;
	width:230px;
	height:139px;
	min-height:139px;
	padding-bottom:17px;
}
div.index_left_orporate p {
	padding-top:48px;
	padding-left:12px;
	color:#000000;
	text-align:left;
}
div.index_left_orporate a {
	color:#FE6800;
	text-decoration:underline;
}
div.bookmark {
	background:url(../images/index/side05.jpg) no-repeat;
	width:230px;
	height:86px;
	min-height:86px;
}
div.bookmark p {
	padding-top:51px;
	padding-left:48px;
	text-align:left;
}
h2.mainimage {
	padding-top:2px;
}
ul.mainimage_list {
	padding-bottom:93px;
	margin-top: 0px;
	padding-top: 0px;
}
li#merit01 {
	display: block;
	background: url(../images/index/main01_under_h.jpg) no-repeat 0px 0px;
	float: left;
	width: 230px;
	text-indent: -100000em;
	height: 84px;
}
li#merit01 a {
	display: block;
	background: url(../images/index/main01_under.jpg)no-repeat 0px 0px;
	float: left;
	width: 230px;
	text-indent: -100000em;
	height: 84px
}
li#merit01 a:hover {
	background: url(../images/index/main01_under_h.jpg) no-repeat 0px 0px;
}
li#merit02 {
	display: block;
	background: url(../images/index/main01_under_h.jpg) no-repeat -230px 0px;
	float: left;
	width: 230px;
	text-indent: -100000em;
	height: 84px;
}
li#merit02 a {
	display: block;
	background: url(../images/index/main01_under.jpg)no-repeat -230px 0px;
	float: left;
	width: 230px;
	text-indent: -100000em;
	height: 84px
}
li#merit02 a:hover {
	background: url(../images/index/main01_under_h.jpg) no-repeat -230px 0px;
}
li#merit03 {
	display: block;
	background: url(../images/index/main01_under_h.jpg) no-repeat -460px 0px;
	float: left;
	width: 240px;
	text-indent: -100000em;
	height: 84px;
}
li#merit03 a {
	display: block;
	background: url(../images/index/main01_under.jpg)no-repeat -460px 0px;
	float: left;
	width: 240px;
	text-indent: -100000em;
	height: 84px
}
li#merit03 a:hover {
	background: url(../images/index/main01_under_h.jpg) no-repeat -460px 0px;
}
.step_text{
	padding-left:5px;
	position:relative;
	right:-7px;
}
p.step {
	float: left;
	color:#666666;
	padding-bottom:25px;
	padding-top:7px;
	line-height:1.5;
	text-align:left;
	letter-spacing:-0.7px;
}
p#step_last{
	margin-right:0;
}
p.step img {
	margin-bottom:5px;
}
.step a {
	color:#666666;
	text-decoration:underline;
}
div.top_5point_box {
	float:left;
	background: url(../images/index/dotline_tate.gif) 335px repeat-y;
	width:700px;
	padding-left:9px;
	padding-top:10px;
	text-align:left;
}
div.top_5point_box {
	zoom:1;/*for IE 5.5-7*/
}
div.top_5point_box:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div.top_5point {
	text-align:left;
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
	padding-bottom:20px;
	float:left;
	width:49%;
	min-height:83px;
	_height:83px;
	position:relative;
}
div.top_5point .icon_link{
	position:absolute;
	top:0px;
	left:0px;
	}

div.top_5point h3 {
	margin-left:95px;
	margin-bottom:4px;
	text-indent:20px;
	text-decoration:underline;
	font-size:105%;
	background:url(../images/index/icon.jpg) no-repeat;
}
div.top_5point p {
	margin-left:114px;
	padding-right:25px;
}
div.top_5point p a {
	text-decoration: none;
	color:#333333;
}
div.top_5point p a:hover {
	text-decoration: underline;
	color:#ccc;
}
div#top_5point_price {
	background:url(../images/index/price.jpg) no-repeat;
}
div#top_5point_price h3 {
	color:#92C80E;
}
div#top_5point_price h3 a{
	color:#92C80E;
}
div#top_5point_price h3 a:hover{
	color:#666;
	text-decoration:none;
}


div#top_5point_teacher {
	background:url(../images/index/teacher.jpg) no-repeat;
}
div#top_5point_teacher h3 {
	color:#0379B9;
}
div#top_5point_teacher h3 a {
	color:#0379B9;
}
div#top_5point_teacher h3 a:hover{
	color:#666;
	text-decoration:none;
}
div#top_5point_schedule {
	background:url(../images/index/schedule.jpg) no-repeat;
}
div#top_5point_schedule h3 {
	color:#DC590B;
}
div#top_5point_schedule h3 a {
	color:#DC590B;
}
div#top_5point_schedule h3 a:hover{
	color:#666;
	text-decoration:none;
}
div#top_5point_text {
	background:url(../images/index/text.jpg) no-repeat;
}
div#top_5point_text h3 {
	color:#349CE3;
}
div#top_5point_text h3 a {
	color:#349CE3;
}
div#top_5point_text h3 a:hover{
	color:#666;
	text-decoration:none;
}
div#top_5point_step {
	background:url(../images/index/step.jpg) no-repeat;
}
div#top_5point_step h3 {
	color:#81ADEA;
}
div#top_5point_step h3 a {
	color:#81ADEA;
}
div#top_5point_step h3 a:hover{
	color:#666;
	text-decoration:none;
}
div#top_5point_toiawase {
	background:url(../images/index/toiawase.jpg) no-repeat;
}
div#top_5point_toiawase h3 {
	color:#F3B00A;
}
div#top_5point_toiawase h3  a{
	color:#F3B00A;
}
div#top_5point_toiawase h3 a:hover{
	color:#666;
	text-decoration:none;
}

p.column {
	padding-bottom:20px;
	padding-top:7px;
}
div.hotnews {
	width:700px;
	height:314px;
	margin-top: 30px;
}
.selected {
	background-position: left 20px;
	color: #FFF;
}


/* カルーセル */

/* 旧 */
#foo {
	overflow: hidden;
	height: 320px;
	width: 700px;
	z-index: 50;
	}
#carousel {
	position: relative;
	width: 700px;
	height: 320px;
}
	
	
.foo_page {
	height: 320px;
	width: 700px;
}
	
#cs_campaign {
	background-image: url(../images/index/top_carousel_img04.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
}
#cs_campaign h1 {
	font-weight: bold;
	text-shadow: 1px 1px 0px #aaa,
  3px 3px 0px #777;
	-webkit-text-stroke-color: #FF0;
	-webkit-text-stroke-width: 1px;
	text-align: left;
	padding-top: 5px;
	}
#cs_campaign h2 {
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	line-height: 100%;


	text-shadow:
}
#cs_campaign_day {
	font-weight: bold;
}
#cs_campaign_link {
	margin-top: 0px;
	left: 111px;
	top: 235px;
	width: 139px;
	height: 32px;
	padding-top: 270px;
}

#carousel_button {
	position: absolute;
	z-index: 51;
	top: 273px;
	left: 1px;
	width: 698px;
}

#page_container {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	top: -45px;
	margin-left: 250px;
}
#page_container a {
	background-image: url(../images/index/cs_pagebutton.png);
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 10px;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
}

#page_prev {
	float: left;
	margin-left: 5px;
}
#page_next {
	float: right;
	margin-right: 5px;
}

/* ここまで */

#carousel2 {
	width: 700px;
	height: 320px;
}
#carousel2_img {
	width: 570px;
	height: 330px;
	overflow: hidden;
	z-index: 50;
	top: 0;
	left: 0;
	float: left;
}
#carousel2_img img {
	display: block;
	border: 5px solid #F00;
}
#pager {
	width: 130px;
	overflow: hidden;
	z-index: 51;
	right: 0;
}
#pager img {
	display: block;
	float: left;
	width: 115px;
	height: 77px;
	opacity: 0.7;
	padding-left: 13px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#pager img:hover {
	cursor:pointer
	}

#pager img.selected {
	width: 115px;
	height: 77px;
	opacity: 1;
	background-color: transparent;
	background-image: url(../images/index/thumb-selected2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 13px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}