/* sp_index
---------------------------------------------------------*/

body#index {
	text-align:center;
	background: #fff url(../images/index_body_background.gif) repeat-y center top;
	width:100%;
}

#indexContainer {
	width: 820px;
	background:#c4b434;
	margin: 0 auto;
	text-align: left;
}


.spIndexBnr {
	margin-top:10px;
}


/* sp_index フッタ */

#indexFooter {
	clear: both;
	width: 635px;
	padding-top: 30px;
	padding-left: 185px;
}

#indexFooter a:link,
#indexFooter a:visited {
	text-decoration: none;
	color: #ebffd3;
}

#indexFooter a:hover,
#indexFooter a:active {
	text-decoration: underline;
	color: #ebffd3;
}

#indexFooter p.menu {
	font-size: 11px;
	line-height: 14px;
	padding: 10px 0 0 10px;
}

#indexFooter p.copyright {
	font-size: 11px;
	line-height: 13px;
	text-align: right;
	color:#fff;
	margin-top: 10px;
	padding-left:20px;
	padding-right:20px;
}



/* index
---------------------------------------------------------*/
.index_user {
  padding: 20px 10px 20px 10px;
  font-size: 80%; text-align: right;
}
#index_block {
  padding: 20px 10px 20px 10px;
}
#index_block .left{
  width: 170px; float: left;
}
#index_block .right{
  width: 430px; float: left;
}
#index_block .left2{
  width: 250px; float: left;
}
#index_block .right2{
  width: 345px; float: left;
}
#index_block table{
  border-collapse: collapse;
}
#index_block h3{
  margin: 20px 0px 10px 0px;
}
#index_block .type1{
  line-height: 200%;
}
#index_block .type2{
  border: 1px solid #acacac;
  padding: 2px 2px 1px 5px;
}
#index_block strong{
  font-weight: bold;
  color: #003399;
}
/* eat
---------------------------------------------------------*/
#eat_block {
  padding: 20px 10px 20px 10px;
}
#eat_block table{
  border-collapse: collapse;
}
#eat_block td{
  height: 160px;
  width: 300px;
  line-height: 180%;
  vertical-align: top;
  padding: 38px 20px 0px 20px;
  background:url(../images/eat_plate.jpg) no-repeat top;
}
#eat_block strong{
  color: #009944;
  font-weight: bold;
}
#eat_block h3{
  margin-top: 10px;
  margin-bottom: 20px;
}
#eat_block ul{
  margin-left: 180px;
}
#eat_block li{
  font-size: 80%;
  list-style: disc outside;
}
#eat_block h4{
  margin: 20px 0px 5px 0px;
}
#eat_block2 {
  width: 601px;
  padding: 2px;
  margin: 0 10px;
  background-color: #D1E8D7;
}

/* safe
---------------------------------------------------------*/
#safe_block {
  padding: 20px 10px 20px 10px;
}
#safe_block table{
  border-collapse: collapse;
}
#safe_block td{
  padding: 5px;
  vertical-align: top;
}
#safe_block h4{
  margin: 30px 0px 5px 0px;
}


/* knowledge
---------------------------------------------------------*/
#knowledge_block {
  padding: 20px 10px 20px 10px;
}
#knowledge_block .story1{
  height: 367px;
  background:url(../images/knowledge_plate.jpg) no-repeat top left;
  margin-bottom: 30px;
}
#knowledge_block .story1 h3{
  padding: 35px 30px 0px 30px;
  margin: 0px 0px 10px 0px;
}
#knowledge_block .story1 p{
  line-height: 180%;
  padding:0 35px;
}

#knowledge_block .story2{
  height: 440px;
  background:url(../images/knowledge_plate2.jpg) no-repeat top left;
  margin-bottom: 30px;
}
#knowledge_block .story2 h3{
  padding: 35px 30px 0px 30px;
  margin: 0px 0px 10px 0px;
}
#knowledge_block .story2 p{
  line-height: 170%;
  padding:0 35px;
}

/* antibacterial
---------------------------------------------------------*/
#antibacterial_block {
  padding: 20px 10px 20px 10px;
}
#antibacterial_block .left{
  float: left; width: 190px;
}
#antibacterial_block .right{
  float: left; width: 400px;
}
#antibacterial_block .left2{
  float: left; width: 400px;
}
#antibacterial_block .right2{
  float: left; width: 190px; text-align: right;
}
#antibacterial_block .left3{
  float: left; width: 340px;
}
#antibacterial_block .right3{
  float: left; width: 250px; text-align: right;
}
#antibacterial_block table{
  border-collapse: collapse;
}
#antibacterial_block td{
  padding: 5px;
  vertical-align: top;
}
#antibacterial_block h4{
  margin: 30px 0px 5px 0px;
}

/* products
---------------------------------------------------------*/
#products_block {
  padding: 20px 10px 20px 10px;
}
#products_block table{
  border-collapse: collapse;
}
#products_block h3{
  margin: 30px 0px 10px 0px;
}
#products_block h4{
  font-size: 110%; font-weight: bold; color: #425090; 
}
#products_block p{
  font-size: 100%; line-height: 140%;
}
#products_block form{
  font-size: 100%; line-height: 140%;
}
#products_block .button{
  line-height: 0px;
}
#products_block .line{
  padding: 0px 0px 0px 0px;
  margin: 15px 0;
}

#products_block td.products_gift{
	font-size:12px !important;
	padding:2px 5px 2px 2px;
	white-space:nowrap;
}

#products_block td.products_gift_price{
	border-top:#cccccc solid 1px;
	font-size:12px !important;
	text-align:right;
	padding:4px 5px 2px 2px;
}

#products_block td.products_gift_btn{
	padding:4px 0 2px 5px;
}

#products_block img.products_osusume_ic{
	vertical-align:middle;
	margin:0 0 5px 0;
}

#products_block p.present_comment{
	color:#ff0000;
	margin:5px 0 0 0 !important;
}

#products_block a {
    text-decoration: underline;
}

#products_block p.present_osusume_link{
	margin:5px 0 0 0 !important;
}


/* user
---------------------------------------------------------*/
#user_block {
  padding: 20px 10px 20px 10px;
}
#user_block h3{
  margin: 10px 0px 10px
}



/* detail
---------------------------------------------------------*/

#detail {
	text-align:center;
}

.detail_notice {
	color:#ff0000;
}

.bold {
	font-weight:bold;
}


/* lead */

.detail_manuka_lead {
	width:604px;
	background:url(../details/images/manuka_lead_bg.jpg) no-repeat left top;
	text-align:left;
	margin:0 0 0 11px;
}

.detail_greeen_lead {
	width:604px;
	background:url(../details/images/green_lead_bg.jpg) no-repeat left top;
	text-align:left;
	margin:0 0 0 11px;
}

.detail_tawari_lead {
	width:604px;
	background:url(../details/images/tawari_lead_bg.jpg) no-repeat left top;
	text-align:left;
	margin:0 0 0 11px;
}

.detail_manuka_rewa_lead {
	width:604px;
	background:url(../details/images/manuka_rewa_lead_bg.jpg) no-repeat left top;
	text-align:left;
	margin:0 0 0 11px;
}

p.detail_lead_01 {
	padding:20px 10px 0 120px;
	margin:0 !important;
}

p.detail_lead_02 {
	padding:10px 10px 0 10px;
	margin:0 !important;
}

/* cart */

.detail_cart_area {
	width:604px;
	margin:30px 0 0 11px;
}

.detail_cart {
	background:url(../details/images/detail_cart_frame_bg.gif) repeat-y;
	text-align:center;
	padding:10px 0 0 0;
}

.detail_cart p.detail_osusume_link {
	padding:0 10px 0 0;
}

.detail_cart table {
	width:584px;
	margin:0 auto;
	border:0;
}

table.detail_cart_table img {
	vertical-align:bottom !important;
}

table.detail_cart_table td.detail_cart_name {
	text-align:left;
	white-space:nowrap;
	padding:4px 0 4px 5px;
}

table.detail_cart_table td.detail_cart_btn {
	text-align:right;
	white-space:nowrap;
	padding:4px 5px 4px 0;
}

table.detail_cart_table td.detail_cart_line {
	font-size:0;
}

table.detail_cart_table p {
	font-size:12px !important;
	margin:0 !important;
}

td.detail_cart_title {
	padding:0 0 20px 0	!important;
}

div.detail_cart_l {
	float:left;
}

div.detail_cart_l p {
	font-size:12px !important;
	line-height:100% !important;
	margin:0 !important;
	padding:10px 0 0 5px;
}

div.detail_cart_r {
	float:right;
}

div.detail_cart_r input {
	vertical-align:bottom;
	margin:5px 5px 5px 0;
}

div.detail_cart_line {
	clear:both;
	font-size:0;
	height:1px;
}

div.detail_cart_line img {
	vertical-align:bottom;
}

/* osusume */

.detail_osusume {
	width:604px;
	text-align:center;
	margin:30px 0 0 11px;
}

.detail_osusume table {
	border:0;
	margin:0 0 0 11px;
}

.detail_osusume td {
	margin:0 !important;
}

.detail_osusume a {
	display:block;
	width:180px;
	height:203px;
}

td.detail_osusume_mgo550 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo550.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_mgo30 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo30.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_mgo400_c {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo400_c.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_aloe {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_aloe.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_mgo100 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo100.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_mgo10002 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo100_02.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_green {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_green.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_green02 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_green_02.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_mgo400 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_mgo400.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_aloe02 {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_aloe_02.jpg) no-repeat left top;
	text-align:right;
}

td.detail_osusume_tawari {
	width:180px;
	height:282px;
	background:url(../details/images/detail_osusume_tawari.jpg) no-repeat left top;
	text-align:right;
}

.detail_osusume input {
	vertical-align:bottom;
	margin:0 6px 6px 0 !important;
}

/* gift */

td.detail_gift{
	font-size:12px !important;
	padding:2px 5px 2px 2px;
	white-space:nowrap;
}

td.detail_gift_price{
	border-top:#cccccc solid 1px;
	font-size:12px !important;
	text-align:right;
	padding:4px 5px 0 2px;
}



/* zoka （2010年2月追加）
---------------------------------------------------------*/

#zoka_block {
  padding: 20px 10px 20px 10px;
}

.zoka_store {
	width:604px;
	text-align:center;
	margin:30px 0 0 11px;
}

.zoka_store table {
	border:0;
	margin:0 0 0 11px;
}

.zoka_store td {
	margin:0 !important;
	width: 180px;
	font-size: 70%;
	text-align: left;
}

#zoka_store_syousai {
    text-align: right;
	font-weight: bold;
}



/* tasting （2010年2月追加）
---------------------------------------------------------*/


#tasting_block {
  padding: 20px 5px;
}

#tasting_block p {
	padding: 0 10px;
  line-height: 180%;
}

#tasting_block img {
  margin: 0 10px;
}

#tasting_block h5 {
  font-weight: bold;
  font-size: 85%;
  color: #003399;
  margin: 15px 0 5px 0;
}

#tasting_block td.price {
   text-align: center;
   font-size: 70%;
   line-height: 90%;
}

#tasting_block span.price {
   color: #FF0000;
}


/* main_image （2011年10月追加）
---------------------------------------------------------*/

.main_image {
	height: 300px;
	margin: 0 0 10px 0;
}

/* top_voice （2011年10月追加）
---------------------------------------------------------*/

#top_voice_wrap {
	width: 100%;
	text-align: center;
}

#top_voice {
	width: 605px;
	margin: 5px auto 20px auto;
	text-align: center;
}

#top_voice .voice_area {
	border-right: #ffcd60 solid 1px;
	border-bottom: #ffcd60 solid 1px;
	border-left: #ffcd60 solid 1px;
}

#top_voice .voice_area p {
	text-align: left;
	padding: 10px 0;
	margin: 0 20px 0 20px;
}

#top_voice .voice_area p.voice_bb {
	border-bottom: #ffcd60 solid 1px;
}

#top_voice p.voice_more {
	float: right;
	margin: 5px 0 0 0;
}

/* ranking （2011年10月追加）
---------------------------------------------------------*/

#ranking {
	width: 163px;
	background: url(../images/manuka_ranking_bg.gif) repeat-y;
	text-align: center;
	margin: 0 0 10px 5px;
}

#ranking .ranking_block {
	width: 139px;
	text-align: left;
	margin: 20px auto 0 auto;
}

#ranking .ranking_block img {
	margin: 0 0 10px 0;
}

#ranking .ranking_block p {
	font-size: 12px;
	margin: 5px 0 0 0;
}


/* clearfix */
.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}
/* clearfix */