/* CSS Document */





/* ★ショッピング（一覧・詳細） --------------------------------------------------------------- */

#shopping {

	width:485px ;

	margin:0 auto 20px auto ;}



#shopping:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}





/* ■商品一覧 -------------------------------------------------------------*/

#shopping h1#product-list {

	background:url(../shopping/img/h1_01.gif) 0 0 no-repeat ;}





/*商品カテゴリー名*/

#shopping h2 {

	width:485px ;

	margin:30px 0 0 0 ;

	padding:0 ;

	font-size:100% ;

	color:#5A1C0E ;

	line-height:1.6em ;

	background:url(../shopping/img/h2_bg.gif) 0 bottom repeat-x ;

	border-top:4px solid #F60 ;

	border-left:none ;}



#shopping h2 span {

	margin:0 ;

	padding:9px 0 14px 25px ;

	font-size:100% ;

	color:#5A1C0E ;

	font-weight:bold ;

	background:url(../img_common/li_04.gif) 10px 19px no-repeat ;

	display:block ;}



#shopping p.text {

	margin:5px 0 0 0 ;

	font-size:85% ;

	color:#333 ;

	line-height:1.6em ;}





/*１行くくり*/

#shopping .list-1r {

	width:485px ;

	margin:10px auto ;

	padding:0 ;}



#shopping .list-1r:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}





/*商品１個*/

#shopping .list-1r div {

	width:155px ;

	margin:0 10px 0 0 ;

	padding:0 0 6px 0 ;

	background:url(../img_common/box_bg01.gif) repeat ;

	float:left ;}



#shopping .list-1r div.right {

	margin:0 ;

	padding:0 ;}



/*商品名*/

#shopping .list-1r div h3 {

	margin:0 ;

	padding:8px 0 ;

	font-size:12px ;

	color:#F60 ;

	text-align:center ;

	clear:both ;}



#shopping .list-1r div h3 a {

	color:#F60 ;}



/*値段*/

#shopping div p {

	margin:0 ;

	padding:0 ;

	font-size:11px ;

	text-align:center ;}



#shopping div p span {

	width:139px ;

	margin:0 auto 8px auto ;

	padding:0 ;

	font-size:12px ;

	color:#333 ;

	font-weight:bold ;

	line-height:2em ;

	background-color:#FFF ;

	border:1px solid #FCF3C5 ;

	display:block ;}









/* ■商品詳細 -------------------------------------------------------------*/

#shopping h1#product {

	background:url(../shopping/img/h1_02.gif) 0 0 no-repeat ;}





/*商品カテゴリー名＆カートボタンくくり*/

#shopping div#title {

	width:485px ;

	margin:30px 0 10px 0 ;

	background:url(../shopping/img/h2_bg.gif) 0 bottom repeat-x ;

	border-top:4px solid #F60 ;}



#shopping div#title:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



/*商品カテゴリー名*/

#shopping div#title h2 {

	width:330px ;

	margin:0 ;

	padding:9px 0 14px 25px ;

	font-size:100% ;

	color:#5A1C0E ;

	line-height:1.6em ;

	background:url(../img_common/li_04.gif) 10px 19px no-repeat ;

	border:none ;

	float:left ;}



/*カートに入れるボタン（見出し部分）*/

#shopping div#title p {

	margin:0 ;

	padding:0 ;

	float:right ;}



#shopping div#title p a {

	width:114px ;

	height:20px ;

	margin:11px 10px 0 0;

	padding:0 ;

	background:url(../shopping/img/cart_btn.gif) 0 0 no-repeat ;

	text-indent:-200px ;

	overflow:hidden;

	display:block ;}



#shopping div#title p a:hover {

	background:url(../shopping/img/cart_btn.gif) 0 -20px no-repeat ;}





/*カートに入れるボタン（下部）*/

#shopping p#back {

	height:20px ;

	margin:0 ;

	padding:0 ;

	font-size:70% ;

	float:left ;}



#shopping p#cart {

	width:114px ;

	height:20px ;

	margin:0 ;

	padding:0 ;

	float:right ;}



#shopping p#cart a {

	width:114px ;

	height:20px ;

	margin:0;

	padding:0 ;

	background:url(../shopping/img/cart_btn.gif) 0 0 no-repeat ;

	text-indent:-200px ;

	overflow:hidden;

	display:block ;}



#shopping p#cart a:hover {

	background:url(../shopping/img/cart_btn.gif) 0 -20px no-repeat ;}





/*キャッチタイトル*/

#shopping h3 {

	margin:0 0 5px 0 ;

	padding:0 ;

	color:#FF1E1E ;

	font-size:100% ;

	line-height:1.6em ;

	clear:both ;}



#shopping p {

	margin:0 0 20px 0 ;

	font-size:85% ;

	color:#333 ;

	line-height:1.8em ;}





/*　テーブル　*/

#shopping table {

	width:485px ;

	margin: 0 auto 20px auto ;

	padding:0 ;

	background-color:#CCC ;}



#shopping table th {

	width:100px ;

	padding:10px ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#shopping table th span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 0 1px no-repeat ;}



#shopping table td {

	padding:10px ;

	font-size:80% ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#shopping table td span {

	padding:0 3px 0 0 ;

	color:#F90 ;}









/* ★ショッピングカート ----------------------------------------------------------------------- */

#cart {

	width:485px ;

	margin:0 auto 20px auto ;}



#cart h1 {

	background:url(../shopping/img/h1_03.gif) 0 0 no-repeat ;}



#cart table {

	width:485px ;

	margin:0 0 15px 0 ;

	padding:0 ;

	background-color:#CCC ;}



#cart table th {

	padding:5px ;

	font-size:12px ;

	color:#333 ;

	line-height:1.8em;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#cart table th#del { width:60px ;}

#cart table th#num { width:120px ;}

#cart table th#num2 { width:60px ;}



#cart table td {

	padding:5px ;

	font-size:12px ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#cart table td.txt-c { text-align:center ;}

#cart table td.txt-r { text-align:right ;}



#cart table td input.btn {

	width : 50px ;

	height : 20px ;

	margin:0px ;

	padding:0px ;

	cursor : pointer ;}



#cart table td input.number {

	width : 1.8em;

	margin:0px ;

	padding:0px ;}





/*　合計金額　*/

#cart #sum {

	width:485px ;

	height:40px ;

	clear:both ;}



#cart #sum:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



#cart #sum div{

	width: 228px ;

	margin:0 ;

	padding:0 ;

	font-size:80% ;

	font-weight:bold ;

	border:1px solid #CCC ;

	background-color:#FBF1B8 ;

	float : right ;}



#cart #sum div #sum1{

	color:#333 ;

	padding : 3px 0px 3px 3px ;

	float : left ;}



#cart #sum div #sum1 span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 2px 2px no-repeat ;}



#cart #sum div #sum2{

	width : 127px ;

	padding : 3px 3px 3px 0px ;

	color:#3F3F3F ;

	border-left:1px solid #CCC ;

	background-color:#FFF ;

	text-align:right ;

	float : right ;

	clear:right ;}



#cart p.text {

	margin:0 0 15px 0 ;

	padding:0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;

	clear:both ;}



#cart p.note2 {

	margin:0 0 15px 0 ;

	color:#F00 ;

	font-size:80% ;

	line-height:1.6em ;

	font-weight:normal ;

	clear:both ;}





/*　買い物を続けるor購入手続きボタン　*/

#cart #button {

	width:485px ;

	margin:0 auto 20px auto ;

	padding:0 ;

	text-align:center ;

	clear:both ;}



#cart #button p{

	width:485px ;

	clear:both ;}



#cart #button p:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



#cart #button a#shopping_btn1 {

	width:99px ;

	height:22px ;

	margin:0 ;

	padding:0 ;

	text-indent:-400px ;

	overflow:hidden;

	background:url(../shopping/img/shopping_btn.gif) 0 0 no-repeat ;

	float:left ;

	display:block ;}



#cart #button a#shopping_btn1:hover {

	background:url(../shopping/img/shopping_btn.gif) 0 -22px no-repeat ;}



#cart #button a#shopping_btn2 {

	width:99px ;

	height:22px ;

	margin:0 ;

	padding:0 ;

	text-indent:-400px ;

	overflow:hidden;

	background:url(../shopping/img/shopping_btn.gif) -99px 0 no-repeat ;

	float:right ;

	display:block ;

	clear:right ;}



#cart #button a#shopping_btn2:hover {

	background:url(../shopping/img/shopping_btn.gif) -99px -22px no-repeat ;}





/*　カートに商品がないとき　*/

#nothing {

	height : 300px ;

	padding:100px 0px 165px 0px ;

	color:#F60 ;

	font-size:85% ;

	text-align:center ;

	font-weight:bold ;

	clear:both ;}









/* ★ショッピング（登録・注文フォーム） ------------------------------------------------------- */

#entry {

	width:672px ;

	margin:0 auto 20px auto ;}



#entry:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}







/* ■登録／未登録の選択 ---------------------------------------------------*/

#entry h1#entry1 {

	background:url(../shopping/img/h1_04.gif) 0 0 no-repeat ;}



#entry h2 {

	margin:0 0 20px 0 ;}



#entry #select {

	margin:0 0 20px 0 ;

	padding:20px 0 ;

	background:url(../img_common/box_bg01.gif) repeat ;}



#entry #select div {

	width:612px ;

	margin:0 auto ;

	padding:10px ;

	background-color:#FFF ;}



#entry p {

	color:#333 ;

	font-size:80% ;

	line-height:2em ;

	font-weight:bold ;

	clear:both ;}



#entry p.note{

	padding:0 0 0 20px ;

	color:#666 ;

	font-size:80% ;

	line-height:1.6em ;

	font-weight:normal ;}



#entry p.note2 {

	margin:0 0 15px 0 ;

	color:#F00 ;

	font-size:80% ;

	line-height:1.6em ;

	font-weight:normal ;

	clear:both ;}



/*　パスワード＆IDテーブル　*/

#entry table {

	width:395px ;

	margin: 0 0 20px 20px ;

	padding:0 ;

	background-color:#FFF ;}



#entry table th {

	width:100px ;

	padding:0 ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;}



#entry table th span{

	padding:0 3px 0 0 ;

	color:#F90 ;

	font-size:80% ;

	line-height:2em ;}



#entry table td {

	padding:0 ;

	font-size:80% ;

	color:#333 ;

	line-height:1.8em;

	vertical-align:top ;}



#entry table td span{

	padding:0 0 0 12px ;

	color:#F00 ;

	display:block ;}



#entry table td input{

	width:150px ;}



#entry p#pass-txt {

	margin:0 0 0 0 ;

	font-size:80% ;

	text-align:right ;

	font-weight:normal ;}



/*　ボタン　*/

#entry #button {

	text-align:center ;

	clear:both ;}



#entry #button input {

	height : 25px ;

	margin:0 ;

	padding:0 ;

	cursor: pointer ;}





/* ■パスワードを忘れた方はこちら -----------------------------------------*/

#entry h1#entry-pass {

	background:url(../shopping/img/h1_11.gif) 0 0 no-repeat ;}



/*　パスワード＆IDテーブル　*/

#entry table#pass {

	margin:0 0 20px 0 ;

	width:425px ;}



#entry table#pass td input#size01{

	width:40px ;}





/* ■パスワードの送信完了 -------------------------------------------------*/

#entry h1#entry-pass-comp {

	background:url(../shopping/img/h1_09.gif) 0 0 no-repeat ;}



#entry #select div#comp p{

	padding:10px 0 10px 0 ;

	color:#F60 ;

	font-size:85% ;

	font-weight:normal ;

	text-align:center ;}









/* ■ご注文情報の入力（登録せずに注文する） -------------------------------*/

#order h1#order-once {

	background:url(../shopping/img/h1_17.gif) 0 0 no-repeat ;}

















/* ■新規で登録 -----------------------------------------------------------*/

#order {

	width:672px ;

	margin:0 auto 20px auto ;}



#order:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



#order h1#entry-new {

	background:url(../shopping/img/h1_05.gif) 0 0 no-repeat ;}



#order h1#order1 {

	background:url(../shopping/img/h1_07.gif) 0 0 no-repeat ;}



#order h2 {

	margin:0 0 10px 0 ;}



#order p {

	margin:0 0 15px 0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.6em ;

	font-weight:normal ;

	clear:both ;}



#order p.text {

	margin:0 0 30px 0 ;}



#order p.note {

	margin:0 0 15px 0 ;

	color:#F00 ;

	font-size:80% ;

	line-height:1.6em ;

	font-weight:normal ;

	clear:both ;}





/*　テーブル　*/

#order table {

	width:672px ;

	margin: 0 auto 30px auto ;

	padding:0 ;

	background-color:#CCC ;}



#order table th {

	width:130px ;

	padding:10px ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#order table th span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 0 1px no-repeat ;}



#order table th span.need {

	padding:0 0 0 5px ;

	color:#F00 ;

	background:none ;}



#order table td {

	padding:10px ;

	font-size:80% ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#order table td span {

	padding:0 3px 0 0 ;

	color:#F90 ;}





/*　■ボタン　*/

#order #button {

	width:672px ;

	margin:0 auto 20px auto ;

	text-align:center ;

	clear:both ;}



#order #button p {

	color:#FF3300 ;}



#order #button input {

	width : 80px ;

	height : 25px ;

	margin:0 ;

	padding:0 ;

	cursor: pointer ;}









/* ■入力内容の確認 -------------------------------------------------------*/

#order h1#entry-new-check {

	background:url(../shopping/img/h1_06.gif) 0 0 no-repeat ;}



/* ■新規登録完了 ---------------------------------------------------------*/

#entry h1#entry-comp {

	background:url(../shopping/img/h1_12.gif) 0 0 no-repeat ;}



/* ■お届け先の登録 -------------------------------------------------------*/

#order h1#entry-other {

	background:url(../shopping/img/h1_10.gif) 0 0 no-repeat ;}



/* ■お届け先の入力確認 ---------------------------------------------------*/

#order h1#entry-other-check {

	background:url(../shopping/img/h1_06.gif) 0 0 no-repeat ;}



/* ■お届け先の入力確認 ---------------------------------------------------*/

#order h1#entry-other-comp {

	background:url(../shopping/img/h1_06.gif) 0 0 no-repeat ;}









/* ■お届け先・お支払方法 -------------------------------------------------*/

#order h1#order1 {

	background:url(../shopping/img/h1_07.gif) 0 0 no-repeat ;}



#order h3 {

	margin:0 ;

	padding:0px 0 5px 0 ;

	font-size:80% ;

	color:#333 ;

	line-height:1.6em ;}



#order h3 span {

	padding:0 3px 0 0 ;

	color:#F90 ;}



#order #entry-btn {

	margin:0 auto 30px auto ;

	padding:10px ;

	text-align:center ;

	border:1px solid #CCC ;

	background:url(../img_common/box_bg01.gif) repeat ;}



#order #entry-btn input {

	cursor:pointer ;}



#order p span {

	color:#F00 ;}



/*アドレス帳*/

#order #add {

	margin:0 0 30px 0 ;

	padding:20px 0 ;

	background:url(../img_common/box_bg02.gif) repeat ;}



#order #add table {

	width:632px ;

	margin:0 auto ;

	padding:0 ;}



#order #add table th {

	width:140px ;

	padding:5px ;

	background-image:none ;

	background-color:#FFF ;}



#order #add table td {

	padding:5px ;}



#order #add table td.btn {

	width:100px ;

	text-align:center ;}



#order #add table td.btn input {

	cursor:pointer ;}





#order #add table tr.color td , #order #add table tr.color th {

	background-color:#F6F6F6 ;}	/*TRの背景色（グレー）*/



/*選択項目*/

#order table td span.select {

	font-weight:bold ;

	color:#333 ;}



/*注意事項（赤）*/

#order table td span.note {

	color:#F00 ;}



/*注意事項（グレー）*/

#order table td span.note2 {

	color:#666 ;}







/* ■アドレス帳の修正 -----------------------------------------------------*/

#order h1#entry-edit {

	background:url(../shopping/img/h1_13.gif) 0 0 no-repeat ;}



/* アドレス帳の修正内容確認 */

#order h1#entry-edit-check {

	background:url(../shopping/img/h1_14.gif) 0 0 no-repeat ;}



/* アドレス帳の修正完了 */

#entry h1#entry-edit-comp {

	background:url(../shopping/img/h1_15.gif) 0 0 no-repeat ;}







/* ■ご注文内容の確認 -----------------------------------------------------*/

h1#order-check {

	background:url(../shopping/img/h1_16.gif) 0 0 no-repeat ;}



#order-cart {

	width:672px ;

	margin:0 auto 15px auto ;}



#order-cart table {

	width:672px ;

	margin:0 0 15px 0 ;

	padding:0 ;

	background-color:#CCC ;}



#order-cart table th {

	padding:5px ;

	font-size:13px ;

	color:#333 ;

	font-weight:bold ;

	text-align:center ;

	line-height:1.8em;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#order-cart table th#num2 { width:60px ;}



#order-cart table td {

	padding:5px ;

	font-size:13px ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#order-cart table td.txt-c { text-align:center ;}

#order-cart table td.txt-r { text-align:right ;}





/*　合計金額　*/

#order-cart #sum {

	width:672px ;

	height:40px ;

	clear:both ;}



#order-cart #sum:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



#order-cart #sum div{

	width: 328px ;

	margin:0 ;

	padding:0 ;

	font-size:80% ;

	font-weight:bold ;

	border:1px solid #CCC ;

	background-color:#FBF1B8 ;

	float : right ;}



#order-cart #sum div #sum1{

	color:#333 ;

	padding : 3px 0px 3px 3px ;

	float : left ;}



#order-cart #sum div #sum1 span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 2px 2px no-repeat ;}



#order-cart #sum div #sum2{

	width : 127px ;

	padding : 3px 3px 3px 0px ;

	color:#3F3F3F ;

	border-left:1px solid #CCC ;

	background-color:#FFF ;

	text-align:right ;

	float : right ;

	clear:right ;}







/*　送料　*/

#order-cart #send {

	width:672px ;

	clear:both ;}



#order-cart #send:after {

	content:".";

	height:0;

	clear:both;

	visibility:hidden;

	display:block;}



#order-cart #send div{

	width: 328px ;

	margin:0 ;

	padding:0 ;

	font-size:80% ;

	font-weight:bold ;

	border:1px solid #CCC ;

	border-bottom:none ;

	background-color:#FBF1B8 ;

	float : right ;}



#order-cart #send div #send1{

	color:#333 ;

	padding : 3px 0px 3px 3px ;

	float : left ;}



#order-cart #send div #send1 span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 2px 2px no-repeat ;}



#order-cart #send div #send2{

	width : 127px ;

	padding : 3px 3px 3px 0px ;

	color:#3F3F3F ;

	border-left:1px solid #CCC ;

	border-bottom:none ;

	background-color:#FFF ;

	text-align:right ;

	float : right ;

	clear:right ;}









/* ■送信完了 -------------------------------------------------------------*/

#order h1#thanks {

	background:url(../shopping/img/h1_09.gif) 0 0 no-repeat ;}









/* ■ありがとうページ -----------------------------------------------------*/

#order #thanks-box {

	width:540px ;

	margin: 30px auto ;

	padding:30px ;

	border:3px double #AEAEAE ;

	background-color:#FFF ;}



#order #thanks-box h2 {

	margin:0 0 15px 0 ;

	padding:0 ;

	font-size:85% ;

	color : #000 ;

	line-height : 200% ;

	background:url(../img_common/x_01.gif) bottom repeat-x ;

	border:none ;}



#order #thanks-box h2 span{

	padding:0 5px 0 0 ;

	color:#F90 ;}



#order #thanks-box p#link{

	text-align:center ;}



#order #thanks-box span#link2{

	margin:0px 20px 0px 0px;

	padding:0px;

	display:block ;

	width:124px ;

	float:right;

	height:39px ;

}



#order #thanks-box span a{

	width:124px ;

	height:39px ;

	text-indent:-400px ;

	overflow:hidden;

	background:url(../shopping/img/kuro_btn.gif) 0 0 no-repeat ;

	display:block ;

	float:right ;}



#order #thanks-box span a:hover {

	background:url(../shopping/img/kuro_btn.gif) 0 bottom no-repeat ;}



#order #thanks-box .payment_txt{

	font-size:90%;

	font-weight:bold;

}

.clear{

	clear:both;

}



#order #thanks-box .border_top{

	padding-top:1.5em;

	margin-top:0.5em;

	border-top:1px dashed #CCCCCC;

}





/* ★しょうゆ豆について ----------------------------------------------------------------------- */

#bean {

	width:672px ;

	margin:0 auto 20px auto ;}



#bean h1 {

	background:url(../bean/img/h1_01.gif) 0 0 no-repeat ;}



#bean h2 {

	margin:30px 0 10px 0 ;}



#bean h2#mame {

	background:url(../bean/img/mame.gif) 0 bottom no-repeat #F8F8F8 ;}



#bean p {

	margin:0 0 30px 0 ;

	padding:0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;

	text-indent:0 ;}



#bean #flash {

	margin:0 0 10px 0 ;

	padding:0 ;

	text-align:center ;}



#bean p span#type01{

	font-weight:bold;

	color:#F00 ;}



#bean p span#type02{

	color:#F60 ;}



#bean p span#type03{

	color:#666 ;

	margin:2px 0 5px 0 ;

	display:block ;}



#bean p span#type04{

	margin:0 0 0 20px ;

	padding:0 0 20px 0 ;

	color:#666 ;

	float:right ;}









/* ★会社概要 --------------------------------------------------------------------------------- */

#company {

	width:672px ;

	margin:0 auto 20px auto ;}



#company h1 {

	background:url(../company/img/h1_01.gif) 0 0 no-repeat ;}



/*　テーブル　*/

#company table {

	width:672px ;

	margin: 0 auto 20px auto ;

	padding:0 ;

	background-color:#CCC ;}



#company table th {

	width:130px ;

	padding:10px ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#company table th span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 0 1px no-repeat ;}



#company table td {

	padding:10px ;

	font-size:80% ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#company table td span {

	padding:0 3px 0 0 ;

	color:#F90 ;}



#company table td a#mail {

	margin:0 5px ;

	padding:0 0 0 17px ;

	font-weight:bold ;

	background:url(../img_common/mail.gif) 0 2px no-repeat ;}



#company p#company-img {

	width:213px ;

	height:171px ;

	margin:0 0  -168px 0 ;

	padding:2px ;

	text-align:center ;

	border:1px solid #CCC ;

	background-color:#FFF ;

	position: relative;

	top:9px;

	left:453px ;

	z-index: 2;}



#company p#company-img img{

	margin:6px 0 ;

	padding:0 ;}



#company a#map {

	width:71px ;

	height:22px ;

	margin:0 ;

	padding:0 ;

	text-align:left ;

	text-indent:-400px ;

	overflow:hidden;

	background:url(../company/img/map_btn.gif) 0 0 no-repeat ;

	float:right ;

	display:block ;}



#company a#map:hover {

	background:url(../company/img/map_btn.gif) 0 -22px no-repeat ;}









/* ★お買い物方法 ----------------------------------------------------------------------------- */

#howto {

	width:672px ;

	margin:0 auto 20px auto ;}



#howto h1 {

	background:url(../howto/img/h1_01.gif) 0 0 no-repeat ;}



#howto h3 {

	margin:0 ;

	padding:8px 0 ;

	font-size:80% ;

	color:#5A1C0E ;

	clear:both ;}



#howto h3 span {

	color:#F90 ;}



#howto p {

	margin:0 0 15px 0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;}



#howto p img {

	margin:0 5px ;

	vertical-align:middle ;}



#howto p.text {

	margin:0 0 40px 0 ;

	padding:0 ;}



#howto p span {

	padding:0 5px 0 0 ;

	color:#F90 ;}



#howto p span.red {

	padding:0 ;

	color:#F00 ;}



#howto p span.red2 {

	padding:0 ;

	color:#F00 ;

	font-weight:bold ;}



#howto p span.bold {

	color:#333 ;

	font-weight:bold ;}

	

#howto li {

	margin:0 0 10px 0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.4em ;}



#howto li img {

	margin:0 5px ;

	vertical-align:middle ;}

	

span.red {

	padding:0 ;

	color:#F00 ;}





/*　テーブル　*/

#howto table {

	width:300px ;

	margin: 0 0 40px 0 ;

	padding:0 ;

	background-color:#FFF ;

	border:1px solid #F1F1F1 ;}

#howto table.about-table {
	width: 400px;
}

#howto table th {

	width:180px ;

	padding:3px 10px ;

	font-size:80% ;

	color:#333 ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;}



#howto table td {

	padding:3px 10px ;

	font-size:85% ;

	color:#333 ;

	line-height:1.8em;

	text-align:right ;

	vertical-align:top ;}



#howto table tr.color td , #howto table tr.color th {

	background:url(../img_common/box_bg01.gif) repeat ;}



/*送料テーブル（左寄せ）*/

#howto table#send {

	float:left ;}



/*ご注文案内ボックス*/

#howto div {

	width:350px ;

	margin:0 ;

	padding:20px 0;

	background:url(../img_common/box_bg01.gif) repeat ;

	float:right ;}



#howto div p{

	width:290px ;

	margin:0 auto;

	padding:10px ;

	background-color:#FFF ;}



#howto div h4 {

	width:290px ;

	margin:0 auto ;

	padding:10px 10px 0 10px ;

	color:#333 ;

	font-size:80% ;

	text-align:center ;

	background-color:#FFF ;}









/* ★お問い合わせ ----------------------------------------------------------------------------- */

#info {

	width:672px ;

	margin:0 auto 20px auto ;}



#info h1#info01 {

	background:url(../info/img/h1_01.gif) 0 0 no-repeat ;}



#info h1#info02 {

	background:url(../info/img/h1_02.gif) 0 0 no-repeat ;}



#info h1#info03 {

	background:url(../info/img/h1_03.gif) 0 0 no-repeat ;}



#info p {

	margin:0 auto 10px auto ;

	padding:0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;}



#info span.need {

	font-size:80% ;

	color:#F00 ;

	font-weight:normal ;}





/*　テーブル　*/

#info table {

	width:672px ;

	margin: 0 auto 20px auto ;

	padding:0 ;

	background-color:#CCC ;}



#info table th {

	width:150px ;

	padding:10px ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#info table th span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 0 1px no-repeat ;}



#info table th span.need {

	padding:0 0 0 5px ;

	background:none ;}



#info table td {

	padding:10px ;

	font-size:80% ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#info table td span {

	padding:0 3px 0 0 ;

	color:#F90 ;}



/*　■ボタン　*/

#info #button {

	width:672px ;

	margin:0 auto 20px auto ;

	text-align:center ;

	clear:both ;}



#info #button p {

	color:#FF3300 ;}



#info #button input {

	width : 80px ;

	height : 25px ;

	margin:0 ;

	padding:0 ;

	cursor: pointer ;}



/* ■ありがとうページ */

#info #thanks {

	width:540px ;

	margin: 30px auto ;

	padding:30px ;

	border:3px double #AEAEAE ;

	background-color:#FFF ;}



#info #thanks h2 {

	margin:0 0 15px 0 ;

	padding:0 ;

	font-size:85% ;

	color : #000 ;

	line-height : 200% ;

	background:url(../img_common/x_01.gif) bottom repeat-x ;

	border:none ;}



#info #thanks h2 span{

	padding:0 5px 0 0 ;

	color:#F90 ;}



#info #thanks p#link{

	text-align:center ;}









/* ★プライバシーポリシー --------------------------------------------------------------------- */

#privacy {

	width:672px ;

	margin:0 auto 20px auto ;}



#privacy h1 {

	background:url(../privacy/img/h1_01.gif) 0 0 no-repeat ;}



#privacy p {

	margin:0 0 10px 0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;}



#privacy p.text {

	margin:0 0 30px 0 ;

	padding:0 ;}



#privacy p span {

	color:#83683D ;}









/* ★通信販売法に基づく表記 ------------------------------------------------------------------- */

#specific {

	width:672px ;

	margin:0 auto 20px auto ;}



#specific h1 {

	background:url(../specific/img/h1_01.gif) 0 0 no-repeat ;}



#specific p {

	margin:20px 0 10px 0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;}



/*　テーブル　*/

#specific table {

	width:672px ;

	margin: 0 auto 20px auto ;

	padding:0 ;

	background-color:#CCC ;}



#specific table th {

	width:180px ;

	padding:10px ;

	font-size:80% ;

	color:#333 ;

	font-weight:normal ;

	line-height:1.8em;

	text-align:left ;

	vertical-align:top ;

	background-image:url(../img_common/box_bg01.gif)}



#specific table th span {

	padding: 0 0 0 18px ;

	background:url(../img_common/li_03.gif) 0 1px no-repeat ;}



#specific table td {

	padding:10px ;

	font-size:80% ;

	color:#3F3F3F ;

	line-height:1.8em;

	background-color:#FFF ;

	vertical-align:top ;}



#specific table td img{

	margin:5px auto 10px auto ;

	display:block ;}



#specific table td img#kuro{

	margin:0 ;

	display:inline ;}



#specific table td span {

	padding:0 3px 0 0 ;

	color:#F90 ;}

	

	

	

/* ★ショッピング（一時停止） --------------------------------------------------------------- */

#shopping #shopping-attention {

	width:485px ;

	margin:0 auto 100px auto ;

	padding-top:40px;

	}

	

#shopping #shopping-attention p{

	font-size:100%;

	line-height:1.6em;

	color:#C00;

	margin-bottom:30px;}



/* レシピ ----------------------------------------------------------------------- */

#recipe {

	width:672px ;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-weight: 500;
	margin:40px auto 20px auto ;}



#recipe h1 {

	background:url(../recipe/img/h1_01.gif) 0 0 no-repeat ;}



#recipe h2 {

	margin:20px 0 10px 0 ;}

.recipe-title {
	font-size: 1.0em;
	font-weight: 800;
	display: block;
	padding: 5px; 
	background-color: #baa46f;
	margin:0 0 10px 0;
}

.recipe-title2 {
	font-size: 100%;
	font-weight: 500;
	display: block;
	padding: 5px; 
	border-top: dotted 1px #CCC; 
	margin:10px 0 10px 0;
}

.recipe-img {
	width: 650px;
	margin: 10px auto 20px auto;
	text-align: center;
}



.food-box-left {
	float: left;
	width: 320px;
	text-align: left;
	margin-right: 10px;
}
.food-box-right {
	float: right;
	width: 320px;
	text-align: left;
}


.clear {
	clear: both;
}

#recipe p {

	margin:0 0 30px 0 ;

	padding:0 ;

	color:#333 ;

	font-size:80% ;

	line-height:1.8em ;

	text-indent:0 ;}

.pagetop {
	text-align: right;
	font-size: 80%;
}

.recipe-cart dt {
  float:left;
  clear:left;
  margin:0;
  width:180px;
  padding: 5px;
  display: block;
  background-color: #f5c9d5;
  border: 1px solid #f5c9d5;
  font-size:80% ;
}
.recipe-cart dd {
  float:left;
  margin:0; 
  display: block;
  padding: 5px;
  border: 1px solid #f5c9d5;
  font-size:80% ;
}

.recipe-list {
	font-size: 80%;
	margin-bottom: 80px; 
}