@charset "utf-8";





/* ---------- reset ---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: top;
}





/* ---------- base ---------- */

body {
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color:#333;
	text-decoration:none;
}

.aR {
	text-align:right;
}





/* ---------- login ---------- */

#login {
	background:#fafafa;
}

#login div {
	background:#fff;
	border:#eee 1px solid;
	box-sizing:border-box;
	height:300px;
	margin:-150px 0 0 -200px;
	left:50%;
	padding:30px;
	position:absolute;
	top:50%;
	width:400px;
}

#login h1 {
	border-bottom:#eee 1px solid;
	font-size:0.85em;
	margin:0 0 15px;
	padding:0 0 5px;
}

#login p {
	color:#CC0000;
	font-size:0.75em;
	line-height:1.5em;
	padding:0 0 15px;
}

#login li {
	padding:0 0 15px;
}

#login li input {
	box-sizing:border-box;
	border:#aaa 1px solid;
	padding:10px 15px;
	width:100%;
}

#login li select {
	box-sizing:border-box;
	border:#aaa 1px solid;
	padding:10px 15px;
	width:100%;
}

#login button {
	border:none;
	background:#666;
	color:#fff;
	padding:10px 15px;
	width:100%;
}





/* ---------- header ---------- */

#header {
	background:#000;
	color:#fff;
	margin:0 0 25px;
	min-width:1280px;
	overflow:hidden;
}

#header p {
	float:left;
	font-size:0.75em;
	line-height:1.0em;
	padding:10px 0 10px 25px;
}

#header nav {
	float:right;
}

#header nav ul {
	font-size:0.75em;
	line-height:1.0em;
	overflow:hidden;
}

#header nav ul li {
	border-left:1px solid #fff;
	float:left;
}

#header nav ul li a {
	color:#fff;
	display:block;
	padding:10px 25px;
}





/* ---------- footer ---------- */

footer {
	background:#000;
	color:#fff;
	font-size:0.75em;
	line-height:1.0em;
	padding:10px 0;
	text-align:center;
	min-width:1280px;
}





/* ---------- main ---------- */

main {
	display:block;
	min-width:1280px;
	overflow:hidden;
}

main h1 {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	text-align:right;
	padding:8px 25px 33px 0;
}

main h1 select {
	box-sizing:border-box;
	border:#ccc 1px solid;
	padding:10px;
}

main nav {
	float:left;
	padding:0 0 25px 10px;
}

main nav ul {
	font-size:0.85em;
	line-height:1.0em;
	overflow:hidden;
}

main nav ul li {
	float:left;
	padding:0 0 0 15px;
}

main nav ul li em {
	background:#000;
	border:#000 2px solid;
	border-radius:3px;
	color:#fff;
	display:block;
	padding:10px 15px;
}

main nav ul li a {
	border:#000 0px solid;
	border-radius:3px;
	color:#000;
	display:block;
	padding:10px 15px;
}

main button {
	background:#666;
	border:none;
	color:#fff;
	font-size:1.5em;
	padding:15px 0;
	width:100%;
}

main button.check {
	background:#fff;
	border:#666 1px solid;
	color:#666;
	font-size:1.2em;
	padding:10px 0;
	width:100%;
}





/* ---------- product_list ---------- */

#product_list {
	clear:both;
	padding:0 0 0 25px;
}

#product_list ul {
	overflow:hidden;
}

#product_list ul li {
	box-sizing:border-box;
	float:left;
	padding:0 25px 25px 0;
	width:25%;
}

#product_list ul li:nth-child(4n+1) {
    clear: both;
}

#product_list ul li a {
	display:block;
}

#product_list ul li p {
	box-sizing:border-box;
	font-size:0.8em;
	line-height:1.0em;
	padding:0 5px 10px;
}

#product_list ul li .image {
	text-align:center;
	padding:0 0 10px;
}

#product_list ul li .image img {
	max-width:100%;
	height:auto;
}

#product_list ul li .number {
	float:left;
}

#product_list ul li .price {
	float:right;
}

#product_list ul li .title {
	clear:both;
}





/* ---------- detail ---------- */

#product_detail {
	clear:both;
}

#product_detail #spec {
/*	border:#eee 1px solid;*/
	box-sizing:border-box;
	float:right;
	margin:0 25px 25px 0;
	width:450px;
}

#product_detail #spec h2 {
	background:#fafafa;
	font-size:0.85em;
	line-height:1.5em;
	padding:10px 15px;
}

#product_detail #spec h3 {
/*	border-bottom:#eee 1px solid;*/
	font-size:0.95em;
	font-weight:bold;
	line-height:1.5em;
	padding:15px;
}

#product_detail #spec #information {
	width:100%;
}

#product_detail #spec #information tr {
/*	border-bottom:#eee 1px solid;*/
}

#product_detail #spec #information th {
	font-size:0.75em;
	line-height:1.5em;
	padding:10px 15px;
	text-align:left;
	vertical-align:top;
	width:50px;
}

#product_detail #spec #information td {
	padding:10px 15px;
}

#product_detail #spec #information td p {
	font-size:0.75em;
	line-height:1.5em;
}

#product_detail #spec #information #color ul {
	overflow:hidden;
}

#product_detail #spec #information #color li {
/*	border:#eee 1px solid;*/
	box-sizing:border-box;
	float:left;
	margin:0 5% 10px 0;
	width:30%;
}

#product_detail #spec #information #color li:nth-child(3n) {
	margin:0 0 10px;
}

#product_detail #spec #information #color li p:first-child {
	padding:0 0 5px;
}

#product_detail #spec #information #color li p img {
	height:20px;
	width:100%;
}

#product_detail #spec .cart {
	padding:25px 0 15px;
}

#product_detail #spec .cart button {
	font-size:0.95em;
}





/* ---------- slider ---------- */

#image {
	padding:0 500px 25px 25px;
	text-align:center;
}

#slider {
	box-sizing:border-box;
	padding:25px 50px;
	box-sizing:border-box;
	border:#eee 1px solid;
	position:relative;
	text-align:center;
	width:100%;
}

#slider ul li {
}

#slider img {
	max-height:800px;
	max-width:100%;
	height:auto;
	width:auto;
}

#slider .bx-prev {
	left:10px;
	background:url(../../images/bg_prev.png) no-repeat 0 0;
}

#slider .bx-next {
	right:10px;
	background:url(../../images/bg_next.png) no-repeat 0 0;
}

#slider .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top:-26px;
	outline:0;
	width:29px;
	height:55px;
	text-indent:-9999px;
	z-index:100;
}





/* ---------- form ---------- */

#form {
	clear:both;
	margin:0 auto;
	padding:0 0 30px;
	width:700px;
}

#form h2 {
	font-size:1.3em;
	line-height:1.5em;
	border-bottom:#eee 1px solid;
	padding:0 0 10px;
	margin:0 0 25px;
}

#form p {
	font-size:0.8em;
	line-height:1.5em;
	padding:0 0 25px;
}





/* ---------- section ---------- */

.section {
	padding:0 0 30px;
}

.section._hidden {
    overflow: hidden;
}





/* ---------- table ---------- */

.table {
	border-top:#eee 1px solid;
	margin:0 0 25px;
	width:100%;
}

.table tr {
	border-bottom:#eee 1px solid;
}

.table th {
	font-size:0.8em;
	line-height:1.6em;
	padding:15px 0;
	text-align:left;
	width:200px;
}

.table td {
	font-size:0.8em;
	line-height:1.6em;
	padding:15px 0;
}

.table td input[type="text"] {
	box-sizing:border-box;
	border:#ccc 1px solid;
	padding:10px;
	width:100%;
}

.table td select {
	box-sizing:border-box;
	border:#ccc 1px solid;
	padding:10px;
}

.table td .small {
	width:20%!important;
}

.table td .err {
	color:#CC0000;
	font-size:1.0em!important;
	padding:5px 0 0!important;
}





/* ---------- total_table ---------- */

.total_table {
	font-size:0.85em;
	margin:0 0 30px;
	width:100%;
}

.total_table tr {
	border-bottom:#eee 1px solid;
}

.total_table tr:last-child {
	background:#fafafa;
}

.total_table th {
	text-align:right;
}

.total_table td {
	padding:25px 15px;
	text-align:right;
	width:10%;
}





/* ---------- buy_table ---------- */

.buy {
	font-size:0.65em;
	width:100%;
}

.buy tr {
	border-bottom:#eee 1px solid;
}

.buy thead {
	background:#eee;
}

.buy tr:nth-child(2n) {
	background:#fafafa;
}

.buy th {
	padding:10px 15px 10px 0;
	text-align:center;
}

.buy .total {
	text-align:right;
}

.buy th:first-child {
	padding:10px 15px;
}

.buy td {
	padding:10px 15px 10px 0;
	text-align:center;
}

.buy .price {
	text-align:right;
}

.buy td {
	width:10%;
}

.buy td input {
	box-sizing:border-box;
	width:100%;
}





/* ---------- price_dl ---------- */

.price_dl {
    float: right;
    width: 300px;
}

.price_dl div {
    font-size: 0.95rem;
    overflow: hidden;
    border-bottom: #eee 1px solid;
    padding: 17px 15px 15px;
}

.price_dl dt {
    float: left;
}

.price_dl dd {
    font-weight: bold;
    float: right;
}





/* ---------- history ---------- */

.history_list {
	border-top:#eee 1px solid;
}

.history_list li a,
.history_list li span {
	background:#fafafa;
	border-bottom:#eee 1px solid;
	display:block;
	overflow:hidden;
	padding:15px;
}

.history_list li:nth-child(2n) a {
	background:#fff;
}

.history_detail {
	margin:0 0 50px;
}

.history_detail header {
	background:#fafafa;
	border:#eee 1px solid;
	overflow:hidden;
	padding:15px;
}

.history_detail article {
	border-left:#eee 1px solid;
	border-right:#eee 1px solid;
}

.history_detail .buy {
	font-size:0.85em;
	width:100%;
}

.history_list h3,
.history_detail header h3 {
	font-size:1.1em;
	font-weight:bold;
	float:left;
	line-height:1.3em;
}

.history_list p,
.history_detail header p {
	font-size:0.85em!important;
	float:right;
	line-height:1.3em;
	padding:3px 0 0!important;
}

.history_detail article h4 {
	font-size:0.85em!important;
	padding:15px!important;
}

.history_detail article h5 {
	font-size:0.85em!important;
	padding:0 15px;
}

.history_detail article p {
	font-size:0.85em!important;
	padding:15px!important;
}