@charset "utf-8";

/*-----------------------------------------------------------------------------------
 Welcome to marutoichi.css
-----------------------------------------------------------------------------------*/

/*********************************************************************/
/*********************************************************************/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background-image: url("../images/bg.png");
  background-repeat: repeat;
  border-top: 5px solid #000;
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  word-wrap: break-word;
  color: #666;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
  }
  * html body { /* for lte ie6 */
    font-size: 85%;
    vertical-align: baseline;
    }
  *:first-child+html body { /* for ie7 */
    font-size: 85%;
   }
   html>/**/body  { /* for ie8 */
   font-size: 85%;
   } 

  html:not(:target) body { font-size: 13px;}

  .fontmin14 { font-size: 14px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}


/*********************************************************************/
/* CSSリセット */
/*********************************************************************/

img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
a {
	color: #666;
	text-decoration: none;
	outline:none;
}
a:hover {
  color: #66cccc;
  color: #ccc;
	text-decoration: none;
	outline:none;
}
/* -- ul,li -- */
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* -- p -- */
p {
	margin: 0px;
	padding: 0px;
	line-height: 1.75;
}
/* -- text -- */
.textleft,
div.textleft {
	text-align: left;
}
.textright,
div.textright {
	text-align: right;
}
.textcenter,
div.textcenter {
	text-align: center;
}
/* -- float -- */
.alignleft,
div.alignleft {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	float: left;
}
.alignright,
div.alignright {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
hr {
  border: 0;
  height: 1px;
  background: #ddd;
  margin: 30px 0;
  }

/*********************************************************************/
/* ベースとなるレイアウト */
/*********************************************************************/

#wrap {
	background-color: #fff;
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}
#main {
	margin: 0px;
	padding: 0px;
 }
 .home #main { padding: 0;}
#content {
	height: 100%;
	padding: 0;
	float: right;
	}
	.two-column {
		width: 650px;
		overflow: hidden; 
		margin: 0;
	}
#leftbar {
  width: 250px;
  margin: 0px;
  padding: 0px;
  float: left;
  }

/*********************************************************************/
/* ヘッダー（ロゴ、タグライン、ナビゲーション） */
/*********************************************************************/

#header_wrap {
	background-image: url("../images/bg_hf.jpg");
	width: 100%;
}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
}
.header_guide {
    position: absolute;
    right: 0;
    top: 0;
}
.header_guide ul {
}
.header_guide ul li {
}
.header_guide ul li a {
  color: #FFF;
}

.site-logo {
  }
.site-logo h1 {
	margin: 0;
  } 

p.discprition {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

.topbanner {
  margin: 0 0 30px 0;
  width: auto;
  height: auto;
}
.headerslider {
  padding-bottom: 20px;
  width: auto;
  height: auto;
}
.headerslider_in {
}
.headerslider .pika-thumbs { display: none;}

/* -- mainnavi -- */
div.mainnavi,
ul.mainnavi {
	padding: 0px;
	margin: -25px 0 10px 0;
	border-right: 1px solid #333;
	text-align: right;
}
	div.mainnavi ul li,
	ul.mainnavi li {
		padding: 0px;
		margin: 0px;
		display: inline-block;
		*display: inline;  
  *zoom: 1;
		position: relative;
	}
		div.mainnavi li a,
		ul.mainnavi li a {
			border-left: 1px solid #333;
			padding: 0px 30px;
			margin: 0px;
			display: block;
			font-weight: bold;
			font-size: 13px;
			text-align: center;
		}
			div.mainnavi li a:hover,
			ul.mainnavi li a:hover {
				text-decoration: none;
				}

/* -- subnavi -- */
.utilities {
  background-color: #FFF;
  width: auto;
  height: 60px;
  position: absolute;
  top: 22px;
  right: 0;
  text-align: right;
}
ul.subnavi {
    font-size: 0.9em;
    height: 40px;
    margin: 0;
    padding: 10px 0;
}
ul.subnavi li {
	margin: 0px;
	margin: 0 15px;
	display: inline-block;
  *display: inline;  
  *zoom: 1;
  vertical-align: middle
}
ul.subnavi a {
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin: 0;
 }

ul.subnavi li a {
  }


ul.subnavi li a.cart {
 position: relative;
  }
  ul.subnavi li a.cart span.totalquantity {
    font-size: 12px;
    left: 0;
    position: relative;
    top: 0;
  }
  ul.subnavi li a.cart span.totalprice {
  background: #f7f7f7;
  color: #999;
  padding: 4px 10px;
  margin: 0 0 0 3px;
  font-size: 11px;
  	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
  }
  ul.subnavi li a.cart span.totalprice em { font-style: normal;}

ul.subnavi li a.usces_login_a,
ul.subnavi li a.user {
  background-position: 2px -99px
  }
ul.subnavi li a.usces_logout_a {
  background-position: 0px 4px;
  padding-left: 20px;
  }
#sptime {
  display: none;
}
.bn_wrap_sp {
  display: none;
}
/*============================
#cartimg
============================*/
.utilities ul.subnavi li#cartimg {
	height: 30px;
}
.utilities ul.subnavi li#cartimg a.cart {
}
.utilities ul.subnavi li#cartimg a.cart img {
}

/*============================
#itemnum
============================*/
.utilities ul.subnavi li#itemnum {
    color: #715b25;
    line-height: 19.5px;
}
.utilities ul.subnavi li#itemnum div.totalquantity span {
	font-weight: bold;
}
.utilities ul.subnavi li#itemnum div.totalprice span {
	font-weight: bold;
}

/*============================
#itemprice
============================*/
.utilities ul.subnavi li#itemprice {
    background-color: #715b25;
}
.utilities ul.subnavi li#itemprice a.cart {
	color: #fff;
  padding: 0 5px;
}
.utilities ul.subnavi li#itemprice a.cart span.btncart {
}

.header_explanation,
.footer_explanation {
  color: #8e0000;
  padding: 10px 5px;
  font-size: 0.9em;
  margin: 0 0 15px 0;
  }
  .footer_explanation {margin: 15px 0;}

/*============================
#othernav
============================*/

   .utilities ul.subnavi li {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    text-align: center;
    }

   .utilities ul.subnavi li a {
    }

   .utilities ul.subnavi li.logout {
    background-color: #c2272d;
    text-align: center;
    }

   .utilities ul.subnavi li.logout a {
    width: auto;
    background-position: 0 center;
    color: #fff;
    padding: 0 5px;
    }

   .utilities ul.subnavi li.mypage {
    background-color: #c2272d;
    text-align: center;
    }

   .utilities ul.subnavi li.mypage a {
    width: auto;
    background-position: 0 center;
    color: #fff;
    padding: 0 5px;
    }
#sbtn {
    display: none;
}
/*********************************************************************/
/* サイドバーウィジェット（Welcart_defaultのセレクタをベースに必要な部分だけリライトしています） */
/*********************************************************************/

/* -- widget -- */
.sidebar li.widget {
	padding: 0px 0px 20px 0px;
}
.sidebar .widget_title {
    background-color: #C2272D;
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.sidebar .widget_tag_cloud .widget_title {
	padding: 5px 10px 0px 5px;
	border: none;
}
.sidebar .widget_title>img {	display: none; /* hide default frumpy images */}
.sidebar li ul,
#calendar_wrap,
.widget_tag_cloud div,
.widget_search form {
	width: auto;
	margin: 0 0 30px 0;
	padding: 0px;

}
.sidebar li ul ul {
	border: none;
}
.sidebar li li {
	width: auto;
	height: auto;
	padding: 0 0 0 0px;
}
.welcart_widget_body {
}
.welcart_widget_body .post_list .title a{
  display: block;
}
.welcart_widget_body .post_list p {
  display: none;
}

.sidebar #calendar_wrap,
.sidebar li.widget ul.welcart_featured_body,
.sidebar li.widget ul.welcart_calendar_body,
.sidebar li.widget ul.welcart_search_body,
.sidebar li.widget ul.welcart_login_body {
	padding-top: 10px;
}
.sidebar #calendar_wrap,
.sidebar .widget_tag_cloud div {
	padding: 0px 10px 0px 10px;
}
.sidebar .usces_recent_entries li a,
.sidebar .widget_archive li a,
.sidebar .widget_categories li a,
.sidebar .widget_pages li a,
.sidebar .widget_meta li a,
.sidebar .widget_links li a,
.sidebar .widget_recent_comments li a,
.sidebar .widget_recent_entries li a,
.sidebar .widget_welcart_category li a,
.sidebar .widget_welcart_post li a,
.sidebar .widget_welcart_page li a,
.sidebar .widget_welcart_bestseller li a {
	padding: 7px 0px;
	display: block;
	line-height: 1;
	zoom: 1;
}

/*============================
#sidenav
============================*/
ul#sidenav {
    margin-bottom: 0;
}
ul#sidenav li {
    height: 46px;
    line-height: 46px;
    margin-bottom: 8px;
}
ul#sidenav li a {
  background-image: url("../images/menu_bg.png");
  background-position: center bottom;
  background-repeat: repeat;
  background-size: 100% auto;
  display: block;
	color: #fff;
  padding-left: 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
ul#sidenav li a span {
    background-image: url("../images/side_arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 9px 13px;
    height: 26px;
    padding: 0 10px;
    width: 18px;
}
ul#sidenav li a:hover {
    background-image: url("../images/menu_bg_on.png");
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
ul#sidenav li a.active {
    background-image: url("../images/menu_bg_on.png");
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.sp_nav_wrap {
  display: none;
}
/*****************************************/
/* サイドバー待ち時間 */
/*****************************************/
li#sidetime {
}
li#sidetime .time_wrap {
    background-color: #e6d7ac;
    padding: 10px;
}
li#sidetime .time_wrap .time_in {
}
li#sidetime .time_wrap .time_in .machi {
    background: none repeat scroll 0 0 #c19b2e;
    color: #fff;
    line-height: 30px;
    padding: 5px 1em;
    font-weight: bold;
    margin-bottom: 8px;
}
li#sidetime .time_wrap .time_in .machi span.machi_txt {
    display: inline-block;
    font-size: 110%;
    vertical-align: middle;
}
li#sidetime .time_wrap .time_in .machi span.machi_min {
    display: inline-block;
    font-size: 196%;
    padding-left: 1em;
    vertical-align: middle;
}
li#sidetime .time_wrap .time_in .shop {
}
li#sidetime .time_wrap .time_in .shop table {
    color: #715b25;
    font-size: 12px;
}
li#sidetime .time_wrap .time_in .shop table tbody {
}
li#sidetime .time_wrap .time_in .shop table tbody tr {
}
li#sidetime .time_wrap .time_in .shop table tbody tr td {
	vertical-align: top;
	padding: 0 2px;
}
li#sidetime .time_wrap .time_in .shop table tbody tr td b {
}
/*****************************************/
/* ウィジェット：商品カテゴリーリスト */
/*****************************************/

.sidebar .widget_welcart_category .widget_title {margin: 0;}
.sidebar .widget_welcart_category li a {
  border-bottom: 1px dotted #eee;
  padding: 13px 7px;
  color: #555;
  font-weight: bold;
  }
  .sidebar .widget_welcart_category li a:hover { background: #f9f9f9;}
  .sidebar .widget_welcart_category li ul.children { margin: 0;}
  .sidebar .widget_welcart_category li ul.children li a:before {content:"- "; color: #eee; padding: 0 7px 0 0; }
  .sidebar .widget_welcart_category li ul.children li a {
    padding: 10px 7px 10px 10px;
    line-height: 1;
    font-weight: normal;
    }
    


/*****************************************/
/* ウィジェット：検索フォーム */
/*****************************************/
.sidebar .widget_search a,
.sidebar .widget_welcart_search a,
.sidebar .widget_ucart_search a {
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: 1px;
}
.sidebar .widget_search a:hover,
.sidebar .widget_welcart_search a:hover,
.sidebar .widget_ucart_search a:hover {
	text-decoration: none;
}
.sidebar .widget_search #searchsubmit,
.sidebar .widget_welcart_search #searchsubmit,
.sidebar .widget_ucart_search #searchsubmit {
	width: 40px;
	height: 26px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background: url('../images/icons.png') no-repeat 50% -157px;
	background-color: #F7F7F7;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	vertical-align: middle;
}
.sidebar .widget_search input#s,
.sidebar .widget_welcart_search input.searchtext,
.sidebar .widget_ucart_search input.searchtext {
  border: none;
  background: #f9f9f9;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	width: 70%;
	padding: 6px 4px;
	vertical-align: middle;

}
.sidebar .widget_search input#s {
	width: 55%;
}

.sidebar .widget_welcart_search form div { display: none; /* hide default useless search */}


/*****************************************/
/* ウィジェット：ログイン */
/*****************************************/
.sidebar .widget_welcart_login .widget_title { display: none;}
.sidebar .widget.widget_welcart_login .welcart_widget_body {
 	padding: 20px 15px;
	width: auto;
	background: #f3f3f3;
	font-size: 0.8em;

}
.sidebar .widget_welcart_login form br {display: none;}
.sidebar .widget_welcart_login form input[type="text"],
.sidebar .widget_welcart_login form input[type="password"] {
  border: none;
  background: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	display: block;
	width: 99%;
	margin: 0 0 10px 0;;
	padding: 6px 0px;
	text-align: center;
	vertical-align: middle;
	}
	.sidebar .widget_welcart_login form .submit { margin: 20px 0 10px 0;}
		.sidebar .widget_welcart_login form .submit input { display: block; width: 99%;}
	
/*****************************************/
/* ウィジェット：カレンダー */
/*****************************************/
.welcart_calendar_body.welcart_widget_body {
 font-size: 0.85em;
}
#wp-calendar {
 font-size: 1em;
	width: 99%;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
	text-align: center;
}
#wp-calendar caption {
	padding: 8px;
	line-height: 1;
	background-color: #f3f3f3;
	letter-spacing: 1px;
	font-size: 0.9em;
}
#wp-calendar th,
#wp-calendar td {
	padding: 5px 2px;
		border: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1;
}
#wp-calendar th {
	background-color: #c0c0c0;
	padding: 2px;
	color: #FFF;
	
}
#wp-calendar td {
	background: #fff;
	color: #8a8a83;
}
#wp-calendar td.businesstoday {
background: #f2f2ec;
}

#wp-calendar td.businessday,
span.business_days_exp_box,businessday {
  background-color: #fde1e1;
  color: #f99595;
  }
  span.business_days_exp_box,businessday {
    margin: 0 0 0 5px;
  }





/*****************************************/
/* ウィジェット：おすすめ商品 */
/*****************************************/
.sidebar .widget_welcart_featured .thumimg,
.sidebar .widget_ucart_featured .thumimg {
	margin: 0px auto;
}
.sidebar .widget_welcart_featured .thumimg img,
.sidebar .widget_ucart_featured .thumimg img {
	text-decoration: none;
	width: 100%;
	height: auto;
}
.sidebar .widget_welcart_featured .thumtitle,
.sidebar .widget_ucart_featured .thumtitle {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.sidebar .widget_welcart_featured .thumtitle a,
.sidebar .widget_ucart_featured .thumtitle a {
	text-decoration: none;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.sidebar .widget_welcart_featured .thumtitle a:hover,
.sidebar .widget_ucart_featured .thumtitle a:hover {
	font-weight: bold;
}

/*****************************************/
/* ウィジェット：ベストセラー */
/*****************************************/
.widget_welcart_bestseller ul li {
 	counter-increment : item;
 	border-bottom: 1px dotted #ddd;
 	padding-bottom: 0px;
 	padding-left: 18px;
 	margin-top: 5px;
 	line-height: 1;
 	position: relative;
}
.widget_welcart_bestseller ul li a:before {
  content: counter(item) "";
  font-weight: bold;
  color: #ccc;
  margin-right: 8px;
  font-style: italic;
  font-family: helvetica;
  position: absolute;
  left: 3px;
  top: 5px;
  }


/*********************************************************************/
/* コンテンツの共通 CSS */
/*********************************************************************/
#content section {
  line-height: 1.8;
  }
#content .storycontent p { margin: 0 0 1.5em 0;}
#content .storycontent a {
	color: #b69f1a;
	padding: 0 2px;
	text-decoration: none;
	}
#content .storycontent p.kikan {
}
#content .storycontent p.kikan span {
    background-color: #c2272d;
    color: #fff;
    display: inline-block;
    font-size: 110%;
    font-weight: bold;
    padding: 0.2em 0.5em;
}
	#content .storycontent a:hover { text-decoration: underline;}
#content h2.pagetitle, 
#content .pagetitle, 
#content .title {
	display: block;
	font-size: 1.8em;
	font-weight: bold;
}
#content h1 {
    color: #000;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 0.5em;
    padding: 0;
}
#content h1.pagetitle {
    color: #000;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 0.5em;
    padding: 0;
}
  .categoryhead {
     margin: 0;
    }
    #content .categoryhead h1.pagetitle {
     margin: 0 0 0.5em;
    }
    #content .categoryhead span {
      font-size: 0.9em;
    }

#content .blogindex h2 {
 	padding: 5px 0px;
	margin: 30px 0 10px 0;
	font-size: 1.17em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
#content .storymeta {
  padding: 5px 3px;
  text-align: right;
  font-size: 11px;
  margin: -34px 0 34px 0;
}

#content .postmetadata {
  font-size: 10px;
  margin: 20px 0 0 0;
  background: #f9f9f9;
  padding: 3px 10px;
  }
  #content .postmetadata span { padding: 0 0.5em;}
#content .post h2 {
  padding: 5px 10px;
  margin: 40px 0 20px 0;
  font-size: 1em;
  font-weight: normal;
  background: #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }

#content .blogindex .postsummary {
  margin: 0 0 50px 0;
}
#content .entry p {
  padding: 0 0 0.7em 0;
}

#content .feedback h3 {
  padding: 5px 10px;
  margin: 40px 0 20px 0;
  font-size: 1em;
  font-weight: normal;
  background: #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
  
  
/* catbox */
#content .catbox {
	width: auto;
	height: 100%;
}
/* page_box */
#content .page_box {
	width: auto;
	margin: 0px;
	padding: 30px 20px;
	background-color: #FFFFFF;
}

/* thumbnail_box */
#content .rcmnd,
#content .thumbindex {
  width: 672px;
  margin-right: -30px; /* megative margin for IE */
  letter-spacing: -.40em; 
}
#content .rcmnd p,
#content .thumbindex p { letter-spacing: normal; }

#content .rcmnd h2 {
  background-color: #c19b2e;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 0.1em;
  margin: 0 0 1em;
  padding: 0.4em 0.8em;
}

#content .thumbnail_box {
 letter-spacing: normal;
	width: 202px;
	margin: 0 22px 30px 0;
	vertical-align: top;
	padding: 0;
	display: inline-block;
  *display: inline;  
  *zoom: 1;
	overflow: hidden;
}
ul.item_custom_field {
  background-color: #F0EBE4;
  padding: 0.5em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
ul.item_custom_field li .naiyou {
    font-size: 13px;
    color: #715b25;
    font-weight: bold;
}
ul.item_custom_field li {
    font-size: 11px;
}

.thumbnail_box .thumimg {
  vertical-align: bottom;
  overflow: hidden;
  max-height: 202px;
  margin: 0 0 8px 0;
  }
.thumbnail_box .thumtitle {
	width: auto;
	line-height: 1.2;
	margin: 0 0 0px 0;
}
.thumbnail_box .thumtitle a {
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5em;
    text-decoration: underline;
    white-space: normal;
    word-wrap: break-word;
}

.thumbnail_box .thumtitle span {
  display: block;
  margin: 4px 0 0 0;
	font-size: 0.9em;
	}

.thumbnail_box .price {
  font-size: 0.9em;
  color: #9e9e9e;
}

.thumbnail_box a.detailbutton {
	width: 89px;
	height: 16px;
	padding-top: 5px;
	margin-top: 10px;
	background: #333;
	display: block;
	color: #566732;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
.thumbnail_box a.detailbutton:active {
	outline: none;
}

.thumbnail_box span.tags {
    background-color: #c2272d;
    color: #fff;
    letter-spacing: 2px;
    padding: 0.2em 0.5em;
}
.thumbnail_box .thumtitle {
}
.thumbnail_box .thumtitle a {
}
.thumbnail_box .advance {
    color: #c2272d;
    margin-bottom: 0.2em;
}
.thumbnail_box .dispt {
  display: table;
  width: 100%;
}
.thumbnail_box .dispt .skud {
  display: table-cell;
  font-size: 76%;
  width: 40%;
}
.thumbnail_box .dispt .price {
    color: #c2272d;
    display: table-cell;
    font-weight: bold;
    width: 60%;
    text-align: right;
}
/* thumbnail_box #leftbar  */
#leftbar .thumbnail_box {
    border-bottom: 1px solid #ddd;
    display: table;
    margin-bottom: 1em;
    padding-bottom: 1em;
    vertical-align: top;
}

#leftbar .thumbnail_box .thumimg {
  vertical-align: bottom;
  overflow: hidden;
  max-height: 202px;
  margin: 0 0 8px 0;
  }
#leftbar .thumbnail_box .thumimg a img {
  width: 100px;
  height: 100px;
  }
 #leftbar .thumbnail_box .thumtitle {
  width: auto;
  line-height: 1.2;
  margin: 0 0 0px 0;
}
 #leftbar .thumbnail_box .thumtitle a {
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5em;
    text-decoration: underline;
    white-space: normal;
    word-wrap: break-word;
}
.tmb_l {
  display: table-cell;
  vertical-align: top;
}
.tmb_r {
    display: table-cell;
    padding-left: 0.5em;
    vertical-align: top;
    font-size: 100%;
}
 #leftbar .thumbnail_box .thumtitle span {
  display: block;
  margin: 4px 0 0 0;
  font-size: 0.9em;
  }

 #leftbar .thumbnail_box .price {
  font-size: 0.9em;
  color: #9e9e9e;
}

 #leftbar .thumbnail_box a.detailbutton {
  width: 89px;
  height: 16px;
  padding-top: 5px;
  margin-top: 10px;
  background: #333;
  display: block;
  color: #566732;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}
 #leftbar .thumbnail_box a.detailbutton:active {
  outline: none;
}

 #leftbar .thumbnail_box span.tags {
    background-color: #c2272d;
    color: #fff;
    letter-spacing: 2px;
    padding: 0.2em 0.5em;
}
 #leftbar .thumbnail_box .thumtitle {
}
 #leftbar .thumbnail_box .thumtitle a {
}
 #leftbar .thumbnail_box .advance {
    color: #c2272d;
    margin-bottom: 0.2em;
    font-size: 90%;
}
 #leftbar .thumbnail_box .dispt {
    display: block;
  width: 100%;
}
 #leftbar .thumbnail_box .dispt .skud {
    display: block;
    font-size: 90%;
    width: 100%;
}
 #leftbar .thumbnail_box .dispt .price {
    color: #c2272d;
    display: block;
    font-weight: bold;
    width: 100%;
    text-align: left;
}
.morelink {
    font-weight: bold;
    margin-top: 0.5em;
    text-align: right;
}
.morelink a {
  font-size: 90%;
  text-decoration: underline;
}
.pagination {
  clear:both;
  padding:10px;
  margin: 0 0 40px 0;
  background: #f8f8f8;
  position:relative;
  line-height:1;
  text-align: center;
  font-size: 11px;
  }
 
.pagination span, .pagination a {
  display: inline-block;
  *display: inline;  
  *zoom: 1;
  margin: 0px 5px 0px 0;
  padding: 6px 9px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background: #333;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
 
.pagination a:hover{
  color:#fff;
  background: #999;
  }
 
.pagination .current{
  padding:6px 9px 5px 9px;
  color:#333;
  background: #fff;
  }



.category_images img {
  display: block;
  vertical-align: bottom;
  margin: 0 0 30px 0;
  width: 100%;
  height: auto;
}

/* 関連商品表示ガイド */
.relatedbox {
 clear: both;
}
.relatedbox h3 {
 letter-spacing: 1px;
 border-bottom: 1px solid #eee;
 padding: 0 0 5px 0;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 0.9em;
 margin-bottom: 20px;
 }

/* ご利用ガイド */
section.guide {
 padding: 0 0 40px 0px;
 }
 .guide h2 {
  padding: 14px 15px;
  margin: 40px 0 20px 0px;
  font-size: 1.2em;
  line-height: 1;
  background: #fbfbf7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
  .guide ol li {
    list-style-type: decimal;
    margin: 0 0 2em 0;
    
  }

.privacy {

}
.privacy p {
    margin-bottom: 3em;
}
.privacy b {
  color: #C2272D;
}

/* 特定商取引法に基づく表記のテーブル */
table.legalinfo {
	width: 100%;
	margin: 0 0 20px 0px;
	border-collapse: collapse;
	}  
  table.legalinfo th {
  white-space: nowrap;
 	border-bottom: 1px dotted #e6e6e6;
 	border-left: none;
  color: #555;
  font-weight: bold;
  border-right: none;
  text-align: left;
  width: 25%;
  text-align: left;
  padding: 15px 0px;
  }
  table.legalinfo td {
 	border-bottom: 1px dotted #e6e6e6;
  color: #4c4c4c;
  text-align: left;
  padding: 15px 0px;
  }
  
/* 管理者ログイン中に、画面上に表示される「Edit」リンクが邪魔なので表示しないようにする */
.post-edit-link { display: none; }



/*********************************************************************/
/* フッター */
/*********************************************************************/

#footer_wrap {
	background-image: url("../images/bg_hf.jpg");
	width: 100%;
	border-top: 2px solid #eee;
}
#footer {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
}
#footer h3 {
    border-bottom: 1px solid #666584;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    padding-bottom: 6px;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
#footer p.copyright {
	font-size: 12px;
}
#footer p.credit {
	margin-top: 20px;
	font-size: 10px;
	text-align: right;
}
#footer ul.footernavi {
	padding: 0px;
	margin: 0px;
}
#footer li {
	display: inline;
	white-space: nowrap;
	margin: 0px;
	padding: 0 20px 0 0;
	font-size: 0.9em;
	}
#footer li a {
	color: #666584;
}
#footer_info {

}
#footer_info p {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 2px;
    color: #FFF;
}
#areabtn {
  cursor: pointer;
  margin-bottom: 2em;
}
#areabtn p {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  position: relative;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#areabtn p:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
#areabtn p:active {
  top: 3px;
  box-shadow: none;
}
.area_pick {

}
#footer .area_pick p {
  color: #FFF;
}
.area_block {
    letter-spacing:-.40em;
    vertical-align:top;
    display: none;
}
.area_box {
    display:inline-block;
   /display:inline; /*IE6 7*/
   /zoom:1;/*IE6 7*/
    vertical-align:top;
    letter-spacing:0;
    width: 13.2%;
    padding: 0 0.54%;
}
#footer .area_box p.kana {
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1em;
}
#footer .area_box p {
  color: #fff;
}
/*============================
#flow
============================*/
#flow {
    margin-bottom: 24px;
}
#flow h3 {
}
#flow ul {
	font-size: 12px;
  letter-spacing:-.40em;
  vertical-align:middle;
}
#flow ul li {
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display:inline-block;
   /display:inline; /*IE6 7*/
   /zoom:1;/*IE6 7*/
    vertical-align:bottom;
    letter-spacing:0;
    height: 66px;
    line-height: 66px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 189px;
}
#flow ul li.arrow {
    background-image: url("../images/arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border: medium none;
    width: 68px;
}
/*============================
#footer_box
============================*/
#footer_box {
	padding: 20px 0;
	border-bottom: 1px solid #666584;
	margin-bottom: 20px;
}
#footer_box ul {
  letter-spacing:-.40em;
  vertical-align:middle;
}
#footer_box ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display:inline-block;
   /display:inline; /*IE6 7*/
   /zoom:1;/*IE6 7*/
    vertical-align:middle;
    letter-spacing:0;
    padding: 0 7px;
    width: auto;
}
#footer_box ul li:last-child {
	margin: 0;
}
#footer_box ul li img {
    vertical-align: middle;
}
#footer_box ul li a {
}
#footer_box ul li a img {
}
/*********************************************************************/
/* フォーム */
/*********************************************************************/

ol#commentlist { padding: 0 0 0 20px;}
ol#commentlist  li.comment {
 padding: 0 0 20px 55px;
 margin: 0 0 20px 0;
 position: relative;
 border-bottom: 1px dotted #eee;
 }
 ol#commentlist  li.comment img.avatar {
   border: 4px solid #f8f8f8;
   
   position: absolute;
   top: 3px;
   left: 0;
   }
  ol#commentlist  li.comment cite {
    font-size: 0.8em;
  }

input[type="text"],
input[type="password"],
textarea {
  font-family:Verdana,Arial,sans-serif;
  font-size: 1em;
  border: 0;
  padding: 7px;
  width: 90%;
  color: #444;
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  -webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  
  }

#commentform input[type="text"] {
   width:300px;
   margin: 0 10px 20px 0;
   }
#commentform textarea { width: 600px; }
  
  
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
  display: inline-block;
  padding: 13px 30px;
  background-color: #c2272d;
  border: none;
  color: #fff;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  cursor: pointer;
  font-size: 160%;
  font-weight: bold;
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  background-color: #555;
  color: #ffffff;
}

/* Positive buttons （目立つボタン）*/
input[type="submit"].to_customerinfo_button,
input[type="submit"].to_confirm_button,
input[type="submit"].checkout_button {
  background: #C2272D;
  
}


/* Negative buttons （目立たなくて良いボタン）*/
input[type="submit"].back_to_customer_button,
input[type="submit"].back_cart_button,
input[type="submit"].back_to_delivery_button,
input[type="submit"].delButton,
input[type="button"].continue_shopping_button,
.upbutton input[type="submit"] {
  background: #bebebe;
  border: none;
  }
input[type="submit"].delButton,
.upbutton input[type="submit"] {  padding: 5px 15px;}
.upbutton { text-align: right; }


/*********************
CLEARFIXIN'
*********************/
#main:after,
.clearfix:after,
section:after,
.usccart_navi ol:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#main,
.clearfix,
section,
.usccart_navi ol {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix,
* html #main,
* html section,
* html .usccart_navi ol {
  height: 1px;
}
.clearfix,
#main,
section,
.usccart_navi ol {
  display: block;
}
.clear {
  clear: both;
}


/********************************************************************
jQueryプラグイン『pikachoose』を利用しています。
その他の写真ギャラリーの見せ方をしたい場合は、お好みのプラグインを探してみて下さい。
Item Photogallery by http://www.pikachoose.com/
********************************************************************/

.pikachoose { width: 650px; margin: 0 0 30px 0;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 0px; height: 210px; overflow: visible !important; width: 100% !important; }
	.pika-thumbs li{
	  width: 210px;
	  margin: 10px 0 0 0;
	  padding: 0;
	  overflow: hidden;
	  float: left;
	  list-style-type: none;
	  cursor: pointer;
	  }
  .pika-thumbs li:last-child{
    margin-right: 0;
    }
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	.pika-thumbs li .clip img { width: auto; height: auto;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 100%; height: auto;}
.pika-stage { position: relative;  text-align:center; zoom: 1; }
.pika-stage img{height:auto; width: 100%; vertical-align: bottom; }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a { position: absolute; font-size: 0; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../images/prev.gif) no-repeat left 45%; height: 100%; width: 40px; top: 0px; left: -2px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../images/next.gif) no-repeat right 45%; height: 100%; width: 40px; top: 0px; right: -2px;cursor:pointer;}
	.pika-imgnav a.previous,
	.pika-imgnav a.next{
   -moz-background-size: 40px;
   -webkit-background-size: 40px;
   -o-background-size: 40px;
   background-size: 40px;   
   }
/* The previous and next textual buttons */
.pika-textnav { display: none;}



/*for the tool tips*/
.pika-counter{
 position: absolute;
 bottom: 10px;
 right:10px;
 padding: 3px 6px;
 color:#777;
 background:rgba(255,255,255,0.7);
 font-size:10px;
 }

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(../images/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }


.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 10px 0 0 0; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 210px; width: 650px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


/* border-radius */
.bora {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* bn_cart */
.chui_wrap {
  background-color: #F0EBE4;
  padding: 0.5em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.chui_wrap p {
    font-size: 13px;
}
.chui_wrap p.chui {
    font-size: 16px;
    color: #715b25;
    font-weight: bold;
}
/* 内容確認ページ */
p.notice {
  font-size: 14px;
  font-weight: bold;
}
p.notice span {
  font-size: 12px;
  font-weight: normal;
}