@charset "utf-8";
/*
Theme Name: Eau-de-Vie Japan
Theme URI: www.e-d-v-j.co.jp
Description: WordPress 3.31
Author: 2012.04.09
Version: 1.0
*/

/*  import css */
@import url("./print.css");


/* main Page */
/*------------------------------------------------
  main contents
----------------------------------------------- */
/*基本カラー
/*.or { color: #f16540!important;} /*オレンジ*/
/*.red { color:#ec3200!important;} /*赤*/

/*------------------------------------------------
 　*css* tips
----------------------------------------------- */

.reative {position: relative;}
.absolute {position: absolute;}

.inner_box p.cap { font-size: 0.8em; text-align: center; margin-top: 6px;}
.inner_box p.wide {width: 861px; clear: both;}
.w250 { width: 250px!important;}
.w410 { width: 410px!important;}
.w860 { width: 861px!important;}
.mb1	{ margin-bottom: 1px!important;}
.mr20 { margin-right:20px!important;}
.ml20 { margin-left: 20px!important;}
.mb0  { margin-bottom: 0!important;}
.mb45 { margin-bottom: 45px!important;}
.mb60 { margin-bottom: 60px!important;}
.h37  { height: 37px!important;}
.mr85 { margin-right: 85px;}
.ml50	{ margin-left: 50px;}
.mt30 { margin-top: 30px;}
.c_aut {text-align: center; margin: 0 auto;}

.main_box ul.bt_arrow { margin:0;padding:0;list-style:none;}
.main_box ul.bt_arrow li{	font-size: 12px; line-height: 1.5; margin:3px 0 1.5em;padding:0 0 0 1em; background: url(./images/page/koutei/bt_sankaku.gif) no-repeat left 4px;}

/*------------------------------------------------
  Page基本CSS
----------------------------------------------- */
.contents {width: 100%; margin-top: 40px; min-height: 420px; text-align: left; position: relative; overflow: hidden; _zoom:1;}
h1.title {font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
h2.h2title {margin-top: 48px!important; overflow : hidden; _zoom:1;}
h3.title {margin-bottom: 16px!important;}
h4.midashi { margin-bottom: 18px!important;}
h2.h2_list {margin-top:40px!important;}

#title01 {margin-top: 0!important;}

.main_box {line-height: 2; color: #666; overflow:hidden; _zoom:1;}
.main_box {width: 100%; height: auto; background: url(./images/common/bk_box_naka.gif) #f8f8f8 repeat-x top; text-align: center;} 
.main_box .inner_box { position: relative; width: 861px!important; margin: 60px auto; text-align: left; overflow: hidden;}

.main_box .l_box { width: 410px; float: left; text-align: left; text-align:justify;}
.main_box .r_box { width: 410px; float: right; text-align: left; text-align:justify;}
.contents p {font-size: 14px; margin-bottom: 1.5em; color:#000; }
.contents a{cursor: default; color: #ff5555; }
.contents p.sel{clear: both; display:inline; margin-right: 0.5em;}
.contents div.det{margin-bottom:1.5em; margin-left: 3.5em;}
.contents div.det2{margin-bottom:0em; margin-left: 3.5em;}
.contents div.det3{margin-bottom:1.5em; margin-right: 3.5em; float:left;}
.contents table.det td{color: #000000; font-size: 14px;}
.contents div.deliv{margin-bottom:28px;}
.contents p.det {margin-bottom: 0px; }
.contents p.det2 {margin-bottom: 0px; margin-left: 1.5em; }
.contents p.det3 {clear: both; }
.contents p.sel img{vertical-align: middle;}
.contents p.err {color: #ff5555; margin-bottom: 0em;}
.contents p.hr {clear: both; height: 1px; background: url(./images/common/bar_dotto.gif) repeat-x;margin: 40px auto;}
.contents p.s20 {font-size: 20px;}

.inner_box li { font-size: 12px; line-height: 2;}

.li_data a{
	margin-right: 10px;
	padding-bottom: 30px;
}


.data_nav li {
	float: left;
  margin-right: 28px;
  margin-bottom: 12px;
}


/*------------------------------------------------
  フルーツ酵母とは
----------------------------------------------- */

.main_box #photo01 {position: absolute; bottom: 18px; left: 0;}
.main_box h3.f_midashi {height: 35px;width: 410; margin-top: 40px; }
.main_box h3.f_midashi.h37 {height: 37px;margin-top: 37px; margin-bottom: 2px; }
.main_box .bk_white {background: #FFF; margin-bottom: 1.5em; width: 980px; overflow : hidden; _zoom:1;}
#day14 { position: relative; height:106px; width: 861px; background: url(images/page/koutei/koutei_5_2.gif) no-repeat; margin-top: 20px;}
#day2 { position: relative; height: 106px; width: 861px; background: url(images/page/koutei/koutei_7_2.gif) no-repeat; margin-top: 20px;}
#sagyo01 {top: 20px; right:18px;}
#sagyo02 { position: absolute; top: 25px; left:25px;}
#sagyo03 { position: absolute; top: 25px; left:25px;}
.subcopy {font-size: 25px; color: #f16540; line-height:3;}

.about-fruits-yeast span.or,
.elements span.or {text-decoration:underline!important;}

/*------------------------------------------------
  フルーツ酵母の浸透力の効果
----------------------------------------------- */
h2.title_kouka {margin-bottom: 13px;}
h3.title_kouka {margin-bottom: 31px;}
h4.title_kouka {margin-bottom: 60px;}
h5.title_kouka {margin-bottom: 20px;}
.kouka_p .k_ini {margin-left: 3em; margin-bottom: 1.5em;}
.kouka_p p img {margin-bottom: 0!important;}
h3.title_seibun {margin-top: 55px;}
h4.title_seibun {margin-bottom:70px}

h2.title_111 {margin-bottom: 64px;}

/*------------------------------------------------
  ETC
----------------------------------------------- */
/*フルーツ酵母を支える成分*/
h3.ep {color:#FF3300;}

/*data*/
.data .main_box {margin-bottom: 30px;}
.data .h2title {margin-bottom: 12px;}
.data .inner_box .in{
	text-align: center;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.data .inner_box .titledata {margin: 0 auto;}
.data .inner_box dl{
	width: 860px;
	font-size: 12px;
	line-height: 1.8;
}
.data .inner_box dt{
	margin-bottom: 0.8em;
}
.data .inner_box dd{
	margin-bottom: 1em;
	margin-left: 3.5em;
}

/* TABLE */
table.table_seibun {
	width: 100%;
	background: #fff;
	margin: 30px 0;
	padding: 30px 0;
}

table.table_seibun td{
	font-size: 14px;
	padding-left: 34px;
	padding: 24px;
	text-align: left;
	vertical-align: middle;
}
table.table_seibun span {
	text-decoration:underline!important;}
.bluetxt{ color:#0000ff;text-decoration:underline!important;}

table.table_seibun .bk_par {
	background: url(images/page/seibun/bt_paren.jpg) no-repeat right center;
}


/*よくある質問*/
.q-a   {margin-left: 26px; overflow: hidden;}
.q-a dl {width: 861px; height: auto; clear: left;}
.q-a dt {width: 40px; margin-bottom: 35px;}
.q-a dd {width: 810px;}
.q-a dt {float: left;}
.q-a dd {float: left;}
.faq dl p {margin-bottom: 1.5em;}

table.shitumon_hyo { margin-right: 14px; float: left!important; width: 390px;height: 145px; border: 2px solid #fa4a4a;}
table.shitumon_hyo th { vertical-align: middle; background: #fa4a4a; height: 31px; text-align: center}
table.shitumon_hyo td { text-align: left; padding: 10px; vertical-align: top; font-size: 12px;}

.faq p.hr {clear: both; width: 980px; height: 1px; background: url(images/common/bar_dotto.gif) repeat-x;margin: 40px auto;}
img.situmon {margin-right: 90px;}

/* TABLE */
table.table_com { width: 980px; font-size: 12px; line-height: 2; background: #f8f8f8;}
table.table_com tr {border: 2px solid #ffffff;}
table.table_com th,
table.table_com td {padding: 30px; }
table.table_com th{ vertical-align: middle; font-weight: normal; }
table.table_com td{ width: 780px; padding-left: 40px; vertical-align: middle; text-align: left;}
table.table_com .odd{background: #f2f2f2 }
table.table_com dl dt {width: 6em; float: left; clear: left; text-align: right;}
table.table_com dl dd {width: 30em; float: left;  margin-left: 2em;}
table.table_com dl  { overflow: hidden; margin-top: 1em;}

table.table_items { margin-top: 20px; font-size: 14px; color: #000000;}
table.table_items th{ padding: 0px; padding-left: 10px; text-align: left;}
table.table_items td{ padding: 0px; padding-left: 10px; }
table.table_items tr.sum{ padding-bottom: 10px;}
table.table_items td.sum{ padding-top: 3px; vertical-align: top; text-align: right; }
table.table_items td.sumtxt{ padding-top: 3px; vertical-align: top; text-align: left; }
table.table_items td.sumres{ padding-top: 3px; vertical-align: top; }
form#fm1 input[type="submit"] { padding: 10px; }
form#fm1 input[type="button"] { padding: 10px; }
form#fm1 {margin-bottom: 20px; }

/*会社概要*/
.company table.table_com td { background: url(images/common/bt_dott_t.gif) repeat-y 0;}
.company table.table_com th{ width: 200px; text-align: center;}

/*特定商取引*/
.tokuteisyou table.table_com th{ width: 200px; text-align: left;}

.contact .etcbox {width: 468px;height: 146px; }

/* 共通BOX */
#etcbox_first { right: 0 ; top: 130px; height: auto;}



.etcbox { width: 390px; position: absolute; border: 2px solid #efefef; overflow: hidden; margin-bottom: 60px; height: auto;} 

/* お問い合わせ */
#tform.table_com th{ width: 190px; text-align:right;}
.contact .table.table_com tr{height: 80px;}
dl.tnaiyo {margin: 24px auto ; width: 360px;}
dl.tnaiyo dt{ width: 60px; float: left; clear: both;margin-bottom: 1.5em; }
dl.tnaiyo dd{ width: 300px; float: left; margin-bottom: 1.5em; margin-top: 4px; }

.contact #div_etcbox{ width: 420px; border: 2px solid #efefef; overflow: hidden; margin-bottom: 60px; height: auto;} 
.wpcf7 {padding:20px;}
.wpcf7 .con{ height:27px;	width:416px;font-size:14px;align:left; border: 1px solid #ccc;}
.wpcf7 input.tel{	height:27px;width:290px; font-size:14px; color:#fff;overflow-y:auto; _overflow-y:hidden; border: 1px solid #ccc;}
.wpcf7 .wpcf7-textarea{height:118px; width:660px; font-size:14px; color:#fff; overflow-y:auto;
       _overflow-y:hidden;  /* IEでスクロールバーを消す為に記述 */ border: 1px solid #ccc;}
.wpcf7 p.submit  { text-align: center;}  


/*はじめての方*/	
.first_copy {margin-bottom: 60px;}
ul.li_bt_icon li{ padding-left: 2em; font-size: 13px;}
ul li.mail_ {background: url(images/common/bt_mailto.jpg) no-repeat 0 4px; }
ul li.fax_  {background: url(images/common/bt_fax.jpg) no-repeat 0 4px;}
ul li.fax { font-size:28px; color:#333333;}
ul.ul_first { width: 400px;margin: 30px 0.5em 30px 1.5em;}
ul.ul_first li {font-size: 12px!important;}



/*プライバシーポリシー*/	
p.title_riyou {margin-bottom: 35px}
h4.h4or {color: #f16540!important;font-size: 14px}
ol.policy { padding-left: 4em; margin-top: 0;}

p.ol{ margin-left:1.5em; text-indent:-1em; }
ul.disc { list-style: disc; padding-left: 2em;}

/* トライアルキット+集中ケア */
.trial-kit .item_box{ float: left; margin-bottom: 20px; position: relative; width: 861px; height: auto; min-height: 450px; background: #fff; }
.trial-kit .photo { margin-left: 30px; margin-top: 50px; text-align: center; }
div.try01 { margin-top: 25px; margin-bottom: 60px;} 
.try01 p{ margin-top: 12px; font-size: 14px;line-height: 22px; }
.try02 p{ margin-top: 12px; font-size: 11px;line-height: 11px; }
.try02 li{ font-size: 12px; line-height: 1.7;}
.t_naiyo {margin-bottom: 8px;}
.try02 .hr { height: 1px; background:url(images/item/line_dott.gif) repeat-x; margin-top: 12px; margin-bottom: 12px;}
.try02 .plice{padding-bottom: 12px;font-size:15px;}
.try03 p{ font-size: 12px; margin-top:5px; }
ul.try_box_in {width: 210px; float: left; margin-right: 9px; background: #fff; margin-bottom: 10px; text-align: center;}
.care-set ul.try_box_in {width: 213px; height: 570px; float: left; margin-right: 3px; background: #fff; margin-bottom: 10px; text-align: center;}
li.t_hr { height: 1px; width: 230px; background:url(images/item/line_dott.gif) repeat-x; margin: 0 auto 18px;}
.t_in-in li {float: left; margin-right: 8px;}
.t_in-in {overflow: hidden; width: 116px; margin: 0 auto; text-align: center;}
.t_or { color: #f16540;  margin: 16px auto 4px;}
.t_day { margin-top:15px;　margin-bottom: 10px;}
ul li.t_houho { font-weight: bold; margin-bottom: 15px; line-height:1.8!important;}
ul li.t_kouka2 { color:#ff0000; text-align:left; margin-top: 15px; margin-left:15px; margin-right:15px; line-height:1.8!important;}
ul li.t_kouka3 { text-align:left; margin-top: 15px; margin-left:15px; margin-right:15px; line-height:1.8!important;}

/* 6日間集中ケアセット */
.care-set .title { font-size: 18px; font-weight: bold; }
.care-set .item_box{ float: left; margin-bottom: 20px; position: relative; width: 861px; height: auto; background: #fff; }
.care-set .list-inner { width: 885px!important; margin-right:-24px; height: 800px; background: #fff;}


/*協同組合*/

.union-goods-list h2 {font-size: 20px; }
.kumiai { min-height: 550px; }
#k_001 p { font-size: 15px; margin-bottom: 1.5em;}
p.t_back { width: 270px; height: 40px; margin: 35px auto;}

/*協同組合 その２*/
table.kumi_t01  {
		min-height: 334px;
		margin-bottom: 38px;
    background: url("images/common/bk_box_naka.gif") repeat-x scroll center top #F8F8F8;
    height: auto;
    width: 100%;
}
table.kumi_t02 {width: 861px; margin: 0px auto; margin-bottom:50px;}
table.kumi_t01 .td01{	width: 490px;}
table.kumi_t01 .td02{	width: 370px;	text-align: right;vertical-align: top;}
table.kumi_t01 .td02 img{max-width: 366px; }

.kumiai_box .inner_box{
	margin-top: 50px;
	margin-bottom: 50px;
}
.kumiai_box {min-height: 334px; margin-bottom: 38px;}
.kumiai h3.title{
	padding-top: 50px;
	padding-left: 58px;
	font-size: 22px;
	line-height: 1.5;
	color: #f16540!important;
	padding-bottom: 24px;
}  /*オレンジ*/
.kumiai h3.title a{
	color: #f16540!important;
}
.kumiai h4.title{
 font-size: 18px;
 height: 20px;
 border-left: solid 4px #f16540;
 line-height: 1.2;
 padding-left: 0.5em;
 margin-bottom: 27px;
 }

p.edit a{font-size: 11px;}

/*------------------------------------------------
  ITEM  item_s
----------------------------------------------- */
/*詳細*/

.item_s .s_item_box { float: left; margin-bottom: 20px; position: relative; width: 861px; height: auto; min-height: 450px; background: #fff; }
.item_s table.i_photo { text-align: center; vertical-align: middle; 
	margin-left: 50px; margin-top: 50px; width: 360px; height: 360px;}
.item_s .i_photo img {max-height: 360px; max-width: 360px; }
.item_s .r_box { 
	float: right; margin-top: 54px; width: 370px;
	margin-right: 50px;
	margin-bottom: 50px;
	text-align: left; }
.item_s .main_box .shousai { font-size: 12px;margin-bottom: 30px;}
.item_s .main_box div.houhou	 { padding: 35px 20px 0;background:url(images/item/try_4.gif) no-repeat;}
.item_s .main_box div.houhou	 li{ margin-left: 8px;  font-size: 12px; margin:0 0 1em;}
.item_s .spec01 h2 {font-weight: 500; font-size: 22px; color: #000; min-height: 50px; line-height: 1.5; padding-bottom: 30px;}
ul.icon_day { margin: 0 0 14px; overflow:hidden;}
ul.icon_day li {float: left; margin-right: 4px;}
.spec01 div.spec_txt { overflow: hidden; clear: both; margin:0;padding:0 0 10px;list-style:none;}
.spec01 div.spec_txt ul li {font-size: 14px; line-height: 1.4; margin:3px 0 0.2em;padding:0 0 0 0.5em; background: url(images/item/bt_arrow_or.gif) no-repeat left 8px;}
.spec01 .hr,
.try02 .hr { width: 360px;height: 1px; background:url(images/item/line_dott.gif) repeat-x; margin-bottom: 10px;}
.item_s .plice01 {margin-bottom: 20px;font-size:15px;}
.item_s .seibun a{font-size:15px;}
.item_s p.r_back {margin: 26px 0  0; text-align: left;}
.item_s .p_off {margin-top: 8px;}

/*　一覧　*/
.goods-list .main_box { background-image:none;  background-color: #ddd; text-align: center;}  /*一覧バックカラー #ddd*/
.item_list .main_box .inner_box { width: 861px!important; margin-left: auto; margin-right: auto;}
.item_list .main_box { height: auto; margin-bottom:-25px; overflow: hidden;}
.list-inner { width: 885px!important; margin-right:-24px; overflow: hidden;}

.goods-list .list-inner .s_item_box { float: left; margin-right: 24px; margin-bottom: 25px; width: 271px; height:262px!important; background: #fff; cursor: pointer; text-align: center; border: none; }
.goods-list table.i_photo { text-align: center; vertical-align: middle; width: 188px; height: 188px; margin: 0 auto; margin-top: 12px;}
.goods-list .i_photo a img {max-height: 188px; max-width: 188px; }

.goods-list .name_s { font-size: 14px; height: 16px; width: 248px;text-align: center; margin: 4px auto;color: #F16540; padding-bottom: 6px; border-bottom: 1px dotted #ddd;}
.goods-list .tag_s {font-size: 12px; height: 12px; width: 248px; text-align: center; margin: 0 auto;}


#ubanner { width:940px; height:auto; padding: 0 4px; padding-top:25px;}

/* 入会のご案内 */
img.img_order,
img.img_nyukai {margin-top: 80px;}


/* ご注文*/	
p.order {width: 730px; margin: 0 auto; text-align: center; margin-top: 0; }
img.img_order {margin-top: 100px;}
ul.order_bt li  {width:270px; height: 44px; float: left; margin-right: 40px;}
ul.order_bt { padding-top: 120px; width: 620px; height: 44px; margin: 0 auto; text-align: center;}

p.order_text {font-size: 18px; font-weight: 500; line-height: 3; width: 730px; margin: 80px auto 0px auto;text-align: center; }


/* site-map */
#site-map .site-ul li { line-height: 50px;}
li.st0,
#site-map .site-ul li.st1 { background:url(images/item/line_dott.gif) repeat-x bottom;margin: 0px; }
#site-map .site-ul li a{background:url(images/top/bt_new.gif) no-repeat 1px;}

#site-map .site-ul li a {padding-left: 1.5em;}
#site-map .site-ul li.st1 { margin-left: 210px;}

#site-map ul.site_in  { width: 700px; padding-top: 12px; padding-bottom:6px;}
#site-map ul.site_in li {float: left; width: 340px; font-size: 12px;
	line-height: 2;}

/*------------------------------------------------
  POST entry
----------------------------------------------- */

.post h2, .post h3, .post h4, .post h5, .post h6{ font-weight: bold; margin: 30px 0 10px}
.post h2{font-size:200%; border-bottom:1px solid #ddd; padding-bottom:0px;}	
.post h3{font-size:150%;}
.post h4{font-size:120%;}
.post h5{font-size:110%;}

.post p{margin-bottom:1.5em;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{ 	padding: 3px; background: #fff; margin:20px 0; }
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.post .cal {list-style: none; margin-right: 1em;}
.post blockquote{ border-left:5px solid #ddd; background: #eee; padding: 10px; margin:20px 0; font-style:italic; }
	.post blockquote p{margin:0;}
.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
.post ul, .post ol{margin:20px 0;}
	.post ul li{ list-style: url(images/arrow_list.png); margin-left:2em; }
	.post ol li{list-style: decimal outside;margin-left:2em;}


/*------------------------------------------------
  calendar
----------------------------------------------- */

#calender_r  { float: right; width: 200px; height: auto;}
#wp-calendar { font-size: 10px; position: relative; empty-cells: show; margin: 10px auto 0; width: 190px;}
#wp-calendar thead th{border: none;}
#wp-calendar tfoot td a{ font-size: 10px;}
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar th,
#wp-calendar td { width: 26px; height: 22px; border: 1px solid #eaeaea; padding: 3px 1px; text-align: center; }
#wp-calendar tfoot td { border: medium none; }
#wp-calendar td.pad:hover { background-color: #FFFFFF;  text-decoration:underline;}
#wp-calendar td#today { vertical-align: middle; border: 1px solid #ccc !important; }
#wp-calendar caption { width: 60px; position: absolute; font-size: 10px; bottom: 5px; left: 71px; }
#wp-calendar tbody td a, 
#wp-calendar tbody td a:link { color: #666666; text-decoration:underline!important;}

#TB_window p {color: #000;}
#TB_window h1 {font-size: 2em}
#TB_window h2 {font-size: 1.5em}
#TB_window h3 {font-size: 1.17em}
#TB_window h4 {font-size: 1em}
#TB_window h5 {font-size: .83em}
#TB_window h6 {font-size: .75em}
#TB_window strong {font-weight: 700;}
#TB_window table {cursor:default}
#TB_window table td, table th {cursor:text}
#TB_window td {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}

td.sum{ text-align: right; padding-right: 1em; }
td.sum input { text-align: left;}
td.ta_r{text-align:right;}
td.lh{line-height:5em;}