@charset "utf-8";

/*========================================================*/
/* 基本設定 */
/*========================================================*/

/*-- リンク装飾 --*/

a:link{
	color:#000;
	text-decoration:underline;
}

a:visited{
	color:#000;
	text-decoration:underline;
}

a:hover,
a:active{
	color:#000;
	text-decoration:none;
}


/*-- その他 --*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
br,
blockquote
{ 
	margin:0px;
	padding:0px;
}

img{ 
	border:0px;
}

.clear{
	clear:both;
}

/*-- BODY --*/

body{
	text-align:center;
	background-color:#fefaef;
	font-family:'MS PGothic','ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	line-height:145%;
	color:#4c4c4c;
}


/*========================================================*/
/* HEADER */
/*========================================================*/

#header{
	background-image:url(../images/header_top2.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:103px;
	font-size:12px;
}

#header_area{
	width:950px;
	margin:0 auto;
	text-align:left;
}

#header_left{
	width:360px;
	float:left;
	padding:18px 0 0 5px;
}

#header_left h1{
	font-size:11px;
	font-weight:normal;
	line-height:100%;
	padding:5px 0 2px 3px;
}

#header_tel{
	width:207px;
	float:left;
	padding:13px 0 0 0;
}

ul#header_btn{
	width:348px;
	float:right;
	list-style:none;
	padding:20px 0 0 0;
}

ul#header_btn li{
	float:left;
	padding:0 0 0px 4px;
}

ul#header_navi{
	width:352px;
	float:right;
	list-style:none;
	padding:5px 0 0 0;
}

ul#header_navi li{
	float:left;
}

ul#header_navi li#header_navi_cart{
	line-height:135%;
}

ul#header_navi li#header_navi_cart a:link{
	background-image:url(../images/header_navi_cart_off.gif);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	color:#fff;
	text-decoration:none;
	width:131px;
	height:36px;
	line-height:135%;
}

ul#header_navi li#header_navi_cart a:visited{
	background-image:url(../images/header_navi_cart_off.gif);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	color:#fff;
	text-decoration:none;
	width:131px;
	height:36px;
}

ul#header_navi li#header_navi_cart a:hover{
	background-image:url(../images/header_navi_cart_on.gif);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	color:#fff;
	text-decoration:none;
	width:131px;
	height:36px;
}

ul#header_navi li#header_navi_cart a:active{
	background-image:url(../images/header_navi_cart_on.gif);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	color:#fff;
	text-decoration:none;
	width:131px;
	height:36px;
}

ul#header_navi li#header_navi_cart a span{
	padding:11px 0 0 85px;
	text-align:left;
	font-weight:bold;
	display:block;
}


#fontsize_area{
	width:177px;
	height:23px;
	float:right;
	padding:0px 0 0 0;
}

#fontsize_area img{
	float:left;
}

ul#fontsize{
	width:94px;
	float:right;
	list-style:none;
	padding:0px 0 0 0;
}

ul#fontsize li{
	float:left;
}

ul#header_btn2{
	width:348px;
	height:28px;
	float:right;
	list-style:none;
	padding:0px 0 0px 0;
	margin-bottom:0px;
}

ul#header_btn2 li{
	float:left;
	padding:7px 0 0px 4px;
}

/*========================================================*/
/* GLOBAL NAVI */
/*========================================================*/

#global_navi_back{
	background-image:url(../images/global_navi_back.gif);
	background-repeat:repeat-x;
	clear:both;
}

#global_navi{
	background-image:url(../images/global_navi_back_center.gif);
	background-position:top center;
	background-repeat:no-repeat;
	height:54px;
}

#global_navi ul{
	width:950px;
	margin:0 auto;
	padding:2px 0 0 0;
	list-style:none;
}

#global_navi ul li{
	float:left;
}


/*========================================================*/
/* CONTENTS */
/*========================================================*/

#contents{
	width:950px;
	margin:0 auto 20px auto;
	padding:5px 0 0 0;
}

#contents_top{
	width:950px;
	margin:0 auto 20px auto;
	padding:18px 0 0 0;
	background-image:url(../images/top_tateline.gif);
	background-position:center;
	background-repeat:repeat-y;
}

/* CONTENTS LEFT */

#contents_left{
	width:711px;
	float:left;
	text-align:left;
	margin-bottom:-28px;
}

#top_topics_waku{
	width:690px;
	background-image:url(../images/top_topics_waku_back.gif);
	background-position:center;
	background-repeat:repeat-y;
	border-top:#dcd7cd solid 1px;
	border-bottom:#dcd7cd solid 1px;
}

#top_topics_title{
	text-align:left;
	padding:10px 0 5px 12px;
}

#top_topics_title img{
	display:block;
}

#top_topics_category{
	background-image:url(../images/top_topics_category_back.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:20px;
	width:85px;
	text-align:center;
	padding:4px 0 0 0;
	margin:4px 6px 0 6px;
	float:left;
}

#top_topics_category span{
	color:#FFFFFF;
	font-size:10px;
	line-height:135%;
}

#top_topics_text{
	width:577px;
	padding:8px 0 8px 3px;
	float:left;
	font-size:14px;
	line-height:115%;
}

#top_topics_day{
	width:80px;
	padding:8px 8px 8px 0;
	float:right;
	text-align:right;
	font-size:12px;
	line-height:135%;
}

#top_topics_link{
	padding:0px 8px 10px 0px;
	text-align:right;
}

#top_topics_link a{
	padding:5px 5px 5px 17px;
	background-image:url(../images/ic01.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#top_mainimage_area{
	width:690px;
	padding:10px 0 0 0;
}

#top_mainimage{
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/index_mainimage_frame.gif);
	background-repeat:no-repeat;
	height:246px;
}

#top_mainimage #imgSlideBlock{
	width: 690px;
}

#top_mainimage #imgSlideBlock #blockInner{
	position: relative;
	width:690px;
	height:246px;
	overflow:hidden;
}

#top_mainimage #imgSlideBlock #imgBlock{
	position:absolute;
	top:0;
	left:0;
	height:246px;
}

#top_mainimage #imgSlideBlock #imgBlock li{
	position:relative;
	float:left;
	width:690px;
	height:246px;
	list-style:none;
}

#top_mainimage #imgSlideBlock #numBlock{
	float:left;
	margin:-33px 0 0px 15px;
	position:relative;
}

#top_mainimage #imgSlideBlock #numBlock li{
	float:left;
	margin:0px 4px 0px 0px;
	padding:0px;
	list-style:none;
	position:relative;
}

#top_mainimage #imgSlideBlock #numBlock li a{
	display:block;
	width:18px;
	height:18px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:left top;
}

#top_mainimage #imgSlideBlock #numBlock li.current a img{ display: none; }
#top_mainimage #imgSlideBlock #numBlock li#numBlock01{ background-image: url(../images/numBlock01_on.gif); }
#top_mainimage #imgSlideBlock #numBlock li#numBlock02{ background-image: url(../images/numBlock02_on.gif); }
#top_mainimage #imgSlideBlock #numBlock li#numBlock03{ background-image: url(../images/numBlock03_on.gif); }
#top_mainimage #imgSlideBlock #numBlock li#numBlock04{ background-image: url(../images/numBlock04_on.gif); }
#top_mainimage #imgSlideBlock #numBlock li#numBlock05{ background-image: url(../images/numBlock05_on.gif); }

#top_mainimage #imgSlideBlock #numBlock li a.current{ color: #f00; }

#top_products{
	padding:25px 0 11px 0;
	background-image:url(../images/top_news_bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#top_products_water{
	width:351px;
	float:left;
	background-image:url(../images/top_products_line.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#top_products_water_left{
	width:180px;
	float:left;
}

#top_products_water_left p{
	padding:15px 18px 20px 13px;
	font-size:14px;
	line-height:150%;
}

#top_products_water_right{
	width:170px;
	margin-top:-20px;
	padding-bottom:15px;
	float:right;
	text-align:left;
}

#top_products_spa{
	width:347px;
	float:right;
}

#top_products_spa_left{
	width:180px;
	float:left;
}

#top_products_spa_left p{
	padding:15px 18px 20px 13px;
	font-size:14px;
	line-height:150%;
}

#top_products_spa_right{
	width:166px;
	margin-top:-20px;
	padding-bottom:15px;
	float:right;
	text-align:left;
}

.top_products_btn{
	padding-bottom:4px;
	text-align:left;
}

.top_products_report{
	padding:6px 0 0 0;
}

.top_products_image{
	padding:15px 0 5px 0;
}

#top_news{
	width:690px;
	padding:12px 0 30px 0;
	background-image:url(../images/top_news_bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#top_news_bar{
	padding:0 0 8px 0;
}

.top_news_kiji{
	padding:5px 0 3px 0;
	font-size:12px;
	line-height:135%;
}

.top_news_kiji_category01{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back01.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category02{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back02.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category03{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back03.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category04{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back04.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category05{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back05.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category06{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back06.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_category07{
	width:89px;
	height:16px;
	float:left;
	text-align:center;
	background-image:url(../images/news_category_back07.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

.top_news_kiji_title{
	width:490px;
	float:left;
	text-align:left;
	padding:0 0 0 8px;
	font-size:14px;
}

.top_news_kiji_day{
	width:80px;
	float:right;
	text-align:right;
	padding:0 8px 0 0;
}

ul#top_campaign{
	padding:15px 0 0 0;
	height:214px;
	list-style:none;
}

ul#top_campaign li{
	float:left;
	padding:0 8px 0 0;
}

ul#top_campaign li#right{
	float:left;
	padding:0 0px 0 0;
}

ul#top_bana_bottom{
	padding:0px 0 0 0;
	height:224px;
	list-style:none;
}

ul#top_bana_bottom li{
	float:left;
	padding:0 8px 0 0;
}

ul#top_bana_bottom li#right{
	float:left;
	padding:0 0px 0 0;
}

/* CONTENTS RIGHT */

#contents_right{
	width:218px;
	float:right;
	margin-bottom:10px;
	font-size:12px;
	line-height:135%;
}

.right_bana{
	padding-bottom:7px;
}


/*-- LOGIN USER --*/

#login_user{
	margin:0px auto 7px auto;
	padding:10px 10px 10px 10px;
	color:#cc473e;
	text-align:center;
	background-color:#FFFFFF;
	border:solid 2px #cc473e;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
}

#login_user span{
	padding:0px 5px 0px 5px;
	font-size:15px;
	font-weight:bold;
}


#right_products_water{
	background-image:url(../images/right_bar_water.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:50px 0 10px 0;
}

#right_products_spa{
	background-image:url(../images/right_bar_spa.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:50px 0 10px 0;
}

.right_products{
	background-image:url(../images/right_products_line.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:7px 0 7px 0;
}

.right_products_noline .right_products{
	background-image:none;
	padding:7px 0 5px 0;
}

.right_products img{
	width:46px;
	float:left;
}

.right_products ul{
	list-style:none;	
	float:right;
	width:162px;
	text-align:left;
}

.right_products ul li{	
	padding:2px 0 2px 0;
}

.right_products ul li span{	
	margin:0 0 0 5px;
	padding:2px 4px;
	border:#e4e1d7 solid 1px;
	background-color:#FFFFFF;
	font-size:10px;
	line-height:100%;
	color:#000000;
}

#right_calendar_waku_back{
	background-image:url(../images/right_calendar_waku_back.gif);
	background-repeat:repeat-y;
	width:218px;
	margin:0 0 10px 0;
}

#right_calendar_waku_top{
	background-image:url(../images/right_calendar_waku_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#right_calendar_waku_bottom{
	background-image:url(../images/right_calendar_waku_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:32px 4px 4px 4px;
}

.right_calendar_month{
	padding:4px 0 2px 0;
	font-weight:bold;
	text-align:center;
	color:#000;
}

.right_calendar{
	background-color:#fff;
}

.right_calendar table td{
	background-color:#fafafc;
	width:28px;
	text-align:center;
	padding:1px 0;
	border-bottom:#e7e7e7 solid 1px;
}

.right_calendar table td.week{
	padding:1px 0;
	background-color:#efeeec;
	color:#000;
	border-top:#e1e1e1 solid 1px;
	border-bottom:#e1e1e1 solid 1px;
}

.right_calendar table td.holiday{
	background-color:#cc473e;
	color:#fff;
	border-bottom:#b33027 solid 1px;
}

#right_calendar_text_holiday{
	color:#cc473e;
	text-align:left;
	padding:6px 7px 6px 7px;
}

#right_calendar_text{
	text-align:left;
	padding:0px 7px 8px 7px;
}

#right_detail_img{
	padding:10px 0px 0px 28px;
}

/*========================================================*/
/* PAGETOP */
/*========================================================*/

#pagetop{
	text-align:right;
	width:950px;
	clear:both;
}


/*========================================================*/
/* FOOTER NAVI */
/*========================================================*/

#footer_navi_back{
	background-image:url(../images/footer_navi_back.gif);
	background-repeat:repeat-x;
}

#footer_navi{
	background-image:url(../images/footer_navi_back_center.gif);
	background-position:top center;
	background-repeat:no-repeat;
	height:36px;
}

#footer_navi ul{
	width:950px;
	margin:0 auto;
	list-style:none;
}

#footer_navi ul li{
	float:left;
}


/*========================================================*/
/* FOOTER */
/*========================================================*/

#footer{
	width:950px;
	height:84px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
}

#footer_read{
	width:360px;
	float:left;
	text-align:right;
	padding:33px 0 0 0;
}

#footer_logo{
	width:230px;
	float:left;
	text-align:center;
	padding:23px 0 0 0;
}

#footer_address{
	width:360px;
	float:right;
	text-align:left;
	padding:33px 0 0 0;
}

#copyright{
	height:24px;
	text-align:center;
	background-color:#202020;
}

#copyright img{
	padding:9px 0 0 0;
	margin:0 auto;
}


/*========================================================*/
/* 404 */
/*========================================================*/

#notfound_area{
	background-image:url(../images/header_top.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	padding:30px 0 0 0;
}

#notfound_illust{
	position:absolute;
	left:50%;
	margin-left:-47px;
	margin-top:250px;
}

#notfound_back{
	background-image:url(../images/404_back.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width:574px;
	height:705px;
	margin:0px auto 0 auto;
}

#notfound_text1{
	clear:both;
	padding:60px 0 0 0;
}

#notfound_text2{
	clear:both;
	padding:35px 0 0 0;
}

#notfound_home{
	clear:both;
	padding:30px 0 0 0;
}

#notfound_logo{
	padding:5px 0 0 0;
}

#notfound_copyright{
	padding:8px 0 15px 0;
}

#mainte_text1{
	clear:both;
	padding:40px 0 0 0;
}

#mainte_text2{
	clear:both;
	padding:20px 0 0 0;
}

/*========================================================*/
/* PRODUCT */
/*========================================================*/
/* 初めての購入　*/
#top_product_trial_area{
	overflow:hidden;
	width:690px;
	padding:40px 0 0 0;
	background:#fffdf6;
	}
	
.top_product_trial{
	border:#4681db solid 3px;
	}
	
.top_product_trial_title{
	position:absolute;
	margin:-20px 0 0 10px;
	}
	
.top_product_trial tr{
	display:block;
	border-bottom:#4681db solid 1px;
	}

.top_product_trial td{
	width:227px;
	border-right:#4681db solid 1px;
	text-align:center;
	padding:20px 0 10px 0;
	border-top:#4681db solid 1px\9;
	}
	
.top_product_trial .td_last{
	width:228px;
	text-align:center;
	padding:20px 0 10px 0;
	border-right:none;
	}


.top_product_trial td p{
	font-size:12px;
	line-height:130%;
	}

.top_product_trial td a{
	padding:5px 0;
	display:block;
	}
	
/*banner*/
.top_product_trial .top_product_banner_area{
	border-right:none;
	text-align:center;
	width:456px;
	padding:0;
	}

.top_product_trial .top_product_banner_area a{
	padding:0;
	display:block;
	cursor:pointer;
	}

.top_product_trial .top_product_banner_area a img{
	width:452px;
	}

.top_product_trial .top_product_banner_area02{
	border-right:none;
	text-align:center;
	width:684px;
	padding:2px 0;
	}

.top_product_trial .top_product_banner_area02 a{
	padding:0;
	display:block;
	cursor:pointer;
	}

.top_product_trial .top_product_banner_area02 a img{
	width:680px;
	}
	
.product_trial_more_top{
	padding:7px 15px 7px 0;
	text-align:right;
	border-bottom:#4681db double;
	min-height:90px;
	}
	
.product_trial_more{
	padding:7px 15px 7px 0;
	text-align:right;
	border-bottom:#4681db double;
	}	
	
/* 定期便コース決まったスケジュールでお届け　*/
#top_product_regularly_area{
	overflow:hidden;
	width:690px;
	padding:40px 0 0 0;
	background:#fffdf6;
	}
	
.top_product_regularly{
	border:#f58fc1 solid 3px;
	}
	
.top_product_regularly_title{
	position:absolute;
	margin:-20px 0 0 10px;
	}
	
.top_product_regularly tr{
	display:block;
	border-bottom:#f58fc1 solid 1px;
	overflow:hidden;
	}
	
.top_product_regularly td{
	width:227px;
	border-right:#f58fc1 solid 1px;
	text-align:center;
	padding:20px 0 10px 0;
	float:left\9;
	border-top:#f58fc1 solid 1px\9;
	}
	
	
.top_product_regularly .td_last{
	width:228px;
	text-align:center;
	padding:20px 0 10px 0;
	border-right:none;
	}

.top_product_regularly td p{
	font-size:12px;
	line-height:130%;
	}

.top_product_regularly td a{
	padding:5px 0;
	display:block;
	}
	
/*banner*/	
.top_product_regularly .top_product_banner_area{
	border-right:none;
	text-align:center;
	width:456px;
	padding:2px;
	}

.top_product_regularly .top_product_banner_area a{
	padding:0;
	display:block;
	cursor:pointer;
	float:left;
	}

.top_product_regularly .top_product_banner_area a img{
	margin:5px 0\9;
	}

.top_product_regularly .top_product_banner_area02{
	border-right:none;
	text-align:center;
	width:684px;
	padding:2px 0;
	}

.top_product_regularly .top_product_banner_area02 a{
	padding:0;
	display:block;
	cursor:pointer;
	}

.top_product_regularly .top_product_banner_area02 a img{
	width:680px;
	}

.product_regularly_more_top{
	padding:7px 15px 7px 0;
	text-align:right;
	border-bottom:#f58fc1 double;
	}
.product_regularly_more{
	padding:7px 15px 7px 0;
	text-align:right;
	border-bottom:#f58fc1 double;
	}

	
/* 今回のみ　*/
#top_product_once_area{
	overflow:hidden;
	width:690px;
	padding:40px 0 0 0;
	background:#fffdf6;
	}
	
.top_product_once{
	border:#e7c444 solid 3px;
	}
	
.top_product_once_title{
	position:absolute;
	margin:-20px 0 0 10px;
	}
	
.top_product_once tr{
	display:block;
	border-bottom:#e7c444 solid 1px;
	}

.top_product_once td{
	width:227px;
	border-right:#e7c444 solid 1px;
	text-align:center;
	padding:20px 0 10px 0;
	border-top:#e7c444 solid 1px\9;
	}
	
.top_product_once .td_last{
	width:228px;
	text-align:center;
	padding:20px 0 10px 0;
	border-right:none;
	}

.top_product_once td p{
	font-size:12px;
	line-height:130%;
	}

.top_product_once td a{
	padding:5px 0;
	display:block;
	}

/*banner*/	
.top_product_once .top_product_banner_area{
	border-right:none;
	text-align:center;
	width:456px;
	padding:0;
	}

.top_product_once .top_product_banner_area a{
	padding:0;
	display:block;
	cursor:pointer;
	}

.top_product_once .top_product_banner_area a img{
	width:452px;
	}

.top_product_once .top_product_banner_area02{
	border-right:none;
	text-align:center;
	width:684px;
	padding:2px 0;
	}

.top_product_once .top_product_banner_area02 a{
	padding:0;
	display:block;
	cursor:pointer;
	}

.top_product_once .top_product_banner_area02 a img{
	width:680px;
	}
	
.product_once_more{
	padding:7px 15px 7px 0;
	text-align:right;
	margin-top:1px;
	border-bottom:#e7c444 double;
	}

/*切り替えボタン*/
#top_product_once_btn{
	border-bottom:#e7c444 double;
	overflow:hidden;
	}

#tabs{
	margin:15px -10px 15px 12px;
	overflow:hidden;
	}

#tabs li {
	margin-right:10px;
	float:left;
	list-style:none;
	height:44px;
}

#test1,
#test2,
#test3 {
	overflow:hidden;
}

#test2,
#test3 {
	display: none;
}

/*common*/
.top_product_btn_area{
	cursor:pointer;
	}



/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.top_product_trial td{
border-top:none;
}
.top_product_regularly td{
border-top:none;
}
.top_product_once td{
border-top:none;
}

}