@charset "utf-8";
/* CSS Document */

/************************/
/*ページ全体に対する定義*/
*{
margin:0;
padding:0;
}

img {
	border:none;
	padding: 0px;
	margin:0;
	float: none;
	clear: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p  a,
li a{
text-decoration:none}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p  a:hover,
li a:hover{
color:#FFFFFF;
background-color:#ffcc00;
}

body {
background-color: #FAFAFA;
color: #333333;
background-image: url(/image/back_graund_border.jpg);
background-repeat: repeat-y;
background-position: center;
height: 100%;
width: 900px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

/*フォントサイズ％指定用　各ブラウザ共通化*/
body {
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small; *font:x-small; 
}
table{font-size:inherit; font:100%; 
} 
.text10{font-size:77%;}
.text11{font-size:85%;}
.text12{font-size:93%;}
.text13{font-size:100%;}
.text14{font-size:108%;}
.text15{font-size:116%;}
.text16{font-size:123.1%;}
.text17{font-size:131%;}
.text18{font-size:138.5%;}
.text19{font-size:146.5%;}
.text20{font-size:153.9%;} 
.text21{font-size:161.6%;}
.text22{font-size:167%;}
.text23{font-size:174%;}
.text24{font-size:182%;}
.text25{font-size:189%;}
.text26{font-size:197%;}

#back_graund {
height: 100%;
width: 860px;
margin:0 auto;
text-align: center;
}

#wrapper {
width: 800px;
height: auto;
margin: 0 auto;
text-align: left;
}

#calender {

}

/*フロートのクリア*/
.clear_both{
clear: both;
height: 1px;
width: 100%;
font-size: 1px;
margin: 0px;
padding: 0px;
}


hr 
{
height: 2px;
border-top:solid 1px #CCCCCC;
border-right:none;
border-bottom:none;
border-left:none;
margin: 0px;
padding: 0px;
} 

div.anchor_jump {
height: 20px;
width: auto;
display: block;
text-align: right;
font-size: 93%;
color: #333333;
margin: 5px;
line-height: 1.5em;
}
div.anchor_jump a {
color: #333333;
text-decoration: underline;
}
div.anchor_jump a:visited{
color: #666666;
text-decoration: underline;
}

div.center_img {
text-align: center;
height: auto;
width: auto;
margin: 5px auto;
}

/*縦の境界ボーダーを[左]に入れたい場合は　各wrap直下に記述*/
#border_L{
height: auto;
width: auto;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
/*縦の境界ボーダーを[右]に入れたい場合は　各直下に記述*/
#border_R{
height: auto;
width: auto;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

#left_margin_10 {
height: auto;
width: auto;
margin-left: 10px;
}


table.borderless{
border: 0px solid #000000;
/*cellspacing=0
border-collapse: separate;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;*/
}
table.borderless td{

font-size: 12px;
border: 0px solid #000000;
}
table.borderless th{
border: 0px solid #000000;
font-size: 12px;

}
#left_200 {
float: left;
width: 200px;
}
#left_180 {
width: 180px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
#right_620 {
float: right;
width: 620px;
margin-top: 10px;
margin-bottom: 10px;
}
#contents_800 {
width: 800px;
}
div.spacer {
font-size: 1px;
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
width: auto;
margin-right: 15px;
margin-left: 15px;
display: block;
margin-top: 3px;
margin-bottom: 3px;
}

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

img.head_img {
height:auto;
width:800px;
padding-top:3px;
margin:0px;
padding-bottom: 3px;
}
img.float_right {
margin: 5px;
float: right;
width: auto;
}

div.hr_space {
font-size: 1px;
background-color: #EFEFEF;
width: auto;
margin-right: 15px;
margin-left: 15px;
height: 1px;
color: #EFEFEF;
line-height: 1px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
img.float_left {
margin: 5px;
padding: 0px;
float: left;
}

/*パンくずリスト*/
ol.topic_path {
height: 20px;
width: 790px;
font-size: 12px;
color: #333333;
text-align: left;
float: left;
padding-left: 10px;
margin-top: 3px;
}
ol.topic_path a , ol.topic_path a:visited{
color: #333333;
text-decoration: underline;
}
ol.topic_path li {
display:inline;
line-height:110%;
list-style-type:none;
height: 20px;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 5px;
} 

ol.topic_path_auto {
height: 20px;
width: auto;
font-size: 12px;
color: #333333;
text-align: left;
float: left;
}
ol.topic_path_auto a,ol.topic_path_auto a:visited{
color: #333333;
text-decoration: underline;
}
ol.topic_path_auto li {
display:inline;
line-height:110%;
list-style-type:none;
height: 20px;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 5px;
} 

/*全体をつつむラッパー*/
#left_side {
	float: left;
	height: auto;
	width: 200px;
	display: inline;
}

/******************************************************/
/*ヘッダーに表示するナビゲーションバーの定義*/


/*ヘッダーナビゲーション*/
ul#hed_navi{
width: 800px;
height: 30px;
list-style:none;
margin:0 0 10px 0;
padding:0;
clear:both;
}
ul#hed_navi li{
float: left;
text-align: center;
margin:0 1px 0 0;
padding:0;
}
ul#hed_navi li.cart{
float: right;
margin:0;
}

ul#hed_navi li a ,
ul#hed_navi li a:visited
ul#hed_navi li a:hover{
background-repeat: no-repeat;
background:none;
text-decoration: none;
height: 30px;
width:88px;
display: block;
}

ul#hed_navi li.top{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:0 -30px;}
ul#hed_navi li a.top{
background-image: url(/image/header/header_navigation/header_navi.png);}
ul#hed_navi li a.top:hover{
background:none}
ul#hed_navi li.top_active,
ul#hed_navi li a.top_active,
ul#hed_navi li a.top_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:0 -60px;}

ul#hed_navi li.visitor{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-88px -30px;}
ul#hed_navi li a.visitor{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-88px 0;}
ul#hed_navi li a.visitor:hover{
background:none}
ul#hed_navi li.visitor_active,
ul#hed_navi li a.visitor_active,
ul#hed_navi li a.visitor_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-88px -60px;}

ul#hed_navi li.goods{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-176px -30px;}
ul#hed_navi li a.goods{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-176px 0;}
ul#hed_navi li a.goods:hover{
background:none}
ul#hed_navi li.goods_active,
ul#hed_navi li a.goods_active,
ul#hed_navi li a.goods_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-176px -60px;}

ul#hed_navi li.shopping_guide{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-264px -30px;}
ul#hed_navi li a.shopping_guide{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-264px 0;}
ul#hed_navi li a.shopping_guide:hover{
background:none}
ul#hed_navi li.shopping_guide_active,
ul#hed_navi li a.shopping_guide_active,
ul#hed_navi li a.shopping_guide_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-264px -60px;}

ul#hed_navi li.site_map{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-352px -30px;}
ul#hed_navi li a.site_map{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-352px 0;}
ul#hed_navi li a.site_map:hover{
background:none}
ul#hed_navi li.site_map_active,
ul#hed_navi li a.site_map_active,
ul#hed_navi li a.site_map_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-352px -60px;}

ul#hed_navi li.recipes{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-440px -30px;}
ul#hed_navi li a.recipes{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-440px 0;}
ul#hed_navi li a.recipes:hover{
background:none}
ul#hed_navi li.recipes_active,
ul#hed_navi li a.recipes_active,
ul#hed_navi li a.recipes_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-440px -60px;}

ul#hed_navi li.voice{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-528px -30px;}
ul#hed_navi li a.voice{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-528px 0;}
ul#hed_navi li a.voice:hover{
background:none}
ul#hed_navi li.voice_active,
ul#hed_navi li a.voice_active,
ul#hed_navi li a.voice_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-528px -60px;}

ul#hed_navi li.inquiries{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-616px -30px;}
ul#hed_navi li a.inquiries{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-616px 0;}
ul#hed_navi li a.inquiries:hover{
background:none}
ul#hed_navi li.inquiries_active,
ul#hed_navi li a.inquiries_active,
ul#hed_navi li a.inquiries_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-616px -60px;}

ul#hed_navi li.cart{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-704px -30px;}
ul#hed_navi li a.cart{
height: 28px;
width: 85px;
display: block;	
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-704px 0;}
ul#hed_navi li a.cart:hover{
background:none}
ul#hed_navi li.cart_active,
ul#hed_navi li a.cart_active,
ul#hed_navi li a.cart_active:hover{
background-image: url(/image/header/header_navigation/header_navi.png);
background-position:-704px -60px;}

ul#hed_navi li.under{
height:5px;
background-color:#7AB068;
clear:both;
float:none;
width:800px;
line-height:5px;
margin:0;
padding:0;
font-size:1px;
}


/*フッターナビゲーション*/

ul.navigation_bar {
text-align: center;
background-color: #669900;
width: 800px;
height: 20px;
margin:0px;
padding:0px;
list-style:none;
}
ul.navigation_bar li{
float: left;
text-align: center;
margin:0px;
padding:0px;
border-right:solid 1px #FFFFFF;
}
ul.navigation_bar li a ,
ul.navigation_bar li a:visited{
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
text-align: center;
height: 20px;
width:88px;
display: block;
line-height: 20px;
}
ul.navigation_bar li a:hover, 
ul.navigation_bar li a:active {
text-decoration: none;
background-color: #FFCC33;
color:#330000;
}

/*******************************************************/
/*ヘッダー定義*/
#header {
height:auto;
width: 800px;
}

#head_img {
height: auto;
width: 800px;
}

#dayinfo {
height: auto;
width: 800px;
text-align: center;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
}
#dayinfo strong {
color: #FF0000;
}



#default_header {
height: 45px;
width: 800px;
}
#default_header div.left {
float: left;
}
#default_header div.right {
float: right;
}
#default_header div.head_img {
height: auto;
width: 800px;
padding-top: 5px;
padding-bottom: 5px;
}
/**********************************************************/
/*フッター定義*/
#footer {
width: 100%;
clear:both;
}
#footer_shop_info{
height: 380px;
width: 800px;
text-align: left;
background-image:url(/image/footer/background/footer_back.jpg);
background-repeat: no-repeat;
border:5px solid #99cc66;
border-top:none;
}
#footer_shop_info h4.title {
width: 800px;
background-image:none;
background-color:#99cc66;
height: 20px;
font-size: 16px;
line-height: 20px;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
border: none;
}

#footer_shop_info div.calendar{
margin:55px 0 0 285px;
width:280px;
}

#company {
height: 55px;
text-align: right;
clear: left;
width: 800px;
}
#copyright_wrap {
width:100%;
text-align: center;
float: left;
margin-bottom: 18px;
}
#foot_copyright{
text-align: right;
font-size: 14px;
line-height: 1.5em;
font-weight: bold;
color: #999999;
margin: 0;
padding: 0;
}
#foot_company_address{
color: #666666;
font-size: 12px;
padding:0;
margin:0;
background-color: #FFFFFF;
background-image: none;
border: none;
}

#footer_img{
width: 800px;
}
#footer_end {
width:100%;
}

/*コピーライト部分　社名表示*/
p#foot_company{
width:100%;
font-size: 14px;
color: #330000;
text-align: center;
line-height: 1.5em;
font-weight:bolder;
margin: 5px auto;
padding:0;

}

p#foot_company a:link,
p#foot_company a:visited{
color: #330000;
text-decoration: none;
}
p#foot_company a:hover,
p#foot_company a:active{
text-decoration: underline;
}

/**********************************************/
/*共通フォントの定義*/
/*部分的なフォント設定はそれぞれのCSSファイルに定義*/

/*強調文字*/
em {
font-style : normal;
font-weight: bold;
padding-right: 2px;
padding-left: 2px;
}

.strike{
text-decoration:line-through;
}
h1.braun {
font-size: 12px;
color: #330000;
text-align: center;
font-weight: lighter;
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 5px;
}
h1.braun a:link,h1.braun a:visited{color: #330000;}
h1.braun a:hover,h1.braun a:active{
text-decoration: underline;
}

h1.green {
font-size: 12px;
color: #669900;
text-align: left;
font-weight: lighter;
line-height: 1.3em;
margin-top: 3px;
margin-bottom: 3px;
}
h1.green a:link,h1.green a:visited{color: #669900;}
h1.green a:hover,h1.green a:active{
text-decoration: underline;
}

h2 {
font-size: 1em;
font-weight: lighter;

}



h3 {
font-size: 12px;
height: 18px;
text-align: left;
}
h4 {
font-size: 12px;
color: #333333;
font-weight: bold;
text-align: left;

}

h4.green {
font-size: 12px;
color: #459525;
font-weight: bold;
text-align: left;
margin-left: 5px;
line-height: 1.5em;
}

h5 {
padding: 5px;
font-size: 12px;
color: #666666;
}

p {
color: #333333;
}
p.strong{
font-size: 1.2em;
font-weight: bold;
}
p.strong_braun {
line-height: 1.5em;
font-weight: bold;
color: #330000;
}


span.strong{
font-size: 1.2em;
font-weight: bold;
}
span.red{
color:#FF3333;
}

span.green{
color:#CC0033;
}
span.braun{
color: #663300;
}
span.strong_braun{
font-size:1.2em;
color: #663300;
}
span.strongest_braun{
font-size:1.5em;
color: #663300;
font-weight: bolder;
}

span.darkbrown{
font-weight: bold;
color:#330000;
}
span.strong_darkbrown{
font-weight: bold;
color:#330000;
font-size:1.2em;
}

span.strong_green{
font-size:1.2em;
color: #459525;
}
span.strong_red{
font-size:1.2em;
color: #FF0000;
}
span.small {
font-size: 0.8em;
font-weight: lighter;
}
span.small_black {
font-size: 0.8em;
font-weight: lighter;
color:#666666;
}
span.small_red {
font-size: 0.8em;
font-weight: lighter;
color: #FF0000;
}
span.tomato {
color: #ff6347;

}


span.bold {
font-weight: bolder;
}

/*非表示テキスト 背景画像をリンクボタンとして表示する場合に使用*/
em.hidden_text{
visibility: hidden;
font-size: 1px;
display: none;
}
/* ---- 緑四角を背景にセットしたリスト用フォント ショッピングガイドリストに使用 ---- */
.list_green_square {
border-bottom-style: dotted;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
color: #996600;
background-repeat: no-repeat;
line-height: normal;
background-image: url(/image/font/green_square.gif);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 1px;
text-align: left;
}
.list_green_square A:link ,.list_green_square A:visited{ color: #996600}
.list_green_square A:hover,.list_green_square A:active{
color:white;
background-color:#ffcc00;
}
/* ---- 緑四角を背景にセットしたリスト用フォント ボーダー無しバージョン*/
.list_green_square_borderles {
font-size: 12px;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
color: #996600;
background-repeat: no-repeat;
line-height: normal;
background-image: url(/image/font/green_square.gif);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
margin-left: 3px;
}


.list_green_square_borderles A:link ,.list_green_square_borderles A:visited{ color: #996600}
.list_green_square_borderles A:hover,.list_green_square_borderles A:active{
color:white;
background-color:#ffcc00;
}

.indent_30{
text-indent: 30px;
}
/* ---- オレンジ四角を背景にセットしたリスト用フォント　TOPページ原料屋の想いで使用 ---- */
.list_orange_square {
	border-bottom-style: dotted;
	font-size: 12px;
	border-bottom-color: #cccc99;
	border-left-style: none;
	border-bottom-width: 1px;
	width: auto;
	list-style-position: inside;
	border-left-width: thick;
	margin-left: 3px;
	color: #330000;
	background-image: url(/image/font/orange_square.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	margin-right: 3px;
	line-height: normal;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 25px;
	padding-top: 5px;
}
.list_orange_square a:link, .list_orange_square a:visited { color: #663300}
.list_orange_square a:hover, .list_orange_square A:active{
color:white;
background-color:#ffcc00;
}

/* -----背景なしリスト用フォント お気に入りに追加などで使用 ----*/
.list_normal {
border-bottom-style: dotted;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
margin-left: 3px;
color: #996600;
background-repeat: no-repeat;
margin-right: 3px;
line-height: normal;
height: auto;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 12px;
text-indent: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.list_normal a:link,.list_normal a:visited { color: #996600;}

a:visited {text-decoration:none;}


.list_normal a:hover,.list_normal a:active{
color:white;
background-color:#ffcc00;
}

.list_normal_head {
font-size: 12px;
border-bottom-color: #cccc99;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
margin-left: 3px;
color: #333333;
margin-right: 3px;
line-height: normal;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 8px;
height: 15px;
font-weight: bold;
}
.list_normal_head a:link,.list_normal_head a:visited { color: #996600}
.list_normal_head a:hover,.list_normal_head a:active{
color:white;
background-color:#ffcc00;
}


.list_normal_borderles {
font-size: 12px;
list-style-position: inside;
list-style-type: square;
margin-left: 3px;
color: #996600;
line-height: normal;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 10px;
}
.list_normal_borderles a:link,.list_normal_borderles a:visited { color: #996600}
.list_normal_borderles a:hover,.list_normal_borderles a:active{
color:white;
background-color:#ffcc00;
}

/*お客様の声、発信者部分*/
.who {
border-bottom-style: none;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCC99;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 4px;
padding-bottom: 3px;
font-size: 12px;
color: #663300;
padding-right: 2px;
padding-left: 2px;
}
/* ---- 案内リスト（声） ---- */
.voise {
margin-bottom: 0px;
border-bottom-style: dotted;
padding: 10px 5px 8px 40px;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
margin-left: 3px;
color: #330000;
background-image: url(top_img/a11.gif);
background-repeat: no-repeat;
background-position: 7px 8px;
margin-right: 3px;
line-height: normal;
font-weight: bold;
}
.voise a:link,.voise a:visited { color: #663300}
.voise a:hover.voise a:active{
color:white;
background-color:#ffcc00;
}  
/* ---- 案内リスト（原料屋の想い・オレンジの大見出し） ---- */
.risut02ornge {
	padding: 8px 5px 8px 15px;
	font-size: 14px;
	width: auto;
	color: #330000;
	line-height: normal;
	background-color: #990033;
	background-image: url(top_img/top18.gif);
	background-position: 3px 10px;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #CCCC99;
	border-left: 1px solid #CCCC99;
	border-right: 1px solid #CCCC99;
}
.risut02ornge A:link { 
color: #330000}
.risut02ornge A:visited{
color: #330000}
.risut02ornge A:hover{
color:white;
background-color:#ffcc00}

/* ---- 案内リスト（原料屋の想い・オレンジの小見出し） ---- */
.risut03ornge {
padding: 8px 5px 8px 20px;
font-size: 12px;
width: auto;
list-style-position: inside;
list-style-type: square;
color: #330000;
line-height: normal;
border-right: 1px solid #CCCC99;
border-bottom: 1px dotted #cccc99;
border-left: 1px solid #CCCC99;
margin: 0px;


}
.risut03ornge A:link { 
color: #663300}
.risut03ornge A:visited{
color: #663300}
.risut03ornge A:hover{
color:white;
background-color:#ffcc00}



/* ---- 案内リスト（原料屋の想い・みどりの大見出し） ---- */
.risut02green {
border-bottom-style: dotted;
padding: 8px 5px 8px 10px;
font-size: 14px;
border-bottom-color: #cccc99;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
border-left-width: thick;
color: #FFFFFF;
line-height: normal;
background-color: #669900;
margin: 0px 3px;
background-image: url(top_img/a09.gif);
background-position: 0px 9px;
background-repeat: no-repeat;


}
.risut02green A:link { 
color: #FFFFFF}
.risut02green A:visited{
color: #FFFFFF}
.risut02green A:hover{
color:white;
background-color:#ffcc00}
/* ---- 案内リスト（原料屋の想い・みどりの小見出し） ---- */
.risut03green {
font-size: 12px;
width: auto;
list-style-position: inside;
list-style-type: square;
margin-left: 3px;
color: #330000;
background-image: url(top_img/a09.gif);
background-repeat: no-repeat;
background-position: 7px 8px;
margin-right: 3px;
line-height: normal;
background-color: #FFFFCC;
border-right: 1px solid #CCCC99;
border-bottom: 1px dotted #cccc99;
border-left: 1px solid #CCCC99;
padding-top: 8px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 20px;

}
.risut03green A:link { 
color: #663300}
.risut03green A:visited{
color: #663300}
.risut03green A:hover{
color:white;
background-color:#ffcc00}
/* ---- 案内リスト（スモール） ---- */
.risut01s {
border-bottom-style: dotted;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
margin-left: 20px;
color: #996600;
background-repeat: no-repeat;
margin-right: 3px;
line-height: normal;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 3px;
}
.risut01s A:link { color: #996600}
.risut01s A:visited{color: #996600}
.risut01s A:hover{
color:white;
background-color:#ffcc00;
}


/* ---- 案内リスト（註文） ---- */
.risut01chumon {
border-bottom-style: dotted;
padding: 10px 5px 8px 40px;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
margin-left: 3px;
color: #330000;
background-image: url(top_img/a12.gif);
background-repeat: no-repeat;
background-position: 7px 8px;
margin-right: 3px;
line-height: normal;
font-weight: bold;

}
.risut01chumon A:link { color: #663300}
.risut01chumon A:visited{color: #663300}
.risut01chumon A:hover{
color:white;
background-color:#ffcc00;
}

/* ---- 案内リスト（サンプル） ---- */
.risut01sanpuru {
border-bottom-style: dotted;
padding: 10px 5px 8px 40px;
font-size: 12px;
border-top-color: #999933;
border-right-color: #999933;
border-bottom-color: #cccc99;
border-left-color: #CC9933;
border-left-style: none;
border-bottom-width: 1px;
width: auto;
list-style-position: inside;
list-style-type: square;
border-left-width: thick;
margin-left: 3px;
color: #330000;
background-image: url(top_img/a13.gif);
background-repeat: no-repeat;
background-position: 7px 8px;
margin-right: 3px;
line-height: normal;
font-weight: bold;

}
.risut01sanpuru A:link { color: #663300}
.risut01sanpuru A:visited{color: #663300}
.risut01sanpuru A:hover{
color:white;
background-color:#ffcc00;
}
p.dispatch{
	font-size: 12px;
	line-height: 1.4em;
	color: #666666;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;

}
p.dispatch a, p.dispatch a:visited{
color: #666666;
text-decoration: underline;
}

/********************************************/
/*サイド　商品リンクリスト 商品検索付き*/
ul.goods_links {
	float: right;
	width:180px;
	margin:0;
	padding: 0;
	list-style: none;
	font-size: 93%;
	color: #330000;
	text-indent: 0;
	font-weight: bold;
}
ul.goods_links li {

text-align: left;
line-height: 1.5em;
margin: 0;
padding: 0;
}
ul.goods_links li.goods_name {
margin:0 0 3px 0;
padding:0 10px 0 15px;
border-bottom:dashed 1px #cccccc;
}

ul.goods_links li.head {
margin:5px 0;
padding: 0;
}

/*ヘッドタイトル画像*/
/*ul.goods_links li.head_img{
width:180px;
height:30px;
background-image:url(/image/side/goods_links/head_img.gif);
background-repeat:no-repeat;
margin:5px 0;
}
ul.goods_links li.head_img a,
ul.goods_links li.head_img a:visited{
display:block;
width:180px;
height:30px;
text-decoration:none;
}
ul.goods_links li.head_img a:hover{
background:none;
}
ul.goods_links li.search{background-position:0 0;}
ul.goods_links li.new{background-position:0 -30px;}
ul.goods_links li.recommend{background-position:0 -60px;}
ul.goods_links li.rank{background-position:0 -90px;}
ul.goods_links li.type{background-position:0 -120px;}
ul.goods_links li.all{background-position:0 -150px;}
*/
ul.goods_links li.head_img{
width:180px;
height:34px;
margin-bottom:8px;
}
ul.goods_links li.search{background-image:url(/image/side/goods_links/head_img/search.jpg);}
ul.goods_links li.new{background-image:url(/image/side/goods_links/head_img/new_item.jpg);}
ul.goods_links li.recommend{background-image:url(/image/side/goods_links/head_img/osusume.jpg);}
ul.goods_links li.rank{background-image:url(/image/side/goods_links/head_img/rank.jpg);}
ul.goods_links li.type{background-image:url(/image/side/goods_links/head_img/type.jpg);}
ul.goods_links li.all{
	background-image:url(/image/side/goods_links/head_img/50on.jpg);
	height:50px;
	margin-top: 10px;
}
ul.goods_links li.special{background-image:url(/image/side/goods_links/head_img/special.jpg);}

ul.goods_links li.head_img a{
display:block;
width:100%;
height:100%;
}


ul.goods_links li.img {
padding: 0;
margin:5px 0;
text-align: center;
width:180px;
}

ul.goods_links li.rank_line{
border:none; 
padding: 0 0 0 15px;
font-weight: bold;
color: #996633;
}
ul.goods_links li.rank_head {
font-weight: bold;
color: #660000;
line-height: 16px;
}



ul.goods_links form {
padding:0 0 10px 0;
margin: 0px;
}

ul.goods_links li.line {
font-size: 12px;
line-height: 16px;
font-weight: lighter;
color: #333333;
margin: 0px 8px;
border-bottom:dashed 1px #CCCCCC;
padding: 0 0 0 3px;
text-align: left;
}
ul.goods_links li.abc_head{
padding-left:5px;
}

ul.goods_links li a,
ul.goods_links li a:visited{
background:none;
color: #996633
}
ul.goods_links li a:hover{
background:none;

}

ul.goods_links li.line a {
display:block;
color:#996600;
}
ul.goods_links li.line a:visited {
color:#996633;
}
ul.goods_links li.line a:hover {
background-color:#ffcc00;
}
/*****************************************/

.linkbox {
	width: 700px;
	margin-top: 20px;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	float: none;
}
.listlink {
	float: left;
	width: 150px;
	background-color: #B9CFFF;
	border: thin dotted #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	text-align: center;
}
listlink p {
	font-size: 10px;
	color: #FF0000;
}


/**2010年9月新フッター**/
#footer_shop_info2{
	height: 688px;
	text-align: left;
	z-index: 1;
}
#footer_shop_info h4.title {
width: 800px;
background-image:none;
background-color:#99cc66;
height: 20px;
font-size: 16px;
line-height: 20px;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
border: none;
}

#footer_shop_info2 div.calendar2{
}

#footer_shop_info2 #info {
	height: 66px;
	width: 800px;
	padding: 0px;
}
#footer_shop_info2 #otoku {
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 800px;
}
#footer_shop_info2 #buy {
	padding: 0px;
	float: left;
	width: 406px;
}
#footer_shop_info2 #tel {
	height: 184px;
	width: 394px;
	float: left;
	padding: 0px;
}
#footer_shop_info2 #pay {
	float: right;
	height: 147px;
	width: 394px;
	padding: 0px;
}
#footer_shop_info2 #calender_title {
	padding: 0px;
	height: 49px;
	width: 394px;
}
#footer_shop_info2 #calender_box {
	background-image: url(/image/footer/box/fotte_07.jpg);
	padding: 0px;
	height: 182px;
	float: right;
	width: 394px;
}
#footer_shop_info2 #bottom {
	height: 87px;
	width: 800px;
	clear: both;
	float: none;
}
#footer_shop_info2 #calender_box .calendar {
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* お客様の声　香ちゃん制作枠 */

#wrapper .voice_box {
	border: 1px dashed #996600;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
	background-color: #FFFFFF;
	background-image: url(/image/contents/goods/goods_txt_head2.jpg);
}
#wrapper .voice_box h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996600;
	margin-right: 10px;
	padding-bottom: 3px;
}
#wrapper .voice_box img {
	float: left;
}
#wrapper .voice_bigbox {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

 /* 商品ページで細かく分けるデザイン　香ちゃん制作の枠  */

#wrapper .inner-box {
	padding-left: 8px;
	padding-right: 8px;
}
#wrapper .inner-box h2 {
	font-size: 14px;
	color: #FF3366;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 0px;
	background-image: url(../img/base/arrow40-093.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: normal;
	background-color: #EDE4DB;
	padding-bottom: 3px;
	padding-top: 6px;
	height: 20px;
}
#wrapper .inner-box .textbox-left hr {
	color: #660000;
	margin: 0px;
	padding: 0px;
}



#wrapper  .textbox-left {
	float: left;
	width: 270px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#wrapper  .textbox-right {
	float: right;
	width: 270px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
#wrapper  .textbox-left img {
	float: left;
	margin-right: 5px;
}
#wrapper  .textbox-right img {
	float: left;
	margin-right: 5px;
}


  /* 香ちゃん制作の枠ここまで↑   */
#wrapper #detail_contents #wrap .detail-box {
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(/image/contents/goods/details/jas-kurosix/jas-kurosix-02.jpg);
	background-repeat: no-repeat;
	height: 309px;
}
#wrapper #detail_contents #wrap .detail-minibox {
	padding-top: 110px;
	padding-left: 240px;
	padding-right: 15px;
}
#wrapper #detail_contents #wrap .detail-minibox p {
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}
#wrapper #detail_contents #wrap .detail-box .brown {
	font-size: 14px;
	color: #996600;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	margin-bottom: 8px;
	margin-top: 5px;
}
#wrapper #detail_contents #wrap .detail-box2 .brown {
	font-size: 14px;
	color: #996600;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	margin-bottom: 8px;
	margin-top: 5px;
}
#wrapper #detail_contents #wrap .message_block2 {
	margin-bottom: 15px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	padding-bottom: 10px;
	margin-top: 15px;
}
#wrapper #detail_contents #wrap .detail-box3 .brown {
	font-size: 14px;
	color: #996600;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	margin-bottom: 8px;
	margin-top: 5px;
}
.mate-box {
	background-image: url(/image/contents/goods/details/matecha-pack/top2.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.mate-text {
	padding-top: 53px;
	padding-left: 20px;
	padding-right: 20px;
}
.mate-text p {
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 1.6em;
}
.kuwak-box {
	background-image: url(/image/contents/goods/details/jas-kuwakyoto/kuwa-kyoto-img1.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.kuwak-text {
	padding-top: 53px;
	padding-left: 20px;
	padding-right: 20px;
}
.kuwak-text p {
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 1.6em;
}
.fiber-box {
	background-image: url(/image/contents/goods/details/jas-acacia/jasfiber-img.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
}
.fiber-text {
	padding-top: 50px;
	padding-left: 270px;
	padding-right: 10px;
}
.fiber-text p {
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 1.6em;
	padding: 0px;
}

.jasace-box1 {
	background-image: url(/image/contents/goods/details/jas-acer/jas-ace02.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
}

.apple_f02 {
	background-image: url(/image/contents/goods/details/applefiber/apple_02.jpg);
	background-repeat: no-repeat;
	height: 434px;
	margin-top: 15px;
}
.jasace-text1 {
	padding-top: 50px;
	padding-left: 270px;
	padding-right: 10px;
}
.jasace-text1 p {
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 1.6em;
	padding: 0px;
}

.jasace-box2 {
	background-image: url(/image/contents/goods/details/jas-acer/jas-ace01.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.apple_f10 {
	background-image: url(/image/contents/goods/details/applefiber/apple_f10.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.jasace-text2 {
	padding-top: 53px;
	padding-left: 30px;
	padding-right: 30px;
}
.jasace-text2 p {
	font-size: 14px;
	color: #000000;
	margin: 0px;
	line-height: 1.6em;
}

.item-bold2 {
	color: #993300;
	font-weight: bold;
}
.fiber-box2 {
	background-image: url(/image/contents/goods/details/jas-acacia/fiber-img6.jpg);
	background-repeat: no-repeat;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.fiber-text2 p {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
}
.fiber-text2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 330px;
}
.bold-orange {
	color: #FF6600;
}
.bold-orange {
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	background-image: url(/image/index/ico_bar4_7.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	background-position: left center;
	padding-bottom: 8px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
	margin-bottom: 8px;
	margin-left: 10px;
}
#wrapper #detail_contents #wrap .img-box {
	margin-top: 15px;
	margin-bottom: 15px;
}
#wrapper #detail_contents #wrap .sen-ban {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
}
#wrapper #detail_contents #wrap .sen-ban2 {
	float: right;
	margin-top: 5px;
	margin-bottom: 15px;
}
.fax {
	font-size: 12px;
	color: #FF6600;
}
.top_10 {
	margin-top: 10px;
}
.bigtitle {
	font-size: 18px;
	margin: 0px;
	background-image: url(/image/contents/goods/details/same-special/bigtitle.jpg);
	line-height: 2.7em;
	height: 55px;
	padding-left: 15px;
	color: #000000;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
#wrapper #detail_contents #wrap .message_block .item2 .item-left2 {
	float: left;
	width: 280px;
	padding-left: 5px;
	margin-top: 10px;
}
#wrapper #detail_contents #wrap .message_block .item2 .item-right2 {
	float: right;
	width: 280px;
	margin-top: 10px;
}
#wrapper #detail_contents #wrap .message_block .item2 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.bold-blue {
	font-size: 14px;
	line-height: 2em;
	border-bottom-width: 2px;
	/*border-left-width: 5px;*/
	border-bottom-style: dashed;
	/*border-left-style: solid;*/
	border-bottom-color: #448AC8;
	/*border-left-color: #448AC8;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	/*padding-left: 3px;*/
	color: #000000;
}
#wrapper #detail_contents #wrap .message_block .item2 p {
	line-height: 2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.label {
	width: 100%;
	text-align: left;
	border: 1px dashed #CCCCCC;
}
.label .label-title {
	font-size: 14px;
	color: #000000;
	text-align: left;
	padding: 10px;
	background-image: url(/image/contents/goods/slash.jpg);
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.label .label-left {
	width: 17%;
	background-image: url(/image/contents/goods/slash2.jpg);
	padding: 10px;
}
.label .label-right {
	padding: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}
#wrapper #footer #footer_shop_info2 #hassou {
	float: left;
	width: 394px;
}
#wrapper #footer #shopfooter .footer1 img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#shopfooter .footer1 .footer-left1 {
	width: 395px;
	float: left;
}
#shopfooter .footer1 .footer-right1 {
	float: right;
	width: 405px;
}
#shopfooter .footer1 .footer-right1 .footer-ca {
	padding-top: 5px;
}

/*トップお知らせ用*/

.top-notice {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #996600;
}.top-notice p {
	font-size: 12px;
	line-height: 1.6em;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.top-notice .notice-orange {
	color: #FF0000;
	font-weight: bold;
}
.soldout {
	font-size: 24px;
	color: #FF0000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #FFE6E6;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

ul.goods_links li.type-list{
	margin-bottom:5px;
	height:23px;
	line-height:normal;
}

/*インデックス新レイアウト*/
#top_head {
	margin-left: 15px;
}
#top_head .top_left {
	float: left;
	width: 380px;
	margin-bottom: 10px;
}
#top_head .top_right {
	float: right;
	width: 180px;
	margin-bottom: 10px;
}
.head_imghit {
	background-image: url(/image/side/goods_links/head_img/longhit.jpg);
	background-repeat: no-repeat;
	height: 34px;
}
.red_notice {
	color: #FF0000;
}