@charset "utf-8";

/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
 
 /* #########################################################
name:			css.css
about:			for common layout CSS
description:	全てのCSS
######################################################### */

/* /////////////////////////////////////////////////////////

-YUI FONT SIZE GUIDE

10px = 77
11px = 85
12px = 93 (was 93)
13px = 100
14px = 108 (was 107)
15px = 116 (was 114)
16px = 123.1 (was 122)
17px = 131 (was 129)
18px = 138.5 (was 136)
19px = 146.5 (was 144)
20px = 153.9 (was 152)
21px = 161.6 (was 159)
22px = 167
23px = 174
24px = 182
25px = 189
26px = 197

-color
１：メイン（濃い緑）#004000
２：ロールオーバー（鮮やかな緑）#1E8215
３：その他（渋い緑）#ABAB38
４：コンテンツ背景（渋い茶色）#D0C19C

///////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////
	CSS READING
///////////////////////////////////////////////////////// */


 /*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}




/*========================================================*/
/*元CSS*/
/*========================================================*/

form {
    margin: 0px;
    padding: 0px;
}

img {
    border:0px;
}

hr {
    color:#afaeae;
    border-style:dotted;
    height:1px;
}

.t10    { font-size: 10px;line-height: 130%; }
.t13    { font-size: 13px;line-height: 130%; }
.t15    { font-size: 15px;line-height: 130%; }
.t18    { font-size: 18px;line-height: 130%; }

/*--------------------------------------
 * リンク 通常時(link,visited,active)
 * リンク マウスが当たっている時(hover)
 *------------------------------------*/
 
/*
a:link    { color:#1a9bd2; text-decoration:underline; }
a:visited { color:#1a9bd2; text-decoration:underline; }
a:active  { color:#1a9bd2; text-decoration:underline; }
a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }
a.blocklink {width:100%;}
*/

/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num {
    color:#333333;
    background-color:#ffffef;
    ime-mode: disabled;
}

.frm_str {
    color:#333333;
    background-color:#ffffef;
}

.frm_area {
    font-size:93%;
    color:#333333;
    background-color:#ffffef;
    overflow-y:auto;
}

/*--------------------------------------
 * 外枠
 *------------------------------------*/
 
/*--------------------------------------
 * ヘッダ
 *------------------------------------*/

/*--------------------------------------
 * フッタ
 *------------------------------------*/

/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/

.clearing {
    height: 0;
    clear: both;
}

/*--------------------------------------
 * サイドバー
 *------------------------------------*/

/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #cccccc;
    padding:10px;
    margin:0px auto;
}

/*--------------------------------------
 * ページタイトル
 *------------------------------------*/
.title2 {
	clear: both;
    font-weight: bold;
    font-size:123.1%;
    color: #004000;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    padding: 5px 3px 3px 0.5em;
    margin:0 0px 10px 0px;
}

.title {
	clear: both;
    font-weight: bold;
    font-size:123.1%;
    color: #004000;
    background-image: url(/ori/30158/etc_img/back_h2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
    border: 0;
    padding: 0;
    margin:0 0px 10px 0px;
	line-height: 32px;
	text-indent: 25px;
}

/*--------------------------------------
 * テーブル
 *------------------------------------*/

/* テーブル枠 */
.tbl {
    background-color:#cccccc;
}
/* タイトル部 */
.cell_t {
    font-weight: bold;
    color:#333333;
    background-color:#f0f0f0;
    padding: 5px;
    white-space:nowrap;
}
/* データ部 */
.cell_d {
    color:#333333;
    background-color:#ffffff;
    padding: 5px;
}
/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #333333;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background: #ffffcc url(/tpl_img/proto_ja/alert.gif) 4px 4px no-repeat;
    border: 1px solid;
    border-color: #ff0000;
    padding: 5px 5px 5px 32px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
}

/*--------------------------------------
 * 商品リストボックス
 *------------------------------------*/
/* 一覧形式 */
.goodslist_box {
    border: 0;
    padding:0;
    margin:10px 0px 10px 0px;
}
/* マス目形式 */
.goodslist_box2 {
    float:left;
    padding:5px;
}

/*--------------------------------------
 * 商品リストサムネイル枠
 *------------------------------------*/
.thumbnail {

}

/*--------------------------------------
 * リンク抑制文字色
 *------------------------------------*/
.linkoff {
    color: #c0c0c0;
    text-decoration: underline;
}

/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
* html #main_cont2 { height: 1%; }
/* End hide from IE5-mac */ 



/*========================================================*/
/*新CSS：大枠・レイアウト*/
/*========================================================*/

body{
    margin: 0;
    padding: 0;
    border: 0;
	background-color: #ffffff;
	color: #00371C;
    font-family: arial, verdana, helvetica, sans-serif;
	line-height: 140%;
	text-align: center;
}

#wrapper{
    margin: 0px auto;
    padding: 0;
    border: 0;
    background-color:#ffffff;
    width: 780px;
	text-align: left;
}

#header_area{
    width: 780px;
    margin: 0;
    padding: 0;
    border: 0;
	background-color: #004000;
	text-align: left;
}

#main_area{
    margin: 0;
    padding: 0;
    border: 0;
    background-color:#ffffff;
}

#main_area2{
    margin: 0;
    padding: 0;
    border: 0;
    background-color:#ffffff;
}

#sidebar_area{
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#ffffff;
	text-align:left;
}

#main_cont{
	width: 780px;
    margin: 25px 0 0 0;
    padding: 0;
    border: 0;
	background-color:#ffffff;
    text-align:left;
}

#main_cont2{
	float: right;
	width: 590px;
    margin: 0;
    padding: 0;
    border: 0;
	background-color:#ffffff;
    text-align:left;
}

#footer_area{
	clear: both;
	position: relative;
    margin: 0 0 30px 0;
    padding: 30px 0 0 0;
	border: 0;
	text-align: center;
}

/*Firefoxのスタイル*/
html>/**/body #footer_area {
	padding: 30px 0 0 0;
} 

/*========================================================*/
/*新CSS：各iD設定*/
/*========================================================*/

/*header_area
----------------------------------------------------------*/

/*header_top_area*/
#header_area #header_top_area{
    margin: 0;
    padding: 3px;
    border: 0;
	background-color: #004000;
	color: #ABAB38;
	text-align: right;
}

#header_area #header_top_area h1{
	display: inline;
    margin: 0;
    padding: 0;
    border: 0;
	font-size: 77%;
	line-height: 100%;
}

#header_area #header_top_area h1 a{
	color: #ABAB38;
	text-decoration: none;
}

#header_area #header_top_area p{
	display: inline;
    margin: 0;
    padding: 0;
    border: 0;
	font-size: 77%;
	line-height: 100%;

}

#header_area #header_top_area p a{
	color: #ABAB38;
	text-decoration: none;
}

#header_area #header_top_area p a strong{
	font-weight: normal;
}

/*header_middle_area*/
#header_area #header_middle_area{
	position: relative;
	height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
}


#header_area #header_middle_area p{
    margin: 0;
    padding: 0;
    border: 0;
}

#header_area #header_middle_area a{
    margin: 0;
    padding: 0;
    border: 0;
	text-decoration: none;
}

#header_area #header_middle_area a img{
    margin: 0;
    padding: 0;
    border: 0;
	text-decoration: none;
}

#header_area #header_middle_area form{
	position: absolute;
	top: 15px;
	right: 15px;
    margin: 0;
    padding: 0;
    border: 0;
}

#header_area #header_middle_area form select{
    margin: 0;
    padding: 0;
    border: 0;
}

#header_area #header_middle_area form input{
    margin: 0;
    padding: 0;
    border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #333333;
	border-right: solid 1px #333333;
	vertical-align: bottom;
}

/*header_bottom_area*/
#header_area #header_bottom_area{
	position: relative;
	height: 30px;
	margin: 0;
    padding: 0;
    border: 0;
	background-image: url(/ori/30158/etc_img/back_utility.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #004000;
}

#header_area #header_bottom_area ul{
	position: absolute;
	bottom: 2px;
	right: 2px;
	margin: 0;
    padding: 0;
    border: 0;
	list-style: none;
}

#header_area #header_bottom_area ul li{
	float: left;
	margin: 0 0 0 2px;
    padding: 0;
    border: 0;
}

#header_area #header_bottom_area ul li a{
	display: block;
	margin: 0;
    padding: 0 5px;
    border: 0;
	color: #004000;
	text-decoration: none;
	background-color: #ABAB38;
}

#header_area #header_bottom_area ul li a:hover{
	display: block;
	margin: 0;
    padding: 0 5px;
    border: 0;
	color: #ABAB38;
	text-decoration: none;
	background-color: #004000;
}

/*sidebar_area
----------------------------------------------------------*/
/*menu*/
#sidebar_area p#sidebar_area_menu_title{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area p#sidebar_area_menu_title img{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area ul#sidebar_area_menu{
	margin: 0;
    padding: 0;
    border: 0;
	list-style: none;
}

#sidebar_area ul#sidebar_area_menu li{

}

#sidebar_area ul#sidebar_area_menu li a{
	width: 175px;
	margin: 0 0 2px 0;
    padding: 0;
	background-image: url(/ori/30158/etc_img/back_menu01.gif);
	background-repeat: no-repeat;
	background-position:left top;
    color: #ffffff;
	text-decoration: none;
	text-indent: 33px;
	line-height: 30px;
    display: block;
}

#sidebar_area ul#sidebar_area_menu li a:hover{
	background-image: url(/ori/30158/etc_img/back_menu01_on.gif);
	background-repeat: no-repeat;
	background-position:left top;
    color: #ffffff;
	text-decoration: none;
}

#sidebar_area ul#sidebar_area_menu li.small a{
	background-image: url(/ori/30158/etc_img/back_menu02.gif);
}

#sidebar_area ul#sidebar_area_menu li.small a:hover{
	background-image: url(/ori/30158/etc_img/back_menu02_on.gif);
}

/*sidebar_area_contents*/
#sidebar_area p#sidebar_area_contents{
	margin: 0 0 2px 0;
    padding: 10px 0 5px 0;
    border: 0;
	background-color: #D0C19C;
	text-align: center;
}

#sidebar_area p#sidebar_area_contents a{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area p#sidebar_area_contents a img{
	margin: 0 0 5px 0;
    padding: 0;
    border: 0;
}

/*sidebar_area_extra*/
#sidebar_area p#sidebar_area_extra{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area p#sidebar_area_extra a{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area p#sidebar_area_extra a img{
	margin: 0 0 2px 0;
    padding: 0;
    border: 0;
}

/*sidebar_area_shopinfo*/
#sidebar_area #sidebar_area_shopinfo{
	background-image: url(/ori/30158/etc_img/contactus_side_bottom.gif);
	background-repeat: no-repeat;
	background-position:center bottom;
}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_title{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_title img{
	margin: 0;
    padding: 0;
    border: 0;
}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_detail{
	margin: 0;
    padding: 10px;
    border: 0;
	line-height: 120%;
}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_detail a{

}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_detail a strong{
	font-weight: normal;
}

#sidebar_area #sidebar_area_shopinfo p#sidebar_area_shopinfo_detail a.moredetail{

}

/*breadcrumbs
----------------------------------------------------------*/

/*breadcrumbs*/
p#breadcrumbs{
	margin: 0;
    padding: 0;
    border: 0;
	line-height: 25px;
	font-size: 85%;
}

p#breadcrumbs a{
	text-decoration: none;
}

p#breadcrumbs a strong{

}

/*toppage[トップページのみの設定]
----------------------------------------------------------*/

#toppage{
	margin: 0;
    padding: 0;
    border: 0;
}

#toppage #flashcontent{
	margin: 0 0 7px 0;
    padding: 0;
    border: 0;
}

#toppage #flashcontent img{
	margin: 0;
    padding: 0;
    border: 0;
	vertical-align: bottom;
}

#flashtable{
	width: 590px;
	margin: 0 0 7px 0;
	padding: 0;
}

#highly_recommended{
	margin: 0;
	padding: 0;
}

#trial_set{
	margin: 0;
	padding: 0;
}

#toppage p#toppage_contents{
	margin: 0 0 15px 0;
    padding: 10px 0 0 0;
    border: 0;
	background-color: #D0C19C;
}

#toppage p#toppage_contents a{
	margin: 0;
    padding: 0;
    border: 0;
}

#toppage p#toppage_contents a img{
	margin: 0 0 10px 10px;
    padding: 0;
    border: 0;
}

#toppage h2{
	position: relative;
	height: 20px;
	margin: 0 0 5px 0;
    padding: 0;
    border: 0;
	font-size: 93%;
}

#toppage h2 img{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
    padding: 0;
    border: 0;
	z-index: 10;
}

#toppage ul{
	margin: 0 0 15px 0;
    padding: 0;
    border: 0;
	list-style: none;
}

#toppage ul li{
	margin: 0;
    padding: 0;
    border: 0;
}

#toppage ul li a{
	margin: 0;
    padding: 0;
    border: 0;
}

#toppage ul li a img{
	margin: 0;
    padding: 0;
    border: 0;
}

#toppage dl{
	margin: 10px 10px 20px 10px;
	padding: 0;
	border: 0;
	line-height: 120%;
}

#toppage dl dt{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0 0 1px 0;
	border: 0;
	background-image: url(/ori/30158/etc_img/list_watsnew.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: 12px;

}
#toppage dl dd{
	margin: 0 0 5px 0;
	padding: 0 0 10px 110px;
	border: 0;
	background-image: url(/ori/30158/etc_img/bar_news.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/*20090121追加*/

#toppage table.whats_your_cup{
	width: 480px;
	margin: 0;
	padding: 0;
	border: 0;
}

#toppage table.whats_your_cup td{
	margin: 0;
	padding: 0 5px 5px 5px;
	border: 0;
	font-size: 108%;
	line-height: 140%;
}








/*main_cont main_cont2（商品）
----------------------------------------------------------*/
.category_title{
	position: relative;
	width: 590px;
	height: 310px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

.category_title img{
	position: absolute;
	top: 0;
	left:0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}

.description_title{
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background-image: url(/ori/30158/etc_img/title_catgory_explanations.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 108%;
	color: #004000;
	line-height: 30px;
}

.description_title span{
	margin: 0;
	padding: 0 0 0 32px;
	border: 0;
}

.thumbnail img {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: bottom;
}

.description_detail{
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	border: 0;
	border-bottom: solid 3px #004000;
}

.goodslist_box table{
	margin: 0;
	padding: 0;
	border: solid 1px #cccccc;
}

.goodslist_box h3{
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	font-size:108%;
	font-weight: bold;
}

.goodslist_box h3 a{
	color: #004000;
	text-decoration: none;
}

.goodslist_box p.caption{
	margin: 0 5px 5px 0;
	padding: 0;
	border: 0;
	font-size: 93%;
}

.goodslist_box p.price{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	font-size: 93%;
}

.goodslist_box p.more_detail2{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 93%;
}

.goodslist_box p.more_detail2 a{
	margin: 0;
	padding: 0 0 0 12px;
	border: 0;
	background: url("/ori/30158/etc_img/list_arrow.gif") left center no-repeat;
}




.goodslist_box form{
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
}








/*main_cont main_cont2（独自コンテンツ）
----------------------------------------------------------*/
.comment{
	clear: both;
	margin: 10px 0;
	padding: 0;
	border: 0;
}

.comment img{
	margin:  0;
	padding: 0;
	border: solid 3px #dddddd;;
}

.attention{
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 120%;
	font-size: 77%;
	color: #FF0000;
}

.left{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

.right{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}

/*20081212追加*/
.related{
	display: block;
	margin: 7px 0 17px 0;
	padding: 0 0 0 12px;
	border: 0;
	background: url("/ori/30158/etc_img/list_arrow.gif") left center no-repeat;
}

/*20090105追加*/
p#page_contents{
	margin: 25px 0;
    padding: 10px 0 0 0;
    border: 0;
	background-color: #D0C19C;
}

p#page_contents a{
	margin: 0;
    padding: 0;
    border: 0;
}

p#page_contents a img{
	margin: 0 0 10px 10px;
    padding: 0;
    border: 0;
}








/*footer_area
----------------------------------------------------------*/
#footer_area p#footer_area_category_menu{
	margin: 5px 0;
    padding: 0;
    border: 0;
	font-size: 85%;
}

#footer_area p#footer_area_category_menu a{

}

#footer_area p#footer_area_utility{
	margin: 0;

    padding: 3px 0;
    border: 0;
	color: #ffffff;
	background-color: #004000;
	font-size: 85%;
}

#footer_area p#footer_area_utility a{
	text-decoration: none;
	color: #ffffff;
}

#footer_area address{
	margin: 10px 0;
    padding: 0;
    border: 0;
	font-style: normal;
	font-size: 85%;
}

#footer_area address strong{
	margin: 0;



    padding: 0;
    border: 0;


	font-weight: normal;
}

#footer_area address strong a{
	color: #00371C;
	font-style: normal;
	text-decoration: none;
}

/*========================================================*/
/*新CSS：共通*/
/*========================================================*/
/*hover*/
a:hover{
	text-decoration: none;
}

/*campaign*/
.campaign{
	margin: 0 0 5px 0;
    padding: 0;
    border: 0;
}

/*main_cont_contact_us*/
p#main_cont_contact_us{
	margin: 30px 0 0 0;
    padding: 0;
    border: 0;
	text-align: center;
}

p#main_cont_contact_us a{
	margin: 0;
    padding: 0;
    border: 0;
}

p#main_cont_contact_us a img{
	margin: 0;
    padding: 0;
    border: 0;
}

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

.clear{
	display:inline-table;
}

/* Mac IE には適用させない \*/
.clear{
	height: 1%;
	display: block;
}
/* */

.complement{
	font-size: 10px;
}