@charset "shift_jis";

/* 基本構造 
____________*/

a:link {
	color:#0066FF;
	text-decoration:none;
}

a:visited {
	color: #0066FF;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #FF6699;
}

a:active {
	text-decoration:none;
	color: #FF6699;
}

a.link:link {  color:#0066FF;text-decoration:underline; }
a.link:visited {  color:#0066FF;text-decoration:underline; }
a.link:hover {  color: #FF6699;text-decoration: underline; }
a.link:active {  color: #FF6699;text-decoration: underline; }

body {
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;
} /* for lte ie6 */

*:first-child+html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;
} /* for ie7 */

html>/**/body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;
} /* for ie8 */

html:not(:target) body {
	font-size: 11px;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;

} /* for modern browser not ie8 */

.clear {
	clear: both;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	width:200px;
	height:142px;
}

.clear2 {
	float: left;
	margin:5px 0 5px 30px;
	padding:0;
	text-align:left;
	width:140px;
	line-height:120%;
	font-size:12px;
}

.clear3 {
	clear: both;
	margin:0;
	padding:0;
	text-align:left;
	width:660px;
	line-height:120%;
}

.clear4 {
	clear: both;
	margin:0 0 15px 0;
	padding:0;
	text-align:left;
	width:660px;
	line-height:120%;
	overflow:hidden;
}
.clear4_rt {
	clear: both;
	margin:0;
	padding:0;
	text-align:right;
	width:660px;
	line-height:120%;
	overflow:hidden;
}

.clear5 {
	clear: both;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	width:125px;
	line-height:120%;
}

.clear6 {
	float: left;
	margin:120px 0 5px 8px;
	padding:0;
	text-align:left;
	width:150px;
	line-height:120%;
}

.clear7 {
	float: left;
	margin:50px 0 0 30px;
	padding:0;
	text-align:left;
	width:140px;
	line-height:120%;
	font-size:12px;
}

.clear8 {
	clear: both;
	margin:10px auto;
	padding:0;
	text-align:center;
	width:100%;
	line-height:120%;
}

.clear9 {
	clear: both;
	margin:5px 0;
	padding:0;
	text-align:left;
	width:100%;
	line-height:150%;
}

.clear10 {
	clear: both;
	margin:0 0 15px 0;
	padding:0;
	text-align:left;
	width:660px;
	line-height:200%;
	font-size:14px;
	overflow:hidden;
}
.clear11 {
	clear: both;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	width:100%;
	height:auto;
}

.font14 {
    font-size:14px;
	line-height:150%;
}

.font14_2 {
    font-size:14px;
	line-height:150%;
	margin:10px 0 0 10px;
}

.left {
	margin:0;
	padding:0;
	float:left;
}

.left2 {
	margin:0 0 0 5px;
	padding:0;
	float:left;
}

.left3 {
	margin:0 10px 10px 0;
	padding:0;
	float:right;
}

.left4 {
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:420px;
}

.left5 {
	margin:0 10px 20px 0;
	padding:0;
	float:left;
}

img {
    border:none;
}

p {
    margin:0;
	padding:0;
}

h1 {
    margin:0;
    padding:0;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	clear:both;
	margin:0;
	line-height:150%;
	width:880px;
}

h2 {
    margin:0;
    padding:0;
}

h3 {
    margin:10px 0;
    padding:0;
	clear:both;
	font-size:14px;
}

.fr {
    color:#FF0000;
}

address {
    font-style:normal;
	margin:0;
	line-height:150%;
	text-align:right;
	width:860px;
	color:#666666;
}
/* ヘッダ 
__________*/

.bold { 
    color:#FF0000;
    font-weight:bold;
    padding:0;
	font-size:14px;
	margin:10px 0;
}

.bold_02 { 
    color:#FF0000;
    font-weight:bold;
    padding:0 0 0 20px;
	font-size:14px;
	margin:10px 0;
	line-height:20px;
}

.bold_03 { 
    color:#333333;
    font-weight:bold;
    padding:0;
	font-size:14px;
	margin:10px 0;
}

.bold_04 { 
    color:#ffffff;
    font-weight:bold;
    padding:3px;
	font-size:14px;
	margin:5px 5px 0 0;
	background-color:#339900;
}

.bold_b { 
    color:#000000;
    font-weight:bold;
    padding:0;
	font-size:14px;
}



.text { 
    padding:0 0 0 20px;
	font-size:12px;
	margin:10px 0;
	line-height:150%;
}


#container {
	width: 100%;
	height: 100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	clear:both;
}

#content {
	width: 880px;
	height: 100%;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	clear:both;
	text-align:left;
}

#header {
	width: 880px;
	height: 101px;
	margin:0;
	padding:0;
}

#head_left {
    width:200px;
	height:101px;
	margin:5px 0 10px 0;
	float:left;
}

#head_right {
    width:330px;
	height:101px;
	margin:0;
	float:right;
}

.head_nb {
    float:right;
	margin:0 0 0 10px;
	padding:0;
}

.head_nb2 {
    float:right;
	margin:10px 0 0 10px;
	padding:0;
}

#logo {
    width:200px;
	height:101px;
	float:left;
	margin:0;
}

#hd_info {
    width:336px;
	height:94px;
	float:left;
	margin:0 0 0 10px;
}


/* メイン 
______________*/

#main {
  	width: 880px;
	height: 100%;
	margin:0 0 20px 0;
	padding:0;
	clear:both;
	overflow:hidden;
}

#left {
    width:200px;
	min-height:300px;
	height:100%;
	margin:0;
	padding:0 0 20px 0;
	float:left;
}

ul#nb { width:880px; height:30px; margin:10px 0 20px 0; padding:0; clear:both; list-style:none;}
ul#nb  li { width:176px; height:30px; margin:0; padding:0; float:left; list-style:none;}


#nb01 a:hover { background-color:#ffffff;}
#nb01 a:hover img { visibility:hidden;}
#nb01 a { display:block; position:relative; background:url(../images/nb01b.gif) no-repeat;}

#nb01 {
    width:176px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#nb02 a:hover { background-color:#ffffff;}
#nb02 a:hover img { visibility:hidden;}
#nb02 a { display:block; position:relative; background:url(../images/nb02b.gif) no-repeat;}

#nb02 {
    width:176px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#nb03 a:hover { background-color:#ffffff;}
#nb03 a:hover img { visibility:hidden;}
#nb03 a { display:block; position:relative; background:url(../images/nb03b.gif) no-repeat;}

#nb03 {
    width:176px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#nb04 a:hover { background-color:#ffffff;}
#nb04 a:hover img { visibility:hidden;}
#nb04 a { display:block; position:relative; background:url(../images/nb04b.gif) no-repeat;}

#nb04 {
    width:176px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#nb05 a:hover { background-color:#ffffff;}
#nb05 a:hover img { visibility:hidden;}
#nb05 a { display:block; position:relative; background:url(../images/nb05b.gif) no-repeat;}

#nb05 {
    width:176px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}


ul#navi {
    clear:both;
	margin:0 0 10px 0;
	list-style:none;
	padding:0;
}

ul#navi li {
    clear:both;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.lt_navi {
    clear:both;
	margin:0 0 10px 0;
	list-style:none;
	padding:0;
	width:200px;
}

ul.lt_navi li{
    clear:both;
	margin: 0 0 -5px 0;
	padding:0;
	list-style:none;
	height:auto;
	width:200px;
}


dl#rank {
    width:200px;
    float:left;
	margin:0 0 10px 0;
	padding:0;
	display:block;
}

dl#rank dt{
    width:200px;
    float:left;
	margin:0 0 5px 0;
	padding:0;
}

dl#rank dd{
    width:200px;
	height:107px;
    float:left;
	margin:0 0 5px 0;
	padding:5px;
	line-height:150%;
	font-size:12px;
}

dl#rank02 {
    width:200px;
    float:left;
	margin:0 0 10px 0;
	padding:0;
	display:block;
}

dl#rank02 dt{
    width:200px;
    float:left;
	margin:0 0 5px 0;
	padding:0;
}

dl#rank02 dd{
    width:200px;
	height:107px;
    float:left;
	margin:0 0 5px 0;
	padding:5px;
	line-height:150%;
	font-size:12px;
	background:url(../images/rank04.gif) no-repeat; background-position:left top;
}


#one {background:url(../images/rank01.gif) no-repeat; background-position:left top;}

#two {background:url(../images/rank02.gif) no-repeat; background-position:left top;font-size:11px;}

#three {background:url(../images/rank03.gif) no-repeat; background-position:left top;}

.one_img {margin:7px 0 0 0;}

.rank_dl {width:185px; margin:0; padding:0; line-height:120%;}

#info_bg {
    width:200px;
	background:url(../images/info.jpg) no-repeat;
	background-position:top center;
	height:276px;
	margin:0;
	padding:0;
}

#right {
    width:660px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
}

#choice {
    width:660px;
	height:211px;
	clear:both;
	overflow:hidden;
	background:url(../images/choice.gif) no-repeat;
	background-position:center center;
	margin:0 0 20px 0;
	padding:0;
}

#choice_2 {
    width:660px;
	height:211px;
	clear:both;
	overflow:hidden;
	background:url(../images/pic_img.jpg) no-repeat;
	background-position:center center;
	margin:0 0 20px 0;
	padding:0;
}

#tch_lf {
    width:200px;
	height:100px;
	float:left;
	margin:0 0 10px;
	padding:0;
}

#tch_lf a:hover { background-color:#ffffff;}
#tch_lf a:hover img { visibility:hidden;}
#tch_lf a { display:block; position:relative; background:url(../images/choice01b.jpg) no-repeat;}


#tch_rt {
    width:200px;
	height:100px;
	float:right;
	margin:0 0 10px;
	padding:0;
}

#tch_rt a:hover { background-color:#ffffff;}
#tch_rt a:hover img { visibility:hidden;}
#tch_rt a { display:block; position:relative; background:url(../images/choice02b.jpg) no-repeat;}

#bch_lf {
    width:200px;
	height:100px;
	float:left;
	margin:0;
	padding:0;
}

#bch_lf a:hover { background-color:#ffffff;}
#bch_lf a:hover img { visibility:hidden;}
#bch_lf a { display:block; position:relative; background:url(../images/choice03b.jpg) no-repeat;}


#bch_rt {
    width:200px;
	height:100px;
	float:right;
	margin:0;
	padding:0;
}

#bch_rt a:hover { background-color:#ffffff;}
#bch_rt a:hover img { visibility:hidden;}
#bch_rt a { display:block; position:relative; background:url(../images/choice04b.jpg) no-repeat;}

ul#ch_three {
    width:522px;
	height:125px;
	float:left;
	margin:0;
	padding:0;
}

ul#ch_three li {
    width:165px;
	height:125px;
	margin:0 0 0 9px;
	float:left;
	list-style:none;
	padding:0;
}

#different {
    width:163px;
	height:200px;
	background:url(../images/different.jpg) no-repeat;
	background-position:center top;
	padding:0;
	margin:0;
	float:left;
}

#safe {
    width:163px;
	height:200px;
	background:url(../images/safe.jpg) no-repeat;
	background-position:center top;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	overflow: hidden;
}
	 
dl#news {
	width:313px;
	border:1px #666666 solid;
	margin:0px;
	padding:0px;
	height:200px;
	float:right;
}



dl#news dt {
	width:313px;
	height:26px;
	margin:0px;
	padding:0px;
	float:none;
}

dl#news dd {
	width:293px;
	height:auto;
	float:none;
	margin:0;
	padding:10px 0 0 10px;
	display:block;
	text-align:left;
	line-height:150%;
	list-style-type:none;
	font-size:12px;
}

ul#kona {
    width:880px;
	height:198px;
	background:url(../images/kona.gif) no-repeat;
	background-position:top center;
	margin:0 0 20px 0;
	padding:0;
	float:none;
}

ul#kona li{
	margin:0 20px 0 20px;
	padding:30px 0 0 0;
	line-height:130%;
	list-style:none;
	width:840px;
	color:#CCCCCC;
	font-size:12px;
}


ul#powder {
    width:880px;
	height:110px;
	background:url(../images/powder.gif) no-repeat;
	background-position:top center;
	margin:0 0 20px 0;
	padding:0;
	float:none;
}

ul#powder li{
	margin:0 20px 0 20px;
	padding:30px 0 0 0;
	line-height:130%;
	list-style:none;
	width:840px;
	color:#CCCCCC;
	font-size:12px;
}

ul#capsule {
    width:880px;
	height:127px;
	background:url(../images/capsule.gif) no-repeat;
	background-position:center top;
	margin:0 0 20px 0;
	padding:0;
	line-height:120%;
}

ul#capsule li{
	margin:0 20px 0 20px;
	padding:30px 0 0 0;
	line-height:130%;
	list-style:none;
	width:840px;
	color:#CCCCCC;
	font-size:12px;
}

div#trans {
	margin:0 0 20px 0;
	padding:0;
	line-height:150%;
	width:880px;
	height:86px;
	background:url(../images/haisou.gif) no-repeat;
	background-position:center top;
}

div#trans p {
    width:340px;
	height:auto;
	margin:60px 0 0 25px;
	float:left;
	display:block;
	font-size:13px;
}

.foot_map_b {
	font-weight:bold;
	line-height:130%;
	background-color:#669933;
	color:#FFFFFF;
	padding:2px;
	font-size:10px;
}

#footer {
    width:880px;
	background: url(../images/footer.gif) no-repeat;
	background-position: left top;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	height:157px;
}

.footer_navi {
    width:840px;
	text-align:left;
	margin:0 0 20px 0;
	padding:10px 0 0 20px;
	color:#CCCCCC;
}

.footer_navi2 {
    width:860px;
	text-align:right;
	margin:0;
	padding:0;
	line-height:150%;
	color:#666666;
}

.border {
    border:#cccccc solid 1px;
}

.border2 {
    border:#cccccc solid 4px;
}

.detail_pic {
    width:302px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:10px 0;
	padding:0;
}

.detail {
    width:347px;
	height:auto;
	overflow:hidden;
	float:right;
	margin:10px 0;
	padding:0;
}

dl.detail_table {
    width:345px;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0;
}

dl.detail_table dt{
    width:140px;
	height:auto;
	float:left;
	margin:0;
	font-size:14px;
	line-height:200%;
	border-bottom:#ffffff solid 1px;
	background-color:#eaeaea;
	padding:0 0 0 5px;
}

dl.detail_table dd{
    width:195px;
	height:auto;
	float:left;
	margin:0;
	font-size:14px;
	line-height:200%;
	background-color:#f5f5f5;
	border-bottom:#ffffff solid 1px;
	padding:0 0 0 5px;

}

.detail_table2 {
	border:none!important;
}


.b_price {
	 font-weight:bold;
	 color:#FF0000;
}

.s_price {
	 font-size:13px;
}

.cart {
    width:345px;
	height:60px;
	vertical-align:middle;
	margin:15px auto 15px auto;
	padding:0;
	line-height:40px;
	border-bottom:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
}

.cart_left {
	float:left;
	margin:10px 10px 0 0;
	font-size:13px;
}

.tel_buy {
    width:345px;
	height:70px;
	margin:0 auto 15px auto;
}


div#detail_eat_ko {
    width:345px;
	height:100px;
	overflow:hidden;
	clear:both;
	background: url(../images_d/eat_bg_ko.gif) no-repeat;
	background-position: center top;
	margin:0; 
}

div#detail_eat_45 {
    width:345px;
	height:100px;
	overflow:hidden;
	clear:both;
	background: url(../images_d/eat_bg_45.gif) no-repeat;
	background-position: center top;
	margin:0; 
}

div#detail_eat_muji {
    width:345px;
	height:100px;
	overflow:hidden;
	clear:both;
	background: url(../images_d/eat_bg_muji.gif) no-repeat;
	background-position: center top;
	margin:0; 
}

div#detail_eat_muji p{
    width:330px;
	height:auto;
	clear:both;
	margin:5px auto 0 auto;
	font-size:12px;
	line-height:140%;
}

div#detail_eat_ko p{
    width:325px;
	height:auto;
	clear:both;
	margin:30px auto 0 auto;
	font-size:12px;
}

div#detail_eat_45 p{
    width:325px;
	height:auto;
	clear:both;
	margin:30px auto 0 auto;
	font-size:12px;
}

div#detail_eat_po {
    width:345px;
	height:100px;
	overflow:hidden;
	clear:both;
	background: url(../images_d/eat_bg_po.gif) no-repeat;
	background-position: center top;
	margin:0; 
}

div#detail_eat_po p{
    width:325px;
	height:auto;
	clear:both;
	margin:30px auto 0 auto;
	font-size:12px;
}

div#detail_eat_ca {
    width:345px;
	height:100px;
	overflow:hidden;
	clear:both;
	background: url(../images_d/eat_bg_ca.gif) no-repeat;
	background-position: center top;
	margin:0; 
}

div#detail_eat_ca p{
    width:325px;
	height:auto;
	clear:both;
	margin:30px auto 0 auto;
	font-size:12px;
}

dl.detail_intro {
    width:660px;
	height:auto;
	overflow:hidden;
	clear:both;
	margin:20px 0;
}

dl.detail_intro dt{
    width:660px;
	height:auto;
	margin:0 ;
	padding:0;
}

dl.detail_intro dd{
    width:640px;
	height:auto;
	margin:0;
	padding:10px;
	background-color:#f5f5f5;
	font-size:12px;
	line-height:180%;
}

table#guide {
    width:660px;
	border:none;
	margin:20px 0;
	padding:0;
	border-collapse:collapse;
}

table#guide caption{
    width:660px;
	border:none;
	margin:10px 0;
	clear:both;
	overflow:visible;
	border:none;
	border-collapse:collapse;
}

table#guide th{
    width:168px;
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align:center;
	background: url(../images_d/guide_bg.gif) repeat;
	border:#339900 1px solid ;
}

table#guide td{
    width:470px;
	border:none!important;;
	margin:0;
	padding:10px 0 10px 20px;
}

ul.guide_li {
    margin:0;
	padding:0;
}

li.top_t {
    list-style:square;
	list-style-position:inside;
	width:460px;
	margin:5px 0;
	padding:0;
	font-weight:bold;
}

li.box {
    list-style:none;
	width:438px;
	background-color:#eaeaea;
	border:#999999 solid 1px;
	margin:5px 0;
	padding:5px;
	line-height:200%;
}

li.under_t {
    list-style:none;
	width:460px;
	margin:5px 0 10px 0;
	padding:0;
}

table.trans {
    width:438px;
	border-collapse:collapse;
	border:#999999 solid 1px;
	margin:0 0 5px 0!important;
}

table.trans th{
    width:33%;
	border:#999999 solid 1px!important;
	background-color:#eaeaea!important;
	background-image:none!important;
	padding:5px!important;
}

table.trans td{
    width:33%;
	border:#999999 solid 1px!important;
	padding:5px!important;
}

table#daibiki {
    width:438px;
	border-collapse:collapse;
	border:#999999 solid 1px;
	margin:0 0 5px 0!important;
}

table#daibiki th{
    width:50%;
	border:#999999 solid 1px!important;
	background-color:#eaeaea!important;
	background-image:none!important;
	padding:5px!important;
	text-align:center;
}

table#daibiki td{
    width:50%;
	border:#999999 solid 1px!important;
	padding:5px!important;
	text-align:right!important;
}

table#co {
    width:438px;
	border-collapse:collapse;
	border:#999999 solid 1px;
	margin:0 0 5px 0!important;
}

table#co th{
    width:33%;
	border:#999999 solid 1px!important;
	background-color:#eaeaea!important;
	background-image:none!important;
	padding:5px!important;
}

table#co td{
    width:67%;
	border:#999999 solid 1px!important;
	padding:5px!important;
	text-align:left;
}

table.form { border-collapse:separate; width:640px; margin:10px auto 20px auto;}
table.form th {
    width:100px;
	border:#cccccc 1px solid;
	padding:5px;
	background-color:#efefef;
	background-repeat: repeat;
	background-position: center top;
	font-weight:normal;
	line-height:200%;
	text-align:center;
}

table.form td {border:#cccccc 1px solid; padding:5px;line-height:200%;}

table.form caption {
    background-color:#339900;
	line-height:150%;
	border:#cccccc 1px solid;
	padding:5px;
	color:#FFFFFF;
}

.main_item_01 {
	width:120px;
    height:185px;
	float:left;
	text-align:center;
	margin:15px 5px;
	padding:0px;
	border:1px #666666 solid;
	overflow:hidden;
}

.main_item_02 {
	width:120px;
    height:225px;
	float:left;
	text-align:center;
	margin:15px 5px;
	padding:0px;
	border:1px #666666 solid;
	overflow:hidden;
}



.item_pic_list {
	width:120px;
    height:80px;
	vertical-align:middle;
	margin:0px;
	padding:12px 0px 5px 0px;
	float:none;
	background:#ffffff ;
	border-bottom:#CCCCCC 1px dotted;
	line-height:130%;
	overflow:visible;
}

.intro {
	padding:5px;
	text-align:left;
	line-height:130%;
	border-bottom:#CCCCCC 1px dotted; 
}

.right_b {
	text-align:right;
	padding:0px 5px;
	line-height:150%;
	font-size:16px;
	color:#339900;
	font-weight:bold;
}
.right_02 {
	text-align:right;
	padding:0px 2px;
	line-height:150%;
	font-size:14px;
}

.right_b02 {
	text-align:right;
	padding:0px 5px;
	line-height:150%;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}


dl#faq {
   clear:both;
   width:660px;
   height:auto;
   margin:20px 0 20px 0;
}

dl#faq dt {
   clear:both;
   width:640px;
   height:auto;
   border:#cccccc 1px solid;
   background-color:#efefef;
   line-height:30px;
   color:#3366FF;
   font-weight:bold;
   margin:30px 0 10px 0;
   padding:0 0 0 10px;
   font-size:14px;
}

dl#faq dd {
   clear:both;
   width:640px;
   height:auto;
   margin:0 0 10px 10px;
   font-size:14px;
   line-height:150%;
}

dl.flow {
   clear:both;
   width:660px;
   height:auto;
   margin:10px 0 20px 0;
}

dl.flow dt {
   clear:both;
   width:640px;
   height:auto;
   border:#cccccc 1px solid;
   background-color:#efefef;
   line-height:30px;
   color:#339900;
   font-weight:bold;
   margin:20px 0 10px 0;
   padding:0 0 0 10px;
   font-size:14px;
}

dl.flow dd {
   clear:both;
   width:640px;
   height:auto;
   margin:0 0 10px 10px;
   font-size:14px;
   line-height:150%;
}

table#daibiki02 {
    width:400px;
	border-collapse:collapse;
	border:#999999 solid 1px;
	margin:5px 0 5px 0!important;
	clear:both;
}

table#daibiki02 th{
    width:50%;
	border:#999999 solid 1px!important;
	background-color:#eaeaea!important;
	background-image:none!important;
	padding:5px!important;
	text-align:center;
}

table#daibiki02 td{
    width:50%;
	border:#999999 solid 1px!important;
	padding:5px!important;
	text-align:right!important;
}

.recom {width:640px;
        border-left:#FF3300 5px solid;
		padding:0 0 0 10px;
		clear:both;
		border-bottom:#666666 1px solid;
		font-size:14px;
		line-height:180%;
}

#ranktop { width:660px; height:542px; background:url(../images/ranktop_bg.gif) bottom center no-repeat; clear:both; margin:0 0 15px 0; padding:0; overflow:hidden;}

.ranktop_m { float:left; margin:0; padding:0;}

#search { width:215px; height:44px; background:url(../images/ranktop_search.gif) center center no-repeat; float:right; margin:17px 5px 0 0; padding:30px 0 0 0px;}

.ranking_area { width:340px; height:422px; background:url(../images/ranking_top.gif) top center no-repeat; float:left; margin:10px 0 0 10px;}

#ranktop_nb ul{ width:300px; height:auto; float:left; margin:0; padding:0;}
#ranktop_nb li{ width:auto; height:auto; float:left; margin:3px 0 0 0; padding:0; list-style:none;}

li#ranktop_nb01 { width:300px; height:auto; float:left; margin:0 0 0 0; padding:31px 0 0 0; list-style:none;}
#ranktop_nb01 a:hover { background-color:#ffffff;}
#ranktop_nb01 a:hover img { visibility:hidden;}
#ranktop_nb01 a { display:block; position:relative; background:url(../images/ranktop_01b.gif) no-repeat;}

#ranktop_nb02 a:hover { background-color:#ffffff;}
#ranktop_nb02 a:hover img { visibility:hidden;}
#ranktop_nb02 a { display:block; position:relative; background:url(../images/ranktop_02b.gif) no-repeat;}

#ranktop_nb03 a:hover { background-color:#ffffff;}
#ranktop_nb03 a:hover img { visibility:hidden;}
#ranktop_nb03 a { display:block; position:relative; background:url(../images/ranktop_03b.gif) no-repeat;}

#ranktop_nb04 a:hover { background-color:#ffffff;}
#ranktop_nb04 a:hover img { visibility:hidden;}
#ranktop_nb04 a { display:block; position:relative; background:url(../images/ranktop_04b.gif) no-repeat;}

#ranktop_nb05 a:hover { background-color:#ffffff;}
#ranktop_nb05 a:hover img { visibility:hidden;}
#ranktop_nb05 a { display:block; position:relative; background:url(../images/ranktop_05b.gif) no-repeat;}

#ranktop_nb06 a:hover { background-color:#ffffff;}
#ranktop_nb06 a:hover img { visibility:hidden;}
#ranktop_nb06 a { display:block; position:relative; background:url(../images/ranktop_06b.gif) no-repeat;}

#ranktop_nb07 a:hover { background-color:#ffffff;}
#ranktop_nb07 a:hover img { visibility:hidden;}
#ranktop_nb07 a { display:block; position:relative; background:url(../images/ranktop_07b.gif) no-repeat;}


#rankking01 { width:310px; height:150px; background:url(../images/rankking_01.gif) top left no-repeat; margin:45px 0 0 13px; padding:10px 0; border-bottom:#CCCCCC 1px dashed;}
#rankking02 { width:310px; height:auto; background:url(../images/rankking_02.gif) top left no-repeat; margin:0 0 0 13px; padding:10px 0; border-bottom:#CCCCCC 1px dashed; overflow:hidden; clear:both;}
#rankking03 { width:310px; height:auto; background:url(../images/rankking_03.gif) top left no-repeat; margin:0 0 0 13px; padding:10px 0; border-bottom:#CCCCCC 1px dashed; overflow:hidden; clear:both;}

.no1_img { width:100px; height:120px; margin:30px 0 0 0; padding:0; float:left;}
.no2_img { width:60px; height:60px; margin:0 0 0 40px; padding:0; float:left;}


.ranktop_text { width:200px; float:right; margin:40px 0 0 0; padding:0;}
.ranktop_text dt{ width:200px; clear:both; margin:0; padding:0; font-size:16px; line-height:150%;}
.ranktop_text dd{ width:200px; clear:both; margin:0; padding:0; font-size:12px; line-height:150%;}

.ranktop_text02 { width:200px; float:right; margin:0 0 0 0px; padding:0;}
.ranktop_text02 dt{ width:200px; clear:both; margin:0; padding:0; font-size:14px; line-height:150%;}
.ranktop_text02 dd{ width:200px; clear:both; margin:0; padding:0; font-size:12px; line-height:150%;}

.rank_midashi {width:660px; height:47px; background:url(../images/ranking_bar.gif) top left no-repeat; line-height:60px; text-indent:200px; clear:both; margin:0 0 15px 0; padding:0; clear:both;}

.rank_area01 { width:660px; height:150px; clear:both; margin:0 0 10px 0; padding:0; background:url(../images/ranking_bg.gif) bottom left no-repeat; overflow:hidden;}
.rank_area02 { width:660px; height:35px; line-height:40px; clear:both; background:url(../images/ranking_m.gif) top left no-repeat; color:#FFFFFF; text-indent:10px; margin:0; padding:0;}

.rank01 { width:210px; height:80px; background:url(../images/rankking_01.gif) top left no-repeat; margin:5px 0 0 12px; padding:0; float:left;}
.rank02 { width:210px; height:80px; background:url(../images/rankking_02.gif) top left no-repeat; margin:5px 0 0 5px; padding:0; float:left;}
.rank03 { width:210px; height:80px; background:url(../images/rankking_03.gif) top left no-repeat; margin:5px 0 0 5px; padding:0; float:left;}
.rank_img { width:60px; height:40px; padding:0; float:left; margin:38px 0 0 0; }
.rank_text { width:145px; float:right; margin:0 0 0 0; padding:0;}
.rank_text dt{ width:145px; height:30px; clear:both; margin:0 0 5px 0; padding:0; font-size:12px; line-height:130%;}
.rank_text dd{ width:145px; clear:both; margin:0; padding:0; line-height:130%;}

.all_text {width:500px; float:right; margin:0 10px 0 0; padding:0; text-align:right;}
.other_item {clear:both; line-height:200%; border-bottom:#009900 1px solid;}
.pagetop {width:100%; clear:both; text-align:right;}

.table01 { width:80%; border-collapse:collapse; background-color:#ffffff; border:#339900 1px solid; margin:5px 0;}
.table01 caption{ width:80%; margin:0;line-height:200%;font-size:14px; font-weight:bold; color:#ff0000; text-align:left;}
.table01 th{ width:40%; border-collapse:collapse; background-color:#ffffff; border:#339900 1px solid; margin:0;padding:3px;font-size:12px; font-weight:normal;}
.table01 td{ width:auto; border-collapse:collapse; background-color:#ffffff; border:#339900 1px solid; margin:0;padding:3px;font-size:12px; font-weight:normal;}

.mn_lt{ width:300px; margin:0 0 0 10px; height:auto; float:left;}
.mn_rt{ width:300px; margin:0 10px 0 0; height:auto; float:right;}
.fsmall{font-size:10px;background-color:#ffffff;}

.diet_bnr { width:660px; clear:both; margin:0 0 15px 0; padding:0; overflow:hidden;}
.diet_bnr dt{ width:660px; clear:both; margin:0 0 10px 0; padding:0; font-size:16px; line-height:150%; text-align:right;}
.diet_bnr dd{ width:100px; height:200px; float:left; margin:0 0 0 10px; padding:0; font-size:12px; line-height:150%;}