@charset "utf-8";
/*
Theme Name: ここく webshop テーマ
Theme URI: http://cococu.jp/
Description: The original cococu theme.
Version: 1.0
Author: Junichi Kato
Tags: USC, e-Shop, Welcart, cart, shopping, net shop, commerce
*/

/* -------------------------------------------------------------------------- clearfix */

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-table;  min-height: 1px;}
* html .clearfix { height: 1px; }
.clearfix { display: block; }
.clear { clear: both; }
a:hover{ text-decoration:none; }


/* -------------------------------------------------------------------------- Font */

.dejima { font-family: "Toppan Bunkyu Mincho R";  color:#0e0e0e; }

@font-face { font-family: "dinFont"; src: url("/woff/din.woff") format('woff'); }
.din { font-family: "dinFont", sans-serif; }

@font-face { font-family: "Dorsa"; src: url("/woff/dorsa.woff") format('woff'); }
.dorsa { font-family: 'Dorsa', sans-serif; }

.vtitle{ font-family: "Toppan Bunkyu Mincho R", 'ＭＳ Ｐ明朝', MS PMincho,'ヒラギノ明朝 Pro W3', Hiragino Mincho Pro, serif, Osaka-mono, monospace; color:#0e0e0e; padding:20px 0;}
.vtitle p{
	padding:2px;
	width:100%;
	text-align: center;
}
/* -------------------------------------------------------------------------- Basic */

* {  padding:0px; margin:0px; }
body { background-color: #fff; color:#000;
font-family:"Toppan Bunkyu Mincho R", 'ＭＳ Ｐ明朝', MS PMincho,'ヒラギノ明朝 Pro W3', Hiragino Mincho Pro, serif;
font-size:15px;
letter-spacing:2px; line-height:22px; }
img { border:0px; }
a { color:#000; text-decoration:none; }
a:hover{ color:#000; text-decoration:underline; }
strong{ font-weight:bold; color:#c00;}

#container { max-width:1000px; width:100%; margin:0 auto; }


.clearbr { clear:both; height:0; }
.clearhr { margin-bottom:100px; visibility:hidden; }

.index-photo{ margin:0 1% 1% 0; float:left; }
.index-photo img{ width:48%; height:48%; }

.bodytext{ display:none; }

.content-body p{ margin-top:20px; }

img.popup-img{ width:100%; height:auto; margin:0 auto; padding:20px 0; }

img.fleximg{ width:100%; height:auto; }

/* -------------------------------------------------------------------------- UI */

#icon-loader{ position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-8px; }

#snipet{ color:#fff; font-size:10px; background-color:#000; position:absolute;z-index:99; border-radius: 4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; visibility:hidden;  }
#snipet-root{ position:absolute; top:-15px; z-index:1000; left:50%; margin-left:-8px; }
#snipet-txt{ padding:5px 10px; }


.pagination { clear:both; padding:20px 0; position:relative; font-size:24px; line-height:24px; font-family:'Dorsa', sans-serif; }
.pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 15px 5px 15px; text-decoration:none; width:auto; color:#fff; background: #ccc; }
.pagination span{ display:block; float:left; margin: 2px 2px 2px 0; padding:6px 15px 5px 15px; font-family:'Dorsa', sans-serif; color:#ccc; }
.pagination a:hover{ color:#fff; background: #333;}
.pagination .current{ padding:6px 9px 5px 9px; background: #900; color:#fff;}

/* -------------------------------------------------------------------------- Header */


#header{ width:100%; height:280px; margin-top:40px; position:relative; }
#logo-cococu{ float:left; }

#adminmenu{ margin-top:5px; margin-right:2%; height:20px; float:right; }

#menu-pages{  }
.btn-page{ margin-left:20px; margin-top:2px; line-height:16px; float:left; }
.btn-page a{ color:#998675; font-size:10px; }
.btn-page a:hover{ color:#900; text-decoration:none;}
.btn-page-roverimg{ height:20px;overflow:hidden; }
.btn-page-roverimg img:hover{ margin-top:-20px; }

#menu-shop{ }
.btn-shop{ float:left; margin-left:20px; }
.btn-shop img{ margin-top:3px; float:left; }
.btn-shop span{ margin-top:2px; margin-left:5px; font-size:10px; color:#998675; font-family: "dinFont"; float:left; }
.btn-shop span:hover{ color:#900; text-decoration:none;}


#menu-category{ float:right;margin-right:20px; }
#menu-category li, #menu-category div{ float:left; margin-top:5px; margin-left:25px; letter-spacing:3px; list-style:none; font-size:16px; height:20px; overflow:hidden; font-family:"Toppan Bunkyu Mincho R", 'ＭＳ Ｐ明朝', MS PMincho,'ヒラギノ明朝 Pro W3', Hiragino Mincho Pro, serif; color:#7a6a56;}
#menu-category li:hover{ color:#c00;}
/*#menu-category li img:hover{ margin-top:-20px; }
#menu-category li:hover{ color:#900; text-shadow: 0px 0px 1px #900; }*/


img.icon-logout, img.icon-member, img,icon-login{ cursor:pointer; }
#icon-close{ position:absolute; z-index:101; top:27px; left:100%; margin-left:-22px; opacity:0.5; visibility:hidden; }
#icon-close:hover{ opacity:1; }
#iwin{ clear:both; position:relative; }
#iwin div#icon-baloonroot{ width:16px; height:16px; position:absolute; z-index:101; top:5px; left:100%; margin-left:-60px;}
#iwin #iframe-container{ width:200px; height:200px; position:absolute; top:20px; left:100%; margin-left:-200px; border:thin solid #ccc; z-index:100; background-color:#eeeff0; display:none;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow:hidden;  }
#iwin iframe{ width:200px; height:200px; border:none;}

#homeconcept{ position:absolute; top:60px; left:50%; margin-left:-270px; z-index:1; opacity:0;}
#category-description{ position:absolute; top:224px; margin-top:-20px; width:98%; text-align:right; font-size:14px; }

/* -------------------------------------------------------------------------- Navigation */

#nav-container{ width:100%; height:65px;  }

/* -------------------------------------------------------------------------- Facebook */

#fb-title{ font-size:20px; padding:50px 0; text-align:left; margin-top:-20px; background:url(../../../images/facebook-header-bg.png) right no-repeat; }
#fb-container{ width:740px;margin-left:40px; }


/* -------------------------------------------------------------------------- Main */


/* Concept Navigation */
#concept-nav{ clear:both; padding-top:30px;}
	#concept-nav div{ float:left; width:390px; margin-left:10px; height:100px; }
	#concept-nav div p{ padding:20px 0 20px 0; background-color:#eeeff0; text-align:center; font-size:18px; text-decoration:none; }
	#concept-nav div p:hover{ background-color:#333; text-align:center; color:#fff; text-decoration:none; }
	#cnav-l{ background:#eeeff0 no-repeat left url(/images/concept-nav-bg-l.gif); }
	#cnav-r{ background:#eeeff0 no-repeat right url(/images/concept-nav-bg-r.gif); }

/* PhotoTile */

#photo-container{ min-height:400px; }
.photo-wrap{ display:none;  }

.phototileL{ max-width:485px; width:100%; height:auto; position:relative; overflow:hidden; }
.phototileL img{  max-width:485px; width:100%; height:auto; vertical-align: bottom;}
.phototileL p{ max-width:485px; width:100%; top:465px; left:0px; }

.phototileM{ max-width:240px; width:100%; height:auto; position:relative;overflow: hidden;  }
.phototileM img{ max-width:240px; width:100%; height:auto; vertical-align: bottom; }
.phototileM p{ max-width:230px; width:100%; top:220px; left:0px; }

.phototileL span, .phototileM span{ 
z-index:10; position:absolute; color:#000; background-color:#fff; font-size:14px; top:0px; left:0px; padding:2px 0 0 2px;  line-height:10px; letter-spacing:6px; }

.phototileL div.vtitle, .phototileM div.vtitle{ 
	z-index:11;
	width:1em;
	position:absolute;
	background-color:#fff;
	right:-3em;
	top:-1px;
	font-size:12px;
	opacity:.2;
	line-height:1.5em;
	padding: 2em 0.8em;
}

.phototileL div.vtitle a:hover, .phototileM div.vtitle a:hover{ color:#900; text-decoration:none; }

.aspect1-1{}
.aspect1-1:before{
	content: '';
	padding-top:100%;
	display: block;
	overflow:hidden;
}
.aspect1-half{}
.aspect1-half:before{
	content: '';
	padding-top:50%;
	display: block;
	overflow:hidden;
}
.aspect50-50{
	width:50%;
}
.aspect50-50:before{
	content: '';
	padding-top:100%;
	display: block;
	overflow:hidden;
}
.aspect1-1 img, .aspect1-half img, .aspect50-50 img{
	position: absolute;
	top:0; left:0;
}
.aspect1-1 img, .aspect1-half img, .aspect50-50 img{
	vertical-align: bottom;
	-webkit-transition:all 1.25s ease-out;
    transition:all 1.25s ease-out;
}
.aspect1-1 img:hover, .aspect1-half img:hover, .aspect50-50 img:hover{
	opacity: 1;
	transform: scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
}

div.photoline{
	position:relative;
	margin-bottom:0.5%;
	width:98.75%;
	margin-left: 0.6%;
}
div.photoblock{
	position:relative;
	float:left;
	width:48.5%;
	margin-right:0.5%;
}
div.photosquare{
	position:relative;
	float:left;
	width:49.48%;
}
div.photosquare:nth-child(1),div.photosquare:nth-child(3){
	margin-right: 1%;
}
div.photosquare:nth-child(1),div.photosquare:nth-child(2){
	margin-bottom: 1%;
}

@media screen and (max-width: 800px) {
	.phototileL div.vtitle, .phototileM div.vtitle{ 
		font-size:10px;
	}
	div.photoline{
		
	}
	div.photoblock{
		float:none;
		width:100%;
		margin-bottom: 0.5%;
	}
}

/* load more */
#more_disp{ height:60px; border:solid dotted #ccc; text-align:center; margin-top:20px; }
#more_disp img{ margin-top:15px; }
#more_disp div{ width:97%; height:50px;  background:#eee url(/images/icon_more.gif) no-repeat center; cursor:pointer; }
#more_disp div:hover{ background-color:#ccc; }
#more_end{ height:60px; border:solid dotted #ccc; text-align:center; margin-top:20px; width:97%;  }

/* 本文の装飾 common */

.padding-box{ padding:50px; }
#page-body h1, #page-body h2, #page-body h3{ margin-bottom:30px; }

#single-body p, #iframe-body p, #page-body p{ margin-bottom:20px; }
#single-body li, #iframe-body li, #product-contents li, #page-body li{ list-style:none; }
#page-body p.caption{ font-size:12px; font-size: 14px; text-align: left; line-height: 1.7em; width: 100%; margin-top:-20px; color:#555; }

.title_in_body{ font-size:20px; line-height:35px; border-bottom:thin solid #ccc;padding-top:20px; margin-bottom:20px; font-family: "dejimaFont";  text-shadow: 0px 0px 1px #0e0e0e;  color:#0e0e0e; }

.inlink{ color:#069; background-color:#FFC; padding:0 5px; }
.outlink { background-color:#FFC; letter-spacing:0px; font-size:12px; }
.outlink-body a { text-decoration:underline; background-color:#FFC; }
.outlink-url { background-color:#FFC; font-family: "dinFont", sans-serif; font-size:10px; line-height:14px; margin-top:10px; }
#page-body span.outlink{ font-size:16px!important;}

ul.notice{ font-size:12px;font-family:san-serif;}
ul.notice li{ line-height:22px; margin-top:15px; background:url(/images/li-head.gif) no-repeat left 4px; padding-left:16px; }

/* ページタイトル */
#page-title{ font-size:26px; font-family:"dejimaFont"; text-align:center; text-shadow: 0px 0px 1px #0e0e0e;  color:#0e0e0e; padding:30px 0; }

/* ページ本文 */
#page-body{ font-size:18px; font-family:"Toppan Bunkyu Mincho R"; line-height:34px; width:800px; margin:0 auto 50px auto; }

/*　特別仕様　*/
.largefont{ font-size:20px;line-height:50px; letter-spacing:1px; font-family: "dejimaFont";  text-shadow: 0px 0px 1px #c7c0c0;  color:#c7c0c0;  }

/* 商品紹介 */
#product-contents{ width:480px; float:right; font-size:16px; line-height:30px; position:relative; }
#product-days-title{ border-bottom:thin solid #ccc; height:30px; margin-bottom:40px; }
#product-other-title{ border-bottom:thin solid #ccc; height:30px; margin-bottom:40px; padding-top:50px; }
#product-body{ padding:50px; font-size:14px; line-height:24px; }
	#product-body ul{ padding:20px 0; margin-bottom:20px; }
	#product-body ul li{ font-size:14px; }
	#product-body p{ margin-bottom:18px; }
	.pbody-title{ font-weight:bold; margin-top:30px; font-family: "Toppan Bunkyu Mincho R", serif; font-size:16px; }
.short-column{ width:340px; padding:20px; font-size:12px; line-height:20px; background-color:#eeeff0;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px; 
	 }
div.caution{
	color:#c00;border:thin dotted #c00;padding:20px;margin-bottom:20px;
}

/* 商品一覧用  */
.item-body{ width:480px; line-height:25px; font-size:14px; }
.item-body p{ margin:1em 0;}
.item-body .more-link{ display:none; }
.item-lead{  }
.loopimg{ display:none;}
#itempage .item-lead{ width:420px; margin-left:490px; padding:0; margin-top:50px; }
#itempage .item-lead p{ margin:1em 0; }
.rndplace{ position:absolute; display:none; }

/* 品々トップのREAD ME */
#readme-container{ margin:30px 0; }
.readme-box{ width:300px; float:left; margin-right:25px; }
.readme-box h3, .readme-box h4{ margin:30px 0 0 10px; font-size:12px; }
.readme-box p, .readme-box li{ margin:20px 0 0 10px; font-size:10px; line-height:17px; }
.readme-box li{ margin-top:10px; margin-left:20px; }
.readme-box p img{ margin-bottom:10px; }

/* SINGLE-PERMA */
#container-single{ width:100%; }
#single-mainimg{ width:98%; margin:0 auto; position:relative; background-color:#eeeff0; }
#single-date{ width:98%; margin:0 auto; text-align:right; margin-top:10px; font-size:20px; }
#single-bottom{   }

#single-left{ float:left; width:24%; text-align:center; margin-left:1%; }
#single-vtitle-box{ margin:50px 0;  border-left:thin solid #ccc; }
#single-left .vtitle{ font-size:30px; line-height:33px; }
	
#single-center{ float:left; position:relative; width:50%;  }

#single-right{ float:right; position:relative; width:15%; padding-top:50px;  }

#single-title{ font-size:22px; margin-top:60px; margin-left:40px; }
#single-body{ font-size:16px; line-height:30px; margin-top:50px; width:480px; padding:0 40px; border-left:thin dotted #ccc; border-right:thin dotted #ccc;  }
#single-body a{ color:#006699;  }

			
@media screen and (max-device-width:480px) {
		body { width:1000px; }
		#container { width:980px; padding:10px; }
			
		#single-title{ font-size:50px; width:100%; text-align:center; margin-bottom:5%; margin-left:0; }
		#single-body{ font-size:40px; line-height:70px; width:80%; text-align:left; margin:0 auto; }
		#single-body a{ color:#006699;  }
}

/* SINGLE-IFRAME */
#container-single-iframe{ width:100%; background-color:#eeeff0; }
#iframe-mainimg{ position:fixed; margin:0; background-color:#000; display:none; }
#iframe-right{ position:fixed; left:100%; width:400px; margin-left:-400px; z-index:900; overflow:auto; }
#iframe-title{ font-size:22px; margin-top:60px; margin-left:40px; }
#iframe-title a:hover{ color:#900; text-shadow: 0px 0px 1px #900; text-decoration:none; }
#iframe-body{ font-size:15px; line-height:28px; color:#555; font-weight:normal; margin-top:60px; margin-left:40px; width:320px;  }
#iframe-body a{ color:#006699;  }
#iframe-product-list{ margin-left:40px; }

/* ALBUM IMAGE UI */
#albumimg_box{ margin:40px 0 0 40px; width:320px; }
#albumimg_box-perma{ margin:10px; width:98%; position:absolute; z-index:1; top:980px; margin-top:-80px; left:20px;;  }
#albumimg_box-perma img{ border:thin solid #fff; }
.albumimg_thumb{ opacity:0.5; }
.albumimg_thumb:hover{ opacity:1; }
.albumimg_thumb, .albumimg_active{ width:50px; height:50px; margin:0 10px 10px 0; float:left; }
.albumimg_active{ opacity:1; }

/* SNS */

div.sns-box{font-size:10px; letter-spacing:2px; margin-top:40px; margin-left:40px; height:40px; clear: both; text-align: right;}

/* Pagenation Interface */

#prev-next{ width:98%;  height:30px; margin:80px 0 0 1%;  }
#prev-next-L{ float:left; background:#eeeff0 url(/images/prev-next-bg-left.gif) no-repeat; padding-left:20px;  }
#prev-next-R{ float:right; background:#eeeff0 url(/images/prev-next-bg-right.gif) no-repeat right; text-align:right; padding-right:20px; }
#prev-next-L,
#prev-next-R
{color:#333; height:30px; width:47.5%; overflow:hidden;}

	#prevdate, #nextdate{ line-height:0px; font-size:20px; opacity:0.5; margin:0 5px; }
	#prevlink, #nextlink{ line-height:26px; font-family:"Toppan Bunkyu Mincho R"; text-shadow: 0px 0px 1px #999;  font-size:20px; letter-spacing:1px; }
#prev-next-L:hover,
#prev-next-R:hover
{ text-decoration:none; color:#fff; background-color:#999; }

#i-prevlink, #i-nextlink{ line-height:26px; font-family:"Toppan Bunkyu Mincho R"; font-size:10px; letter-spacing:1px; }/* IFRAME */
	

		
/* ------------------------------------------------------------------------------ Share */



/* ------------------------------------------------------------------------------ Item Single */		

.item-photo{ width:480px; position:relative; float:left; }
	.item-mainimg{ margin-bottom:40px; }
.itemsubimg{ margin-top:3px; }
.itemsubimg img{}
.itemsub-caption{ margin:10px 0 30px 0; font-size:12px; letter-spaceing:1px; color:#666;line-height:20px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0; } 

/* 商品タイトル */
#item-title{ font-size:28px; text-align:center; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:380px; margin-left:50px; }

/* おはなしレシピ */
#ohanashi-recipe{ margin-top:30px; padding:70px 10px 20px 10px; background:url(../../../images/ohanashi-recipe.gif) no-repeat; }
#ohanashi-recipe p{ border-radius:5px; border:thin dashed #ccc; padding:29px; }
#ohanashi-recipe a{ background-color:#FF0; padding:0 3px 0 3px; text-decoration:underline; }
#ohanashi-recipe a:hover{ background-color:#FFC; text-decoration:none; }

/* Spec （記事内で使用）*/
p.pbody-title{border-bottom: dotted thin #ccc;}
.item-spec{ font-size:18px; margin-top:30px; }
.item-spec ul li{ background:url(/images/li-head.gif) no-repeat left 8px; padding-left:16px; margin-top:10px; line-height:28px; }

/* お召し上がり方 */
.item-howto{ margin-top:50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #ccc; background-color:#F8F5F3; padding:25px 20px 20px 20px; }
.item-howto-title{ text-align:center; font-size:18px; font-family: "dejimaFont";  text-shadow: 0px 0px 1px #0e0e0e;  color:#0e0e0e; }
.item-howto p{ margin-top:20px;font-size:14px;line-height:24px; }
.item-howto-img{ margin-top:10px; text-align:center; }

.orderbox{ padding:50px; font-size:16px; background-color:#FFD; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* Price */
.item-field { margin-top:20px; }
	.field-line{  border-bottom:thin dotted #CCC; }
		.field_name{ float:left; }
		.field_cprice{ float:right; }
		.field_price{ float:right; }
		
/* Form */
.skuquantity{ padding:10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #ccc; }
.skubutton{ padding:8px 10px; -webkit-appearance: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #fff; background-color:#c9bc9c; cursor: pointer; color:#fff;}
.iopt_select, .iopt_text, .iopt_textarea{ padding:10px; }

/* Related */
#relate-container{ }
#relate-title{ font-size:18px; text-align:center; margin-bottom:70px; }

/* ------------------------------------------------------------------------------ Footer */		
#footer-container{ position:relative; width:98%; clear:both; padding-top:50px; }

#menu-page{ position:absolute; top:100%; left:50%; margin-top:-30px; width:490px; height:30px; text-align:right; font-size:12px; list-style:none;
 font-family: "dejimaFont";  text-shadow: 0px 0px 1px #999;  color:#999; }
#menu-page p{ float:right; margin-left:15px; letter-spacing:1px; }
#menu-page p a:hover{ color:#900; text-shadow: 0px 0px 1px #900; text-decoration:none; }
#footer-copyright{ font-size:12px; font-size:12px; letter-spacing:2px; }



/* ------------------------------------------------------------------------------ Omoi */		

#omoi-container img{ position:absolute; }
		#omoi-serifs img{ position:absolute; }

/* ------------------------------------------------------------------------------ Washoku */

#washoku-container{ width:100%; position:relative; margin-top:-200px; }
#washoku-container p{ width:100%; text-align:right; margin-top:50px; }

/* ------------------------------------------------------------------------------ ShopList */

h3.shoppref{ margin-bottom:50px !important; color:#808080; border-bottom: thin solid #efefef }
div.shopinfo{ margin-bottom:50px; font-size:14px; }
div.shopinfo h1{ font-size:30px; margin:0 0 15px 0 !important;}
div.shopinfo p{ margin:0;}

/* ------------------------------------------------------------------------------ UCART CUSOMIZE */

/* SKU */
span.skucode{ font-size:10px; }


/* Cart page */
div.usccart_navi{
	border:thin solid #eeeff0;
}
li.ucart{ background-color:#eeeff0!important; color:#222!important; }
li.usccart_cart, li.usccart_customer, li.usccart_delivery, li.usccart_confirm{ background-image:none !important;background-color:#555 !important; color:#fff!important; }
.continue_shopping_button, .to_customerinfo_button, .cntupButton, .delButton, .send input, .use_point_button{ padding:8px 10px; -webkit-appearance: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #fff; background-color:#c9bc9c; cursor: pointer; color:#fff; }
.currency_code{ font-size:10px; }
.upbutton{ font-size:12px!important; margin-bottom:10px;}
#cart th{ background-color:#555 !important; font-weight:normal; }
#cart_table{ border:thin solid #ccc!important; border-spacing:0;}
#cart .num{ font-family: "dinFont"; }
#inside-cart .send{ border-top-color:#ccc !important; }
#cart input.quantity{ padding:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }/* 数量input */

#customer-info h5{ background-color:#555 !important;}
#delivery-info .send, #info-confirm .send{ border-top-color:#ccc !important; }
#inside-cart .no_cart{ color:#ccc !important; margin-top:0 !important; }
/* CONFIRM */
#confirm_table .ttl{ background-color:#eeeff0 !important; }
#confirm_table h3{ color:#222 !important; padding:10px 0 !important; font-size:14px; }
/* Membership page */

div.member-title{ font-size:14px; font-weight:bold; color:#333; background-color:#eeeff0; padding:10px;}
input#btn-logout{ padding:10px; }
.customer_form input, .customer_form select{ padding:10px; border:thin solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-right:10px; }
.error_message{ color:#a00; padding:10px; }

/* 新規登録 */
.catbox .post .entry{ padding-top:0!important; }
div#member-privacy{ width:100%; text-align:center; font-size:10px;padding:5px; }
#newmember th{ width:180px!important; }
.iframe-header_explanation{ font-size:10px; color:#a00; width:200px; height:14px; padding-top:2px; z-index:1; }
#newmember .error_message{ font-size:10px; }
#newmember .header_explanation{ padding:0; font-size:14px;}

/* 完了ページ */
#anounce{ width:100%; border:thin solid #ccc; padding:10px; font-size:14px; text-align:center; }

div.iframe-loginbox{ width:160px; overflow:hidden; margin:0 auto; }
div.iframe-loginbox{ font-size:10px; }
input.member_login_button{ width:160px; padding:5px; letter-spacing:1px; }
.loginpass, .loginmail{ width:148px; padding:5px; border:thin solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
div.iframe-footer_explanation{  }
div#iframe-login-nav{ font-size:10px; width:200px; position:absolute; height:20px; top:100%; margin-top:-20px; left:0; z-index:100; }
div#iframe-login-nav a{ padding-left:10px; background:#eeeff0 url(/images/icn-arrowmini.gif) left top no-repeat; margin-left:5px;}
#memberpages div.loginbox{ margin-top:0!important; }

/* -------------------------------------------------------------------------- ADDED for shop bodycopy */

ul.setlist{
	
}
ul.setlist li{
	border-top:thin solid #eeeff0;
}
ul.setlist li div.imgbox{
	
}
ul.setlist li div.imgbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
ul.setlist li div.imgbox { display: inline-table;  min-height: 1px;}
* html ul.setlist li div.imgbox { height: 1px; }
ul.setlist li div.imgbox { display: block; }
ul.setlist li div.imgbox p{
	width:180px;
	height:180px;
	line-height: 180px;
	font-size: 20px;
	float:left;
}
ul.setlist li div.imgbox img{
	width:180px; height:180px;
	float:left;
}
ul.setlist li p.script{
	font-size:12px;
	line-height: 20px;
	padding: 0 10px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	color:#666;
}

p.ttl-q{
	font-size:16px;
	margin:25px 0 10px 0;
	color:#a48b78;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}