@charset "utf-8";
/* CSS Document */

/*member-sort*/
.member-sort{ border: solid 1px #ccc; background-color:#fafafa; display:block; padding: 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.member-sort .btn{ display:block; float: left; margin-right: 10px;}
.member-sort span a{ text-decoration:none;}

.mail-icon{float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(img/common/mail-icon12.png);background-repeat: no-repeat;background-position: center center;}

.cart-icon {float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(img/common/cart-icon12.png);background-repeat: no-repeat;background-position: center center;}

.write-icon {float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(img/common/write-icon12.png);background-repeat: no-repeat;background-position: center center;}

.mail-sort{font-family: 'Source Sans Pro';font-size: 12px;color: #F30; display:block;}
.mail-sort span{display: inline;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCC;padding-right: 5px;padding-left: 5px;}
.mail-sort span a{ text-decoration:none;}
.member-sort #sort{ float:left; display:block; padding:0; margin:0;}
.member-sort #sort #sortBox{ display:inline; padding:0; margin:0; font-size: 12px;}

/*memmber-mail*/
#member .member-mail .clearfix{
	*height:0;
	}
#member .member-mail span{margin:0; padding:0; display: block;}	
#member .member-mail ul{ margin:0; padding:0; display: block;}
#member .member-mail li{
	padding: 5px 0 5px 0;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	/*line-height: 180%;*/
	display: block;
}

#member .member-mail li a{ text-decoration:none;}
#member .member-mail li:hover{ background-color:#fafafa;}
#member .member-mail .th-bg:hover{ background-color:inherit;}
#member .member-mail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(css/corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}

	
#member .member-mail .title{ width:65%; padding: 0% 2% 0% 1%; display:block; float:left;}
#member .member-mail .author{width:13%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;}
#member .member-mail .date{width:15%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;}

#member .member-mail .mail-mark{
	font-size:11px;
	display: inline;
	border: solid 1px #F2B723;
	background: #DA3D1A ;
	padding: 2px;
	margin-right:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;

}


#member .member-mail .new-mark{
	font-size:11px;
	display: inline;
	border: solid 1px #9AE0E5;
	background: #40C0A9 ;
	padding: 2px;
	margin-right:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;

}

/*order-history*/
#member .member-mail .order_nol{
	width: 50%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:10%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_mode
{width:10%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_date
{width:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
.red{color: #E23C12;}

/*order-history end*/
/*order-deatil*/
#member .member-order-detail h1 {font-size: 13px;font-weight: normal;font-family: Arial;}
#member .member-order-detail .order_nol{padding: 0% 1% 0% 2%;display: block;float: left;text-align: left;}

#member .member-order-detail .order_mode
{ padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}

#member .member-order-detail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(css/corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}

/*order-deatil end*/
/*member-mail detail*/
#member .member-mail-detail h1 {font-size: 13px;font-weight: normal;font-family: Arial;}
#member .member-mail-detail .title{ width:97%; padding: 0% 2% 0% 1%; display:block; float:left;}


#member .member-mail-detail .update .author{padding: 0% 1% 0% 1%;display: block;text-align: left;float: left;color: #605C55;font-size: 11px;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCC;
}
#member .member-mail-detail .update .date{ padding: 0% 1% 0% 1%; display:block; text-align:center; float:left; color: #605C55;font-size: 11px;}
#member .member-mail-detail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(css/corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}
#member .mail-block-detail{ padding:10px;}
#member .mail-img-detail{
	width: 40%;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: both;
}
@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 700px) {
#member .member-mail .title{ width:70%; padding: 0% 2% 0% 1%; display:block; float:left;  font-size:12px;}
#member .member-mail .author{display: none;}
#member .member-mail .date{width:23%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;  font-size:11px;}
#member .member-mail .orange{color:#D7651E;}
#member .member-mail .bule{color:#3DA8A1;}
/*member-mail-detail*/
#member .mail-img-detail{
	width: 100%;
	text-align:center;
	float: none;
	margin-right: 0px;
	margin-bottom: 15px;
	clear: both;
}
/*member-mail-detail- END*/
/*order-history*/
#member .member-mail .order_nol{
	width: 30%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_mode
{width:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_date
{width:25%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
/*order-history end*/

}


@media only screen and (max-width: 280px) {
	/*order-history*/
#member .member-mail .order_nol{
	width: 45%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:5%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_mode
{width:10%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_date
{width:25%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
/*order-history end*/
}@charset "utf-8";
/* CSS Document */
/*header_bg*/

header {
	background-color: #03050C;
}
/*Menu*/
header nav ul li a {
	color: #DDDDDD;
}



header nav ul li a:hover,
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a,
header nav li.current_page_parent a,
header nav li.current-post-ancestor a,
header nav li.current-page-ancestor
a{
	color: #666;
}


/*slider*/

.bx-wrapper .bx-caption{

	text-decoration: none;	
	color: #FFF;
	background: #069;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#069), to(#069));
	background: -webkit-linear-gradient(#069, #069);
	background: -moz-linear-gradient(#069, #069);
	background: -ms-linear-gradient(#069, #069);
	background: -o-linear-gradient(#069, #069);
	background: linear-gradient(#069, #069);
	-pie-background: linear-gradient(#069, #069);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.3em;
	display: block;
	*behavior: url(corner/PIE.php);
}


.bx-wrapper .bx-prev {
	color: #FFF;
	background: rgba(0,0,0,0.5);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -ms-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	-pie-background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 110%;
	line-height: 180%;
	
	behavior: url(corner/PIE.php);
	}

.bx-wrapper .bx-prev:hover{

	background: rgba(51,51,51,0.5);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(51,51,51,0.5)), to(rgba(51,51,51,0.5)));
	background: -webkit-linear-gradient(rgba(51,51,51,0.5), rgba(0,51,153,0.5));
	background: -moz-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: -ms-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: -o-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	-pie-background: linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(corner/PIE.php);

}
.bx-wrapper .bx-next{
	color: #FFF;
	background: rgba(0,0,0,0.5);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -ms-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	-pie-background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 110%;
	line-height: 180%;	
	behavior: url(corner/PIE.php);

}
.bx-wrapper .bx-next:hover{
	background: rgba(51,51,51,0.5);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(51,51,51,0.5)), to(rgba(51,51,51,0.5)));
	background: -webkit-linear-gradient(rgba(51,51,51,0.5), rgba(0,51,153,0.5));
	background: -moz-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: -ms-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: -o-linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	background: linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	-pie-background: linear-gradient(rgba(51,51,51,0.5), rgba(51,51,51,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(corner/PIE.php);

}


.more a{
	color: #CC0000;
	text-decoration: none;
}

.more a:hover{
	color: #FF6600;
	text-decoration: underline;
}

/*h1-h4*/

 h2,h3 {
	color: #16161d;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0px;
	margin-top: 0px;
}

section hgroup h2{
	color: #2b1731;
	float: left;
	padding-right: 0.5em;
	display: block;
	line-height: 105%;
}

section hgroup h3{
	color: #2b1731;
	font-size: 100%;
	font-weight: 300;
	float: left;
	display: block;
	line-height: 150%;
}
section h4 {
	color: #2B1731;
	line-height: 150%;
	font-weight: 400;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*news*/
#news .block-content:hover{
	display: block;
	background-color: #DEDEDE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DEDEDE), to(#DEDEDE));
	background: -webkit-linear-gradient(#DEDEDE, #DEDEDE);
	background: -moz-linear-gradient(#DEDEDE, #DEDEDE);
	background: -ms-linear-gradient(#DEDEDE, #DEDEDE);
	background: -o-linear-gradient(#DEDEDE, #DEDEDE);
	background: linear-gradient(#DEDEDE, #DEDEDE);
	-pie-background: linear-gradient(#DEDEDE, #DEDEDE);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(corner/PIE.php);
}


section h4 a{
	color: #000000;

}


section h4 a:hover{
	color: #666666;
}

/*page top*/

#page-top a{
	text-decoration: none;
	display: block;
	color: #FFF;
	background: #000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#000));
	background: -webkit-linear-gradient(#000, #000);
	background: -moz-linear-gradient(#000, #000);
	background: -ms-linear-gradient(#000, #000);
	background: -o-linear-gradient(#000, #000);
	background: linear-gradient(#000, #000);
	-pie-background: linear-gradient(#000, #000);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	behavior: url(corner/PIE.php);
}


#page-top a:hover{
	color: #000;
	background: #ccc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#ccc));
	background: -webkit-linear-gradient(#ccc, #ccc);
	background: -moz-linear-gradient(#ccc, #ccc);
	background: -ms-linear-gradient(#ccc, #ccc);
	background: -o-linear-gradient(#ccc, #ccc);
	background: linear-gradient(#ccc, #ccc);
	-pie-background: linear-gradient(#ccc, #ccc);
	behavior: url(corner/PIE.php);
}

/*footer*/

.links-block{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #382238;
	margin-top: 1em;
}

footer {
	color: #666666;
}

footer p {
	color: #666666;
}

/*連結*/
a {
	color: #333333;
	text-decoration: none;
}
/*a:visited {
	color: #333333;
}*/
a:hover {
	color: #666666;
}


/*Menu sub*/
@media only screen and (min-width: 681px) {
.sf-menu li ul li {
	background-color: #E6E6E6;
}

.sf-menu li ul li a{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,.5);
	color: #333;
}


.sf-menu li ul li a:hover{
	color: #666;
}
}


/*scroll*/
.scroll-arrow {
	color: #000;
}

.scroll-arrow a{
	color: #000;
}


/*nav*/

nav#dot li a{

	border: 2px solid #000;
	background: #000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#000));
	background: -webkit-linear-gradient(#000, #000);
	background: -moz-linear-gradient(#000, #000);
	background: -ms-linear-gradient(#000, #000);
	background: -o-linear-gradient(#000, #000);
	background: linear-gradient(#000, #000);
	-pie-background: linear-gradient(#000, #000);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

nav#dot a:hover, #dot a.active {
	background:transparent;
	border: 2px solid #fff;
}


nav#dot h1 {
	color: #fff;
	background-position: 100% 25%;
	background-color: transparent;
	background-image: url(img/index/nav-arrow.png);
	background-repeat: no-repeat;
	}


/*footer*/
footer{
	background-color: transparent;
	display: block;

}