@charset "utf-8";

/* UF（ウフ） Scripted by by Conceptbox Inc. 
2010/8/12 リニューアルデザイン着手
---------------------------------------------*/

/* リンクCSS
---------------------------------------------*/
@import "css/js/vtip.css" ;
@import "css/js/vtip_display_none_comment_out.css" ;
@import "css/js/jqFancyTransitions.css" ;
@import "css/js/s3slider.css" ;
@import "css/js/coda-slider-2.0.css" ;
@import "css/js/SNS.css" ;

/* clearfix
---------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
	clear:both;
}

/* 基本レイアウト
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}
body {
	margin:0;
	padding:0;
	background: #fff url(img/common/bg-body-wood.gif);
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
p, ol, ul {
	line-height: 1.4;
}
blockquote {
	margin:0 20px 0 20px;
}
a {
	color: #cc3300;
	text-decoration:none;
}
a:hover {
	color: #424242;
	text-decoration:none;
}
img {
	border: none;
}
address {
	line-height: 1.3;
	font-style:normal;
	font-size: 13px;
}
strong {
	font-weight:bold;
}

/*　ヘッダー
---------------------------------------------*/
#header {
	position:relative;
	width:940px;
	height:350px;
	margin:0 auto 0 auto;
	padding:0;
	background:#FFF url(img/index/bg-header-test.gif) top center no-repeat;
}
	#header h1 {
		position:absolute;
		right:25px;
		top:5px;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		letter-spacing:0.0em;
		width: 707px;
		text-align:right;
	}
	#header #siteID {
		position:absolute;
		left:108px;
		top:2px;
	}	
	#header #grace {
		position:absolute;
		right:17px;
		top:34px;
	}
	#header #grace h2{
		text-align:right;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		line-height:1.1;
	}

/*　ヘッダー部分のポラ風写真の設定はココです
・位置を変更できます
---------------------------------------------*/
#header #photo1 {
	position:absolute;
	top:90px;
	left:0px;　/* 左から0px */
}
#header #photo2 {
	position:absolute;
	top:90px;
	left:190px;　/* 左から190px */
}
#header #photo3 {
	position:absolute;
	top:64px;
	right:210px;/* 右から210px */
}
#header #photo4 {
	position:absolute;
	top:90px;
	right:0px;　/* 右から0px */
}

/* ボディ
---------------------------------------------*/
#container {
	width:940px;
	margin:0px auto 0px auto;
	padding:0;
	background:#FFF url(img/index/bg-body.gif);
}
#left {
	float:left;
	width:180px;
	margin:10px 0 10px 0px;
	padding:0 0 0px 25px ;
	font-size:12px;
}
#main {
	float:left;
	width:505px;
	margin:10px 0px 10px 0px;
	padding:0 0 0px 20px ;
}
#right {
	float:right;
	width:180px;
	margin:0px 0px 10px 0px;
	padding:0 10px 0px 0px ;
	background:none;
	font-size:12px;
}

/* 中央エリア #main
------------------------------------------------------------------------------------------*/
#bnr-top {}
	#bnr-top img{
		padding:0;
		margin:0 0 10px 0;
	}
	#bnr-top a img {
		border: #aaa 1px solid;
	}
	#bnr-top h2{
		background:url(img/index/bg-h2-shopitem-yg.gif) left center no-repeat;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		padding:9px 0 9px 15px;
	}
	#bnr-top h2.forest{
		background:url(img/index/bg-h2-shopitem-red.gif) left center no-repeat;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		padding:9px 0 9px 15px;
	}
#bnr-btm {}
	#bnr-btm img{
		padding:0;
		margin:10px 0 10px 0;
	}
	#bnr-btm a img {
		border: #aaa 1px solid;
	}

.bnr-mid {
	text-align:center;
	padding:10px 0 5px 0;
}
	.bnr-mid img{
		border: #aaa 1px solid;
	}

/* 商品カテゴリーボタン
---------------------------------------------*/
#shopitem {}
	#shopitem h2{
		background:url(img/index/bg-h2-shopitem-yg.gif) left center no-repeat;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		padding:9px 0 9px 15px;
	}

div#shopitem {
   position: relative;
   overflow: hidden;
}
div#shopitem ul {
   position:relative;
   left:50%;
   float:left;
   list-style:none;
   margin:5px 0 5px 0;
}
div#shopitem li {
   position:relative;
   left:-50%;
   float:left;
   height:125px;
   font-size:11px;
   text-align:center;
   border-right:#999999 dotted 1px;
}
div#shopitem li.end {
		border-right:#999999 dotted 0px;
}
/*
	#shopitem table{
		border-collapse: collapse;
		text-align:center;
		font-size:11px;
		margin:10px auto 0 auto;
	}
	#shopitem table td, #shopitem table th{
		padding:0px;
	}
	#shopitem table th{
		background:#ededed;
	}
	td.sepatate {
		border-right:#999999 dotted 1px;
	}
	td.sepatate-end {
		border-right:#999999 dotted 0px;
	}
*/

/* フッター
---------------------------------------------*/
/*
#footer-ban {
	clear:left;
	margin:10px 10px 20px 10px;
	padding:0;
	text-align: right;
}
#footer-ban table.tbl-basic {
	border-collapse: collapse;
	text-align:left;
	margin:0px auto 0 auto;
	border:#ffffff 2px solid;
}
*/
/* フッター
------------------------------------------------------------------------------------------*/
#footer {
	position:relative;
	width:940px;
	height:60px;
	margin:0 auto 0 auto;
	padding:0;
	background:#FFF url(img/index/bg-footer.gif) bottom center no-repeat;
}
	.footlist {
		position:absolute;
		right:20px;
		bottom:10px;
		font-size: 70%;
		color: #fff;
		margin: 0px;
		padding: 0px;
	}
	.footlist ul li{
		display: inline;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		font-weight:bold;
	}
	.footlist ul li a{
		color:#FFFFFF;
	}
	.copyright {
		font-size:80%;
		color:#fff;
		margin:0px;
		padding:0;
		text-align:right;
	}

/*　フッターのショップインフォメーション
---------------------------------------------*/
#shop-info {
	clear:both;
	font-size:11px;
	margin:10px auto 10px auto;
	width:900px;
	padding:0;
	border:#666 solid 1px;
}
		#shop-info h2{
			background: #550000 url(img/index/bg-h2-infotable.gif) no-repeat left center;
			width:100%;
			height:50px;
			margin:0;
			padding:0;
		}
#info-body {
	padding:15px 20px 10px 20px;
	background:#FFFFFF;
}
		#info-body h2 {
			margin:0;
			padding:0;
		}
		#info-body h3 {
			margin:5px 0 10px 0 ;
			padding:2px 2px 2px 28px ;
			color:#550000;
			font-size:12px;
			border-bottom:#333333 dotted 1px;
			background:url(img/common/lm-flower-s.gif) no-repeat left center;
			font-weight:bold;
		}
		#info-body p {
			margin:3px 5px 3px 8px;
			padding:3px 0 0 0;
		}
		#info-body p.font-s{
			font-size:11px;
			line-height:1.2;
		}
		#info-body a {
			color:#f55773;
			border-bottom:#f55773 dotted 1px;
			text-decoration:none;
		}
		#info-body ul {}
		#info-body ul li{}
		
#info-body #left {
	float:left;
	width:360px;
	margin:0px 0px 10px 0px;
}
#info-body #right {
	float:right;
	width:420px;
	padding:0 0 0 20px;
	border-left:#666666 dotted 1px;
	background:#FFFFFF;
}
/* フッターの配達送料用テーブル
---------------------------------------------*/
.tbl-deli {
	border-collapse: collapse;
	text-align:center;
	font-size:10px;
	margin:5px auto 0 auto;
	border:#ffffff 2px solid;
}
		.tbl-deli td, .tbl-deli th{
			border:#ffffff 3px solid;
			padding:5px;
		}
		.tbl-deli td{
			background:#ededed;
		}
		.tbl-deli th{
			background:#ffe4e1;
			font-weight:normal;
		}

/* 左サイドエリア #left
------------------------------------------------------------------------------------------*/
/* 左サイド最上部スライダーボタン
---------------------------------------------*/
#btn-js {}

/* 左サイド　新商品情報スクロールボックス
---------------------------------------------*/
h2.ufinfo {
	width:170px;
	font-size:90%;
	background-color:#ba2636;
	color:#fff;
	font-weight:bold;
	margin:5px 0 0 0px;
	padding:5px;
	border-top:1px dotted #ba2636;
	border-right:1px dotted #ba2636;
	border-left:1px dotted #ba2636;
	border-bottom:1px dotted #ba2636;
	text-align:left;
}
div.infotxt {
	background-color:#fefbe9;
	margin:0px 0px 5px 0px;
	padding:5px;
	width:170px;
	height:260px;
	border-bottom:1px dotted #ba2636;
	border-right:1px dotted #ba2636;
	border-left:1px dotted #ba2636;
	border-top:none;
	overflow:auto;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
.infotxt p{
	font-size:80%;
	color:#300;
	line-height:140%;
	margin:3px;
	padding:0;
}
.nameicon{
	margin:0px;
	padding:3px 0 0 0 ;
	vertical-align: text-bottom;
	width: 28px;
	height: 14px;
}	
table.infotb td{
	vertical-align: top;
	border-bottom:1px solid #cc9;
	padding: 2px;
}
table.infotb tr{}

p.nameicon-exp {
	font-size: 80%;
	color: #300;
	margin:5px 2px 5px 2px;
	padding: 0px;
}

/* 左サイド　バナー
---------------------------------------------*/
#bnr-left {}
ul.bnr-left {
	list-style:none;
}
ul.bnr-left li{
	margin:8px 0 8px 0;
	padding:0 0 0 0;
	line-height:1.3;
	font-size:9px;
	text-align:center;
}
ul.bnr-left li img{
	margin:0;
	padding:0;
	border: 1px solid #ccc;
}
ul.bnr-left li a{}

/* 右サイドエリア #right
------------------------------------------------------------------------------------------*/
img.cart {
	margin:0 0 5px 5px;
}
/* 右サイド　バナー
---------------------------------------------*/
#bnr-right {}
ul.bnr-right {
	list-style:none;
}
ul.bnr-right li{
	margin:8px 0 8px 0;
	padding:0 0 0 0;
	line-height:1.3;
	font-size:9px;
	text-align:left;
}
ul.bnr-right li img{
	margin:0;
	padding:0;
	border: 1px solid #ccc;
}
ul.bnr-right li a{}

/* 右サイド ショップ情報リスト
--------------------------------------------- */
ul.shopinfo{
	list-style:none;
	margin:0px 0 10px 5px;
}
ul.shopinfo li{
	padding:6px 0 5px 20px;
	background:url(img/index/lm-arrow-gr.gif) center left no-repeat;
}
ul.shopinfo li a{}
ul.shopinfo li a:hover{}

h2.shopinfo {
	padding:9px 0 9px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background: url(img/index/bg-h2-r-shopinfo-yg.gif) center left no-repeat;
}

/* 右サイド　ショップ開店休店情報
---------------------------------------------*/
h2.shop-open {
	width:160px;
	font-size:90%;
	background-color:#ba2636;
	color:#fff;
	font-weight:bold;
	margin:5px 0 0 0px;
	padding:5px;
	border-top:1px dotted #ba2636;
	border-right:1px dotted #ba2636;
	border-left:1px dotted #ba2636;
	border-bottom:none;
	text-align:left;
}
div.shop-open {
	background-color:#fff;
	margin:0px 0px 15px 0px;
	padding:5px;
	width:160px;
	border-bottom:1px dotted #ba2636;
	border-right:1px dotted #ba2636;
	border-left:1px dotted #ba2636;
	border-top:none;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
.shop-open p{
	font-size:80%;
	line-height:140%;
	margin:3px;
	padding:0;
}

/* 右サイド　メール不着
---------------------------------------------*/
h2.mail-nodeli {
	width:160px;
	font-size:90%;
	background:url(img/index/bg-h2-shopitem-yg.gif) center center no-repeat;
	color:#fff;
	font-weight:bold;
	margin:5px 0 0 0px;
	padding:5px;
	border-top:1px dotted #006e54;
	border-right:1px dotted #006e54;
	border-left:1px dotted #006e54;
	border-bottom:1px dotted #006e54;
	text-align:left;
}
div.mail-nodeli {
	background-color:#fff;
	margin:0px 0px 0px 0px;
	padding:5px;
	width:160px;
	border-bottom:1px dotted #006e54;
	border-right:1px dotted #006e54;
	border-left:1px dotted #006e54;
	border-top:none;
	overflow:auto;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
.mail-nodeli p{
	font-size:80%;
	color:#300;
	line-height:140%;
	margin:3px;
	padding:0;
}

/* 両サイド　バナー
---------------------------------------------*/
/*
p.bnr-img {
	margin:0 0 0 0px;
	padding:0;
}
.bnr-img img {
	margin:0;
	padding:0;
	border: 1px solid #ccc;

}
p.bnr-img2 {
	margin:0 0 0 0px;
	padding:0;
}
.bnr-img2 img {
	margin:0;
	padding:0;
	border: 1px solid #efefef;

}
p.bnr-p {
	font-size:80%;
	color:#300;
	margin:3px 10px 10px 5px;
	padding:0;
	line-height: 130%;
}
p.bnr-p-left {
	font-size:80%;
	color:#300;
	margin:3px 0px 10px 5px;
	padding:0;
	line-height: 130%;
}
*/

/* パーツ・テキスト装飾
---------------------------------------------*/
.border1{
	background:url(img/index/bg-h2-shopitem-y.gif) lef top no-repeat;
	margin:10px 0 15px 0px;
	padding:0;
}
.em-red {
	color:#ba2636;
}
.em-pink {
	color:#FF33CC;
}

/* 基本のテーブル
--------------------------------------------- */
.tbl-basic {
	border-collapse: collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#ffffff 2px solid;
}
.tbl-basic td, .tbl-basic th{
	border:#ffffff 3px solid;
	padding:5px;
}
.tbl-basic th{
	background:#ededed;
}

/* ��{�̃e�[�u��
---------------------------------------------*/
/*
.tbl-general {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
.tbl-general td, .tbl-general th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-general th{
	background:#ededed;
}
*/
/* 透明のテーブル
---------------------------------------------*/
.tbl-trans {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:0px solid;
}
	.tbl-basic td, .tbl-basic th{
		border:#666666 1px solid;
		padding:3px;
	}
	.tbl-basic th{
		background:#ededed;
	}

.style1 {font-weight: bold}
.style2 {color: #CC3300}

/* トップのコメントエリア
---------------------------------------------*/
#topComment {
	height:auto;
	background: url(img/index/topComment/bg-body.gif) center bottom no-repeat;
	padding: 0;
	margin:0 0 10px 0;
}
	#topComment h2{
		margin:0 0 0 0px;
		padding:27px 0 20px 80px;
		font-size:14px;
		font-weight:bold;
		background: url(img/index/topComment/bg-h2.gif) center top no-repeat;
	}
	#topComment p{
		padding:0 20px 20px 20px;
		line-height:1.3;
	}

/* 緊急のお知らせ
---------------------------------------------*/
#top-caution {
	background:#ededed;
	margin:10px 0 10px 0;
	padding:10px;
	border:#F00 1px dashed;
}
#top-caution h3{
	color:#F00;
}
#top-caution p{
	font-size:13px;
	line-height:1.4;
}