/* CSS Document */

#nana{
	width:800px;
	margin:0 auto;
	padding-bottom:20px;
	background:#EDEE97;
}

.hide{
	display:none;
}

.bold{
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
	color:#36C;
}

.red_bold{
	font-size:20px;
	color:#C00;
	font-weight:bold;
	line-height:1.4;
}

.red{
	color:#C00;
}

.yellow{
	color:#FF0;
}


.title_upper{
	width:800px;
	height:260px;
	background:url(top_img_upper_np.jpg) no-repeat;
	text-indent:-9999px;
}

.title_middle{
	position:relative;
	width:800px;
	height:260px;
	background:url(top_img_middle_np.jpg) no-repeat;
}

.title_under{
	position:relative;
	width:800px;
	height:280px;
	background:url(top_img_under_np.jpg) no-repeat;
}

.alle{
	background: url(allergen.png) no-repeat;
	width: 162px;
	height: 55px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	top: 160px;
	left: 30px;
}

.nanainfo{
	width:750px;
	margin:0 auto 15px;
	padding:15px 0;
	background:#007A40;
}

.nanainfolink{
	text-align:center;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
}

.nanainfolink a{
	font-size:17px;
	color:#FF0;
	line-height:1.6;
	font-weight:bold;
}

.nanainfolink a:hover{
	text-decoration:none;
}

.upper_nivi{
	width:789px;
	height:69px;
	margin-bottom:30px;
	padding-top:12px;
	padding-left:11px;
	background:url(upper_naviback.gif) no-repeat;
	list-style:none;
}

.upper_nivi li{
	float:left;
	margin-right:3px;
}

.upper_nivi01{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

.upper_nivi01:hover{
	background:url(upper_navi01_on.gif) no-repeat;
}

.upper_nivi01_active{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi01_on.gif) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

.upper_nivi02:hover{
	background:url(upper_navi02_on.gif) no-repeat;
}

.upper_nivi02_active{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi02_on.gif) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

.upper_nivi03:hover{
	background:url(upper_navi03_on.gif) no-repeat;
}

.upper_nivi03_active{
	display:block;
	width:258px;
	height:69px;
	background:url(upper_navi03_on.gif) no-repeat;
	text-indent:-9999px;
}


.under_nivi{
	width:789px;
	height:97px;
	margin:0 auto;
	padding-left:11px;
	background:url(under_naviback.gif) no-repeat;
	list-style:none;
}

.under_nivi li{
	float:left;
	margin-right:3px;
}

.under_nivi01{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_nivi01:hover{
	background:url(under_navi01_on.gif) no-repeat;
}

.under_nivi01_active{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi01_on.gif) no-repeat;
	text-indent:-9999px;
}

.under_nivi02{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_nivi02:hover{
	background:url(under_navi02_on.gif) no-repeat;
}

.under_nivi02_active{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi02_on.gif) no-repeat;
	text-indent:-9999px;
}

.under_nivi03{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_nivi03:hover{
	background:url(under_navi03_on.gif) no-repeat;
}

.under_nivi03_active{
	display:block;
	width:258px;
	height:70px;
	background:url(under_navi03_on.gif) no-repeat;
	text-indent:-9999px;
}


.sec_underbox{
	width:750px;
	margin:0 auto 5px;
}


.download{
	display:block;
	float:left;
	width:361px;
	height:182px;
	background:url(download.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.enquete{
	display:block;
	float:right;
	width:361px;
	height:182px;
	background:url(enqute.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}



.center_link{
	display:inline-block;
	font-size:19px;
	color:#EDDA53;
	font-weight:bold;
	line-height:1.5;
}

.linkindent{
	background:url(linkindent.gif) no-repeat left center;
	padding-left:15px;
	line-height:1.8;
}



.gold{
	font-size:18px;
	color:#ECDE6E;
	font-weight:bold;
}

/* page01 */

.p01_sec01{
	width:750px;
	margin:0 auto 25px;
	background:#fff;
}

.p01_sec01 h3{
	width:750px;
	height:171px;
	background:url(p01_sec01_title.gif) no-repeat;
	text-indent:-9999px;
}

.p01_sec01 p{
	padding:20px;
	color:#009A63;
	font-size:17px;
	line-height:1.8;
	font-weight:bold;
}

.p01_sec01 p span{
	color:#E95432;
}

.nana_list01{
	width:735px;
	list-style:none;
	margin-top:15px;
	margin-left:18px;
}

.nana_list01 li{
	float:left;
	width:170px;
	text-align:center;
	margin-right:13px;
}

.nana_list01 li dl{
	width:170px;
}

.nana_list01 li dl a{
	font-size:12px;
	color:#00A172;
	text-decoration:underline;
}

.nana_list01 li dl a:hover{
	text-decoration:none;
}

.nana_list02{
	width:592px;
	list-style:none;
	margin:25px 0 15px 90px;
}

.nana_list02 li{
	float:left;
	width:170px;
	text-align:center;
	margin-right:26px;
}

.nana_list02 li dl{
	width:170px;
}

.nana_list02 li dl a{
	font-size:12px;
	color:#00A172;
	text-decoration:underline;
}

.nana_list02 li dl a:hover{
	text-decoration:none;
}

.list_end{
	margin-right:0;
}



/* page02 */

.p02_sec01{
	width:750px;
	margin:0 auto 25px;
	background:#fff;
}

.p02_sec01 h3{
	width:750px;
	height:171px;
	background:url(p02_sec01_title.gif) no-repeat;
	text-indent:-9999px;
}

.p02_sec01 p{
	padding:20px;
	color:#009A63;
	font-size:17px;
	line-height:1.8;
	font-weight:bold;
}

.p02_sec01 p span{
	color:#E95432;
}

.p02_sec02{
	position:relative;
	width:750px;
	height:291px;
	margin:0 auto 25px;
	background:url(p02_sec02_back.jpg) no-repeat;
}

.p02_sec02 p{
	position:absolute;
	top:33px;
	left:290px;
	width:365px;
	font-size:14px;
	color:#008C68;
	font-weight:bold;
	line-height:1.72;
}

.p02_sec03{
	position:relative;
	width:750px;
	height:377px;
	margin:0 auto 25px;
	background:url(p02_sec03_back.jpg) no-repeat;
}

.p02_sec03 .read{
	position:absolute;
	top:23px;
	left:359px;
	width:381px;
	font-size:15px;
	color:#A42100;
	font-weight:bold;
	line-height:1.4;
}

.p02_sec03 .soup{
	position:absolute;
	top:148px;
	left:163px;
	width:121px;
	font-size:12px;
	color:#fff;
	line-height:1.42;
}

.p02_sec03 .rice{
	position:absolute;
	top:136px;
	left:490px;
	width:225px;
	font-size:12px;
	color:#007252;
	line-height:1.2;
}

.p02_sec03 .material{
	position:absolute;
	top:270px;
	left:518px;
	width:201px;
	font-size:12px;
	color:#E40059;
	line-height:1.43;
}



/* page03 */

.p03_sec01{
	width:750px;
	margin:0 auto 25px;
}

.p03_sec01 h3{
	width:750px;
	height:142px;
	background:url(p03_sec01_title.jpg) no-repeat;
	text-indent:-9999px;
}

.p03_sec01 .spec{
	position:relative;
	width:750px;
	height:681px;
	background:url(p03_sec01_specback.jpg) no-repeat;
}

.vege_material{
	position:absolute;
	top:73px;
	left:34px;
	width:155px;
	font-size:12px;
	color:#FFF47F;
	line-height:1.53;
	font-weight:bold;
}

.vege_spirlina{
	position:absolute;
	top:80px;
	left:379px;
	width:131px;
	font-size:12px;
	color:#FFFAD9;
	line-height:1.65;
	font-weight:bold;
}

.vege_soup{
	position:absolute;
	top:73px;
	left:562px;
	width:159px;
	font-size:12px;
	color:#009963;
	line-height:1.53;
	font-weight:bold;
}

.vege_material_box{
	position:absolute;
	top:244px;
	left:21px;
	width:176px;
}

.vege_material_box_btn{
	display:block;
	width:176px;
	height:63px;
	background:url(p03_sec01_material_btn.gif) no-repeat;
	text-indent:-9999px;
}

.vege_material_box_btn:hover{
	cursor:pointer;
}

.vege_material_box_btn_active{
	display:block;
	width:176px;
	height:21px;
	background:url(p03_sec01_material_offbtn.gif) no-repeat;
	text-indent:-9999px;
}



.vege_soup_box{
	position:absolute;
	top:244px;
	left:553px;
	width:176px;
}

.vege_soup_box_btn{
	display:block;
	width:176px;
	height:63px;
	background:url(p03_sec01_soup_btn.gif) no-repeat;
	text-indent:-9999px;
}

.vege_soup_box_btn:hover{
	cursor:pointer;
}

.vege_soup_box_btn_active{
	display:block;
	width:176px;
	height:21px;
	background:url(p03_sec01_soup_offbtn.gif) no-repeat;
	text-indent:-9999px;
}


.p03_sec01 .logo{
	width:750px;
	height:220px;
	padding-top:24px;
	background:url(p03_sec01_under.jpg) no-repeat;
}

.vege_logo_btn{
	width:390px;
	height:190px;
	margin:0 auto;
	text-indent:-9999px;
}

.vege_logo_btn:hover{
	cursor:pointer;
}

.p03_sec02{
	width:750px;
	margin:0 auto 25px;
}

.p03_sec02 h3{
	width:750px;
	height:80px;
	background:url(p03_sec02_title.jpg) no-repeat;
	text-indent:-9999px;
}

.p03_sec02 p{
	width:457px;
	height:213px;
	padding:0 268px 0 25px;
	background:url(p03_sec02_back.jpg) no-repeat;
	font-size:15px;
	color:#FFF;
	line-height:1.6;
}

.p03_sec03{
	position:relative;
	width:750px;
	height:292px;
	margin:0 auto 25px;
	background:url(p03_sec03_back.gif) no-repeat;
}

.p03_sec03 p{
	position:absolute;
	top:77px;
	left:258px;
	width:473px;
	font-size:15px;
	color:#FFF9C5;
	line-height:1.45;
}