@charset "euc-jp";

/* CSS Document */



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

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/

*html .clearfix {height: 1%; }

.clearfix{display: block;}

/* End hide from IE-mac */



body{

margin: 0 auto 20px auto;

}

body a{

color: #9c8a49;

text-decoration: underline;

}

body a:hover{

color: #cc6633;

text-decoration: underline;

}

body img{

border: 0;

vertical-align: bottom;

}

body img.mtb10{

margin: 10px 0 10px;

}

#contents{

width: 900px;

margin: 0 auto;

color: #666666;

font-size: 12px;

}

#header{

background:#f7f1dd;

width: 900px;

margin: 0 auto 10px auto;

}



#main{

width: 683px;

margin: 0;

padding: 0;

color: #333333;

}

#top-main{

width: 500px;

margin: 0;

padding:0;

float:left;

}

#top-right{

margin: 0;

width: 190px;

float:right;

}

#sidemenu{

width: 190px;

margin: 0;

padding:0;

}

#footer-menu {

margin:0;

}





/* 実店舗案内 */

#shop{

clear:both;

padding: 10px;

background: #f8f2cf;

color: #000000;

height: 160px;

margin: 0 0 10px 0;

line-height: 140%;

}

#shop p{

margin: 5px 0;

}

/* ご利用ガイド */

#guide{

border: solid 5px #dcd1c6;

clear:both;

height: 200px;

margin: 0 0 10px 0;

padding: 0 12px;

text-align: center;

}

#guide h3{

margin: 0;

}

#guide dt{

margin: 0;

padding: 0;

border-top: solid 1px #dcd1c6;

border-bottom: solid 1px #dcd1c6;

}

#guide dt img{

vertical-align: bottom;

}

#guide dd{

margin: 0;

padding: 5px;

line-height: 140%;

color: #333333;

}

#guide dd.line{

border-bottom: solid 1px #dcd1c6;

}

#guide #guide01{

width: 280px;

margin: 0;

float:left;

text-align: left;

}

#guide #guide02{

width: 280px;

margin: 0 13px;

float:left;

text-align: left;

line-height: 160%;

}

#guide #guide03{

width: 280px;

margin: 0;

float:left;

text-align: left;

line-height: 160%;

}

/* フッター */

#footer{

clear:both;

text-align: center;

}



#footer a{

color: #666666;

text-decoration: none;

}

#footer a:hover{

color: #9c8a49;

text-decoration: underline;

}



/* 共通 */

.PicR{

float:right;

}

.PicL{

float:left;

}

img .foot{

clear: both;

}



/* ヘッダー */

#header h1,h2{

margin:0;

}

#header ul{

list-style-type:none;

margin: 0;

padding:0;

}

#header h2.head{

font-size: 12px;

color:#8b6642;

font-weight: normal;

margin: 0;

padding: 3px;

float:left;

}



/* ヘッダー右上メニュー */

#header #navi{

width: 900px;

margin:0;

padding:0;

}

#header #navi ul{

float:right;

margin:0;

padding:0;

font-size: 12px;

}

#header #navi li{

display: block;

float:left;

background: url(../images/head_ya.gif) no-repeat 0 3px;

padding: 4px 8px 2px 12px;

}

#header #navi li#cart{

display: block;

float:left;

background: url(../images/head_cart.gif) no-repeat 0 3px;

padding: 4px 4px 2px 14px;

}

#header #navi li a{

color: #330000;

text-decoration: none;

}

#header #navi li a:hover{

color: #ff6600;

text-decoration: underline;

}



/* ヘッダーメニュー */

#header #global{

clear:both;

background:#8b6642;

height:29px;

}

#header #global li{

display: block;

float:left;

text-indent: -9999px;

width: 145px;

height: 29px;

}

#header #global li a{

display: block;

width: 145px;

height: 29px;

}

#header #global li a:hover{

display: block;

width: 145px;

height: 29px;

}

#header #global li#cosme{

background: url(../images/menu01_ov.gif) no-repeat;

}

#header #global li#herb{

background: url(../images/menu02_ov.gif) no-repeat;

}

#header #global li#aroma{

background: url(../images/menu03_ov.gif) no-repeat;

}

#header #global li#daily{

background: url(../images/menu04_ov.gif) no-repeat;

}



#header #global li#cosme a {

background: url(../images/menu01.gif) no-repeat;

}

#header #global li#herb a {

background: url(../images/menu02.gif) no-repeat;

}

#header #global li#aroma a {

background: url(../images/menu03.gif) no-repeat;

}

#header #global li#daily a {

background: url(../images/menu04.gif) no-repeat;

}



#header #global li#cosme a:hover {

background: url(../images/menu01_ov.gif) no-repeat;

}

#header #global li#herb a:hover {

background: url(../images/menu02_ov.gif) no-repeat;

}

#header #global li#aroma a:hover {

background: url(../images/menu03_ov.gif) no-repeat;

}

#header #global li#daily a:hover {

background: url(../images/menu04_ov.gif) no-repeat;

}



#header #global li#cosmeOv a {

background: url(../images/menu01_ov.gif) no-repeat;

}

#header #global li#herbOv a {

background: url(../images/menu02_ov.gif) no-repeat;

}

#header #global li#aromaOv a {

background: url(../images/menu03_ov.gif) no-repeat;

}

#header #global li#dailyOv a {

background: url(../images/menu04_ov.gif) no-repeat;

}



#header #global p{

float:right;

color: #f7f1dd;

font-size: 12px;

margin:0;

padding: 8px 3px;

}



/* サブメニュー */

#header #sub{

clear:both;

background: url(../images/head_bg.gif) repeat-x;

height: 25px;

}

#header #sub li{

display: block;

width: 145px;

height: 25px;

float:left;

text-indent: -9999px;

}

#header #sub li a{

display: block;

width: 145px;

height: 25px;

}

#header #sub li a:hover{

display: block;

width: 145px;

height: 25px;

}



/* サブメニュー・コスメ */

#header #sub li#cosme01{

background: url(../images/ov/sub01_01.gif) no-repeat;

}

#header #sub li#cosme02{

background: url(../images/ov/sub01_02.gif) no-repeat;

}

#header #sub li#cosme03{

background: url(../images/ov/sub01_03.gif) no-repeat;

}

#header #sub li#cosme04{

background: url(../images/ov/sub01_04.gif) no-repeat;

}

#header #sub li#cosme05{

background: url(../images/ov/sub01_05.gif) no-repeat;

}



#header #sub li#cosme01 a{

background: url(../images/sub01_01.gif) no-repeat;

}

#header #sub li#cosme02 a{

background: url(../images/sub01_02.gif) no-repeat;

}

#header #sub li#cosme03 a{

background: url(../images/sub01_03.gif) no-repeat;

}

#header #sub li#cosme04 a{

background: url(../images/sub01_04.gif) no-repeat;

}

#header #sub li#cosme05 a{

background: url(../images/sub01_05.gif) no-repeat;

}



#header #sub li#cosme01 a:hover{

background: url(../images/ov/sub01_01.gif) no-repeat;

}

#header #sub li#cosme02 a:hover{

background: url(../images/ov/sub01_02.gif) no-repeat;

}

#header #sub li#cosme03 a:hover{

background: url(../images/ov/sub01_03.gif) no-repeat;

}

#header #sub li#cosme04 a:hover{

background: url(../images/ov/sub01_04.gif) no-repeat;

}

#header #sub li#cosme05 a:hover{

background: url(../images/ov/sub01_05.gif) no-repeat;

}



/* サブメニュー・ハーブ */

#header #sub li#herb01{

background: url(../images/ov/sub02_01.gif) no-repeat;

}

#header #sub li#herb02{

background: url(../images/ov/sub02_02.gif) no-repeat;

}

#header #sub li#herb03{

background: url(../images/ov/sub02_03.gif) no-repeat;

}

#header #sub li#herb04{

background: url(../images/ov/sub02_04.gif) no-repeat;

}



#header #sub li#herb01 a{

background: url(../images/sub02_01.gif) no-repeat;

}

#header #sub li#herb02 a{

background: url(../images/sub02_02.gif) no-repeat;

}

#header #sub li#herb03 a{

background: url(../images/sub02_03.gif) no-repeat;

}

#header #sub li#herb04 a{

background: url(../images/sub02_04.gif) no-repeat;

}



#header #sub li#herb01 a:hover{

background: url(../images/ov/sub02_01.gif) no-repeat;

}

#header #sub li#herb02 a:hover{

background: url(../images/ov/sub02_02.gif) no-repeat;

}

#header #sub li#herb03 a:hover{

background: url(../images/ov/sub02_03.gif) no-repeat;

}

#header #sub li#herb04 a:hover{

background: url(../images/ov/sub02_04.gif) no-repeat;

}



/* サブメニュー・アロマ */

#header #sub li#aroma01{

background: url(../images/ov/sub03_01.gif) no-repeat;

}

#header #sub li#aroma02{

background: url(../images/ov/sub03_02.gif) no-repeat;

}

#header #sub li#aroma03{

background: url(../images/ov/sub03_03.gif) no-repeat;

}

#header #sub li#aroma04{

background: url(../images/ov/sub03_04.gif) no-repeat;

}

#header #sub li#aroma05{

background: url(../images/ov/sub03_05.gif) no-repeat;

}



#header #sub li#aroma01 a{

background: url(../images/sub03_01.gif) no-repeat;

}

#header #sub li#aroma02 a{

background: url(../images/sub03_02.gif) no-repeat;

}

#header #sub li#aroma03 a{

background: url(../images/sub03_03.gif) no-repeat;

}

#header #sub li#aroma04 a{

background: url(../images/sub03_04.gif) no-repeat;

}

#header #sub li#aroma05 a{

background: url(../images/sub03_05.gif) no-repeat;

}



#header #sub li#aroma01 a:hover{

background: url(../images/ov/sub03_01.gif) no-repeat;

}

#header #sub li#aroma02 a:hover{

background: url(../images/ov/sub03_02.gif) no-repeat;

}

#header #sub li#aroma03 a:hover{

background: url(../images/ov/sub03_03.gif) no-repeat;

}

#header #sub li#aroma04 a:hover{

background: url(../images/ov/sub03_04.gif) no-repeat;

}

#header #sub li#aroma05 a:hover{

background: url(../images/ov/sub03_05.gif) no-repeat;

}



/* サブメニュー・日用品 */

#header #sub li#daily01{

background: url(../images/ov/sub04_01.gif) no-repeat;

}

#header #sub li#daily02{

background: url(../images/ov/sub04_02.gif) no-repeat;

}

#header #sub li#daily03{

background: url(../images/ov/sub04_03.gif) no-repeat;

}

#header #sub li#daily04{

background: url(../images/ov/sub04_04.gif) no-repeat;

}

#header #sub li#daily05{

background: url(../images/ov/sub04_05.gif) no-repeat;

}



#header #sub li#daily01 a{

background: url(../images/sub04_01.gif) no-repeat;

}

#header #sub li#daily02 a{

background: url(../images/sub04_02.gif) no-repeat;

}

#header #sub li#daily03 a{

background: url(../images/sub04_03.gif) no-repeat;

}

#header #sub li#daily04 a{

background: url(../images/sub04_04.gif) no-repeat;

}

#header #sub li#daily05 a{

background: url(../images/sub04_05.gif) no-repeat;

}



#header #sub li#daily01 a:hover{

background: url(../images/ov/sub04_01.gif) no-repeat;

}

#header #sub li#daily02 a:hover{

background: url(../images/ov/sub04_02.gif) no-repeat;

}

#header #sub li#daily03 a:hover{

background: url(../images/ov/sub04_03.gif) no-repeat;

}

#header #sub li#daily04 a:hover{

background: url(../images/ov/sub04_04.gif) no-repeat;

}

#header #sub li#daily05 a:hover{

background: url(../images/ov/sub04_05.gif) no-repeat;

}



/* サブメニュー・日用品 */

#header #sub li#navi01{

background: url(../images/ov/sub_01.gif) no-repeat;

}

#header #sub li#navi02{

background: url(../images/ov/sub_02.gif) no-repeat;

}

#header #sub li#navi03{

background: url(../images/ov/sub_03.gif) no-repeat;

}

#header #sub li#navi01 a{

background: url(images/sub_01.gif) no-repeat;

}

#header #sub li#navi02 a{

background: url(images/sub_02.gif) no-repeat;

}

#header #sub li#navi03 a{

background: url(images/sub_03.gif) no-repeat;

}

#header #sub li#navi01 a:hover{

background: url(../images/ov/sub_01.gif) no-repeat;

}

#header #sub li#navi02 a:hover{

background: url(../images/ov/sub_02.gif) no-repeat;

}

#header #sub li#navi03 a:hover{

background: url(../images/ov/sub_03.gif) no-repeat;

}





/* サイドメニュー */



#sidemenu{

margin: 0 0 10px 0;

}

#search{

width: 170px;

background: #f8f2cf;

border: solid 2px #dfd4ad;

padding: 8px;

margin: 0 0 10px 0;

}

#search img{

padding-top: 8px;

}

#sidemenu #sidemainmenu{

border: solid 1px #ebdca9;

}

#sidemenu dt#side-cosme{

background: url(../images/side_cosme.gif) no-repeat;

width: 188px;

}

#sidemenu dt#side-herb{

background: url(../images/side_herb.gif) no-repeat;

width: 188px;

}

#sidemenu dt#side-aroma{

background: url(../images/side_aroma.gif) no-repeat;

width: 188px;

}

#sidemenu dt#side-daily{

background: url(../images/side_daily.gif) no-repeat;

width: 188px;

}



#sidemenu dl{

margin:0;

padding: 0;

}

#sidemenu dt{

margin:0;

padding: 0;

}

#sidemenu dd{

margin:0;

padding: 0;

}

#sidemenu #sidemainmenu{

margin:0;

}

#sidemenu #sidemainmenu dl{

margin:0 0 5px 0;

}

#sidemenu #sidemainmenu dt{

width: 177px;

margin:4px auto;

padding: 0;

}

#sidemenu #sidemainmenu dd{

width: 177px;

margin: 0 auto 0 auto;

padding: 0;

}

#sidemenu #sidemainmenu dt#item{

background: url(../images/side_item.gif) no-repeat;

}

#sidemenu #sidemainmenu dt#brand{

background: url(../images/side_brand.gif) no-repeat;

}

#sidemenu #sidemainmenu dt#worry{

background: url(../images/side_worry.gif) no-repeat;

}

#sidemenu #sidemainmenu dl ul{

border-top: solid 1px #f8f2cf;

list-style-type:none;

margin:0;

padding: 0;

}

#sidemenu #sidemainmenu dl ul li{

border-bottom: solid 1px #f8f2cf;

margin:0;

padding:3px;

}

#sidemenu #sidemainmenu dl ul li a{

color: #330000;

text-decoration: none;

background: url(../images/side_link.gif) no-repeat;

padding-left: 10px;

}

#sidemenu #sidemainmenu dl ul li a:hover{

color: #cc3300;

text-decoration: underline;

background: url(../images/side_link_ov.gif) no-repeat;

}



#sidemenu #sidemainmenu dl ul li.side1st a{

margin:0;

padding-left: 12px;

font-weight: bold;

background: url(../images/side_link2.gif) no-repeat;

}

#sidemenu #sidemainmenu dl ul li.side1st a:hover{

margin:0;

padding-left: 12px;

font-weight: bold;

background: url(../images/side_link_ov.gif) no-repeat;

}

#sidemenu #sidemainmenu dl ul li.side2nd a{

margin:0;

padding-left: 22px;

background: url(../images/side_link.gif) no-repeat 10px 0px;

}

#sidemenu #sidemainmenu dl ul li.side2nd a:hover{

margin:0;

padding-left: 22px;

background: url(../images/side_link_ov.gif) no-repeat 10px 0px;

}





#sidemenu #sidesubmenu dt{

display: block;

width: 190px;

height: 23px;

text-indent:-9999px;

margin:1px 0 0 0;

padding:0;

}

#sidemenu #sidesubmenu dt a{

display: block;

width: 190px;

height: 23px;

}

#sidemenu #sidesubmenu dt a:hover{

display: block;

width: 190px;

height: 23px;

}



#sidemenu dt#side-btn-cosme{

background: url(../images/btn_cosme_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-herb{

background: url(../images/btn_herb_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-aroma{

background: url(../images/btn_aroma_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-daily{

background: url(../images/btn_daily_ov.gif) no-repeat;

}



#sidemenu dt#side-btn-cosme a{

background: url(../images/btn_cosme.gif) no-repeat;

}

#sidemenu dt#side-btn-herb a{

background: url(../images/btn_herb.gif) no-repeat;

}

#sidemenu dt#side-btn-aroma a{

background: url(../images/btn_aroma.gif) no-repeat;

}

#sidemenu dt#side-btn-daily a{

background: url(../images/btn_daily.gif) no-repeat;

}



#sidemenu dt#side-btn-cosme a:hover{

background: url(../images/btn_cosme_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-herb a:hover{

background: url(../images/btn_herb_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-aroma a:hover{

background: url(../images/btn_aroma_ov.gif) no-repeat;

}

#sidemenu dt#side-btn-daily a:hover{

background: url(../images/btn_daily_ov.gif) no-repeat;

}





#sidemenu .banner{

margin: 10px 0 15px;

}

.banner p{

font-size: 10px;

line-height: 125%;

text-align: left;

margin: 3px 0;

}

#report{

margin: 0 0 10px 0;

padding: 0;

background: url(../images/report_bg.gif) repeat-y ;

}

#report p{

font-size: 10px;

margin: 5px;

}

#report img.item{

float:left;

border: solid 1px #dfd4ad;

margin: 5px 5px 5px 10px;

}

#yomimono img{

margin: 0 0 5px 0;

}

#side-btn img{

margin: 5px 0;

}



/* フッター他カテゴリーリンク */

#footer-menu ul{

clear:both;

margin: 0 0 10px 0;

padding:0;

list-style-type:none;

}

#footer-menu li{

display: block;

float:left;

width: 225px;

height: 92px;

text-indent:-9999px;

}

#footer-menu li a{

display: block;

width: 225px;

height: 92px;

}

#footer-menu li a:hover{

display: block;

width: 225px;

height: 92px;

}

#footer-menu li#footer-menu01{

background: url(../images/footermenu01_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu02{

background: url(../images/footermenu02_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu03{

background: url(../images/footermenu03_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu04{

background: url(../images/footermenu04_ov.jpg) no-repeat;

}



#footer-menu li#footer-menu01 a{

background: url(../images/footermenu01.jpg) no-repeat;

}

#footer-menu li#footer-menu02 a{

background: url(../images/footermenu02.jpg) no-repeat;

}

#footer-menu li#footer-menu03 a{

background: url(../images/footermenu03.jpg) no-repeat;

}

#footer-menu li#footer-menu04 a{

background: url(../images/footermenu04.jpg) no-repeat;

}



#footer-menu li#footer-menu01 a:hover{

background: url(../images/footermenu01_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu02 a:hover{

background: url(../images/footermenu02_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu03 a:hover{

background: url(../images/footermenu03_ov.jpg) no-repeat;

}

#footer-menu li#footer-menu04 a:hover{

background: url(../images/footermenu04_ov.jpg) no-repeat;

}

/* ▲ここまで共通部分 */



/* ▼ここからコンテンツ */

#pan{

font-size: 11px;

color: #97884d;

padding: 4px;

line-height: 140%;

}

/* ブランド紹介 */

#item-box{

margin: 0;

width: 651px;

border: solid 2px #ebdca9;

border-width: 2px 2px 0 2px;

padding: 20px 12px 10px 12px ;

background: url(../images/item/item_head_bg.gif) no-repeat;

}




#item-box #item-header{

border-bottom: solid 1px #d0c087;

padding: 4px;

margin-bottom: 10px;

}

#item-box #item-header h2{

font-size: 30px;

color: #330000;

margin: 4px;

}

#item-box #item-header h3{

font-size: 14px;

color: #330000;

margin: 4px;

}



#item-box #logo-area{

float:right;

font-size: 11px;

text-align: right;

}

#item-box #logo-area p{

margin: 3px 0;

padding: 3px;

}

#item-box #logo-area a{

padding: 4px;

padding-right: 18px;

background: url(../images/item/link_w.gif) no-repeat top right;

}

#item-box .item-lead{

width: 442px;

}

#item-box .item-lead_vir{

width: 442px;
margin:0 auto;

}


#item-box .item-lead650{

width: 650px;

}

#item-box .item-lead435{

width: 435px;

}

#item-box .item-lead415{

width: 415px;

}

#item-box h4.icon{

font-size: 14px;

line-height: 150%;

color: #dc711f;

margin: 0;

padding: 8px 8px 8px 28px;

background: url(../images/item/icon.gif) no-repeat left bottom;

}

#item-box h4.icon2{

font-size: 14px;

line-height: 150%;

color: #dc711f;

margin: 10px 0 0 0;

padding: 8px 8px 8px 28px;

background: url(../images/item/icon.gif) no-repeat left bottom;

}

#item-box h4.icon3{

font-size: 12px;

line-height: 150%;

color: #dc711f;

margin: 10px 0 0 0;

padding: 8px 8px 8px 28px;

background: url(../images/item/icon.gif) no-repeat left bottom;

}



#item-box p{

margin: 0 0 10px 0 ;

padding: 5px;

line-height: 160%;

}

#item-box p.notes{

margin: 10px 0 0 0 ;

padding: 0;

font-size: 11px;

}

#item-box p.rhapsody{

margin: 0 0 15px 30px ;

padding: 0;

font-size: 12px;

}

#item-box p.top-line{

margin: 0 0 10px 0 ;

padding: 5px;

line-height: 160%;

background: url(../images/item/icon_line.gif) no-repeat left top;

}

#item-box p.top-line02{

margin: 0 ;

padding: 5px 5px 10px;

line-height: 160%;

background: url(../images/item/icon_line.gif) no-repeat left top;

}

#item-box h4.obi{

clear: both;

margin: 10px auto 5px auto;

padding: 5px;

font-size: 14px;

color: #dc711f;

background: #f8f2cf;

}

#item-box h4.obi425{

clear: both;

margin: 5px auto 5px auto;

padding: 5px;

font-size: 14px;

color: #dc711f;

background: #f8f2cf;

width: 425px;

float: right;

}

.obi425p{

clear: both;

width: 425px;

float: right;

}



#item-box dl.item3c{

width: 200px;

margin: 0 25px 5px 0;

padding: 0;

float: left;

}

#item-box dl.item3c-r{

width: 200px;

margin: 0 0 5px 0;

padding: 0;

float: left;

}

#item-box dt{

margin: 0;

padding: 0;

}

#item-box dd{

margin: 0;

padding: 4px;

}

#item-box h5.sub{

font-size:14px;

color: #9c8a49;

margin-left:5px;

}


#quality span{

font-size:14px;

color: #9c8a49;

margin-left:5px;

font-weight:bold;

}


#quality p{

line-height:25px;

}


#quality_m span{

font-size:13px;

color: #9c8a49;

margin-left:5px;

font-weight:bold;

}

#quality_m span.answer{

color: #dc711f;

line-height:130%;

}

#quality_m p{

line-height:160%;

}

#quality_m p.question_m{

margin:0;

}

#quality_m p.answer_m{

margin:0 0 0 5px;

}



#comment{

clear: both;

width: 651px;

margin: 0;

padding: 13px 12px 0 12px ;

background: url(../images/item/bg_pattern.gif) repeat-y;

border: solid 2px #ebdca9;

border-width: 0 2px 2px 2px;

}

#comment-noback{

clear: both;

width: 651px;

margin: 0;

padding: 0 12px 0 12px ;

border: solid 2px #ebdca9;

border-width: 0 2px 2px 2px;

}

.comment-box{

background: #ffffff;

margin: 0 0 15px 0;

padding: 0;

}

.comment-box img.head{

vertical-align: top;

}



.comment-box dl.staff{

width: 543px;

float: right;

margin: 0 10px 0 0;

}

.comment-box dl.staff dt{

border-bottom: dotted 1px #e1a161;

margin: 0;

padding: 0.5em;

color: #993300;

font-weight: bold;

}

.comment-box dl.staff dt.staff-name{

color: #d7914a;

vertical-align: middle;

background: url(../images/item/staff_title.gif) no-repeat left top;

padding: 4px 0 6px 175px;

}

.comment-box dl.staff dd{

margin: 0;

padding: 0.5em;

line-height: 140%;

}

.comment-box dl.customer{

margin: 0 10px;

}

.comment-box dl.customer dt{

border-bottom: dotted 1px #e1a161;

margin: 0;

color: #993300;

font-weight: bold;

vertical-align: middle;

background: url(../images/item/customer.gif) no-repeat ;

padding: 10px 0 12px 95px;

}



.comment-box dl.customer dd{

margin: 0;

padding: 0.5em ;

line-height: 140%;

}



#comment #link-area{

float:right;

font-size: 12px;

text-align: right;

}

#comment #link-area p{

margin: 0 0 10px 0;

padding: 0;

line-height: 160%;

}

#comment #link-area a{

padding: 4px;

padding-right: 18px;

background: url(../images/item/link_y.gif) no-repeat top right;

color: #330000;

text-decoration: none;

}

#comment #link-area a:hover{

color: #993300;

text-decoration: underline;

}



/*　ブランド内リスト　*/

.link-area2 {

text-align: right;

}

.link-area2 a{

color: #330000;

text-decoration: none;

}

.link-area2 a:hover{

color: #993300;

}



.item4c{

clear: both;

margin: 20px 0;

padding: 0;

}

.item4c .item-data{

width: 163px;

float: left;

margin: 0 10px 0 0;

padding: 0;

}

.item4c .item-data-r{

width: 163px;

float: left;

margin: 0;

padding: 0;

}

.item4c .item-data dl, dt, dd{

margin: 0;

padding: 0;

line-height: 140%;

}

.item4c .item-data-r dl, dt, dd{

margin: 0;

padding: 0;

line-height: 140%;

}

.item4c .item-img{

width: 160px;

text-align:center;

border: solid 1px #cccccc;

margin-bottom: 4px;

}

.item4c a{

color: #333333;

text-decoration: underline;

}

.item4c a:hover{

color: #97884d;

text-decoration: underline;

}

.item4c .item-name{

font-size: 12px;

font-weight: normal;}

.item4c .item-price{

font-size: 12px;

}



/*　カテゴリ商品リスト　*/

#main h2{

margin: 0 0 1px 0;

}

.catch{

background: #eddca9;

font-size: 13px;

color: #330000;

font-weight: bold;

margin: 0;

padding: 0.4em;

}

.lead{

background: url(../images/category/copy_bg.gif) repeat-x;

padding: 1em 1em 1.5em 1em;

margin: 0;

line-height: 140%;

}

.number {

border-bottom: solid 2px #eddca9;

padding: 0.4em;

}





/*　個別商品　*/



.item-data-box{

clear: both;

margin: 20px 0;

}

.item-data-box .item-img{

width: 300px;

float: left;

text-align:center;

}

.item-data-box .item-data{

width: 350px;

float: right;

padding: 0 0 10px 10px;

}

.item-data-box .item-data dl, dt, dd{

margin: 0;

padding: 0;

}

.item-data-box .item-name{

font-size: 14px;

color: #993300;

border-bottom: solid 2px #ebdca9;

font-weight: bold;

padding: 4px;

}

.item-data-box .item-no{

font-size: 12px;

padding-top: 10px;

}

.item-data-box .item-price{

font-size: 14px;

}

.item-data-box .item-data dd{

line-height: 180%;

}



/*　使い方　*/



#main #item-box .howtopic{

float: left;

margin: 5px 10px 10px 0;

}

#main #item-box dl.howto{

margin: 10px auto;

}

#main #item-box dl.howto dt{

font-weight: bold;

color:#330000;

border-left: solid 4px #dc711f;

padding: 2px 4px;

}

#item-box .itemhowto-lead{

width: 492px;

}

#item-box div.top-line{

margin: 0 0 10px 0 ;

padding: 5px;

line-height: 160%;

background: url(../images/item/icon_line.gif) no-repeat left top;

}



.red{

color: #cc3300;

}

.clearboth{

clear: both;

}

.maru{

color: #9c8a49;

}


#item-box .item-lead-315{

width: 315px;

float:right;

}




#item-box .item-lead-435{

width: 435px;

float:right;

}

.item-lead-265{

width: 265px;

float:right;

}



/*　メール便　*/


#mailbin table.mail{
width: 350px;
margin: 0;
color: #333333; 
font-size: 11px; 
line-height: 1.3em;
border-top: dashed 1px #333333;
float: right; 
padding-bottom: 5px;
}

#mailbin img{ 
float: left; 
margin: 4px 10px 5px 2px;
}

#mailbin table.mail td{
border-bottom: dashed 1px #333333;
}

#mailbin table.mail td.m01{
padding-top: 5px;
padding-bottom: 5px;
}

#mailbin span{
color: #cc0000;
}



/*　ネトル　*/

#item-box .item-lead-nettles_1{width: 340px; float:left; margin:30px 0 10px 0;}
#item-box .item-lead-nettles_2{width: 460px; float:left; margin:0 0 10px 0;}
#item-box .item-lead-nettles_3{width: 460px; float:left; margin:0 0 0 0;}


#item-box .image-nettles_1{margin:30px 0 13px 0; float:right;}
#item-box .image-nettles_2{margin:5px 0 20px 0;}
#item-box .image-nettles_3{margin:0 0 20px 0; float:right;}
#item-box .image-nettles_4{margin:33px 0 0 0; float:right;}

table.td-nettles {margin-bottom:20px; clear: both; border-top: solid 1px #FFCC99;border-left: solid 1px #FFCC99;}

table.td-nettles td {padding: 6px; border-right: solid 1px #FFCC99;border-bottom: solid 1px #FFCC99; font-size: 12px; line-height: 140%;}

table.td-nettles td.nettles_1 {text-align : center; font-weight: bold; color: #dc711f;}

table.td-nettles td.nettles_1 img {text-align : center; margin-bottom:6px;}

table.td-nettles td.nettles_1 p {text-align : center;}

table.td-nettles .mican {text-align : center; font-weight: bold; color: #dc711f; line-height: 140%;}

table.td-nettles .mican-b {margin:5px 5px 12px;}
table.td-nettles .mican-fee { padding:5px; margin:5px 10px 12px; background-color: #ffffcc}

#item-box h4.icon-nettles_1{font-size: 16px; line-height: 150%; color: #dc711f; margin: 0; padding: 8px 8px 3px 85px; background: url(../images/item/sugi3.gif) no-repeat left bottom;}

#item-box h4.obi-nettles_1{clear: both; margin:10px auto 10px auto; padding: 5px 12px 5px; font-size: 15px; color: #9c8a49; background: #f8f2cf;line-height:135%; text-align:center;}

#item-box h4.obi-nettles_2{clear: both; margin:10px auto 10px auto; padding: 5px 12px 5px; font-size: 15px; color: #9c8a49; background: #f8f2cf;line-height:135%;}

#item-box .center{text-align:center; margin: 0 0 10px 0 ; padding: 5px; line-height: 160%;}

#item-box .td-center{text-align:center; margin: 0 ; padding: 0px; line-height: 160%;}

#quality-nettles{padding-left:5px}

#quality-nettles span{font-size:13px; color: #dc711f; font-weight: bold;}

#item-box h5.gold{font-size:14px; color: #9c8a49; text-align: center;  line-height: 220%;}

#item-box .clear{ clear:both;}

.kahun_kyoudou_banner img{ margin-top:40px; border:solid 1px #999;}



/*　クーポン　*/
#coupon_info { line-height:26px; margin:0 0 0 5px; padding:0;}
#coupon_info span{ line-height:26px; font-size:14px; color: #9c8a49; margin:0; padding:0;}
#coupon_info .lh1{ line-height:20px; margin:0 0 10px 18px; padding:0;}
#coupon_info .m_01{margin:8px 0 8px; padding:0;}
#coupon_info span.red{ color: #dc711f; font-size:12px; line-height:20px;}
.review_mail_bnr { margin:10px 0 0 0;}


#item-box .movie_yo{clear:both; margin:0; padding:0 0 10px 0;}