﻿/*  all reset
==============================================*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*  base
==============================================*/
body {
	color: #666;
	font: 12px/16px verdana, Helvetica, arial, HiraKakuPro-W3, "MS Pゴシック", Osaka, sans-serif;
	background-color: #FEF1F9;
	text-align: center;
	}



h1,h2,h3,h4,p,dl{
	margin:0;
	padding:0;
	color: #666;
	}

a:link, a:visited {
	color: #F672B3;
	text-decoration: none;
}
a:active, a:hover {
	color: #fb1b74;
	text-decoration: underline;
	font-size: 12px;
}

div {
	padding: 0px;
	margin: 0px;
	}

img {
	border: 0px;
	text-align: center;
	}
	
.clear {
	clear: both;
	line-height: 1px;
	}	



#frame {
	width: 854px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	}

#frame2 {
	width: 844px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	}


/*  float
==============================================*/
.float-l {float: left;}
.float-r {float: right;}
	
.img-right {
	padding:0;
	float: right;
	margin: 0px 0px 10px 10px;
	}

.img-left {
	padding:0;
	float: left;
	margin: 0px 10px 10px 0px;
	}


/*  txt
==============================================*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}


.txt10 {font-size: 12px;line-height: 14px;}
.txt10b {font-size: 12px;line-height: 14px;font-weight: bold;}

.txt11 {font-size: 12px;line-height: 14px;}
.txt11b {font-size: 12px;line-height: 14px;font-weight: bold;}

.txt12 {
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
.txt12b {font-size: 12px;line-height: 14px;font-weight: bold;}

.txt14 {font-size: 14px;line-height: 14px;}

.txtb-pink {
	color: #e5577b;
	font-weight: bold;
	font-size: 14px;
}


/*  margin
==============================================*/
.tmg05 {margin: 5px 0px 0px 0px;}
.tmg10 {margin: 10px 0px 0px 0px;}
.tmg15 {margin: 15px 0px 0px 0px;}
.tmg20 {margin: 20px 0px 0px 0px;}
.tmg25 {margin: 25px 0px 0px 0px;}
.tmg30 {margin: 30px 0px 0px 0px;}

.rmg05 {margin: 0px 5px 0px 0px;}
.rmg07 {margin: 0px 7px 0px 0px;}
.rmg10 {margin: 0px 10px 0px 0px;}
.rmg15 {margin: 0px 15px 0px 0px;}
.rmg20 {margin: 0px 20px 0px 0px;}
.rmg25 {margin: 0px 25px 0px 0px;}
.rmg30 {margin: 0px 30px 0px 0px;}

.bmg05 {margin: 0px 0px 5px 0px;}
.bmg07 {
	margin: 0px 0px 10px 0px;
}
.bmg10 {margin: 0px 0px 10px 0px;}
.bmg12 {margin: 0px 0px 12px 0px;}
.bmg15 {margin: 0px 0px 15px 0px;}
.bmg20 {margin: 0px 0px 20px 0px;}
.bmg25 {margin: 0px 0px 25px 0px;}
.bmg30 {margin: 0px 0px 30px 0px;}
.bmg35 {margin: 0px 0px 35px 0px;}

.lmg02 {margin: 0px 0px 0px 2px;}
.lmg05 {margin: 0px 0px 0px 5px;}
.lmg10 {margin: 0px 0px 0px 10px;}
.lmg15 {margin: 0px 0px 0px 15px;}
.lmg20 {margin: 0px 0px 0px 20px;}
.lmg25 {margin: 0px 0px 0px 25px;}
.lmg30 {margin: 0px 0px 0px 30px;}


/*  padding
==============================================*/
.tpd05 {padding: 5px 0px 0px 0px;}
.tpd10 {padding: 10px 0px 0px 0px;}
.tpd15 {padding: 15px 0px 0px 0px;}
.tpd20 {padding: 20px 0px 0px 0px;}
.tpd25 {padding: 25px 0px 0px 0px;}
.tpd30 {padding: 30px 0px 0px 0px;}

.rpd05 {padding: 0px 5px 0px 0px;}
.rpd10 {
	padding: 0px 10px 0px 0px;
	font-size: 12px;
}
.rpd15 {padding: 0px 15px 0px 0px;}
.rpd20 {padding: 0px 20px 0px 0px;}
.rpd25 {padding: 0px 25px 0px 0px;}
.rpd30 {padding: 0px 30px 0px 0px;}

.bpd05 {padding: 0px 0px 5px 0px;}
.bpd10 {
	padding: 0px 0px 10px 0px;
	font-size: 12px;
}
.bpd15 {
	padding: 0px 0px 15px 0px;
	text-align: left;
}
.bpd20 {
	padding: 0px 0px 20px 0px;
	font-size: 12px;
}
.bpd25 {padding: 0px 0px 25px 0px;}
.bpd30 {padding: 0px 0px 30px 0px;}

.lpd05 {padding: 0px 0px 0px 5px;}
.lpd10 {padding: 0px 0px 0px 10px;}
.lpd15 {padding: 0px 0px 0px 15px;}
.lpd20 {padding: 0px 0px 0px 20px;}
.lpd25 {padding: 0px 0px 0px 25px;}
.lpd30 {padding: 0px 0px 0px 30px;}



/*  page Top
==============================================*/

.pagetop {
	text-align: right;
	padding: 0px 10px 20px 0px;
}




/*  header
==============================================*/
#header {
	width: 844px;
	height: 109px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/head_bg.jpg);
	background-repeat: no-repeat;
	}

	#header h1 {
	font-size: 12px;
	color: #f67b96;
	font-weight: normal;
	padding: 8px 0px 13px 18px;
	margin: 0px;
	}

.header-r {
	width: 288px;
	float: right;
	text-align: right;
	margin: 10px 0px 0px 0px;
	}

.logo {
	width: 79px;
	height: 63px;
	margin: 0px 0px 12px 15px;
	float: left;
	vertical-align: middle
	}
	
/*  navi
==============================================*/
#navi-bg {
	width: 844px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-image: url(../images/navi_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	}

#navi {
	width: 680px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	}

	#navi li{
	float: left;
	}

	#navi01 a {
	width: 170px;
	height: 40px;
	display: block;
	}

	#navi01 a:hover {
	background-image: url(../images/navi.jpg);
	background-position: 0px -40px;
	}

	#navion01 a {
	width: 170px;
	height: 40px;
	display: block;
	background-image: url(../images/navi.jpg);
	background-position: 0px -40px;
	}

	#navi02 a {
	width: 170px;
	height: 40px;
	display: block;
	}

	#navi02 a:hover {
	background-image: url(../images/navi.jpg);
	background-position: -170px -40px;
	}

	#navion02 a {
	width: 170px;
	height: 40px;
	display: block;
	background-image: url(../images/navi.jpg);
	background-position: -170px -40px;
	}

	#navi03 a {
	width: 170px;
	height: 40px;
	display: block;
	}

	#navi03 a:hover {
	background-image: url(../images/navi.jpg);
	background-position: -340px -40px;
	}

	#navion03 a {
	width: 170px;
	height: 40px;
	display: block;
	background-image: url(../images/navi.jpg);
	background-position: -340px -40px;
	}

	#navi04 a {
	width: 170px;
	height: 40px;
	display: block;
	}

	#navi04 a:hover {
	background-image: url(../images/navi.jpg);
	background-position: -510px -40px;
	}

	#navion04 a {
	width: 170px;
	height: 40px;
	display: block;
	background-image: url(../images/navi.jpg);
	background-position: -510px -40px;
	}



/*  contents
==============================================*/
#content {
	width: 844px;
	padding: 0px;
	margin: 0px;
	}


/*  contents left
==============================================*/
#contents-l {
	width: 183px;
	float: left;
	padding: 0px;
	margin: 0px;
	}

.contents-l2 {
	width: 175px;
	float: left;
	padding: 7px 0px 23px 0px;
	margin: 0px 0px 0px 8px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	}

.menu {
	width: 160px;
	font-size: 11px;
	text-align: left;
	background-color: #ffffff;
	margin: 0px auto 15px;
	}

.menu h2 {
	}
	
.menu ul.normal {
	width: 138px;
	padding: 0px 0px 10px 12px;
	}

.menu ul.tab {
	margin: 0px 0px 0px 6px;
	}

.menu li.line {
	padding: 4px 0px 4px 4px;
	background-image: url(../images/line_dot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 12px;
	}

.menu li.noline {
	padding: 4px 0px 4px 4px;
	font-size: 12px;
	}

.menu li.tab {
	padding: 4px 0px 0px 11px;
	background-image: url(../images/menu_tab.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.menu li.tab2 {
	padding: 4px 0px 0px 11px;
	background-image: url(../images/menu_tab2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.menu-button {
	width: 148px;
	border: 1px solid #ffffff;
	background-color: #fcf7f9;
	padding: 7px 0px;
	margin: 0px 0px 22px 0px;
	text-align: center;
	}



/*  contents main
==============================================*/
#main {
	width: 652px;
	float: left;
	padding: 0px;
	margin: 0px;
	}

/*  top main
==============================================*/
#top-main {
	width: 516px;
	float: left;
	padding: 0px;
	margin: 0px;
	}

.top-news {
	width: 490px;
	height: 95px;
	background-image: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 15px;
	}

.top-news ul {
	padding: 18px 0px 0px 70px;
	}

.top-news li {
	padding: 0px 0px 0px 18px;
	background-image: url(../images/arrow_pink.gif);
	background-position: left;
	background-repeat: no-repeat;
	}

.top-main2 {
	width: 483px;
	margin: 0px 0px 0px 17px;
	}

.top-main2 h2 {
	padding: 0px 0px 14px 0px;
	}

.top-main2 h3 {
	padding: 0px 0px 3px 0px;
	}

.top-organic-waku {
	width: 478px;
	border: 1px solid #d9d9d9;
	}

.top-maka {
	width: 240px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	}

.top-yosan {
	width: 239px;
	padding: 0px 0px10px 0px;
	float: left;
	font-size: 12px;
	}

.top-w200 {
	width: 208px;
	padding: 0px 0px 15px 24px;
	float: left;
	font-size: 12px;
	} 

.top-w200b {
	width: 208px;
	padding: 0px 0px 10px 24px;
	float: left;
	font-size: 12px;
	font-family: verdana, Helvetica, arial, HiraKakuPro-W3, "MS Pゴシック",sans-serif;
	} 

.top-w200c {
	width: 208px;
	padding: 0px 0px 10px 24px;
	float: left;
	} 

.top-w150 {
	width: 140px;
	padding: 0px 0px 10px 17px;
	float: left;
	} 

.top-w160 {
	width: 140px;
	padding: 0px 10px 10px 5px;
	float: left;
	} 



/*  top banner
==============================================*/
#banner {
	width: 136px;
	text-align: center;
	float: left;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	}

.rank {
	width: 132px;
	text-align: left;
	background-image: url(../images/rank_bg.gif);
	background-repeat: repeat-y;
	margin: 0px 0px 12px 0px;
	}

.rank2 {
	width: 120px;
	margin: 0px 0px 0px 6px;
	background-image: url(../images/rank_phbg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}

.rank2 li.no {
	width: 49px;
	margin: 8px 0px 0px 0px;
	float: left;
	}
	
.rank2 li.ph {
	width: 47px;
	margin: 8px 0px 0px 0px;
	float: left;
	}

.toplink {
	text-align: left;
	background-color: #faf3f5;
	padding: 11px 7px 18px 7px;
	margin: 0px 0px 12px 0px;
	}
	
.message {
	width: 135px;
	text-align: left;
	background-image: url(../images/top_message_bg.gif);
	background-repeat: repeat-y;
	}

.message p {
	padding: 10px 9px 15px 9px;
	}


/*  top txt
==============================================*/
.top-txt {
	width: 802px;
	background-position: top;
	background-repeat: repeat;
	margin: 38px 0px 34px 20px;
	}

.top-txt2 {
	width: 802px;
	background-image: url(../images/top_txtbg_b.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}

.top-txt2 ul {
	}
	
.top-txt2 li.come-l {
	width: 259px;
	padding: 25px 10px 0px 32px;
	float: left;
	} 

.top-txt2 li.come-l2 {
	width: 237px;
	padding: 0px 0px 47px 32px;
	float: left;
	} 

.top-txt2 li.come-c {
	width: 211px;
	padding: 25px 28px 0px 0px;
	float: left;
	} 

.top-txt2 li.come-c2 {
	width: 271px;
	padding: 0px 0px 47px 0px;
	float: left;
	} 

.top-txt2 li.come-r {
	width: 224px;
	padding: 25px 0px 0px 0px;
	float: left;
	} 

.top-txt2 li.come-r2 {
	width: 224px;
	padding: 0px 0px 47px 0px;
	float: left;
	} 

.top-txt-img {
	margin: 7px 0px 7px 70px;
	}
	
	

/*  footer
==============================================*/
.footer {
	width: 800px;
	margin: 0px 0px 0px 19px;
	border-top: 1px solid #666666;
	}

	.footer p.linkarea {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding: 20px 0px 18px 0px;
	}

	.footer p.copy {
	text-align: right;
	padding: 0px 25px 10px 0px;
	}



/*  inner
==============================================*/
#main .inner {
	width: 632px;
	margin: 0px 0px 0px 15px;
	}

/*  pan
==============================================*/
.pan {
	font-size: 12px;
	padding: 0px 0px 0px 3px;
	}

.pan a {
	color: #666666;
	text-decoration: underline;
	}

.pan a:hover {
	color: #999999;
	text-decoration: none;
	}

/*  link button
==============================================*/
.link-bu {
	text-align: right;
	margin: 0px 0px 10px;
	}

/*  line green
==============================================*/
.line-green {
	width: 630px;
	height: 2px;
	background-image: url(../images/line_dot_green.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}


/*  line grayLong
==============================================*/
.line-grayLong {
	width: 630px;
	height: 1px;
	background-image: url(../images/line_dot_gray.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom:20px;
}


/*  shopguide
==============================================*/
.shopguide {
	width: 632px;
	background-color: #fff6f6;
	padding: 20px 0px;
	margin: 0px 0px 50px 0px;
	}

.shopguide-in {
	background-image: url(../images/shopguide_bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px 18px;
	}

.shopguide-in .left {
	width: 270px;
	float: left;
	}

.shopguide-in .right {
	width: 280px;
	float: right;
	}


/*  popular recipe
==============================================*/

.popularrecipe{
	width:610px;
	height:auto;
	background:#ffe1e1;
	margin: 0px 0px 50px 0px;
	padding:15px 10px;
}

.popularrecipe table{
	width:550px;
	height:auto;
	margin:0px auto;
}

.popularrecipe table td.w180{
	width:180px;
	height:auto;
}

.popularrecipe table td h5{
	margin-bottom:10px;
}

.popularrecipe table td p{
	padding-left:70px;
}

.popularrecipe table td.w180_r{
	width:180px;
	height:auto;
	text-align:right
}

.popularrecipe div.pop_sp{
	width:564px;
	height:auto;
	background:url(../images/bg_pop_sp.gif) 0 0 no-repeat;
	padding:0px 0px 10px 0px;
	margin:15px auto 0px;
}


/*  hidden

==============================================*/
#navi
 {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}


/*  color

==============================================*/
.color_fd{
	color:#fd5706;
	font-size: 12px;
}

.color_99{
	color:#990066;
}

.color_e1{
	color:#e13977;
}

.color_cd{
	color:#cd0525;
}

.color_f8{
	color:#f89f12;
}

.color_da{
	color:#da0000;
}

.color_d7{
	color:#d71447;
}

.color_db{
	color:#db1a52;
}


/*  wrap630

==============================================*/

.wrap630{
	width:630px;
	height:auto;
	background:url(../food/images/salt_bg01_mid.gif) 0 0 repeat-y;
	margin:0px 0px 35px 0px;
}

.wrap630 div.wrap630top{
	width:630px;
	height:auto;
	background:url(../food/images/salt_bg01_top.gif) 0 0 no-repeat;
}

.wrap630 div.wrap630top div.wrap630btm{
	width:590px;
	height:auto;
	background:url(../food/images/salt_bg01_btm.gif) 0 bottom no-repeat;
	padding:22px 10px 20px 15px;
}

.wrap630 div.wrap630top div.wrap630btm h4{
	margin:0px;
	padding:0px;
}

.wrap630 div.wrap630top div.wrap630btm h5{
	margin:0px 0px 10px 0px;
	padding:0px;
}


/*  wrap594

==============================================*/

.wrap594{
	width:594px;
	height:auto;
	background:url(../images/graybg_594mid.gif) 0 0 repeat-y;
	margin:0px auto 50px auto;
}

.wrap594 div.wrap594top{
	width:594px;
	height:auto;
	background:url(../images/graybg_594top.gif) 0 0 no-repeat;
}

.wrap594 div.wrap594btm{
	width:566px;
	height:auto;
	padding:14px;
	background:url(../images/graybg_594btm.gif) 0 bottom no-repeat;
}

.wrap594 div.wrap594btm p{
	margin:0px 5px 20px 90px;
}

.wrap594 div.wrap594btm h5{
	margin:0px 0px 10px 90px;
}

.left451{
	width:451px;
	height:auto;
	float:left;
}

.right114{
	width:114px;
	height:auto;
	float:left;
}


/*  wrapPhoto

==============================================*/

.wrapPhoto01{
	margin:0px 20px 20px;
	padding:0px;
}

.wrapPhoto01 img{
	float:left;
}

.wrapPhoto01 p{
	margin:0px 0px 10px 200px;
	font-size: 12px;
}

.wrapPhoto01 p img{
	margin:0px 0px 10px 0px;
}

.wrapPhoto02{
	margin:0px 20px 30px 20px;
	padding:0px;
	font-size: 12px;
}

.wrapPhoto02 p{
	margin:0px 220px 10px 0px;
	font-size: 12px;
	font-family: verdana, Helvetica, arial, HiraKakuPro-W3, "MS Pゴシック", Osaka, sans-serif;
}

.wrapPhoto02 p.txtLong{
	margin:0px 0px 10px 0px;
}

.wrapPhoto02 img{
	float:right;
}

.wrapPhoto03{
	width:592px;
	margin:0px 20px 30px 20px;
}

.wrapPhoto03 div.wrapPhoto03Left{
	width:290px;
	height:auto;
	float:left;
}

.wrapPhoto03 div.wrapPhoto03Right{
	width:302px;
	height:auto;
	float:left;
}

.wrapPhoto03 div.wrapPhoto03Right h3{
	margin-bottom:20px;
}

.wrapPhoto04{
	width:592px;
	margin:0px 20px 20px;
}

.wrapPhoto04 span.red{
	color:#bb492a;
}


/*  wrap591

==============================================*/

.wrap591{
	width:591px;
	height:auto;
	background:url(../images/pink_bg_mid.gif) 0 0 repeat-y;
	margin:0px auto 35px auto;
}

.wrap591 div.wrap591top{
	width:591px;
	height:auto;
	background:url(../images/pink_bg_top.jpg) no-repeat 0 0;
}

.wrap591 div.wrap591top div.wrap591btm{
	width:411px;
	height:auto;
	background:url(../images/pink_bg_btm.gif) 0 bottom no-repeat;
	padding:22px 150px 40px 30px;
}

.wrap591 div.wrap591top div.wrap591btm p{
	margin-bottom:20px;
	font-size: 12px;
}

.wrap591 div.wrap591top div.wrap591btm p strong{
	color:#fc6704;
	font-size:16px;
	font-weight:bold;
}

.wrap591 div.wrap591top div.wrap591btm p strong.green{
	color:#439136;
}

.wrap591 div.wrap591top div.wrap591btm p strong.red{
	color:#f00606;
	font-size:12px;
	font-weight:bold;
}

.wrap591 div.wrap591top div.wrap591btm p strong.purple{
	color:#db1a52;
	font-size:12px;
	font-weight:bold;
}


/*  wrap308

==============================================*/

.wrap308{
	width:308px;
	height:auto;
	background:url(../images/gray_bg01_mid.gif) 0 0 repeat-y;
	margin:0px 0px 30px 20px;
}

.wrap308 div.wrap308top{
	width:308px;
	height:auto;
	background:url(../images/gray_bg01_top.gif) 0 0 no-repeat;
}

.wrap308 div.wrap308top div.wrap308btm{
	width:258px;
	height:auto;
	background:url(../images/gray_bg01_btm.gif) 0 bottom no-repeat;
	padding:24px 19px 20px 31px;
}

.wrap308 h4{
	margin:0px 0px 10px 0px;
	padding:0px;
}

.wrap308 p{
	padding:18px 0px 19px 10px;
}

.wrap308 div.wrap308top div.wrap308btm div{
	background:url(../images/gray_bg_in.gif) 0 0 repeat;
	padding:10px;
}

.wrap308 div.wrap308top div.wrap308btm div table{
	width:100%;
}

.wrap308 div.wrap308top div.wrap308btm div table th{
	text-align:right;
}


/*  wrap628t

==============================================*/

.wrap628t{
	width:628px;
	height:auto;
	background:url(../images/gray_bg_t01_mid.gif) 0 0 repeat-y;
	margin-bottom:30px;
}

.wrap628t_top{
	width:628px;
	height:auto;
	background:url(../images/gray_bg_t01_top.gif) 0 0 no-repeat;
	padding-top:10px;
}

table.wrap628t_btm{
	width:628px;
	height:auto;
	background:url(../images/gray_bg_t01_btm.gif) 0 bottom no-repeat;
	padding-bottom:10px;
}

table.wrap628t_btm td{
	width:290px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
}

table.wrap628t_btm td.norightsp{
	padding-left:15px;
	padding-right:5px;
	vertical-align:top;
}

table.wrap628t_btm td div{
	background:url(../images/gray_bg_in.gif) 0 0 repeat;
	width:90%;
	padding:10px;
	margin-bottom:10px;
}

table.wrap628t_btm td div table td{
	width:130px;
}


/*  wrap559

==============================================*/

.wrap559{
	width:559px;
	height:auto;
	background:url(../images/gray_bg02_mid.gif) 0 0 repeat-y;
	margin-bottom:40px;
}

.wrap559 div.wrap559top{
	width:559px;
	height:auto;
	background:url(../images/gray_bg02_top.gif) 0 0 no-repeat;
}

.wrap559 div.wrap559top div.wrap559btm{
	width:509px;
	height:auto;
	background:url(../images/gray_bg02_btm.gif) 0 bottom no-repeat;
	padding:24px 19px 20px 31px;
}

.wrap559 div.wrap559top div.wrap559btm div{
	background:url(../images/gray_bg_in.gif) 0 0 repeat;
	padding:10px;
	margin-bottom:10px;
}


/*  shopping

==============================================*/

table.shopping{
	width:520px;
	height:auto;
	margin:0px 10px 10px 50px;
}

table.shopping th{
	width:125px;
	vertical-align:top;
	padding-bottom:10px;
	padding-right:10px;
}

table.shopping td{
	padding-bottom:10px;
}

table.shopping td h5{
	padding:3px 10px;
	background:#fee9f0;
	color:#c63565;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 10px 0px;
}

table.shopping td h5 a:link,
table.shopping td h5 a:visited{
	color:#c63565;
	text-decoration:underline;
}

table.shopping td h5 a:hover,
table.shopping td h5 a:active{
	text-decoration:none;
	color:#c63565;
}

table.shopping td h5.color87{
	color:#877160;
}

table.shopping td p{
	font-size:14px;
	margin:0px 0px 10px 10px;
}

table.shopping td p.txt12{
	font-size:12px;
}

table.shopping td p.txt12b{
	font-size:12px;
	font-weight:bold;
}

table.shopping td p strong.kakaku{
	font-size:16px;
	color:#FF3366;
}

p.shopping_txt{
	color:#e24679;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 10px 50px;
}

p.shopping_txt02{
	font-size:14px;
	margin:0px auto 30px 30px;
	padding-left:10px;
	background:url(../images/shopicon_pink.gif) 0 center no-repeat;
}

p.shopping_txt02 strong{
	color:#c63565;
}

div.souryou_free{
	background:url(../images/img_souryou_free.gif) right top no-repeat;
	padding-bottom:20px;
}

/*  Review

==============================================*/

ul.userReview{
	padding:10px 20px 0px;
	margin-bottom:30px;
	background:#fff6f6;
}

ul.userReview li{
	background:url(../images/review_dotline.gif) 0 bottom no-repeat;
	margin-bottom:20px;
	padding-bottom:20px;
}

ul.userReview li.last{
	background:none;
}

ul.userReview li p{
	margin-bottom:10px;
}


/*  harb_tea

==============================================*/

h2#harb_h2{
	width:635px;
	height:179px;
	position:relative;
}

h2#harb_h2 span{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	width:450px;
	top:120px;
	left:20px;
}

.wrap628_b{
	width:588px;
	height:auto;
	border:1px solid #CCC;
	padding:10px 20px;
	margin-bottom:40px;
}

.wrap628_b h3{
	margin-bottom:20px;
}

.wrap628_b h4{
	margin:0px 0px 10px 10px;
}

.wrap628_b p{
	margin:0px 10px 10px 30px;
}

.wrap628_b p span{
	color:#FF0000;
}

.wrap628_b div.line-gray{
	height:1px;
	background:url(../supplement/images/w628dotline.gif) 0 0 no-repeat;
	margin:0px 0px 10px 10px;
}

.wrap308 h4{
	margin:0px 0px 10px 0px;
	padding:0px;
}

.wrap308 p{
	padding:18px 0px 19px 10px;
}

.wrap308 div.wrap308top div.wrap308btm div table{
	width:100%;
}

.wrap308 div.wrap308top div.wrap308btm div table th{
	text-align:right;
}


/*  tanpopo

==============================================*/

.wrapPhoto01_t{
	margin:0px 15px 30px 10px;
	padding:20px 0px 25px;
}

.wrapPhoto01_t img{
	float:left;
}

.wrapPhoto01_t p{
	margin:0px 0px 10px 200px;
}

.wrapPhoto01_t p img{
	margin:0px 0px 10px 0px;
}

h2#tanpopo_h2{
	width:608px;
	height:210px;
	position:relative;
}

h2#tanpopo_h2 span{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	width:280px;
	top:120px;
	left:10px;
}

.wrap628_t{
	width:588px;
	height:auto;
	border:1px solid #CCC;
	padding:10px 20px;
	margin-bottom:40px;
	background:url(../organic_tea/images/tanpopo_img04.jpg) 350px 100px no-repeat;
}

.wrap628_t h3{
	margin-bottom:20px;
}

.wrap628_t h4{
	margin:0px 0px 20px 10px;
}

.wrap628_t p{
	margin:0px 10px 15px 30px;
}


/*  rose

==============================================*/

#rose_ttl{
	width:614px;
	height:121px;
	position:relative;
}

#rose_ttl span{
	font-size:12px;
	font-weight:normal;
	position:absolute;
	top:80px;
	left:130px;
}

/*  aojil

==============================================*/

#aojil_ttl{
	width:614px;
	height:121px;
	position:relative;
}

#aojil_ttl span{
	font-size:12px;
	font-weight:normal;
	position:absolute;
	top:80px;
	left:130px;
}

#aojilBox {
	width:599px;
	height:282px;
	background:url(../organic_tea/images/bg_aojil01.jpg) 0 0 no-repeat;
	position:relative;
	margin-bottom:35px;
}

#aojilBox h4{
	position:absolute;
	top:25px;
	left:32px;
}

#aojilBox p.nine{
	position:absolute;
	top:133px;
	left:384px;
}

#aojilBox div{
	width:356px;
	height:auto;
	position:absolute;
	top:124px;
	left:30px;
}

ul.greenList{
}

ul.greenList li{
	padding:3px 10px 3px 10px;
	border-left:4px solid #cee79d;
	margin-bottom:20px;
	line-height:150%;
}

ul.greenList li strong{
	font-weight:bold;
	color:#9ed03c;
	font-size:14px;
}

dl.kouza{
	padding:20px 0px 0px 10px;
}

dl.kouza dt{
	background:url(../organic_tea/images/icon_aojil.gif) 0 center no-repeat;
	padding-left:15px;
	color:#02793a;
	font-weight:bold;
	margin-bottom:10px;
}

dl.kouza dd{
	padding-left:15px;
	margin-bottom:20px;
}

table.b-e5{
	border:1px solid #e5e5e5;
	margin:0px 0px 0px 0px;
}

table.b-e5 td{
	padding:5px 10px;
}


table.other{
	margin:0px 0px 20px 15px;
}

table.other th{
	text-align:left;
	font-weight:bold;
	padding:0px 10px 0px 0px;
}

table.other td{
	padding:0px 10px 0px 0px;
}

p.lets{
	color:#e60520;
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
}


/*  zakuro

==============================================*/

h3#zakuro_h3{
	width:625px;
	height:274px;
	position:relative;
	margin-bottom:35px;
}

h3#zakuro_h3 span{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	bottom:5px;
	right:0px;
}

.ex_zakuro01{
	margin:0px 20px 30px 20px;
}

table.zakuro_t{
	width:370px;
	height:auto;
	margin:0px auto;
}


/*  rosehip

==============================================*/

.rosehip_w594{
	width:594px;
	height:auto;
	margin:0px auto 20px;
	font-size: 12px;
}

.rh_osusume_t{
	width:588px;
	height:auto;
	border-collapse:collapse;
	empty-cells:show;
	border-spacing:0;
	margin-bottom:20px;
}

.rh_osusume_t th.rpd03{
	padding:0px 3px 0px 0px;
}

.rh_osusume_t td{
	vertical-align:top;
	padding:10px 0px 10px 10px;
}

.rh_osusume_t td.o_health{
	background:url(../organic_tea/images/rosehip_bg01.gif) 0 0 repeat-y;
}

.rh_osusume_t td.o_beauty{
	background:url(../organic_tea/images/rosehip_bg02.gif) 0 0 repeat-y;
}

.rh_osusume_t td.o_life{
	background:url(../organic_tea/images/rosehip_bg03.gif) 0 0 repeat-y;
}

.bmg50{
	margin-bottom:50px;
}

.rose_howtomake{
	width:630px;
	background:#ffe1e1;
	padding:20px 0px;
	margin-bottom:40px;
}

.rose_howtomake div{
	width:456px;
	height:auto;
	margin:0px auto;
}

.rose_howtomake p{
	margin:20px 0px 0px 0px;
}

.rose_howtomake p span{
	color:#990066;
}

.line-purple_Long {
	width: 630px;
	height: 1px;
	background:url(../organic_tea/images/purple_dotline.gif) center 0 no-repeat;
	margin-bottom:20px;
}

/*  ruibos

==============================================*/

#ruibos_h2{
	width:578px;
	height:294px;
	position:relative;
	margin:0px 0px 15px 30px;
}

#ruibos_h2 span{
	width:300px;
	height:auto;
	position:absolute;
	bottom:40px;
	left:30px;
	font-weight:normal;
	font-size:12px;
}

.bmg30_lmg10{
	margin:0px 0px 30px 10px;
}

.ruibos_eco{
	background:url(../organic_tea/images/ruibos_img01.gif) right center no-repeat;
	margin-right:30px;
}

.ruibos_eco p{	
	width:75%;
	height:auto;
	margin-left:10px;
}

.wrap591 div.wrap591top div.wrap591btm p strong.color_e1{
	color:#e13977;
	font-size:12px;
	font-weight:bold;
}

table.shopping td div.dotbox_ruibos{
	width:388px;
	height:99px;
	background:url(../organic_tea/images/bg_dotbox01.gif) 0 0 no-repeat;
}

.w562_pink{
	width:502px;
	height:114px;
	background:url(../organic_tea/images/bg_562pink.gif) 0 0 repeat-y;
	padding:20px 30px;
	margin:0px 0px 30px 20px;
}

.ruibos_pre{
	width:80%;
	height:auto;
	margin:0px auto 30px;
}

.ruibos_pre h5{
	color:#c63565;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 10px 0px;
}

.ruibos_pre h5 span{
	padding:3px 10px;
	background:#fee9f0;
}

.ruibos_pre p{
	font-size:14px;
	margin:0px 0px 10px 10px;
}

.ruibos_pre p strong.kakaku{
	font-size:16px;
	color:#cc0000;
}


/*  maka

==============================================*/

.wrap628_maka{
	width:608px;
	height:auto;
	border:1px solid #CCC;
	padding:10px 10px;
	margin-bottom:40px;
}

.wrap628_maka h3{
	margin:0px 0px 20px 5px;
}

.wrap628_maka p{
	margin:0px 0px 10px 0px;
}

.wrap508_maka{
	width:508px;
	height:auto;
	margin:0px auto 30px;
}

.wrap594_maka{
	width:594px;
	height:auto;
	background:url(../images/graybg_594mid.gif) 0 0 repeat-y;
	margin:0px auto 50px auto;
}

.wrap594_maka div.wrap594top_maka{
	width:594px;
	height:auto;
	background:url(../images/graybg_594top.gif) 0 0 no-repeat;
}

.wrap594_maka div.wrap594btm_maka{
	width:546px;
	height:auto;
	padding:24px;
	background:url(../images/graybg_594btm.gif) 0 bottom no-repeat;
}

.wrap594_maka div.wrap594btm_maka p{
	margin:0px 5px 20px 10px;
	font-size: 12px;
}

.wrap594_maka div.wrap594btm_maka p img.img_matyupityu{
	float:right;
	padding-left:20px;
}

.mg_b50{
	margin-bottom:50px;
}


/*  tanpopotea

==============================================*/

.wrap628_tanpopotea{
	width:608px;
	height:auto;
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:40px;
}

.wrap628_tanpopotea div{
	width:600px;
	height:auto;
}

.wrap628_tanpopotea div div.leftbox{
	width:225px;
	height:auto;
	padding-right:20px;
	float:left;
}

ul.tanpopo_pinklist{
	margin:0px 0px 0px 10px;
	padding-top:20px;
}

ul.tanpopo_pinklist li{
	background:url(../supplement/images/pinkicon_tannpopotea.gif) 0 center no-repeat;
	padding-left:10px;
}

ul.tanpopo_pinklist02{
	margin:0px 0px 0px 10px;
}

ul.tanpopo_pinklist02 li{
	background:url(../supplement/images/pinkicon_tannpopotea.gif) 0 center no-repeat;
	padding-left:10px;
}

.wrap628_tanpopotea div div.rightbox{
	width:355px;
	height:auto;
	float:left;
}

.wrap628_tanpopotea h3{
	margin-bottom:20px;
}

.wrap628_tanpopotea h4{
	margin:0px 0px 10px 10px;
}

.wrap628_tanpopotea p{
	margin:0px 0px 10px 0px;
}

.wrap550{
	width:508px;
	height:auto;
	border:1px dotted #CCCCCC;
	padding:20px;
	margin:0px auto 30px;
}

.wrap573{
	width:573px;
	height:296px;
	background:url(../supplement/images/tanpopotea_img07.gif) 0 0 no-repeat;
	margin:0px 0px 40px 0px;
}

.wrap573 div{
	width:400px;
	height:auto;
	margin:0px 0px 0px 140px;
	padding:20px 0px 0px 0px;
}

.rbl_pd20{
	padding:0px 20px 20px 20px;
}


/*  sousan_tetsu

==============================================*/

#yt_h3{
	width:631px;
	height:212px;
	position:relative;
}

#yt_h3 span{
	width:300px;
	height:auto;
	font-weight:normal;
	font-size:12px;
	position:absolute;
	right:10px;
	bottom:40px;
}

.yt_greenbox{
	width:559px;
	height:188px;
	background:url(../supplement/images/yt_img01.gif) 0 0 no-repeat;
	margin:0px auto 10px;
	position:relative;
}

.yt_greenbox02{
	width:559px;
	height:233px;
	background:url(../supplement/images/yt_img02.gif) 0 0 no-repeat;
	margin:0px auto 10px;
	position:relative;
}

.yt_greenbox h4,
.yt_greenbox02 h4{
	position:absolute;
	top:30px;
	left:28px;
}

.yt_greenbox p.yt_txt,
.yt_greenbox02 p.yt_txt{
	width:350px;
	height:auto;
	padding:60px 0px 0px 30px;
	margin-bottom:10px;
}

.yt_greenbox p.yt_img{
	position:absolute;
	top:30px;
	right:10px;
}

.yt_greenbox02 p.yt_img{
	position:absolute;
	top:50px;
	right:10px;
}

.yt_table{
	width:610px;
	height:auto;
	margin:0px auto 30px;
}

.yt_table th{
	text-align:left;
	color:#db1a52;
	font-size:14px;
	padding:10px 0px;
}

.yt_table td.borderbox{
	width:200px;
	height:auto;
	padding:10px;
}

.yt_table td.borderbox div{
	border:1px solid #d7d7d7;
	padding:10px;
}

.yt_table td.noborderbox{
	width:auto;
	height:auto;
	padding:20px;
}

.yt_borderbox{
	border:1px solid #d7d7d7;
	padding:15px;
	font-size:14px;
}

.v_top{
	vertical-align:top;
}

.bmg30_lmg15{
	margin:0px 0px 30px 15px;
}

.yt_wrap630{
	width:630px;
	height:auto;
	background:url(../supplement/images/wrap630_pink_mid.gif) 0 0 repeat-y;
	margin-bottom:40px;
}

.yt_wrap630 div.yt_wrap630_top{
	width:630px;
	height:auto;
	background:url(../supplement/images/wrap630_pink_top.gif) 0 0 no-repeat;
}

.yt_wrap630 div.yt_wrap630_top div.yt_wrap630_btm{
	width:610px;
	height:auto;
	padding:20px 10px;
	background:url(../supplement/images/wrap630_pink_btm.gif) 0 bottom no-repeat;
}

.yt_wrap500{
	width:500px;
	height:auto;
	margin:0px auto;
}
/*  ここから

==============================================*/


/*  about

==============================================*/

.wrapPhoto05{
	width:592px;
	margin:0px 20px 30px 20px;
}

dl {
	margin: 0 0 15px;
	padding: 0 10px 10px;

}


dl dt {
	float: left;
	width: 15em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 140%;
	border-left: solid 0.5em #f65a98;

}


dl dd {
	padding: 10px 0 10px 7em;
	line-height: 140%;
	border-bottom: 1px #CCCCCC solid;

}



/*  map
==============================================*/
.mapguide {
	width: 550px;
	}

.mapguide-in {
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px 0px;
	}

.mapguide-in .left {
	width: 270px;
	float: left;
	}

.mapguide-in .right {
	width: 280px;
	float: right;
	}



.map {
	width: 220px;
	font-size: 12px;
	text-align: left;
	background-color: #ffffff;
	margin: 0px auto 18px;
	}

	
.map ul.normal {
	width: 200px;
	padding: 0px 0px 10px 12px;
	}

.map ul.tab {
	margin: 0px 0px 0px 6px;
	}

.map li.line {
	padding: 4px 0px 6px 6px;
	background-image: url(../about/images/line_dot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}

.map li.noline {
	padding: 4px 0px 6px 6px;
	}

.map li.tab {
	padding: 6px 0px 0px 11px;
	background-image: url(../images/menu_tab.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.map li.tab2 {
	padding: 6px 0px 0px 11px;
	background-image: url(../images/menu_tab2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.map-button {
	width: 148px;
	border: 1px solid #ffffff;
	background-color: #fcf7f9;
	padding: 7px 0px;
	margin: 0px 0px 22px 0px;
	text-align: center;
	}
