@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	font-size: 75% !important;
	line-height: 1.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.dy img,.btm_banner2 img,.wh_box img,h1 img{
	vertical-align:top !important;
	width:100% !important;
	height:auto !important;
}
.red{
	color: #E62327;
}

.red_left{
	text-align:left;
	color: #E62327;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
}
.mrb{
	margin-bottom:20px;
}

#base_b{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
}

#right-menu{
	position:absolute;
	right:28px;
	top:28px;
	
}

.wh_box {
	border-radius: 9px;		/* CSS3草案 */
	-webkit-border-radius: 9px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 9px;	/* Firefox用 */
	background-color:#FFF;
	padding-bottom: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 27px;
	margin-bottom: 10px;
	padding-top:2px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
}

.wh_box_top {
	border-radius: 9px;		/* CSS3草案 */
	-webkit-border-radius: 9px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 9px;	/* Firefox用 */
	background-color:#FFF;
	padding-bottom: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 27px;
	margin-bottom: 10px;
	padding-top:2px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
}

.join{
	margin-bottom:34px;
}

.dy{
	background-color: #FCEC00;
	padding-bottom:20px;
	text-align: center;
	position: relative;
}

p.gr_line{
	background-image: url(../img/sp_top_line.gif);
	background-repeat: repeat-x;
	background-size:100%;
	background-position: left bottom;
	width: 86%;
	display:block;
	padding-bottom:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	text-align: left;
}

p.gr_line2{
	background-image: url(../img/sp_top_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 440px;
	display:block;
	padding-bottom:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	text-align: left;
}

p.gr_line3{
	width: 440px;
	display:block;
	padding-bottom:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align: left;
}

.close_button{
	margin-top:-15px;
	box-sizing:content-box;
}

.open_button{
	box-sizing:content-box;
	vertical-align:top;
}

.area_bg{
	position:absolute;
	top:30px;
	left:-11px;
}

.reward{
	position:absolute;
	top:15px;
	left:-11px;
}

.area_top{
	position:absolute;
	top:38px;
	left:20px;
}

.shop_img{
	margin-top:50px;
}

ul.menu{
	
}

ul.menu li{
	margin-top:9px;
}

.txt{
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
}

img.recipe{
	margin-bottom:9px;
	display:block;
	width:90% !important;
	margin-left:auto;
	margin-right:auto;
}


#about_top{
	z-index:999;
	position:absolute;
	left:0px;
	top:150px;

}


.about_txt{
	margin-top:65px;
	padding-left:20px;
	padding-right:20px;
}

.pd_tb{
	padding-top:10px;
}

.pd_tb2{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.about_lr{
	padding-left:18px;
	padding-right:18px;
	padding-bottom:10px;
}

#joint_1{
	position:absolute;
	top:-34px;
	left:95px;
	width:67px !important;
}

#joint_2{
	position:absolute;
	top:-34px;
	left:45px;
	width:161px !important;
}

#joint_3{
	position:absolute;
	top:-34px;
	left:211px;
}

.join_head{
	margin-top:140px;
}

#event_top{
	position:absolute;
	top:-24px;
	left:-8px;
}

#howto_top{
	position:absolute;
	top:23px;
	left:-8px;
}

.event_head{
	margin-top:273px;
}

.mrg_top{
	margin-top:15px;
	margin-bottom:15px;
}

#recipe_head_bg{
	position:absolute;
	top:11px;
	left:-9px;
	width:109% !important;
}

#recipe_head_area{
	position:absolute;
	top:16px;
	left:12px;
	width:90% !important;
}

.recipe_head{
	margin-top:80px;
}

p.link{
	padding-top:10px;
}

p.link a{
	color:#00A7DE;
	text-decoration:underline;
}
p.link a:hover{
	color:#00A7DE;
	text-decoration:none;
}

#rg{
	background-color:#F0F0F0;
	padding-bottom:25px;
}

#slide_area{
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

img.lec_close{
	display:block;
	width:96% !important;
	margin-left:auto;
	margin-right:auto;
}

.ab_dy{
	padding-left:18px;
	padding-right:18px;
	z-index:1;
	position:relative;
}