/*
クエルドノメル用CSS
作成者：Kitagawa Seigo
kitagawa(at)fol.hi-ho.ne.jp
*/

/*
骨格
-------------------------------------*/
html{overflow-y:scroll;}

body{
	font-size:14px;
	font-family:helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,verdana,arial,sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:15px;
	color:#111;
	}
	
#wrap{
	width:720px;
	margin:1.5em auto 0;
	padding:0;
	border:1px solid #c8c8c8;
	}

#description{
	padding:0;
	font-size:10px;
	}

#header{
	text-align:left;
	padding:0px;
	float:left;
	width:100%;
	height:61px;
	background:url(images/bgHeader.gif) no-repeat 50% 0%;
	}

#content{
	clear:both;
	width:100%;
	float:left;
	text-align:left;
	}

#sidebar{
	width:140px;
	float:right;
	margin-right:25px;
	}

#main{
	width:100%;
	height:390px;
	overflow:hidden;
	float:left;
	text-align:left;
}


#privacy #main{
	height:auto;
	}

.yohaku{margin:10px;}


#footer{
	clear:both;
	text-align:right;
	width:720px;
	padding:3px 0 3px;
	margin:0 auto;
	font-family:"Tahoma", arial,sans-serif;
	font-size:10px;
	border-top:1px solid #c8c8c8;
	}


/*
背景
-------------------------------------*/
body#top #main{background:url(images/bgHome.gif) no-repeat top right #fff;}
body#sozai #main{background:url(images/DSCN0743.JPG) no-repeat 4% 82% #fff;}
body#dressing #main{background:url(images/lab_dressing_02.gif) no-repeat 5% 88% #fff;}
body#about #main{background:url(images/bgAbout.gif) no-repeat bottom left #fff;}
body#recipe #main{background:url(images/kodawari_04.jpg) no-repeat 5% 90% #fff;}
body#contact #main{background:url(images/kodawari_15.jpg) no-repeat 5% 90% #fff;}
body#shopinfo #main{background:url(images/bgSozai.gif) no-repeat bottom left #fff;}
body#link #main{background:url(images/index_yasai.jpg) no-repeat 1% 90% #fff;}


/*
initial
-------------------------------------*/

h1,h2,h3,h4,h5{margin:0;padding:0;color:#555;}

h3,h4{font-size:14px;margin:7px 0;}

ul,li{list-style:none;margin:0;padding:0;}

a{color:#444!important;text-decoration:none;}

a img{border:none;}

.clear{clear:both;}

.imglabel{
	margin:8px 0 8px;
	}

.red{color:#b00;font-weight:bold;}

div.Lv1{
	font-size:13px;
	line-height:20px;
	width:270px;
	margin:10px 10px 0px;
	float:left;
	background-color:white;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	color:#111;
	}

body#sozai div.Lv1{
	width:220px!important;
	}

div.right{
	width:400px;
	height:300px;
	overflow:auto;
	float:right;
	line-height:16px;
	font-size:12px;
	border:1px solid #ccc;
	}

div.right div{
	margin:3px;
	padding: 5px 10px 5px;
	border-bottom:1px dashed #aaa;
	}

div.right div.last{border:none!important;}

div.right h2{
	font-size:14px;
	margin-left:0!important;
	}

br{line-height:0.7em;}

select {
    border: solid 1px #ccc;
}

:focus{
	outline-width: medium;
	outline-style: none;
	outline-color: -moz-use-text-color;
}


/*
ナビゲーション
-------------------------------------*/
#tnav,#fnav{
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,verdana,arial,sans-serif;
	}

#tnav{
	float:left;
	width:100%;
	border-bottom:1px solid #ddd;
	margin-bottom:3px;
	}

#tnav ul{
	float:left;
	padding-left:28px;
	}
	

#tnav li{
	float:left;
	margin-right:9px;
	letter-spacing:2px;
	}

#tnav li a{
	color:white!important;
	background-color:#999;
	padding:3px 10px;
	display:block;
	}

#tnav li a:hover,
body#top #tnav li.top a,
body#dressing #tnav li.dressing a,
body#item #tnav li.dressing a,
body#sozai #tnav li.sozai a,
body#about #tnav li.about a,
body#recipe #tnav li.recipe a,
body#qanda #tnav li.qanda a,
body#contact #tnav li.contact a,
body#itemlist #tnav li.mailorder a
{background-color:orange;}

body#shopinfo li.fnavShopinfo a,
body#privacy li.fnavPrivacy a,
body#qanda li.fnavQanda a,
body#souryou li.fnavQanda a,
body#tokushou li.fnavTokushou a,
body#link li.fnavLink a{
	background-color:#edf8b0;
	top:-0.6em;
	}

#fnav li a:hover{background-color:#edf8b0;}

#fnav{
	float:right;
	font-size:10px;
	}

#fnav li{
	float:left;
	margin-right:6px;
	letter-spacing:2px;
	border-left:1px solid #aaa;
	padding-left:6px;
	}

#fnav li a{
	padding:5px 5px;
	position:relative;
	}


/*
詳細
-------------------------------------*/
#header #navigation{
	margin-top:64px;
	margin-left:270px;
	}

#navigation a{

	}

div.pickupitem{
	background:url(images/bgPickupitem.gif) no-repeat top left;
	margin-left:5px;
	margin-top:8px;
	float:left;
	width:90%;
	padding:45px 25px 40px 7px;
	}

div.pickupitem div.item{
	float:left;
	text-align:center;
	width:150px;
	height:110px;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
	border:2px solid #ddd;
	}

div.pickupitem div.item img{
	width:130px;
	}

div.pickupitem div.item span{
	position:relative;
	top:70px;
	padding:3px;
	letter-spacing:1px;
	background-color:white;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

div.item01{background:url(images/photo_item01.jpg) no-repeat 0% 0%;}
div.item02{background:url(images/photo_item02.jpg) no-repeat 0% 0%;}
div.item03{background:url(images/photo_item05.jpg) no-repeat 0% 0%;}


/*
新着更新情報
-------------------------------------*/
#headline{
	width:240px;
	height:110px;
	overflow:hidden;
	clear:both;
	float:left;
	background-color:#fffff2;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	padding:5px 10px 20px;
	border:1px solid #c79e70;
	margin:0px 0 0 20px;
	}



div.gf-snippet,
div.gf-author,
div.gf-spacer,
div.gfc-resultsHeader,
div.gf-relativePublishedDate{display:none!important;}

div.gf-result{
	margin:0 8px;
	padding-top:4px;
	border-bottom:1px solid #7fd394;
	display:block;
	}

div.gf-result a{
	color:#009442;
	font-weight:bold;
	}

div#feedControl{
	}

div.gfc-resultsRoot{

	}

.loading {width: 100%;}



/*
記事ブロック
-------------------------------------*/

div.brick{
	clear:both;
	float:left;
	width:520px;
	padding:10px 0;
	line-height:17px;
	}

div.brick h4{
	color:#006837;
	border-bottom:1px solid #006837;
	padding-bottom:5px;
	letter-spacing:1px;
	font-size:15px;
	margin:8px 0;
	}

div.brick div{
	float:left;
	width:70%;
	}

div.brick div p{
	margin:0 0 10px 5px;
	}

div.brick img{
	float:right;
	margin-top:20px;
	}

/*
フッター
-------------------------------------*/
div#footer div#fnavi{
	margin-right:12px;
	font-size:10px;
	}

div#footer div#fnavi a{
	padding:3px 5px;
	}

div#footer div#copyright{margin-top:27px;}



/*
トップページ
-------------------------------------*/
div#itemlink{
	margin-top:15px;
	margin-left:8px;
	}

div#itemlink a{
	margin:4px;
	display:block;
	width:87px;
	height:100px;
	float:left;
	border:1px solid #009344;
	}

div#itemlink a:hover{
	border-color:orange;
	}

body#top div.Lv1{width:300px;}


body#top div.Lv1 p{
	margin-top:0px;
	margin-left:12px;
	}

body#top .right{
	border:none;
	height:100px;
	margin-top:73px;
	overflow:hidden;
	}

a.ouenLink{
	float:right;
	width:154px;
	position:relative;
	left:-34px;
	}

a.ouenLink:hover,a.ouenLink:active{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	}

.ouenLink img{border:none!important;}

span.topCaption{
	clear:both;
	display:block;
	width:100%;
	padding:5px 20px 0 35px;
	margin:5px 0 0;
	color:#f00;
	}

/*
ショーケース
-------------------------------------*/

div.showcase{
	margin:15px 0 0 10px;
	}

body#dressing p.price{
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#ffff77;
	}


/*
素材ページ
-------------------------------------*/

body#sozai table#sozaitable{
	margin:5px;
	width:450px;
	float:right;
	border:1px solid #ccc;
	}
body#sozai table#sozaitable td{
	vertical-align:top;
	background-color:#f6f6f6;
	padding:5px 15px;
	text-align:left;
	}

body#sozai table#sozaitable td.midashi{
	color:#393;
	background-color:#edf8b0;
	font-weight:bold;
	width:100px;
	}

/*
クエルについて
-------------------------------------*/
body#about div.Lv1{
	width:300px;
	}


body#about div.shopProfile{
	margin:10px;
	line-height:17px;
	}

body#about div.shopProfile h3{color:#b00;}

/*
Ｑ＆Ａ
-------------------------------------*/
ul.qanda li{
1	list-style-type:square;
	margin-left:15px;
	background:url(images/ico_question2.png) 0% 50% no-repeat;
	padding-left:20px;
	line-height:25px;
	}

ul.qanda li a{text-decoration:underline;}

body#qanda div.right div p{
	margin-left:10px;
	text-indent:-7px;
	}


/*
商品詳細ページ
-------------------------------------*/

body#item .Lv1{
	text-align:center;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}

body#item .Lv1 img{
	margin-top:30px;
	}

body#item .right{
	border:0;
	}

body#item .right div{
	border:none;
	}

body#item .right h2{
	background:url(images/ico_info.png) 0% 50% no-repeat;
	padding-left:25px;
	}

body#item .right div.shoppingcart a{
	margin-left:20px;
	padding:4px 4px 4px 25px;
	background:url(images/ico_cart.gif) 0% 40% no-repeat;
	font-size:9px;
	
	}

body#item .right div,
body#item .right div.shoppingcart,
body#item .right div.showanotheritem{
	margin-top:0px;
	margin-bottom:4px;
	padding-top:0;
	}

body#item div.showanotheritem{clear:both;}

body#item div.showanotheritem a{
	float:right;
	width:115px;
	font-size:10px;
	background:url(images/arrow_medium_upper_left.png) 3% 50% no-repeat;
	margin:0px 30px 0 0;
	background-color:#f4f4f4;
	border:3px solid #eee;
	padding:3px 3px 3px 22px;
	}

body#item div.showanotheritem a:hover{
	border:3px solid #ddd;
	}

/*
特商法ページ
-------------------------------------*/

body#tokushou table{
	margin:5px auto;
	border:1px solid #ccc;
	}

body#tokushou table td{
	background-color:#f6f6f6;
	padding:5px 15px;
	text-align:left;
	}

body#tokushou table td.midashi{
	background-color:#edf8b0;
	font-weight:bold;
	}

/*
プライバシーページ
-------------------------------------*/

div#fullSpan{
	padding:10px 10px 20px;
	width:500px;
	height:300px;
	margin:10px 0px 0 80px;
	overflow:auto;
	border:1px solid #ddd;
	background-color:#ffffdd;
	}

div#fullSpan2{
	padding:10px 10px 20px;
	width:500px;
	margin:10px 0px 0 80px;
	overflow:auto;
	border:1px solid #ddd;
	background-color:#ffffdd;
	}

div#fullSpan2 div,
div#fullSpan div{
	margin:18px;
	text-indent:-12px;
	}

div#fullSpan h2,
div#fullSpan2 h2{
	font-size:14px;
	border-bottom:1px solid #0b0;
	margin-left:0!important;
	padding-bottom:3px;
	}

div#fullSpan ul,
div#fullSpan li,
div#fullSpan2 ul,
div#fullSpan2 li{list-style-type:disc;}

div#fullSpan li,div#fullSpan2 li{padding-left:8px;line-height:17px;}

/*
店舗情報ページ
-------------------------------------*/

body#shopinfo div.right{border:none;}

body#shopinfo div.right div{
	border:none;
	}

body#shopinfo div.right div a{
	color:#b00;
	text-decoration:underline;
	}

body#shopinfo div.right div.note{
	font-size:11px;
	}

body#shopinfo div.right div.note ul{
	margin-bottom:10px;
	}

body#shopinfo div.right div.note li{
	text-indent:-6px;
	margin-left:20px;
	}

body#shopinfo div.right div.note span{
	margin-left:20px;
	}


/*
リンク
-------------------------------------*/
ul.linkCat li{
1	list-style-type:square;
	margin-left:15px;
	background:url(images/marker_rounded_red.png) 0% 50% no-repeat;
	padding-left:20px;
	line-height:25px;
	}

ul.linkCat li a{text-decoration:underline;}

body#link div.right h3{
	position:relative;
	left:-10px;
	border-bottom:1px solid #0b0;
	}

body#link div.right div{border:none;}

body#link div.right div p{
	margin-left:10px;
	text-indent:-7px;
	}

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

body#contact div.right{
	height:320px;
	overflow:hidden;
	}


/*
送料
-------------------------------------*/
body#souryou table#shippingTable{
	margin-top:10px;
	margin-left:30px;
	border-collapse:collapse;
	border:1px solid #aaa;
	background-color:white;
	}

body#souryou table#shippingTable td.midashi{
	
	}

body#souryou table#shippingTable td.fee{
	text-align:right;
	padding-left:30px;
	}

/*
ショッピングカート・カスタマイズ
-------------------------------------*/
body#itemlist #main{
	height:auto;
	overflow:auto;
	}

body#itemlist div.btn_set{
	padding-bottom:15px;
	}


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

body#recipe div#main{height:auto!important;}

body#recipe div.Lv1{width:220px;}

body#recipe div.Lv1 a{
	background:url(images/ico_recipe_bullet.gif) no-repeat 0% 50%;
	padding:2px 3px 2px 15px;
	border-bottom:1px dashed #fff;
	color:#000;
	}

body#recipe div.Lv1 a:hover{
	border-bottom:1px dashed #33aaa5;
	}

body#recipe div.right{
	overflow:hidden;
	border:none;
	width:450px;
	height:auto;
	padding-bottom:30px;
	}

body#recipe .recipeBox{
	height:auto;
	}

body#recipe .recipeBox h2{
	margin-bottom:17px;
	padding-bottom:2px;
	border-bottom:2px dashed #1ba258;
	color:#8a0a07;
	}

body#recipe .recipeBox h3{
	clear:both;
	color:#8a0a07;
	margin:4px 0 0 0;
	padding:0;
	line-height:14px;
	}

body#recipe .recipeBox h4{
	font-size:13px;
	color:#777;
	margin:0;
	padding:0;
	}

body#recipe .recipeBox img.mainPic{
	width:120px;
	float:left;
	margin:0 20px 5px 0;
	}

body#recipe .recipeBox table{
	width:65%;
	float:right;
	}

body#recipe .recipeBox td{
	padding:0 8px 0 0;
	vertical-align:top;
	}

body#recipe div.step1,body#recipe div.step2,body#recipe div.step3{padding:4px 0 8px 25px;}
body#recipe div.step1{background:url(images/ico_num1.gif) no-repeat top left;}
body#recipe div.step2{background:url(images/ico_num2.gif) no-repeat top left;}
body#recipe div.step3{background:url(images/ico_num3.gif) no-repeat top left;}

body#recipe div.num1,body#recipe div.num2,body#recipe div.num3{
	height:25px;
	width:25px;
	display:inline;
	border:none;
	}
body#recipe div.num1{background:url(images/ico_num1.gif) no-repeat 50% 50%;}
body#recipe div.num2{background:url(images/ico_num2.gif) no-repeat 50% 50%;}
body#recipe div.num3{background:url(images/ico_num3.gif) no-repeat 50% 50%;}

body#recipe div.advice{
	margin:0 0 0 30px;
	padding:0;
	border:none;
	}

body#recipe  .recipeBox li{
	text-indent:-1.1em;
	}

body#recipe .imglabel{margin-bottom:17px;}

body#recipe .yohaku{
	float:left;
	margin:0px 0px 20px 14px;
	}


body#recipe .square{
	width:150px;
	height:155px;
	float:left;
	text-align:center;
	padding:8px;
	}

body#recipe .square a{
	width:150px;
	height:155px;
	display:block;
	padding:15px;
	}

body#recipe .square a:hover{
	opacity:0.9;
	}

body#recipe .square a img{
	height:120px;
	}

body#recipe .square .pic{
	height:120px;
	overflow:hidden;
	}

body#recipe .square h4{
	font-size:12px;
	font-weight:normal;
	margin-top:8px;
	}

.iconArea{
	font-size:10px;
	float:none!important;
	width:auto!important;
	}

.iconArea td{
	text-align:center;
	}

.iconArea td img{
	border:1px solid orange;
	}


/*
ブログ制御
-------------------------------------*/

.blogLead{
	text-align:center;
	font-size:14px;
	color:#777;
	border:2px dotted #ffa500;
	padding:8px 12px;
	margin:0 0 12px;
	}

/*
通信販売ページ
-------------------------------------*/

#caution03{
	margin-left: 30px;
	padding:8px 0px 8px 60px;
	background: url(images/icoMemo03.gif) no-repeat 1% 50%;
	}