@charset "UTF-8";
/* basic_black_1c_m */

/* =================================================
	=version 2.7=
	=Index=
	Default settings
		Reset
		Element
		Hyper text
		Headline
	Layout
	Header
	Topic path (pankuzu)
	Main
	Side menu (Plugin)
	Footer
================================================= */

/* =================================================
	Reset
================================================= */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	/*\*/
	overflow:hidden;	/* for Fx */
	/**/
}
img,
a img { border:none; }
ul, ol, li, dl, dt, dd { list-style:none; }
table { border:0; }
th,td { padding:0; }
th { font-weight:normal; }
input,select,textarea { padding:2px; }
textarea { font-size:100%; }
html>/**/textarea { font-size:13px; }
fieldset { border:none; }

/* =================================================
	Element
================================================= */
body {
overflow-x: hidden;
color: #000;
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, TakaoPGothic;
letter-spacing: 0.1em;
}
#myBigImage{
position: fixed;
pointer-events: none;
z-index: 1;
top: 0;
left: 0;
}
#title {
font-size: 1.5em;
line-height: 2.2em;
margin:0 4%;
letter-spacing: 0.123em;
  position: relative;
  top: 1em;
z-index: 2;
}
#title a {
font-weight: bolder;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 0.5px;
}

hr {padding-top:1em; border: none; clear:both; }

/* =================================================
	Hyper text
================================================= */
a:link,
a:visited { color:#000; text-decoration:none; }

a:focus,
a:hover,
a:active { color:#000; }

/* =================================================
	Headline
================================================= */
h1 { font-size:124%; font-weight: normal; }		/* 22px */
h2 { font-size:116%; font-weight: normal; }		/* 17px */
h3 { font-size:116%; font-weight: normal; }		/* 15px */
h4 { font-size:108%; font-weight: normal; }		/* 14px */
h5,
h6 { font-size:100%; font-weight: normal; }		/* 13px */
b {color: red; font-weight: bolder;}
em { color: blue; font-weight: bolder; font-style:normal; }
/* =================================================
	Layout
================================================= */
#wrap {
	width:100%;
}

#container {
	width:100%;
	margin:0 auto;
	padding-top: 1em;
}

#header {
  position: fixed;
  z-index: 500;
    top: 1em;
    right: 3%;
}

#main {
padding: 0 1%;
}

.layer{
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.container{
}

#slide_menu{
    position: fixed;
    top: -101%;
    width: 100%;
    height: 100%;
  z-index: 100;
}

#contents {
margin: 0 auto;
padding: 1em 2.5% 1.5em 2.5%;
width: 100%;
}

#laws {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
}

.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: fixed;
    background: #fff;
    opacity: 0.9;
    z-index: 1000;
}

.modal_window {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    text-align: center;
    display: block;
    position: fixed;
    z-index: 1000;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#footer_plugin01 {
	margin-bottom: 20px;
	padding: 0 20px;
}

#footer_plugin02 {
	margin: 0 10px 20px 20px;
}

#header_plugin,
#footer_plugin01,
#footer_plugin02 {
	zoom:100%;
}

#header_plugin:after,
#footer_plugin01:after,
#footer_plugin02:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#footer {
	clear:both;
	position:relative;
	padding: 40px 20px 20px;
	background-color: #2B2B2B;
	color: #FFFFFF;
}

/* =================================================
	Header
================================================= */
#header .header_plgin {
	margin: 1em 0 0;
}

#header a {
	cursor: pointer;
}

#header .header_plgin li {
	margin-left: 10px;
	float: right;
}

#header .header_plgin .search { width: 250px; text-align: right; }
#header .header_plgin .cartcheck { width: 50px;}
#header .header_plgin .search input {
	padding: 5px;
}

#header .header_plgin .search input[type=text] {
width: 190px;
}

#header .header_plgin .search .submit {
	padding-left:25px;
	height: 30px;
	background: #f0f0f0 url(http://cache.cart-imgs.fc2.com/template/basic_white/image/basic_white.png) no-repeat 5px 5px;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #7C7C7C;
	cursor: pointer;
}

#header .header_plgin .cartcheck a {
	height: 30px;
	padding-left:25px;
	line-height: 2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #000;
	display: block;
	background: gold url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/basic_black_1c_m.png) no-repeat 15px -25px;
}
.now a {
  color: #fff;
  border: none;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
background: gold;
cursor: pointer;
padding: 10px 12px;
}
.now a:hover {
color: #000;
background-color: gold;
box-shadow:0.2em 0.4em;
}
#header .header_plgin .cartcheck a:hover {
color: #000;
background-color: gold;
box-shadow:0.2em 0.4em;
}
.table1 a,
.table1 input[type="submit"],
.registerbutton a,
.registerbutton2 input[type="submit"],
.goto_cart input[type="reset"]  {
  color: #000;
  border: none;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
background: #f0f0f0;
cursor: pointer;
padding: 4px 10px;
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, TakaoPGothic;
}
.table1 a:hover,
.table1 input[type="submit"]:hover,
.goto_cart input[type="reset"]:hover,
.registerbutton2 input[type="submit"]:hover,
.registerbutton a:hover,
#header .header_plgin .search .submit:hover {
color: #fff;
background-color: blue;
}

#button a {
font-size: 0.75em;
line-height: 1.5em;
margin-right: 1em;
text-decoration: none;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 0.5px;
color: #000;
}

#button a:hover {
color: #fff;
background-color: blue;
}

/* =================================================
	Topic path (pankuzu)
================================================= */
#topic_path {
font-family: "MingLiU-ExtB", "ＭＳ 明朝","MS Mincho";
line-height: 2em;
position: relative;
z-index: 10;
	clear: both;
	text-align:left;
	border:1px solid #000;
	padding: 0 10px;
	margin: 2em 3% 0;
}

#topic_path ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#topic_path li {
letter-spacing: 0.1em;
font-size: 1em;
color: #000;
text-decoration: none;
	float:left;
	display:inline;
	padding:4px 10px;
}

#topic_path li.link,
#topic_path li.home {
	padding:4px 18px 4px 10px;
	background:url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/breadcrumbs.png) no-repeat center right;
}
/* =================================================
	Maintenance page
================================================= */
#maintenance_page {
	width:100%;
}
#maintenance_page p{
font-size: 7em; padding:3%;
}

/* =================================================
	Common setting
================================================= */
.contents {
padding: 1em 3% 1.5em;
	text-align:left;
}

#main h2 {
	margin-bottom: 15px;
	padding: 8px 0 8px 10px;
}

#main h3 {
	margin-bottom: 15px;
	padding: 8px 0 8px 10px;
}

/* =================================================
	Shop information
================================================= */
#main #shoppinfo_page {
position: relative;
z-index: 2;
}


#shoppinfo_page .tt {
font-size: 1.5em; line-height: 2em;
}

.news_tt, .infoall {
font-size: 1.5em; line-height: 2.2em;
float: left;
padding-right: 2em;
}
.news_tt a {border-bottom: solid 2px gold; padding: 10px 0;}
.news_tt a:hover {color: #fff; background-color: gold;}
.infoall a {border: solid 2px red; padding: 10px;}
.infoall a:hover {color: #fff; border: solid 2px gold; background-color: gold;}

.news-comment {
font-size: 2em;
float: left;
}

#shoppinfo_page h1{
font-size: 3em;
}
/*============================================================
	Section - category_tabs
============================================================*/
#category_tabs {
position: relative;
z-index: 10;
top:3em;
margin: 0 4%;
letter-spacing: 0.1em;
font-family: "MingLiU-ExtB", "ＭＳ 明朝","MS Mincho";
}

#category_tabs a {
font-size: 1.1em;
line-height: 2.5em;
color: #000;
text-decoration: none;
padding:8px 10px;
margin-right: 0.8em;
color: #000;
border:1px solid #000;
}

#category_tabs a.category_sub {
border:1px solid red;
text-decoration: none;
font-size: 1.1em;
margin-right: 0.8em;
padding:8px 10px;
}

#category_tabs a:hover {
color: #fff;
background-color: gold;
border:1px solid gold;
}
/* =================================================
	custom page
================================================= */
#main #user_page {
font-size: 1.5em;
}
#user_page a {
color: red;
font-size: 1.2em;
padding: 0 0.25em;
text-decoration: none;
font-family:'Apple Chancery',cursive;
}
#user_page a:hover  {
background:red;
color:#fff;
}
#main #user_page h2 {
	margin-bottom: 0;
}
#user_page h1{
font-size: 1.5em;
	padding: 10px;
}
/* =================================================
	Sort
================================================= */
#main .sort fieldset input {vertical-align:middle;}

#main .sortbox {
	background:#fff;
	padding: 5px 10px;
	font-size: 1.0em;
	text-align: right;
}
#main .sortbox ul {
	overflow:hidden;
	display: inline;
	 padding-right:20px;
}
#main .sortbox ul li {
	padding-right:10px;
	display: inline;
}

#main .sortbox fieldset { display: inline;}

#main .pagerbox {
position: relative;
z-index: 10;
font-size: 1.5em;
line-height: 2.5em;
	padding: 1em;
	text-align: center;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 0.5px;
}

#main .pagerbox span {
width:auto; 
color: #fff;
background-color: red;
margin: 0.3em; padding: 0.5em 1em; 
border: 1px solid red; 
border-radius: 5em;
}

#main .pagerbox a {
width:auto; 
margin: 0.3em; padding: 0.5em 1em; 
border: 1px solid red; 
border-radius: 5em; 
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 0.5px;
}

#main .pagerbox a:hover {
	background:gold;
	color:#FFF;
border: 1px solid gold; 
}

#main .pagerbox p {
	margin-top: 10px;
}

/* =================================================
	Item list (Catalog)
================================================= */
.contents .item_list  {overflow:hidden;
padding-top: 1em}
.contents .item_list  ul {
}
.contents .item_list  li {
float: left;
padding:0 2.5em 2.5em 0;
}
.contents .item_list .item dl {
width:240px;
height: 240px;
position: relative;
z-index: 0;
border:1px solid #000;
	overflow:hidden;
	background:#fff;
}
.contents .item_list .item dl:hover {
position: relative;
z-index: 10;
color: #000;
box-shadow:0.2em 0.4em;
}
.submit marquee{
padding: 13px;
background-color: rgba(255,255,255,0.7);
position: relative;
z-index: 10;
}
.submit input[type="submit"] {
background-color: transparent;
border: none;
font-size: 1.5em;
letter-spacing: 0.1em;
cursor: pointer;
color: #000;
float: left;
margin-right: 1em;
}
.price {color: gold; font-size: 1.5em;}
.contents .item_list  .item .item_image {text-align: center; position: absolute; bottom:0;}
/*===============================================
	Page - itemdetail
================================================= */
#itemdetail .item_price a,
#itemdetail .item_comment a {
color: blue;
font-size: 1.4em;
font-style:oblique;
padding: 0 0.25em;
text-decoration: none;
font-family: "ＭＳ 明朝","MS Mincho";
}
#itemdetail .item_price a:hover ,
 #itemdetail .item_comment a:hover  {
background:blue;
color:#fff;
}
.item_name {padding: 0 0 4em; font-size: 3em;}
#itemdetail input[type="submit"] {
  border: none;
  font-size: 1.5em;
  white-space: nowrap;
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, TakaoPGothic;
letter-spacing: 0.123em;
}

#itemdetail .item:after {
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#itemdetail .itemdetail_info, {
  float: right;
  overflow: hidden;
}

#itemdetail b{
color: red;
font-size: 1.5em;
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, TakaoPGothic;
}

#itemdetail .item_price_priority,
#itemdetail .item_type, 
#itemdetail .item_stock,
#itemdetail .item_count {
  float: left;
  overflow: hidden;
  padding: 0 2em 2em 0;
  font-size: 1.25em;
}

#itemdetail .itemdetail_image {
  float: left;
  width: 240px;
  margin: 2em 2em 1em 0;
  overflow: hidden;
}

#itemdetail .itemdetail_image:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#itemdetail .itemdetail_image .thumb {
  text-align: center;
  float: left;
  width: 79px;
  height: 79px;
  margin: 10px 5px 0 5px;
  overflow: hidden;
}

#itemdetail .itemdetail_image .thumb img {
  height: 79px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

#itemdetail .itemdetail_image .thumb:first-child {
  float: none;
  width: 240px;
  height: auto;
  margin-top: 0;
}

#itemdetail .itemdetail_image .thumb:first-child img {
  width: auto;
  max-width: 240px;
  height: auto;
}

.comment1 {
  font-size: 1.5em;
}
.comment2 {
padding: 2em 0;
font-size: 2em;
}

#itemdetail .item .social .social_buttons > div {
  display: inline-block !important;
  vertical-align: bottom;
}
#itemdetail hr { border:0px none ; clear:both; }

#itemdetail .item .item_submit input[type="submit"] {
  width: 100%;
  margin: 0;
}
#itemdetail input[type="submit"] {
width: 100%;
color:#000; background:#fff;
border: 1px solid red; 
padding: 1.5em 0;
}
#itemdetail input[type="submit"]:hover {
background-color: gold;
border: 1px solid gold; 
color: #fff;
}

#form_arrival_notice_request #soldout .soldout_form {
  width: 100%;
  margin: 0;
}

#form_arrival_notice_request #soldout .closer {
  top: 16px;
  right: 16px;
}
/* =================================================
	Check cart
================================================= */
#checkcart_page .table1 .count,
#checkcart_page .table1 .edit,
#checkcart_page .table1 .total {
	text-align: right;
}
input {
font-size: 1em;
}

/* =================================================
	inquiry_page
================================================= */
#inquiry_page .inquiry_header {
	margin-bottom: 10px;
}

#inquiry_page td input {
	width: 400px;
}

#inquiry_page td input.name {
	width: 200px;
}

#inquiry_page td textarea {
	width: 400px;
	height:200px;
}

#inquiry_page .inquirybutton {
	text-align: center;
	padding: 10px 0;
}

/* =================================================
	historylist, history
================================================= */
#historylist .sortbox { margin-bottom: 20px; }
#historylist .info_link:link,
#historylist .info_link:visited { color:#FFF; }
#historylist .table1 { margin-bottom: 30px; }

#historylist .table1 .item {
	padding: 0;
}
#historylist .table1 dl {
	position: relative;
	padding: 10px 10px 10px 136px;
	min-height: 120px;
	border-bottom: 1px solid #ccc;
}

#historylist .table1 dt { margin-bottom: 8px; }

#historylist .table1 .item_image {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: center;
}
#historylist .table1 .item_comment p { margin-bottom: 5px; }
#historylist .table1 .item_comment a {
	display: inline-block;
	padding: 5px 10px;
	line-height: 2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #2B2B2B;
	color: #FFFFFF;
	text-decoration: none;
}


/* =================================================
	checkout_page
================================================= */
#checkout_page .regi_header {
	margin-bottom: 10px;
}

/* =================================================
	Register
================================================= */
.goto_cart {
	text-align:center;
	margin-left:30px;
}
.goto_cart1 {
	width:50%;
	float:right;
}
.goto_cart1 input {
	text-align:left;
	margin-left:10px;
}
.goto_cart2 {
	width:50%;
	text-align:right;
	float:right;
}
.goto_cart2 input {
	margin-right:10px;
}

.registerbutton,
.registerbutton1 {
	text-align: center;
}

.registerbutton input[type="submit"],
.registerbutton1 input[type="submit"] {
color: #fff;
  background-color: gold;
  width: 100%;
  padding: 2em 0;
  margin: 1em 0;
  border: none;
  font-size: 1.5em;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, TakaoPGothic;
letter-spacing: 0.123em;
}

.registerbutton input[type="submit"]:hover,
.registerbutton1 input[type="submit"]:hover {
color: #000;
background-color: gold;
box-shadow:0.2em 0.4em;
}

.registerbutton2 {
	text-align: right;
}

/* =================================================
	Table style
================================================= */
.table1 {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}

.table1 td {
	padding: 1em;
	border-bottom: 1px solid #f0f0f0;
}

.table1 th {
font-family: georgia;
	text-align: left;
}

.table1 .tr1 td,
.table1 .td2 {
	padding: 1em;
	font-weight: bold;
	background:#f0f0f0;
}

.table1 #left1 {
	text-align:left;
}
.table1 #center1 {
	text-align:center;
}
.table1 #right1 {
	text-align:right;
}

/*重要メッセージ*/
.importantmessage {
	font-weight:bold;
	color:#333333;
	margin-bottom: 5px;
}
.errormessage {
	font-weight:bolder;
	color:#ff3300;
	border:2px solid #FF6A68;
	padding:5px;
	margin-bottom: 5px;
}

/* 商品一覧、詳細コメント */
.comment_header { padding-bottom: 10px; }
.comment_footer { padding-top: 10px; }

/* =================================================
	paymentoptions
================================================= */
#paymentoptions dl { margin-bottom: 15px; }
#paymentoptions dt { margin-bottom: 5px; font-weight: bold; }
#paymentoptions dd ul { margin: 0 5px 5px; }
#paymentoptions dd li {padding: 5px 0 5px 25px; background: url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/sidemenu_linkbg.png) no-repeat 10px center; }

/* =================================================
	laws
================================================= */
.laws_image{max-width: 100%;}

/* =================================================
	plugin (list Type)
================================================= */
.plugin {
	margin-bottom: 30px;
	text-align:left;
}

.plugin  form {
	background:#D8D8D8;
	padding: 10px 10px 0 10px;
}

#header_plugin {
	margin-bottom: -5px;
}

#header_plugin .plugin {
	position: relative;
	float:right;
	margin: 0 0 5px;
}

#header_plugin .plugin .plg_title {
	display: inline;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 25px;
	background:url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/sidemenu_linkbg.png) no-repeat 10px center;
	font-size: 94%;
	word-break:keep-all;
}

#header_plugin .plugin .plg_title:hover {
	cursor: pointer;
	color:#FF0000;
}

#header_plugin .plugin .plg_content {
	position:absolute;
	left:20px;
	top:1;
	z-index: 999;
	width: 197px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px #EEEEEE solid;
	-webkit-box-shadow: 0px 1px 3px 0px #CCC;
	-moz-box-shadow: 0px 1px 3px 0px #CCC;
	box-shadow: 0px 1px 3px 0px #CCC;
}

#header_plugin .plugin:first-child .plg_content {
	left: auto;
	right:0;
}

/* List
----------------------------------------*/
.plugin ul {
	padding:0px 5px;
	background-color:#ffffff;
	zoom:100%;/* for IE6/7 */
}

.plugin ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.plugin ul li {
	padding:5px 0 10px 25px;
	border-bottom:1px solid #B5B5B5;
	background:url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/sidemenu_linkbg.png) no-repeat 10px center;
}

/* Plugin - Menu, Category
----------------------------------------*/
.plugin #menu a,
.plugin #category a {
	display: block;
	padding:5px 0 5px 25px;
	border-bottom:1px solid #B5B5B5;
	background:url(http://cache.cart-imgs.fc2.com/template/basic_black_1c_m/image/sidemenu_linkbg.png) no-repeat 10px center;
}

/* 子カテゴリ */
.plugin #category a.Sub {
	padding:5px 0 5px 40px;
	border-bottom:1px solid #B5B5B5;
	background: none;
}


/* Plugin - Cart items
----------------------------------------*/
.plugin .cartin {
	background:#EDEDED;
	border:1px solid #AAAAAA;
	padding:10px;
}

.plugin .cartin_item {
	border-bottom:1px dotted #AAAAAA;
	text-align:right;
}

.plugin .cartin .name {
	text-align:left;
	padding:0px 5px;
	font-weight:bold;
}

.plugin .cartin .price {
	text-align:right;
	padding:0px 5px;
}

.plugin .cartin .subtotal {
	text-align:right;
	padding:0px 5px;
}

.plugin .cartin .total {
	text-align:right;
	padding:5px;
	font-weight:bold;
}

.plugin .cartin .submit {
	padding-top:10px;
}

/* Plugin - Search
----------------------------------------*/
.plugin .plugin-search { padding-bottom: 10px; }

.plugin .plugin-search input {
	padding:2px;
	margin-bottom: 5px;
}

.plugin .plugin-search input[type=text],
.plugin .plugin-search input[type=password],
.plugin .plugin-search input[type=search] {
	width: 174px;
	padding: 5px;
	border: 1px solid #2B2B2B;
}

/* inquiry link , signup link
----------------------------------------*/
.plugin .inquiry,
.plugin .signup {
	display: block;
	line-height: 3em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #2B2B2B;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}