@charset "utf-8";


html{
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

	
}

body{
	background:url(../images/pc/top_border.jpg) repeat-x 0 0; !important
	line-height:1.8em;
	color:#5c5542;
	/*ベースサイズは14px相当*/
	font-size: 14px;
	background-color:#fef8ea;
	text-align:center;
}


img{
	-webkit-filter: grayscale(0%);
	filter: none;
}


header{
	text-align:center;
	background:url(../images/pc/main_bg.jpg) no-repeat 50% 60%;
}


#ul_contents li{
	text-decoration:none;
	clear:both;
	padding-top:30px;
}

#div_sitep_01{
	background:url(../images/ico_01.gif) no-repeat 0 0;
	padding-left:90px;
	
}

#div_sitep_02{
	background:url(../images/ico_02.gif) no-repeat 0 0, url(../images/pc/pict_02.jpg) right 15px no-repeat;
	padding-left:90px;
	height:500px;

}

#div_sitep_03{
	background:url(../images/ico_03.gif) no-repeat 0 0, url(../images/pc/pict_03.jpg) right 15px no-repeat;
	padding-left:90px;
	height:520px;

}


.div_step_box{
	font-size:26px;
	line-height:57px;
	text-align:left;
	background:url(../images/dot_color.gif) no-repeat 0 0;
	margin:0 0 10px;
	
}

.font_pink_b{
	color:#f5596c;
}

#font_tit{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:25px 0 25px;
	line-height:1.9em;
}

#text_c{
	float:left;
	width:500px;
}

.bg_step01{
	background:url(../images/pc/text_1.jpg) no-repeat 100% 0%;
	width:100%;
	clear:both;
}

.dl_kcal {
  width:180px;
  float:left;
  margin:5px 0 15px;
}

.dl_kcal dt {
  float:left;
  clear:left;
  width:65px;
  font-size:14px;
  font-weight:bold;
  background-color:#ddc7ac;
  border-radius:5px;
  color:#fff;
  line-height:2em;
}

.dl_kcal dd {
  float:left;
  width:100px;
  font-size:16px;
  padding-top:0px;
}

.dl_kcal dd p{
	font-size:28px;
	float:left;
	margin:0 10px 0 10px;
	
}

.text_kcal{
	float:left;
	margin:8px 0 0 0;
}

.dl_other{
  float:left;
  margin:0px 1px 15px;
  width:160px;
}

.dl_other dt {
  float:left;
  clear:left;
  font-size:14px;
  font-weight:bold;
  border-radius:5px;
  line-height:2.5em;
  text-align:right;
}

.dl_other dd {
  float:left;
  width:75px;
  font-size:16px;
  padding-top:0px;
  text-align:left;
}


.dl_other .text_kcalnum{
	font-size:28px;
	float:left;
	margin:0 5px 0 5px;
}

#head_wall{
	position:relative;
	margin-top:25px;
	height:470px;
	width:980px;
	margin: 0 auto 0 auto;
}

#head_wall h1{
	margin:20px 0 0 0;
	font-size:18px;
}

#btn_logo{
	width:250px;
	height:48px;
	position:absolute;
	right:20px;
	top:40px;
	text-align:right;
}


#main_px{

	position:absolute;
	top:50px;
	text-align:left;
}

#contents_w{
	width:980px;
	margin:0 auto 0 auto;
}

#contents_w img{
	float:left;
}

#box_newfloat01{
	background-image:url(../images/pc/new_img_box_01.png);
	width:540px;
	height:181px;
	float:left;
	position:relative;
	margin:0 0 25px;
}

.img_01huki{
	position:absolute;
	top: -20px;
	left: -40px;
	right: 0;
	bottom: 0;
	margin:0 10px 0 10px;

}


.img_top{
	position:relative;
	top: -20px;
	margin:0 10px 0 10px;

}

.box01_qrimage{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 540px;
	height: 60px;
}


#box_newfloat02{
	background-image:url(../images/pc/new_img_box_02.png);
	width:280px;
	height:181px;
	float:right;
	position:relative;
}



.box02_qrimage{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 280px;
	height: 60px;
}

.img_top02{
	position:relative;
	top: -35px;
	margin:0 10px 0 10px;

}

#box_newfloat03{
	background-image:url(../images/pc/new_img_box_03.png);
	width:850px;
	height:218px;
	float:right;
	position:relative;
	margin:0 0 25px;
}

.box03_qrimage{
	position: absolute;
	top: 0;
	left: -550px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 400px;
	height: 80px;
}


.img_left03{
	position:relative;
	top: 50px;
	margin:0 10px 0 10px;

}

.box03_qrright{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 600px;
	height: 340px;
}




#box_float01{
	background-image:url(../images/pc/img_box_01.jpg);
	width:626px;
	height:258px;
	float:left;
	position:relative;
	margin:0 0 25px;
}



#box_float02{
	background-image:url(../images/pc/img_box_02.jpg);
	width:171px;
	height:258px;
	float:right;
	position:relative;
}

#box_float02 p{
	width:140px;
	margin:70px auto 0 auto;
	text-align:center;
	line-height:1.2em;
}

.f10{
	font-size:10px;
}

.w_footer{
	width:850px;
	margin:0 auto 55px auto;
}

#text_f_left{
	position: absolute;
	top: 51px;
	right: 56px;
	width: 390px;
	text-align: left;
	font-size: 14px;
}

#text_f_left p{
	font-size:12px;
}

#h3_recotop{
	background-color: #e0d4c0;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 65px;
	width: 569px;
	left: 25px;
	padding: 3px 0 3px;

}

#foot_under_text{
	width: 530px;
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	top: 110px;
	left: 44px;
	line-height: 1.5em;
}

.copy{
	background-image:url(../images/pc/top_border.jpg);
	clear:both;
	font-size:10px;
	margin:0 0 0 0;
	line-height: 2.5em;
	color:#fff;
}