@charset "utf-8";

/* Table Of Contents
----------------------------------------

# gNav
# clearfix
# green
# sidebar

----------------------------------------*/

/* # gNav
---------------------------------------------------------------------------- */

div#gNav dl dd ul li#gNavProduct a {
	background: url(../../common/images/gnav_product_o.gif) no-repeat 0 0;
}


/* # content
---------------------------------------------------------------------------- */

div#content div.section p.leadText {
	padding: 19px 0 0 32px;
}

div#content ul.listStyle {
	padding: 28px 0 0 30px;
}


/* # green
---------------------------------------------------------------------------- */

div#content div.greeSection {
	margin: 0 auto;
	padding: 38px 0 0 0;
	width: 778px;
}

div#content div.greeSection div.greenInner {
	clear: both;
}

div#content div.greeSection div.greenInner p.headText {
	padding-right: 25px;
}

div#content div.greeSection div.greenText {
	display: inline;
	float: left;
	width: 460px;
}

/* div#content div.greeSection div.greenText ul.price {
	background: url(../images/bg_price.gif) repeat-x left top;
	margin-top: 17px;
	padding-top: 18px;
}

div#content div.greeSection div.greenText ul.price li {
	display: inline;
	float: left;
	width: 220px;
}

div#content div.greeSection div.greenText ul.price li ul li {
	font-size: 90%;
	padding-bottom: 6px;
	width: 220px;
}

div#content div.greeSection div.greenText ul.price li ul li span, div#content div.greeSection ul.price li span {
	color: #990000;
	font-size: 120%;
	font-weight: bold;
	padding-left: 16px;
}

div#content div.greeSection div.greenText ul.price li ul li strong {
	font-size: 120%;
}*/

div#content div.greeSection div.greenText div.price{
	background:url(../images/bg_price.gif) repeat-x left top;
	margin-top: 17px;
	padding-top: 18px;
}

div#content div.greeSection div.greenText div.price h2{
	font-size: 1em;
	font-weight: bold;
}

div#content div.greeSection div.greenText div.price td{
	/* width: 200px; */
	font-size: 90%;
	padding: 0 6px 0 6px;
}

div#content div.greeSection div.greenText div.price td.price_info{
	text-align: right;
}

div#content div.greeSection div.greenText div.price td span{
	color: #990000;
	font-size: 120%;
	font-weight: bold;
}

div#content div.greeSection div.greenText div.price strong{
	font-size: 120%;
}

table.price{
	width: 200px;
}

table.price strong{
	font-size: 120%;
}

table.price td.price_info{
	text-align: right;
}

table.price span{
	color: #990000;
	font-size: 120%;
	font-weight: bold;
}

div#content div.greeSection p.greenImage {
	display: inline;
	float: right;
	padding: 8px 0 0 0;
	width: 316px;
}

div#content div.greeSection p.greenImage02 {
	display: inline;
	float: left;
	padding: 8px 0 0 0;
	width: 316px;
}

.mt30{
	margin-top: 30px;
}

.mt60{
	margin-top: 60px;
}

#genmai{
	margin-top: -12px;
}

.tea_others{
	margin-top: -46px;
}

.tea_others02{
	margin-top: -56px;
}

.tea_others03{
	margin-top: -37px;
}

.mt106{
	margin-top: 106px;
}

div#content div.greeSection div.delicious {
	padding-top: 29px;
}

div#content div.greeSection div.delicious ol {
	padding: 27px 0 0 7px;
}

div#content div.greeSection div.delicious ol li {
	text-indent: -48px;
	padding: 0 0 23px 48px;
	width: auto;
}

div#content div.greeSection div.delicious ol li span.text {
	text-indent: 0;
	display: block;
	padding-top: 15px;
}

div#content div.greeSection div.delicious ol li img {
	margin-right: 20px;
}

div#content p.introduction {
	padding: 17px 30px 0 0;
	text-align: right;
}

p.explainText {
	padding-top: 25px;
}
.termnote {
	margin-top: 3em;
	margin-left: 71px;
}


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar ul.lNav li#lNavGreen a { background:  url(../images/lnav_green.gif) no-repeat 0 0; }
body#green div#sidebar ul.lNav li#lNavGreen a,
div#sidebar ul.lNav li#lNavGreen a:hover { background:  url(../images/lnav_green_o.gif) no-repeat 0 0; }

div#sidebar ul.lNav li#lNavHq a { background: url(../images/lnav_hq.gif) no-repeat 0 0; }
body#hq div#sidebar ul.lNav li#lNavHq a,
div#sidebar ul.lNav li#lNavHq a:hover { background: url(../images/lnav_hq_o.gif) no-repeat 0 0; }

div#sidebar ul.lNav li#lNavPowdered a { background: url(../images/lnav_powdered.gif) no-repeat 0 0; }
body#powdered div#sidebar ul.lNav li#lNavPowdered a,
div#sidebar ul.lNav li#lNavPowdered a:hover { background: url(../images/lnav_powdered_o.gif) no-repeat 0 0; }

div#sidebar ul.lNav li#lNavRoasted a { background: url(../images/lnav_roasted.gif) no-repeat 0 0; }
body#roasted div#sidebar ul.lNav li#lNavRoasted a,
div#sidebar ul.lNav li#lNavRoasted a:hover { background: url(../images/lnav_roasted_o.gif) no-repeat 0 0; }

div#sidebar ul.lNav li#lNavOther a { background: url(../images/lnav_other.gif) no-repeat 0 0; }
body#coffee  div#sidebar ul.lNav li#lNavOther a,
div#sidebar ul.lNav li#lNavOther a:hover { background: url(../images/lnav_other_o.gif) no-repeat 0 0; }

div#sidebar ul.lNav li#lNavShop a { background: url(../images/lnav_shop.gif) no-repeat 0 0; }
body#other div#sidebar ul.lNav li#lNavShop a,
div#sidebar ul.lNav li#lNavShop a:hover { background: url(../images/lnav_shop_o.gif) no-repeat 0 0; }


/* # clearfix
---------------------------------------------------------------------------- */

div#content div.greeSection div.greenInner,
div#content div.greeSection  div.greenInner div.greenText ul.price {
	zoom: 1;
}

div#content div.greeSection div.greenInner:after,
div#content div.greeSection  div.greenInner div.greenText ul.price:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}