@charset "utf-8";
/* 2014/03/17 update */
/*----------------------------------------------------
基本設定、リンクカラーなど（orderclause.html）
----------------------------------------------------*/
body {
    background:#ffffff;
    line-height:1.6;
    font-size:14px;
    background:url(../img/flower_w.jpg) ;
}

a:link {
    color:#538462;
    text-decoration:none;
}
a:visited {
    color:#538462;
    text-decoration:none;
}
a:hover {
    color:#92c1a0;
    text-decoration:underline;
}
a:active {
    color:#92c1a0;
    text-decoration:none;
}

table {
    width:100%;
    margin:20px 0;
    border:1px solid #ddd;
}

table th {
    padding:10px;
    font-weight:normal;
    text-align:center;
    border:1px solid #ddd;
    background:#f0f7fc;
}

table td {
    padding:10px;
    border:1px solid #ddd;
    vertical-align:top;
}

ol {
    padding-left:30px;
}

ol li {
    list-style:decimal;
}

p {
    word-wrap:break-word;
}


/*----------------------------------------------------
汎用class
----------------------------------------------------*/
/* 回り込み解除
----------------------------------------------------*/
/* clearfix */
    .clearfix:after {
    content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
    .clearfix {display:block;}
/* End hide from IE-mac */

.clr {
    clear:both;
}

/* 画像配置設定
----------------------------------------------------*/
.imgleft {
    float:left;
    margin:0 10px 0 0 !important;
}

.imgright {
    float:right;
    margin:0 0 10px 10px;
}

.btn {
    text-align:center;
}

/* txt設定
----------------------------------------------------*/
.ac {
    text-align:center;
}

.left {
    text-align:left;
}
.right {
    clear:both;
    text-align:right;
}

/* width設定
----------------------------------------------------*/
.tdw25 {width:25%}
.tdw30 {width:30%}
.tdw33 {width:33%}
.tdw34 {width:34%}
.tdw50 {width:50%}
.tdw150 {width:150px;}
.tdw280 { width:280px;}


/* -----------------------------------------------------------
#header
ヘッダー
----------------------------------------------------------- */
#header {
    width:975px;
    margin:0 auto;
}

#header h1 {
    float:left;
    margin-top:20px;
}
#header h2 {
    float:left;
    font-size:12px;
    font-weight:normal;
    margin-top:55px;
}

.tel {
    float:right;
}

#headerDesc {
    overflow:hidden;
    background:#84b593;
    color:#fff;
    padding:2px 0;

}
#headerDescArea {
    width:975px;
    margin:0 auto;
}

#headerDescArea h1 {
    font-size:11px;
    font-weight:normal;
    float:left;
}

#headerDescArea h2 {
    font-size:11px;
    font-weight:normal;
    float:right;
}

/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
    width:250px;
    clear:both;
    float:right;
    text-align:right;
}

#header #utilityNav li {
    display:inline;
    list-style-type:none;
    margin-right:5px;
    padding:0 0 5px 8px;
    background:url(../img/list-arw.png) no-repeat;
    background-position:0% 30%;
}

#header #utilityNav li a {
    color:#98534b;
}


/* -----------------------------------------------------------
#navi
ナビ
----------------------------------------------------------- */
#navi {
    clear:both;
    padding-top:5px;
    margin-bottom:5px;
}

/* #gNav
----------------------------------------------------------- */
#navi #gNav {
    clear:both;
    overflow:hidden;
}

* html #navi #gNav {
    height:1%;
}

#naviArea {
    width:975px;
    margin:0 auto;
    overflow:hidden;
}

#navi #gNav li {
    float:left;
    text-align:center;
}

#gNav {
    margin-right:-5px;
}

#navi #gNav li a:link,
#navi #gNav li a:visited,
#navi #gNav li a:active {
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
    display:block;
    width:135px;
    height:45px;
    padding-top:10px;
    background:url(../img/gNav_li_bg.png) 0 0 no-repeat;
    margin-right:5px;
}

#navi #gNav li.shopping a:link,
#navi #gNav li.shopping a:visited,
#navi #gNav li.shopping a:active {
    background:url(../img/gNav_li_bg2.png) 0 0 no-repeat;
}

#navi #gNav span {
    color:#ece3d4;
    font-size:10px;
}

#navi #gNav li a:hover {
    color:#fff;
    background-position:0 -55px;
    text-decoration:none;
}

#navi #gNav li.shopping a:hover {
    color:#fff;
    background-position:0 -55px;
    text-decoration:none;
}


/*----------------------------------------------------
#contents
----------------------------------------------------*/
#contents {
    width:975px;
    margin:20px auto 50px auto;
    text-align:left;
}


/*----------------------------------------------------
#main
メイン
----------------------------------------------------*/
#main {
    float:right;
    width:700px;
}

#main h2 {
    width:680px;
    height:40px;
    margin-bottom:5px;
    padding:0 10px;
    font-size:16px;
    font-weight:normal;
    color:#72685d;
    line-height:40px;
    background:url(../img/bg-h2.png) no-repeat;
}

#main h3 {
    clear:both;
    width:655px;
    height:30px;
    margin-top:30px;
    margin-bottom:5px;
    padding:9px 0 0 45px;
    font-size:16px;
    font-weight:normal;
    color:#fff;
    background:url(../img/bg-h3.png) no-repeat;
}

#main h4 {
    margin:5px 0;
    padding:0;
    color:#7BA11F;
    font-size:14px;
    font-weight:bold;
    border-bottom:3px double #AA8800;
}

#main h5 {
    margin-top:0.5em;
    font-size:14px;
    font-weight:700;
    padding-left:23px;
    background-image:url("../img/balloon_leaf.gif");
    background-position:left center;
    background-repeat:no-repeat;
}

#main h6 {
    margin-bottom:5px;
    padding:2px 5px;
    border:1px solid #ccc;
    border-bottom:3px solid #FF9A31;
    background:#d5eade;
}

#main p {
    margin:0 0 1em 0;
}

#main .first {
    margin-top:0;
}

#main .section {
    margin:0 0 20px 0;
    padding:10px 5px;
}

#main .sectionBorder {
    margin:0 0 20px 0;
    padding:20px 20px;
}

#main ul li {
    list-style-type:none;
    padding:0 0 5px 8px;
    background:url(../img/list-arw.png) no-repeat;
    background-position:0% 30%;
}

#main p {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 10px;
    word-break: normal;
}


/* トピックパス
----------------------------------------------------------- */
ol.pan {
    margin:0 0 5px 0;
    padding:0;
}

ol.pan li {
    display:inline;
}


/* -----------------------------------------------------------
#sub
サイドバー、サブ
----------------------------------------------------------- */
#sub {
    float:left;
    width:230px;
}

#sub h3 {
    font-size:14px;
    font-weight:normal;
    width:190px;
    height:35px;
    color:#fff;
    background:url(../img/bg-side-h3.png) no-repeat;
    margin:0;
    padding:10px 0px 0 40px;
}

#sub h3 a {
    color:#fff;
}

#sub .herbhowto h3 {
    background:url(../img/bg-side-h3-herbhowto.png) no-repeat;
}

#sub .herbhowto .sectionBorder {
    border:1px solid #fd8f36;
}

#sub .herbhowto li a {
    color:#a5450e;
}

#sub ul {
    margin:-10px 0 2px;
}

#sub ul li {
    list-style-type:none;
    padding:5px 0 5px 8px;
    background:url(../img/list-arw.png) no-repeat;
    background-position:0% 49%;
    border-bottom:dashed #ccc 1px;
    margin:5px 0 5px;
}

#sub ul li a {
    display:block;
}

#sub .sectionBorder {
    font-size:12px;
    background:#ffffff;
    margin:-5px 0 20px 0;
    padding:10px 10px 10px 10px;
    border:solid #84b593 1px;
}

.itemlist {
    margin-bottom:10px;
}

.bnr {
    margin:1em 0;
    text-align:center;
}

.bnr a:hover {
    opacity:0.8;
}

/* -----------------------------------------------------------
#footer
フッター
----------------------------------------------------------- */
#footer {
    clear:both;
    background:#d9e5dd;
    padding:15px 0 0 0;
}

/* -----------------------------------------------------------
#footerContents
フッターコンテンツ
----------------------------------------------------------- */
#footerContents {
    overflow:hidden;
    width:965px;
    margin:0 auto;
    padding:30px 0 30px 10px;
}

/* -----------------------------------------------------------
#footMenu
フッターメニュー
----------------------------------------------------------- */
#footMenu li {
    padding-left:10px;
    background:url(../img/list-arw.png) 0 50% no-repeat;
    font-size:12px;
}

#footMenu h3 {
    font-weight:normal;
}

#footMenu .section {
    float:left;
    width:240px;
}

/* -----------------------------------------------------------
.copyright
コピーライト
----------------------------------------------------------- */
.copyright {
    clear:both;
    color:#fff;
    background:#84b593;
    text-align:center;
    padding:15px 0 0 0;
    height:30px;
}

.copyright a:hover {
    color:#fff;
}

/* -----------------------------------------------------------
#pageTop
ページトップへの戻り
----------------------------------------------------------- */
#pageTop {
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:11px;
}

#pageTop a {
    background:#c9d175 url(../img/bg_pagetop.gif) 10px 50% no-repeat;
    text-decoration:none;
    color:#fff;
    padding:30px 10px 30px 20px;
    text-align:center;
    display:block;
    border-radius:5px;
}

#pageTop a:hover {
    background:#d6dd85 url(../img/bg_pagetop.gif) 10px 50% no-repeat;
}


/* -----------------------------------------------------------
index.html
インデックスページ
----------------------------------------------------------- */
/* スライドショー
----------------------------------------------------------- */
.slide {
    width:100%;
    overflow:hidden;
    position:relative;
    list-style:none;
}

.slide ul {
    list-style:none !important;
    margin:0;
    padding:0;
}
.slide li {
    position:absolute;
    margin:0;
    padding:0 !important;
    background:#fff;
    background:none !important;
}
.slide li img {
    width:100%;
}

.controlNav {
    position:relative;
    left:50%;
    float:left;
}

.controlNav span {
    position:relative;
    left:-50%;
    float:left;
    margin:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:10px;
    height:10px;
    overflow:hidden;
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    background:#eee;
    text-indent:-9999px;
    vertical-align:middle;
}
.controlNav span:hover {
    background:#ccc;
    cursor:pointer;
}

.controlNav span.current {
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(121, 171, 145, 0.5);
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(121, 171, 145, 0.5);
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(121, 171, 145, 0.5);
    background:#79ab91;
}

/*------------------------------------------------------------
■制作元：テンプレートパーティー
■URL：http://template-party.com/
----------------------------------------------------------- */
/*サムネイルスライドショー
----------------------------------------------------------- */
#thumbnail {
    clear:both;
    overflow:hidden;
    font-size:10px;
    height:135px;
    width:700px;
    position:relative;
    padding-top:20px;
    margin-bottom:1em;
    background:#fff;
}

#thumbnail a img {
    border:1px solid #b5926b;   /*画像のフチの線幅、線種、色*/
}

#thumbnail a:hover img {
    border:1px solid #000000;   /*マウスオン時の画像のフチの線幅、線種、色*/
}

#thumbnail a {
    display:block;
    float:left;
    width:120px;
    padding-right:5px;
    padding-left:5px;
    text-align:center;
    color:#292418;   /*リンクテキストの色*/
}

#thumbnail a:hover {
    color:#b5926b;   /*マウスオン時のリンクテキストの色*/
    text-decoration:none;
}

.copy {
    text-align:right;
    font-size:10px;
}

.copy a {
    color:#8e8e8e;
}


/* バナー
----------------------------------------------------------- */
.bnrLeft {
    float:left;
    width:345px;
    height:90px;
    margin-bottom:10px
}

.bnrRight {
    float:right;
    width:345px;
    height:90px;
    margin-bottom:10px
}


/* 新着情報
----------------------------------------------------------- */
#info dl dt {
    clear:left;
    float:left;
    padding:10px 0;
    width:7em;
}

#info dl dd {
    background:url("../img/bg_info_line.gif") repeat-x scroll 0 100% #FFFFFF;
    margin-left:0;
    padding:10px 0.5em 10px 8em;
}

/* 運営会社情報
----------------------------------------------------------- */
.information {
    margin-bottom:20px;
}

.information dt {
    clear:left;
    float:left;
    width:11em;
    padding:10px 0;
}

.information dd {
    margin-left:0;
    background:#fff url(../img/bg_info_line.gif) 0 100% repeat-x;
    padding:10px .5em 10px 11em;
}


/* -----------------------------------------------------------
商品ページ
共通
----------------------------------------------------------- */
.herblist1 td {
    text-align:center;
}

.herblist1 img {
    vertical-align:middle;
}

.herblist2 img {
    display:block;
    margin:0 auto;
}

.herblist3 th,
.herblist3 td {
    text-align:center;
}

.herbtopics img {
    display:block;
    margin:0 auto;
}

.price,.pdata {
    color:#333;
    font-weight:bold;
}

.marker {
    padding:0 2px;
    background:#ffe900;
}

.add {
    margin:20px 0;
}

.reg {
    clear:both;
    margin:30px 0;
border:1px solid #AA8800;
}

.reg h4 {
    margin:0 !important;
    padding:2px 5px !important;
    color:#fff !important;
    background:#91ae4a;
}

.reg p {
    padding:10px;
}

.check {
    margin-left:1em;
    margin-bottom:1em;
}
.check li {
    padding-left:30px !important;
    background:url("../img/check.png") 0 0 no-repeat !important;
}

.cart {
    vertical-align:middle
}

.herbInfo {
    clear:both;
    margin:1em 0;
    padding:10px;
    background:none repeat scroll 0 0 #f1f1f1;
    border:1px dotted #bbb;
    border-radius:5px;
}

#voice {
    background-color:#FFFFFF;
    border:1px solid #AA8800;
    clear:both;
    margin:1em 0;
    padding:10px;
}

#voice dl {
    margin-bottom:2em;
}

#voice dt {
    clear:both;
    float:left;
    width:7em;
}

#voice dd {
    margin-left:8em;
}

.sns {
    margin:1em 0;
}

.sns p {
    margin:0.5em 0;
}

.sns p img {
    vertical-align:bottom;;
}

.herbgoods {
    clear:both;
    overflow:hidden;
    margin-bottom:50px;
}

.herbgoodsLeft {
    float:left;
    width:280px;
}
.herbgoodsLeft {
    text-align:center;
}

.herbgoodsRight {
    float:right;
    width:400px;
}

.herbgoodsRight th {
    width:100px;
}

.herbgoodsDetail {
    text-align:right;
}

.herbgoodsDetail a {
    padding:5px 10px;
    color:#fff;
    background:#eda55c;
}

.herbgoodsDetail a:hover {
background:#ffb366;
}

.singleTable {
    border:0;
}

.singleTable th {
    border:0;
}

.singleTable td {
    border:0;
}

.item_table {
    padding:15px;
    text-align:center;
}

.item_table img {
    vertical-align:middle;
}

#main .goodsboxa {
    clear:both;
    overflow:hidden;
    margin:50px 0;
}

#main .goodsboxa dt {
    float:left;
    width:300px;
    text-align:center;
}

#main .goodsboxa dd {
    float:right;
    width:390px;
   font-size:14px;
}

#main .goodsboxa p {
    padding:0 5px;
}

p.note {
    line-height:28px;
    background-image:url("../img/note.gif");
}

.title {
    font-size:16px !important;;
    font-weight:bold !important;;
    color:#7BA11F !important;;
    border-bottom:3px solid #AA8800 !important;
}

.customizetitle1 {
    margin-bottom:10px;
    padding:2px 5px;
    color:#fff;
    background-color:#f1a16c;
    background-position:5px center !important;
}

.customizetitle2 {
    margin-bottom:10px;
    padding:2px 5px;
    color:#fff;
    background-color:#5aabd1;
    background-position:5px center !important;
}

.customizetitle3 {
    margin-bottom:10px;
    padding:2px 5px;
    color:#fff;
    background-color:#f5ad29;
    background-position:5px center !important;
}

.customizeherb {
    font-size:14px;
    font-weight:700;
}

.tm {
    text-align:center;
    vertical-align:bottom;
}

.boxzero {
    clear:both;
    overflow:hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:1px #818181 solid;
    background:#fff;
    text-align:left;
    margin:20px 0;
    padding:10px;
}

.bold {
    font-weight:700;
    letter-spacing:1px;
}

.orange {
    color:#FF6600;
}

#saki {
    border:1px solid #4f3a00;
    margin-top:30px;
    padding:0;
    overflow:hidden;
}

#saki h2 {
    width:auto;
    height:90px;
    padding-left:100px;
    color:#5A4816;
    font-size:18px;
    font-weight:bold;
    line-height:90px;
    border-radius:0;
    background:url("../img/h2_saki.png") no-repeat scroll 0 0 #F5D178;
}

#saki h3 {
    width:auto;
    height:auto;
    margin:0 0 0.5em 0;
    padding:5px 10px;;
    color:#fff;
    border-left:8px solid #b1aa74;
    background:#c9c078;
}

#saki p {
    padding:0 10px;
}

.healthherb {
    padding:0 10px;
}

.imgauto {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.ad {
    padding:5px;
    border-radius:8px;
    background:none repeat scroll 0 0 #ECEEF5;
}

.pink {
    color:#DE0123;
}

.green {
    color:#006666;
}



/* -----------------------------------------------------------
商品ページ 複数購入ボタンエリア
----------------------------------------------------------- */
.cargo_btn_area{
	width:100%;
	margin-top:40px;
}
.cargo_btn_left{
	float:left;
	width:48%;
}
.cargo_btn_left p{
	padding-left:5px;
}
.cargo_btn_right{
	float:right;
	width:48%;
}
.cargo_btn_right p{
	padding-left:5px;
}

.cargo_btn_left_2{
	float:left;
	width:200px;
}
.cargo_btn_left_2 p{
	padding-left:5px;
}
.cargo_btn_center_2{
	float:left;
	width:300px;
}
.cargo_btn_center_2 p{
	padding-left:5px;
}
.cargo_btn_right_2{
	float:right;
}
.cargo_btn_right_2 p{
	padding-top:45px;
	padding-left:5px;
}



/* -----------------------------------------------------------
herborder.html
ご注文Q&Aページ
----------------------------------------------------------- */
.question {
    padding:8px 8px 8px 30px;
    font-size:14px;
    font-weight:700;
    text-align:left;
    border-color:#CECFCE #CECFCE #63AA5A;
    border-style:solid solid dashed;
    border-width:1px;
    background:url("../img/question.gif") no-repeat scroll 10px 10px #D6EBDE;
}

.answer {
    margin-bottom:20px;
    padding:8px 8px 8px 30px;
    font-size:13px;
    text-align:left;
    border-bottom:2px solid #FF9A31;
    border-left:1px solid #CECFCE;
    border-right:1px solid #CECFCE;
    background:url("../img/answer.gif") no-repeat scroll 10px 10px #FFFFFF;
}

.bgkm {
    background-color:#D6E7C6;
}

.bgua {
    background-color:#DEF3E7;
}

.column {
    margin-right:5px;
    vertical-align:middle;
}


/* -----------------------------------------------------------
koe.html
お客様の声ページ
----------------------------------------------------------- */
#main .page {
    width:100%;
    margin:0 0 30px 0;
    padding:0;
}
#main .page li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
    background:none;
}
.page:before, .page:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.page a {
    cursor:pointer;
    display:inline-block;
    float:left;
    margin:0.2em 0.2em 0 0;
    padding:0.1em 0.4em;
    text-align:center;
    text-decoration:none;
    border:1px solid #CCCCCC;
}
div.page a .now {
    cursor:pointer;
    display:inline-block;
    float:left;
    margin:0.2em 0.2em 0 0;
    padding:0.1em 0.4em;
    text-align:center;
    text-decoration:none;
    border:1px solid #339933;
}
.page a:hover {
    border:1px solid #009900;
    background:none repeat scroll 0 0 #D8EB9F;
}
.active3 a {
    background:none repeat scroll 0 0 #FFCC66;
}


/* -----------------------------------------------------------
premama.html
プレママブレンドR倶楽部 ページ
----------------------------------------------------------- */
.herbimg {
    clear:both;
    float:right;
    margin:5px 0 5px 5px;
    text-align:center;
}

.term {
    background-image:url("../img/balloon_heart.gif") !important;
}

.cal {
    width:350px;
}

.cal th {
    width:3em;
    text-align:right;
    background:#fff;
}
.cal .ac {
    text-align:center;
}

/* -----------------------------------------------------------
company.html
会社概要ページ
----------------------------------------------------------- */
#main dl.company dt {
    float:left;
    width:6em;
    margin:0;
    padding:0;
}

#main dl.company dd {
    margin:0 0 0.5em 6em;
    padding:0;
    background:#fff url(../img/bg_info_line.gif) 0 100% repeat-x;
}


/* -----------------------------------------------------------
sitemap.html
サイトマップ ページ
----------------------------------------------------------- */
.sitemap,
.sitemap th,
.sitemap td {
    vertical-align:top;
    border:none !important;
}


/* -----------------------------------------------------------
orderclause.html
出荷目安 ページ
----------------------------------------------------------- */
.orderclause img {
    width:100%;
    hight:auto;
    } 


}