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


/* ページ基本設定　*/


body {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color: #FFFFFF;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font-size:100%;
}


/* 画像のためなし　*/
h1 {
	margin: 0px;
	padding: 0px;
}

/* Pのライン高　*/
p {
	line-height:150%;
	font-size: 80%;
	}

a {	color: #990000;
}

/* Ｐ以外でテキスト設定が必要な場合　*/
.text{
	line-height:150%;
	font-size: 80%;
	margin-bottom: 15px;
	}
	
h2 {
	font-size: 95%;
	font-weight:bold;
	margin-left:30px;
	padding-bottom:5px;
	border-bottom: #999999 dotted 1px;
	}




/* ヘッダー部分　レイアウト　*/
#wrapper #header {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:30px;
/*	margin: 0px;*/
	padding: 0px;
	height:253px;
/* 	height: 290px;*/
	width: 900px;
	}

/* ナビ部分　レイアウト　*/
#wrapper #topnavi {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 900px;
	text-align:left;
	}

/* コンテンツ部分　レイアウト　*/
#wrapper #contents {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align:left;
}


/* フッター部分　レイアウト　*/
#wrapper #footer {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align:right;
}	



/* ヘッダー部分　画像の入れ物　*/

#wrapper #header .header {
	background-color: #FFFFFF;
	padding: 0px;
	height:auto;
/*	height: 225px; IEとＦＦの表示を近づけるため変更*/
	width: 775px;
/*	margin-top: 30px;*/
	margin-right: 60px;
	margin-bottom: 15px;
	margin-left: 60px;
}

/* アドレス部分中身　*/

#wrapper #footer .footer01 address {
	font-style: normal;
	font-weight: normal;
	font-size:80%;
	text-align: right;
	margin-right: 20px;
	color: #990000;
}



/* ナビ部分　中身　*/
#wrapper #topnavi #navi {
/* ＣＳＳでの設定のため　保留
　　background-image:url(images/glo_navi00/gro_navi_all.gif);
	background-repeat:no-repeat;*/
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 900px;
}

/* ナビ部分　中身　リストインデントをなくす　保留
#wrapper #topnavi #navi ul {
margin-left:-50px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}
*/


/* ナビ部分　中身　左から並べる設定
#wrapper #topnavi #navi ul li{
float:left;
padding:0px;
display:block;
list-style:none;
}

#wrapper #topnavi #navi ul li.01 a {

display:block;
width:190px;
height:80px;
}
	
.02 a{
display:block;
width:165px;
height:80px;

}	

.03 a{
display:block;
width:115px;
height:80px;

}	

.04 a{
display:block;
width:250px;
height:80px;

}	

.05 a{
display:block;
width:180px;
height:80px;

}


.01 a img{
display:block;
width:190px;
height:80px;

}
	
.02 a img{
display:block;
width:165px;
height:80px;

}	

.03 a img{
display:block;
width:115px;
height:80px;

}	

.04 a img{
display:block;
width:250px;
height:80px;

}	

.05 a img{
display:block;
width:180px;
height:80px;

}
*/

/* 
#wrapper #topnavi #navi ul li a:hover{
visibility:	hidden;
}
*/

/* コンテンツ　入れ子　*/
#wrapper #contents .container01 {
	height: auto;
	width: 900px;
	
}

/* ページトップ外枠　*/
.pg_top {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align:right;
}

/* ページトップ中身　*/
.pg_top01 {
	width:110px;
	margin-left:770px;
	margin-right:20px;
	margin-top:15px;
	padding: 0px;
	height: auto;
	text-align:right;
	background-image:url(images/pg_top02.gif);
	clear:both;
	margin-bottom: 4px;
		
}


/* ページトップ イメージの表示設定　*/
.pg_top01 a img{
	border:none;
	display:block;
	width:109px;
	height:28px;
	
	
}

/* ページトップ ホバー時、上の表示をかくす　*/
.pg_top01 a:hover img{
	visibility:hidden;
	
	}




/* 商品紹介リード　*/
.lead {
	padding-left:30px;
	background-image:url(images/tenten.gif);
	background-repeat:no-repeat;
				}

			
/* 左5０ｐｘマージン　*/
.ma_l50 {
	margin-left:50px;
	}

			
/* 左３０ｐｘマージン　*/
.ma_l30 {
	margin-left:30px;
	}
/* 左１０ｐｘマージン　*/
.ma_l10 {
	margin-left:10px;
	}
/* 下４０ｐｘマージン　*/	
.ma_b40 {
	margin-bottom:40px;
	}	
.ma_fil {
	margin-bottom:15px;
	margin-right:45px;
	}
.ma_t20 {margin-top: 20px;
}

.ma_t50 {margin-top: 50px;
}

/* フォント太字に　*/
.strong {
	font-weight:bold;
	}

	
/* 以下トップページ設定*/

/* コンテンツ　入れ子　左側ボックス*/
#wrapper #contents .container01 .box_left {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
}



/* コンテンツ　入れ子　右側ボックス*/
#wrapper #contents .container01 .box_right {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
}


/* コンテンツ　入れ子　左側ボックス・チョコ指定*/
#wrapper #contents .container01 .box_left_c {
	float: left;
	height: 500px;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/choco.gif);
	background-repeat:no-repeat;
	background-position:top right;
}





/* コンテンツ　入れ子　左側、右下ボックスの中身*/
.box_01 {
	padding: 0px;
	/* 	height: 455px;*/
	height:auto;
	width: 435px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
}

/* コンテンツ　入れ子　右上ボックスの中身*/
.box02 {
	padding: 0px;
	height: 465px;
	width: 400px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 20px;
	}


/* コンテンツ　入れ子2　*/
#wrapper #contents .container02 {
	height: auto;
	width: 900px;
	clear:both;
	background-image:url(images/jiro_waku.gif);
	background-repeat:no-repeat;
}

/* コンテンツ　入れ子2　上の箱*/
.box_top {
	height:135px;
	width:900px;
	padding-top:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	
	}

/* コンテンツ　入れ子2　上の箱 テキスト部分*/
.box_top01 {
	width: 550px;
	height: 95px;
	margin-left:200px;
	margin-bottom:30px;
	margin-right:150px;
	padding:0px;
}

	
/* コンテンツ　入れ子2　下の箱*/
.box_sub {
	height:135px;
	width:900px;
	padding:0px;
	margin:0px;
	
	}

	
/* コンテンツ　入れ子2　下の箱 テキスト部分*/
.box_sub01 {
	width: 550px;
	height: 70px;
	margin-left:200px;
	margin-top:30px;
	margin-right:150px;
	margin-bottom:35px;
}


/* 商品ラインナップページ*/


/* コンテンツ　入れ子　左側ボックス ラム*/
#wrapper #contents .container01 .box_left_rum {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/rum01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	
}


/* コンテンツ　入れ子　左側ボックス　カプチーノ*/
#wrapper #contents .container01 .box_left_cap {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	
}




/* コンテンツ　入れ子　右側ボックス　プラリネ*/
#wrapper #contents .container01 .box_right_pra {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/prarine01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
}

/* コンテンツ　入れ子　左側ボックス カプチーノ*/
#wrapper #contents .container01 .box_left_cap {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/cap01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	
}

/* コンテンツ　入れ子　三分割ボックス*/
#wrapper #contents .container01 .box_0301 {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/bitter01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}

/* コンテンツ　入れ子　三分割ボックス ミルク画像設定*/
#wrapper #contents .container01 .box_0301_milk {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/milk01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}
	
/* コンテンツ　入れ子　三分割ボックス ヘーゼルナッツ画像設定*/
#wrapper #contents .container01 .box_0301_hazel {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/01orange.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}
	
/* コンテンツ　入れ子　三分割ボックス ホワイト画像設定*/
#wrapper #contents .container01 .box_0301_white {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/white01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}

/* コンテンツ　入れ子　三分割ボックス キノア画像設定*/
#wrapper #contents .container01 .box_0301_quinoa {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/coffee01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}

/* コンテンツ　入れ子　三分割ボックス シナモン画像設定*/
#wrapper #contents .container01 .box_0301_cina {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/cinnamon01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}

/* コンテンツ　入れ子　三分割ボックス オレンジ画像設定*/	

#wrapper #contents .container01 .box_0302_ora {
	float: right;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/hezel01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	
	}
	
/* コンテンツ　入れ子　三分割ボックス */	

#wrapper #contents .container01 .box_0302 {
	float: right;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
		
	}

/* コンテンツ　入れ子　三分割ボックス レーズン画像設定*/	

#wrapper #contents .container01 .box_0302_raisin {
	float: right;
	height: auto;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/raisin01.jpg);
	background-repeat:no-repeat;
	position:relative;
	background-position: 100% 20%;
	}


#wrapper #contents .container01 .photo {
	width:105px;
	padding:0px;
	float:left;
	height: 350px;
	}


#wrapper #contents .container01 .photo2 {
	margin-top:15px;
	margin-bottom:40px;
				}


#wrapper #contents .container01 .03_text {
	width:195px;
	float:right;
	}

#wrapper #contents .container01 .03_text2 {
	width:160px;
	margin-left:15px;
	margin-right:20px;
		}

#wrapper #contents .container01 .0302_text {
	width:195px;
	float:right;
	}

#wrapper #contents .container01 .0302_text2 {
	width:160px;
	margin-left:15px;
	margin-right:20px;
		}


.hidari {
	float:left;
	width:225px;
	}

.migi {
float:right;
width:195px;
	}

.migi_text {
	margin-left:10px;
	margin-right:10px;
	} 


.clear {
	clear:both
	}
	
/* おいしさの秘密、生産者ページ共通*/
/* 背景画像設定のため*/
/* コンテンツ　入れ子　右側ボックス*/
#wrapper #contents .container01 .box_right_a {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/01.gif);
	background-repeat:no-repeat;
	background-position: 90% 10%;
	
}

#wrapper #contents .container01 .box_left_b {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/02.gif);
	background-repeat:no-repeat;
	background-position: 90% 15%;
}

#wrapper #contents .container01 .box_right_c {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/03.gif);
	background-repeat:no-repeat;
	background-position: 90% 15%;
	
}

#wrapper #contents .container01 .box_left_d {
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/04.gif);
	background-repeat:no-repeat;
	background-position: 90% 15%;
}

#wrapper #contents .container01 .box_right_e {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/05.gif);
	background-repeat:no-repeat;
	background-position: 90% 5%;
	
}
	
/* 苦いお話ページ*/
/* コンテンツ　どうしてページ 右側*/

/* コンテンツ　入れ子　右側ボックス*/
#wrapper #contents .container01 .box_right_why {
	float: right;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-image:url(images/why_choco.gif);
	background-repeat:no-repeat;
	background-position: 80% 5%;
}
	


.box_01_why {
	padding: 0px;
/* 	height: 455px;*/
	height:auto;
	width: 415px;
	margin-top: 150px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 30px;
	
}
#wrapper #contents .container01 .box_left .box_01 li {
	font-size:90%;
	line-height:150%;
	margin-bottom:20px;
}

.green a {
	color:#990000;
	}
	
.ie6 {
	margin-left:0px;
	font-size: 95%;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom: #999999 dotted 1px;
		}
	

/* 新トップページ用ＣＳＳ*/
/* ヘッダー部分　レイアウト　*/
#wrapper #header00 {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 900px;
	text-align:left;
}

/* ナビ部分　レイアウト　*/
#wrapper #topnavi00 {
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 900px;
	
}

/* コンテンツ部分　レイアウト　*/
#wrapper #contents00 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align:left;
}

/* ヘッダー部分　画像の入れ物　*/

#wrapper #header .header00 {
	background-color: #FFFFFF;
	padding:0px;
	height: 45px;
	width: 900px;
	margin:0px;
	text-align:left;
}



/* ナビ部分　中身　*/
#wrapper #topnavi00 #navi00 {
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 900px;
}

/* 以下ナビＣＳＳ配置用のもの*/
/* ナビ部分　中身　リストインデントをなくす
#wrapper #topnavi00 #navi00 ul {
margin-left:-50px;
margin: 0px;
	padding: 0px;
	height: 45px;
	width: 900px;

}
*/

/* ナビ部分　中身　左から並べる設定
#wrapper #topnavi00 #navi00 ul li{
height:45px;
float:left;
margin:0px;
padding:0px;
display:block;
list-style:none;

}

#wrapper #topnavi00 #navi00 ul li.a a {

display:block;
width:130px;
height:45px;
}
	
.b a{
display:block;
width:129px;
height:45px;

}	

.c a{
display:block;
width:106px;
height:45px;

}	

.d a{
display:block;
width:153px;
height:45px;

}	

.e a{
display:block;
width:152px;
height:45px;

}

*/

/* ナビ部分　
.a a img{
display:block;
width:130px;
height:45px;
}


	
.b a img{
display:block;
width:129px;
height:45px;

}	

.c a img{
display:block;
width:106px;
height:45px;

}	

.d a img{
display:block;
width:153px;
height:45px;

}	

.e a img{
display:block;
width:152px;
height:45px;

}
*/

/* ナビ部分ロールオーバーイメージ、あとで設定　*/
/*
.a a:hover{
visibility:hidden;
display:block;
width:130px;
height:45px;
}


	
.b a img{
display:block;
width:129px;
height:45px;

}	

.c a img{
display:block;
width:106px;
height:45px;

}	

.d a img{
display:block;
width:153px;
height:45px;

}	

.e a img{
display:block;
width:152px;
height:45px;

}
*/


/* 入れ子　フラッシュ箱*/
.box_flash {
	float: left;
	height: 330px;
	width: 695px;
	/* 本当は705pxIE6のため変更*/
	margin: 0px;
	padding: 0px;
	 background-image:url(images/top_new/back_flash.gif);
	background-repeat:no-repeat;
	
}

/* 入れ子　バナー箱*/
.box_banners {
	float: right;
	height: 330px;
	width: 195px;
	margin: 0px;
	padding: 0px;
	
	
}

/* 入れ子　ニュース欄*/
.newsinfo{
	float: left;
	height: 330px;
	width: 340px;
	/* 本当は350pxIE6のため変更*/
	margin: 0px;
	padding: 0px;
	
	
}

/* 入れ子　新商品*/
.items{
	float: left;
	height: 330px;
	width: 335px;
	/* 本当は355pxIE6のため変更*/
	margin: 0px;
	padding: 0px;
	
}

/* フラッシュ中身*/
.flash { 
	height: 280px;
	width: auto;
	margin-top:27px;
	margin-left:10px;
	margin-right:auto;
	margin-bottom:23px;
	padding: 0px;
	
	
}

/* バナー中身*/
.banners01{

	height: 300px;
	width: auto;
	margin-top:15px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	padding: 0px;
		}

.newsinfo_content{
height: 310px;
	width: auto;
	margin-top:10px;
	margin-left:10px;
	margin-right:auto;
	margin-bottom:10px;
	
	border:#CCCCCC solid 1px;
		}
		
.newsinfo_content img{
	margin-top:15px;
	margin-left:15px;
	margin-bottom:5px;
		}
		

.ifame{
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
		}
		
.items_content{
	height: 160px;
	width: auto;
	margin-top:10px;
	margin-left:20px;
	margin-right:auto;
	margin-bottom:10px;
	padding: 0px;
	border:#CCCCCC solid 1px;
	}
			
.items_content_a{
	height: 130px;
	width: auto;
	margin-top:10px;
	margin-left:20px;
	margin-right:auto;
	margin-bottom:10px;
	padding: 0px;
	border:#CCCCCC solid 1px;
	}
	
.banners02{	
height: 310px;
	width: auto;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding: 0px;
	
	}
	
	
.items_content .img_title{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
		}

.items_content .img_title2{
	margin-top:10px;
	margin-bottom:10px;
		}

.items_content table, .items_content_a table{
	margin-left:10px;
	margin-right:10px;
		}
		
.toptxt
	{	font-size:80%;
		vertical-align:top;
		line-height:150%;
		}
		

/********  元の　bass.css より  *********/

/* ヘッダー部分　レイアウト 02 　*/
#wrapper #header02 {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	/*	margin: 0px;*/
	padding: 0px;
	height:253px;
	/* 	height: 290px;*/
	width: 900px;
	}


/* ヘッダー部分　画像の入れ物　 02　*/

#wrapper #header02 .header {
	background-color: #FFFFFF;
	padding: 0px;
	height:auto;
/*	height: 225px; IEとＦＦの表示を近づけるため変更*/
	width: 775px;
/*	margin-top: 30px;*/
	margin-right: 60px;
	margin-bottom: 15px;
	margin-left: 60px;
}


.back {
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
	}

/* 画像リンク枠なし設定*/

.noborder {
	border:none;
	}


/* ローカルナビ設定*/
.hidari02 {
	float:left;
	width:650px;
	}
	
.localnavi{
	float:right;
	width:200px;
	}
	

.back {
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.next {
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
	}


.hidari03 {
	float:left;
	width:820px;
	}

.migi01 {
float:right;
width:65px;
	}

		
		
/*******　以下　shp-page.css より　*********/		
		



#container   li  a:visited  {
	color: #333333;
	text-decoration: none;
}

#container   li  a:hover  {
	color: #666666;
	text-decoration: underline;
}
#content-navigation_choco {
	width: 300px;
	height: 18px;
	float: left;
	font-size: 10px;
}
#content-navigation_choco a ,#content-navigation_choco a:visited{
	color: #333333;
	text-decoration: none;
}
#content-navigation_choco a:hover,#content-navigation_choco a:active{
	color: #333333;
	text-decoration: underline;
}
#go-wrapping {
	float: right;
	height: auto;
	width: 200px;
	margin-right: 20px;
	margin-bottom: 30px;
}