@charset "utf-8";

@import "/css/beauty.css";

/*------------ top.index ------------*/
div.spe-menu-table{
	padding:0 0 30px 15px;
	}

div.spe-menu{
	width:332px;
	padding:10px 0 25px 0;
	line-height: 120%;
	text-align:left;
	font-size: 11px;
	}
	
div.spe-menu ul {
	margin:0px;
	padding:0px;
	}

div.spe-menu ul li {
	list-style: none;
	padding: 1px 0 6px 19px;
	margin:6px 0px 0px 0px;
	background:url(/common/arrow_close.gif) no-repeat 4px 0.2em;
	color:#333333;
	border-bottom: 1px solid #CACABB;
	}

div.spe-menu a{
	color:#333333;
	text-decoration: none;
	}

div.spe-menu :hover,div.spe-menu :active{
	color:#187FC4;
	text-decoration: underline;
	}

.ico_new{
margin-left:5px;
vertical-align:bottom;
}

/*------------ renewal ------------*/


table.less-title01{
	width:720px;
	background: url(/lesson/img_bn17/main_title02.gif) repeat-x left bottom;
	}
	
table.less-title01 td{
	vertical-align:top;
	}


table.les-inner2{
	vertical-align:top;
	margin:0 0 30px 0;
	}
	
table.less-title02{
	width:720px;
	background: url(/lesson/img_bn18/main_title02.gif) repeat-x left bottom;
	}
	
table.less-title02 td{
	vertical-align:top;
	}
	
.bg-pink{
	background:#FFF2E9;
}

table.less-title03{
	width:720px;
	background: url(/lesson/img_bn19/main_title02.gif) repeat-x left bottom;
	}

table.less-title04{
	width:720px;
	background: url(/lesson/img_bn20/main_title02.gif) repeat-x left bottom;
	}

	
table.point-inner{
	vertical-align:top;
	margin:10px 0px 0px 0;
	}		


table.point-inner2{
	vertical-align:top;
	margin:10px 0px 30px 0;
	}	

p.btn01{
	margin:0 0 0 85px;
	}	

p.btn02{
	margin:0 0 0 60px;
	}
	

div.border{
	border-bottom: 1px solid #CCCCCC;
	margin:20px 0px 25px 0;
	}	
	
div.border-top{
	border-top: 1px solid #CCCCCC;
	margin:20px 0px 20px 0;
	padding: 10px 0 0 0;
	}		

div.noborder{
	margin:20px 0px 25px 0;
	}	

.top{
	vertical-align:top;
	}	
	
.mid{
	vertical-align:middle;
	}	
	

.les-explain{
	padding:10px 20px 0 20px;
	}
	
	
.rigth{
	text-align:right;
	margin:0px 0px 5px 0;
	}
	
/*------------ back number ------------*/

h1.bn-title{
	margin-bottom:25px;
	vertical-align:top;
	margin:0 0 0 50px;
	}

table.pro-title{
	margin:0px 0 15px 0;
	border-bottom: 4px solid #8EC8FF;
	}

table.pro-title td.btn-r{
	padding:23px 0 0 0;
	vertical-align: baseline;
	}



div.renew{
	margin:0px 0px 0px 50px;
	width: 605px;
	}
	
/*------------ NO.06------------*/
td.bn1-bn{
background:url(../lesson/img_bn06/bg_story_right.gif) 0 0 repeat-y;
}

/*------------ NO.27------------*/
td.no27{
	vertical-align:top;
	font-size: 12px;
	background-color: #FDF3E0;
	text-align:left;
	}

.no27-02{
	padding:15px 0 30px 0;
	text-align: right;
	}

/*------------ NO.24------------*/
td.no24{
	vertical-align:top;
	font-size: 12px;
	background-color: #FFF8E3;
	}

p.no24-02{
	font-size: 12px;
	margin:15px 15px;
	}
	
.no24-03{
	padding:15px 0 30px 0;
	text-align: right;
	}

/*------------ back number common style tsuika090819------------*/
.t-align-center{text-align:center;}
.t-align-right{text-align:right;}
.t-align-left{text-align:left;}
.pagetoparea{float:right;
	margin:20px 0px 10px 0px;
	display:block;
	text-align:right;
	}
.topagetop{
	background-image:url(/lesson/common/ic_pagetop.gif);
	background-repeat:no-repeat;
	background-position:0px 0.3em;
	padding-left:14px;
}
.tdcolor {background-color: #F1C0C7;}
.story-area{margin:0px;}
.story-area-tx {color: #333333;}
.charpink{color:#E94575;font-weight:bold;}
.charblue{color:#1172C1;font-weight:bold;}
.ti-margin{margin-top:20px;}
.price-red, .tx-pink{color:#FD4381;}
.tx-matome{color:#47308C;}
.text-brown{color:#7F4C42;}
.story-area-tx02 {color: #333333;}

.hair01{color:#d06df5;font-weight:bold;}
a.hair01:link { color:#d06df5; text-decoration:underline;} 
a.hair01:active { color:#d06df5; text-decoration:underline;}


.hair02{color:#6b65aa;font-weight:bold;}
a.hair02:link { color:#6b65aa; text-decoration:underline;} 
a.hair02:active { color:#6b65aa; text-decoration:underline;}


.hair03{color:#4a8dfd;font-weight:bold;}
a.hair03:link { color:#4a8dfd; text-decoration:underline;} 
a.hair03:active { color:#4a8dfd; text-decoration:underline;}

/*------------ NO.28------------*/
div.no28 td
div.no28 table td,
div.no28 table td table td{
  vertical-align:top;
}
p.bn28_txt{
  margin-top:15px;
  margin-right:15px;
  font-size:12px;
  line-height:1.5;
}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}


/*-------------Release date-------------*/
.bnav{
position:relative;
}
.bnav .releaseDate{
position:absolute;
right:0;
}

/*------------ NO.29------------*/
.whbox{
width:310px;
background:url(../lesson/img_bn29/bg_step.gif) 0 bottom no-repeat;
padding:0 25px 20px;
margin-bottom:10px;
}
.caption{font-size:11px;}

#p02,#p05,#p06{position:relative;}
.mask_arrow{
position:absolute;
top:99px;
}
.cream1_arrow{
position:absolute;
top:75px;
}
.cream2_arrow{
position:absolute;
top:90px;
}

/*------------ NO.30------------*/
#bn30 .box01{
	width:420px;
	background:url(../lesson/img_bn30/bg_box01.gif) 0 0 repeat-y;
	margin-bottom:10px;
}
#bn30 .box01 p{
	margin:0 22px;
}

#bn30 .box02{
	width:389px;
	border-top:1px solid #E6005A;
	border-right:1px solid #E6005A;
	border-bottom:1px solid #E6005A;
	border-left:10px solid #E6005A;
	margin-bottom:10px;
	padding:10px;
}
#bn30 .box02 p{
	margin-bottom:5px;
	margin-right:5px;
}

#p04,#p05{position:relative;}
#p04 .arrow{
position:absolute;
top:110px;
}
#p05 .arrow{
position:absolute;
top:110px;
}

/*------------ NO.31------------*/
#bn31 .visual{
	width:720px;
	margin-bottom:15px;
}
#bn31 .visual .visual01{
	float:left;
	margin:0;
}
#bn31 .visual .visual02{
	float:right;
	margin:0;
}
#bn31 .box{
	clear:both;
	background:url(../lesson/img_bn31/bg_bn31.jpg) repeat-y 0 0;
	margin-bottom:10px;
}
#bn31 .box ul.step{
	margin:0;
	padding:0;
	width:720px;
}
#bn31 .box ul.step li{
	margin:0;
	padding:0;
	line-height:0;
	float:left;
}
#bn31 .box01{width:720px;}
#bn31 .box01 .img01{
	background:url(../lesson/img_bn31/img_01.jpg) 0 0 no-repeat;
	float:left;
	width:293px;
}
#bn31 .box01 .img02{
	background:url(../lesson/img_bn31/img_02.jpg) 0 0 no-repeat;
	float:right;
	width:427px;
}
#bn31 .box01 .img03{
	background:url(../lesson/img_bn31/img_03.jpg) 0 0 no-repeat;
	float:left;
	width:368px;
}
#bn31 .box01 .img04{
	background:url(../lesson/img_bn31/img_04.jpg) 0 0 no-repeat;
	float:right;
	width:352px;
}
#bn31 .box01 .img01,
#bn31 .box01 .img02,
#bn31 .box01 .img03,
#bn31 .box01 .img04{position:relative;}

#bn31 .box01 .img01 .txt{
	position:absolute;
	top:250px;
	left:84px;
	width:180px;
}
#bn31 .box01 .img02 .txt{
	position:absolute;
	top:224px;
	left:257px;
	width:150px;
}
#bn31 .box01 .img03 .txt{
	position:absolute;
	top:360px;
	left:102px;
	width:250px;
}
#bn31 .box01 .img04 .txt{
	position:absolute;
	top:280px;
	left:100px;
	width:210px;
}
#bn31 .box01 .img04 .point{
	position:absolute;
	top:330px;
	right:30px;
}
#bn31 .txt .cap{
	font-size:85%;
	line-height:1.4;
}
#bn31 .link_sp{
	width:720px;
	border-top:1px solid #E0E0D5;
	padding:8px 0;
	text-align:right;
}



/*------------ common ------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.tac{text-align:center;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}