@charset "utf-8";


/******************************
* ローディング
******************************/

header{
	/*display:none;*/
}
#LCbg{
	background: #fff;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

/******************************
* Beauty Clock , Loading Beauty Clock
******************************/

#loadingnum{
	display:none;
}
#loadingclock{
	width:240px;
	height:90px;
	margin:0 auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-120px;
	margin-top:-45px;
	display:none;
	}
#lc_body{
	margin-top:51px;
}	
#lc_body .time{
	position:relative;
	float:left;
	width:28px;
	height:38px;
	margin-right:5px;
}
#lc_body .time span{
	position:absolute;
	top:0;
	left:0;
	width:28px;
	height:38px;
	background-image:url(../images/beautyclock_loading_time.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:none;
}
#lc_body .time span.active{
	display:block;
}

#lc_body .time.h1{
	margin-left: 5px;
}
#lc_body .colon{
	float:left;
	width:7px;
	height:38px;
	padding: 0 3px;
	margin-right:5px;
}
#lc_body .time .num0{ background-position: 0 0;}
#lc_body .time .num1{ background-position: 0 -38px;}
#lc_body .time .num2{ background-position: 0 -76px;}
#lc_body .time .num3{ background-position: 0 -114px;}
#lc_body .time .num4{ background-position: 0 -152px;}
#lc_body .time .num5{ background-position: 0 -190px;}
#lc_body .time .num6{ background-position: 0 -228px;}
#lc_body .time .num7{ background-position: 0 -266px;}
#lc_body .time .num8{ background-position: 0 -304px;}
#lc_body .time .num9{ background-position: 0 -342px;}


#loadingclock #lc_title{
	width:113px;
	position:absolute;
	top:0;
	left:64px;
}

.beautyclock_clock .bc_time1 img,
.beautyclock_clock .bc_time2 img,
.beautyclock_clock .bc_time3 img,
.beautyclock_clock .bc_time4 img,
.beautyclock_clock .bc_year1 img,
.beautyclock_clock .bc_year2 img,
.beautyclock_clock .bc_year3 img,
.beautyclock_clock .bc_year4 img,
.beautyclock_clock .bc_day1 img,
.beautyclock_clock .bc_day2 img,
.beautyclock_clock .bc_month img,
.beautyclock_clock .bc_period img,
.beautyclock_clock_sp .bc_time1 img,
.beautyclock_clock_sp .bc_time2 img,
.beautyclock_clock_sp .bc_time3 img,
.beautyclock_clock_sp .bc_time4 img,
.beautyclock_clock_sp .bc_year1 img,
.beautyclock_clock_sp .bc_year2 img,
.beautyclock_clock_sp .bc_year3 img,
.beautyclock_clock_sp .bc_year4 img,
.beautyclock_clock_sp .bc_day1 img,
.beautyclock_clock_sp .bc_day2 img,
.beautyclock_clock_sp .bc_month img,
.beautyclock_clock_sp .bc_period img
{
	display:none;
}

.beautyclock_clock .bc_time1 img.active,
.beautyclock_clock .bc_time2 img.active,
.beautyclock_clock .bc_time3 img.active,
.beautyclock_clock .bc_time4 img.active,
.beautyclock_clock .bc_year1 img.active,
.beautyclock_clock .bc_year2 img.active,
.beautyclock_clock .bc_year3 img.active,
.beautyclock_clock .bc_year4 img.active,
.beautyclock_clock .bc_day1 img.active,
.beautyclock_clock .bc_day2 img.active,
.beautyclock_clock .bc_month img.active,
.beautyclock_clock .bc_period img.active,
.beautyclock_clock_sp .bc_time1 img.active,
.beautyclock_clock_sp .bc_time2 img.active,
.beautyclock_clock_sp .bc_time3 img.active,
.beautyclock_clock_sp .bc_time4 img.active,
.beautyclock_clock_sp .bc_year1 img.active,
.beautyclock_clock_sp .bc_year2 img.active,
.beautyclock_clock_sp .bc_year3 img.active,
.beautyclock_clock_sp .bc_year4 img.active,
.beautyclock_clock_sp .bc_day1 img.active,
.beautyclock_clock_sp .bc_day2 img.active,
.beautyclock_clock_sp .bc_month img.active,
.beautyclock_clock_sp .bc_period img.active
{
	display:block;
}

.beautyclock_bg .slide_img{
	display:none;
}

.beautyclock_bg .slide_img.active{
	display:block;
}




/******************************
* Beauty Tips
******************************/

#tips{
	height:481px;
	background:url(../images/top_tips_bg.jpg) center top no-repeat;
	padding-top:46px;
}
#tips h2{
	margin:0 0 30px 0;
}
#tips #tips_in{
	width:940px;
	margin:0 auto;
}

#tips  #slide2{
    width:720px;
    margin:0 auto;
    position:relative;
    z-index:0;
	margin-left:110px;
}

#tips #slide2_in{
    width:720px;
	overflow:hidden;
}

#tips #slide2_in_in{
    width:10000px;
}

#tips .slide2_cnt{
    width:686px;
	float:left;
	background-color:#fff;
	border:1px #e7e5e5 solid;
	padding:17px;
}
#tips .slide2_cnt_in{
    width:686px;
	border-top:2px #c7ced5 solid;
	border-bottom:2px #c7ced5 solid;
	padding:2px 0;
}
#tips .slide2_cnt_in_in{
    width:686px;
	border-top:1px #c7ced5 solid;
	border-bottom:1px #c7ced5 solid;
	padding:29px 0;
	overflow:hidden;
}
#tips #slide2:after,
#tips .slide2_cnt:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#tips .slide2_cnt .l{
	float:left;
}
#tips .slide2_cnt .r{
	width:330px;
	float:right;
	margin-right:23px;
	display:inline;
}
#tips .slide2_cnt .r dl{
	position:relative;
	height:228px;
}
#tips .slide2_cnt .r dt{
	padding:3px 0 12px 0;
	margin-bottom:18px;
	border-bottom:1px #c7ced5 solid;
}
#tips .slide2_cnt .r dd.h{
	margin-bottom:10px;
}
#tips .slide2_cnt .r dd.txt{
	color:#767e86;
	line-height:170%;
}
#tips .slide2_cnt .r dd.btn{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-91px;
	text-align:center;
}
#tips .slide2_cnt .r dd.sp_btn{
	display:none;
}
#tips #slide2 .prev{
	position:absolute;
	top:150px;
	left:-60px;
	cursor:pointer;
}
#tips #slide2 .next{
	position:absolute;
	top:150px;
	right:-60px;
	cursor:pointer;
}



/******************************
* Beauty Tips sp
******************************/

#tips_sp_in{
	width:auto;
	background:url("../images/sp_top_tips_bg.png") center top no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	/*
	padding:10px 10px 20px 10px;
	*/
	padding:10px 10px 20px 10px;
}

#tips_sp h2{
	margin-top:0;
}

#tips_sp .slide2_cnt{
}

#tips_sp .slide2_cnt .l{
	background-color:#fff;
	border:1px #c6cfd2 solid;
	padding:10px;
	margin-bottom:10px;
}
#tips_sp .slide2_cnt .r{
	background-color:#fff;
	border:1px #c6cfd2 solid;
	padding:10px;
}
#tips_sp .slide2_cnt .r_in{
	border-top:2px #c7ced5 solid;
	border-bottom:2px #c7ced5 solid;
	padding:2px 0;
}
#tips_sp .slide2_cnt .r dl{
	border-top:1px #c7ced5 solid;
	border-bottom:1px #c7ced5 solid;
}
#tips_sp .slide2_cnt .r dt{
	/*width:250px;*/
	margin:10px auto;
}
#tips_sp .prev,
#tips_sp .next,
#tips_sp .slide2_cnt .r dd.txt,
#tips_sp .slide2_cnt .r dd.h{
	display:none;
}

#tips_sp .slide2_cnt .r dd.sp_btn{
	width:180px;
	margin:0 auto 10px auto;
}
/*重要なお知らせ*/
a#important-info{
	display:block;
	margin:-30px auto;
	text-align:left;
	max-width:940px;
	}
a#important-info img{
	max-width:454px;
	}


@media (max-width: 640px) {
a#important-info{
	text-align:center;
	margin:-5px auto;
	}
	a#important-info img{
	max-width:95%;
	}
}