@charset "utf-8";


/* --------------------------------
	font-size (default : 14px)

		10px ： 72%
		11px ： 79%
		12px ： 86%
		13px ： 93%
		14px ： 100%
		15px ： 108%
		16px ： 115%
		17px ： 122%
		18px ： 129%
		19px ： 136%
		20px ： 143%
		21px ： 150%
		22px ： 158%
		23px ： 165%
		24px ： 172%
		25px ： 179%
		26px ： 186%
		28px ： 200%
		30px ： 214%
-------------------------------- */


/* ============================================================

	style info : ブラウザごとの初期スタイルをリセット

============================================================ */

html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
	margin: 0; 
	padding: 0; 
}
table {
	border-collapse: collapse; 
	border-spacing: 0; 
}
fieldset, img {
	border: none;
}
input, textarea, select {
	font-size: 100%;
}
img {
	vertical-align: top;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong, th {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left; 
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	/*line-height: 1.4;*/
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
}



/* ============================================================

	style info : 全体で汎用的に使用できるスタイルを記述

============================================================ */

/* --------------------------------
	clearfix (.cf)
-------------------------------- */

* html .cf {
	zoom: 1;
}
*+html .cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0;
}


/* --------------------------------
	property
-------------------------------- */

/* width */
.w20  { width: 20px !important; }
.w30  { width: 30px !important; }
.w50  { width: 50px !important; }
.w80  { width: 80px !important;}
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w330 { width: 330px !important; }
.w350 { width: 350px !important; }
.w380 { width: 380px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.w600 { width: 600px !important; }



/* ============================================================

	style info : サイト全体で共通のスタイルを記述

============================================================ */

/* -----------------------------------
	basic
----------------------------------- */

body {
	background: url(../img/common/bg_body.png) center top repeat;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 1.8;
}
	.ie body {
		font-size: 88%;
	}

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

th, td {
	color: #333;
	line-height: 1.8;
}

a {
	outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #ff4165;
	cursor: pointer;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}


/* -----------------------------------
	parts > form
----------------------------------- */

input.text,
textarea {
	position: relative;
	z-index: 1;
	zoom: 1;
	border: none;
	padding: 10px 9px;
	border: solid 1px #dcdfe6;
	border-top: solid 1px #aaadb2;
	border-bottom: solid 1px #e2e9ef;
	background: #fff;
	line-height: 1.2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input.default,
textarea.default {
	color: #999;
}
label {
	vertical-align: baseline;
}
label input {
	margin-right: 8px;
	vertical-align: baseline;
}
select {
	padding: 5px;
}


/* -----------------------------------
	parts > table
----------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
}


/* -----------------------------------
	parts > title
----------------------------------- */

.basicTitle {
	margin-bottom: 30px;
	padding: 6px 15px;
	background: #f3f3f3;
	font-size: 129%;
	line-height: 1.3;
}
.basicTitle span {
	margin-left: 1.5em;
	font-size: 75%;
	font-weight: normal;
}

.basicTitle02 {
	margin-bottom: 25px;
	font-size: 129%;
	line-height: 1.3;
}

.basicTitle03 {
	border-left: solid 3px #333;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 1.2;
}


/* -----------------------------------
	parts > text
----------------------------------- */

.required {
	color: #f00;
	font-weight: normal;
}
.format {
	color: #666;
	font-weight: normal;
}
.ex {
	color: #999;
	font-weight: normal;
}
.note {
	font-weight: normal;
}
.note .required {
	font-size: 100%;
}
.caution {
	padding-left: 1em;
	text-indent: -1em;
}
.important {
	color: #f00;
}
.important span {
	font-weight: bold;
}

.alert {
	padding: 0 0 0 35px;
	background: url(../img/common/icn_alert.png) left center no-repeat;
	color: #f33;
	text-align: left;
}

.errorMessage {
	margin-bottom: 10px;
	padding: 15px 15px 15px 50px;
	border: solid 3px #f33;
	background: url(../img/common/icn_alert.png) 15px 15px no-repeat;
	color: #f33;
	font-weight: bold;
	text-align: left;
}


/* -----------------------------------
	parts > link
----------------------------------- */

.arwLink {
	text-align: right;
}
.arwLink a {
	padding-left: 10px;
	background: url(../img/common/arw_min_blk_r.png) 0 0.5em no-repeat;
}

.backLink {
	margin: 5px 0;
}
.backLink a {
	padding-left: 10px;
	background: url(../img/common/arw_min_blk_l.png) 0 0.5em no-repeat;
	color: #333;
}


/* -----------------------------------
	parts > list
----------------------------------- */

ul.plainList li {
	list-style: none;
}

ul.basicList li {
	list-style: disc outside;
	margin: 0 0 0.5em 2em;
}

dl.inlineList dt,
dl.inlineList dd,
ul.inlineList li {
	display: inline;
	margin: 0 30px 0 0 !important;
	vertical-align: middle;
}

ol.numList li {
	list-style: decimal outside;
	margin: 0 0 0.5em 2em;
}

ul.arwList li {
	padding-left: 20px;
	background: url(../img/common/arw_basic_blk_r.png) 2px 0.7em no-repeat;
}

ul.arwList02 li {
	padding-left: 20px;
	background: url(../img/common/arw_basic_grn_r.png) 2px 0.7em no-repeat;
	color: #97c32c;
	font-size: 82%;
}


/* -----------------------------------
	parts > button
----------------------------------- */

.searchButton,
.cartButton,
.reserveButton,
.deadstockButton,
.button {
	position: relative;
	z-index: 1;
	zoom: 1;
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	line-height: 1.2;
}
.default .searchButton:hover,
.default .cartButton:hover,
.default .reserveButton:hover,
.default .deadstockButton:hover,
.default .button:hover,
.ie9 .searchButton:hover,
.ie9 .cartButton:hover,
.ie9 .reserveButton:hover,
.ie9 .deadstockButton:hover,
.ie9 .button:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.button-pnk {
	border-color: #ff4165;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff4165), color-stop(100%, #f62b52) );
	background: -moz-linear-gradient( center top, #ff4165 5%, #f62b52 100% );
	background: -ms-linear-gradient( top, #ff4165 5%, #f62b52 100% );
	background-color: #ff4165;
	color: #fff !important;
}
	.ie8 .button-pnk {
		background: #ff4165;
	}
	.ie8 .button-pnk:hover {
		background: #ff7791;
	}

.button-wht {
	border-color: #d2d2d2;
	background: #f4f4f4;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%, #eeeeee) );
	background: -moz-linear-gradient( center top, #fefefe 5%, #eeeeee 100% );
	background: -ms-linear-gradient( top, #fefefe 5%, #eeeeee 100% );
	color: #333 !important;
}
	.ie8 .button-wht {
		background-color: #f4f4f4;
	}
	.ie8 .button-wht:hover {
		background-color: #fafafa;
	}

.button-blu {
	border-color: #1dc2f1;
	background: #1dc2f1;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1dc2f1), color-stop(100%, #29b1e9) );
	background: -moz-linear-gradient( center top, #1dc2f1 5%, #29b1e9 100% );
	background: -ms-linear-gradient( top, #1dc2f1 5%, #29b1e9 100% );
	color: #fff !important;
}
	.ie8 .button-blu {
		background: #1dc2f1;
	}
	.ie8 .button-blu:hover {
		background: #61d4f5;
	}

.button-gry {
	border-color: #e6e6e6;
	background-color: #e6e6e6;
	color: #fff !important;
}


.cartButton {
	border-color: #ff4165;
	background: #ff4165;
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff4165), color-stop(100%, #f62b52) );
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -moz-linear-gradient( center top, #ff4165 5%, #f62b52 100% );
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -ms-linear-gradient( top, #ff4165 5%, #f62b52 100% );
	color: #fff !important;
}
	.ie8 .cartButton,
	.ie9 .cartButton {
		background: #ff4165 url(../img/common/icn_cart_wht.png) 11px center no-repeat;
	}
	.ie8 .cartButton:hover {
		background: #ff7791 url(../img/common/icn_cart_wht.png) 11px center no-repeat;
	}

.reserveButton {
	border-color: #1dc2f1;
	background: #1dc2f1;
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1dc2f1), color-stop(100%, #29b1e9) );
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -moz-linear-gradient( center top, #1dc2f1 5%, #29b1e9 100% );
	background: url(../img/common/icn_cart_wht.png) 11px center no-repeat, -ms-linear-gradient( top, #1dc2f1 5%, #29b1e9 100% );
	color: #fff !important;
}
	.ie8 .reserveButton,
	.ie9 .reserveButton {
		background: #1dc2f1 url(../img/common/icn_cart_wht.png) 11px center no-repeat;
	}
	.ie8 .reserveButton:hover {
		background: #61d4f5 url(../img/common/icn_cart_wht.png) 11px center no-repeat;
	}

.deadstockButton {
	border-color: #e6e6e6;
	background-color: #e6e6e6;
	color: #999 !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	cursor: default !important;
}
	.ie9 .deadstockButton:hover {
		filter: alpha(opacity=100);
	}

.searchButton {
	border-color: #ff4165;
	background: #ff4165;
	background: url(../img/common/icn_search.png) 11px center no-repeat, -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff4165), color-stop(100%, #f62b52) );
	background: url(../img/common/icn_search.png) 11px center no-repeat, -moz-linear-gradient( center top, #ff4165 5%, #f62b52 100% );
	background: url(../img/common/icn_search.png) 11px center no-repeat, -ms-linear-gradient( top, #ff4165 5%, #f62b52 100% );
	color: #fff !important;
}
	.ie8 .searchButton,
	.ie9 .searchButton {
		background: #ff4165 url(../img/common/icn_search.png) 11px center no-repeat;
	}
	.ie8 .searchButton:hover {
		background: #ff7791 url(../img/common/icn_search.png) 11px center no-repeat;
	}

/* //130912修正 */


/* -----------------------------------
	parts > img
----------------------------------- */

.imgR {
	display: inline;
	float: right;
	margin-left: 20px;
}
.imgL {
	display: inline;
	float: left;
	margin-right: 20px;
}


/* -----------------------------------
	parts
----------------------------------- */

/* socialButtons */
ul.socialButtons {
	width: auto !important;
	margin-right: 0 !important;
}
ul.socialButtons li {
	overflow: hidden;
	display: inline-block !important;
	vertical-align: top !important;
	margin: 0 2px 1px 0 !important;
	float: none !important;
	line-height: 0;
}
/*ul.socialButtons li.twitter {
	width: 70px;
}
ul.socialButtons li.facebook {
	width: 71px;
}
ul.socialButtons li.facebook iframe {
	overflow: hidden;
}
ul.socialButtons li.google {
	width: 32px;
}
ul.socialButtons li.mixi {
	width: 70px;
}
ul.socialButtons li.line {
	width: 20px;
	margin-right: 0 !important;
}*/


/* pagination */
ul.pagination {
	margin: 30px 0 10px 0;
	text-align: center;
	font-size: 115%;
	line-height: 34px;
}
ul.pagination li {
	overflow: hidden;
	display: inline-block;
	margin: 0 2px;
}
ul.pagination li a {
	display: inline-block;
	padding: 0 9px;
	border: solid 1px #eaeaea;
	background: #f5f5f5;
	text-decoration: none;
}
ul.pagination li a:hover {
	background: #f9f9f9;
}
ul.pagination li.current a,
ul.pagination li.current a:hover {
	border: solid 1px #f36;
	background: #f36;
	color: #fff;
}
ul.pagination li.nav a {
	width: 30px;
	height: 34px;
	border: solid 1px #fff;
	text-indent: 300px;
}
ul.pagination li.prev a {
	background: #fff url(../img/common/arw_pagination_prev.png) center center no-repeat;
}
ul.pagination li.next a {
	background: #fff url(../img/common/arw_pagination_next.png) center center no-repeat;
}



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

.navPanel {
	display: none;
	position: absolute;
	left: 0;
	top: 36px;
	overflow: hidden;
	z-index: 201;
}
.navPanel * {
	zoom: 1;
}
.navPanel.current {
	z-index: 202;
}
.navPanel .inner {
	position: relative;
	border: solid 3px #ff4165;
	background: #fff;
	padding: 5px 15px 15px 15px;
	line-height: 1.5;
}
.navPanel .frame {
	overflow-y: auto;
}
.navPanel input.text {
	width: 235px;
}
.navPanel .button {
	width: 255px;
}
	.ie8 .navPanel .button {
		behavior: none;
	}

.navPanel p {
	position: relative;
	z-index: 201;
	margin-top: 10px;
}
.navPanel p a {
	color: #666;
}
.navPanel p.alert {
	color: #f33;
	padding: 0 0 0 35px;
	background: url(../img/common/icn_alert.png) left center no-repeat;
}
.navPanel p.option {
	margin: 8px 0 -5px 0;
	font-size: 86%;
	text-align: center;
	text-decoration: underline;
}
.navPanel p.reminder {
	font-size: 86%;
	text-align: right;
}
.navPanel div.loading {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff url(../img/common/loading.gif) center center no-repeat;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	z-index: 202;
}

#loginPanel,
#registerPanel {
	width: 290px;
}
#newsPanel,
#cartPanel {
	width: 463px;
}
#loginPanel .alert {
	display: none;
}
#newsPanel .frame {
	position: relative;
	height: 300px;
	margin: -5px -15px -15px -15px;
}
#newsPanel dl dt {
	border-top: solid 1px #ff4165;
	padding: 10px 15px 3px 15px;
	font-size: 86%;
	font-weight: bold;
}
#newsPanel dl dd {
	padding: 0 15px 10px 15px;
}

#cartPanel {
	color: #333;
}
#cartPanel .frame {
	position: relative;
	height: 200px;
	margin: -5px -15px 0 -15px;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
	border-bottom: solid 1px #ff4165;
}
#cartPanel ul {
	margin-top: -1px;
}
#cartPanel ul li div {
	padding: 10px 20px 10px 10px;
	border-top: solid 1px #ff4165;
	font-size: 86%;
}
#cartPanel .frame .noitem {
	text-align: center;
	font-weight: bold;
	line-height: 200px;
}
#cartPanel .frame ul li.hidden div {
	visibility: hidden;
}
#cartPanel ul li p,
#cartPanel ul li ul.limitedList {
	margin: 0 0 0 23%;
}
#cartPanel ul li p.spec,
#cartPanel ul li p.important,
#cartPanel ul li p.itemID,
#cartPanel ul li ul.limitedList {
	font-size: 84%;
	margin-bottom: 3px;
}
#cartPanel ul li ul.limitedList li {
	padding: 0 0 2px 15px;
	background-position: 0 0.15em;
	background-size: 10px;
}
	.ie8 #cartPanel ul li ul.limitedList li {
		padding: 0 0 2px 20px;
		background-position: 0 0.05em;
	}

#cartPanel ul li p.photo {
	display: inline;
	float: left;
	margin: 0 3% 0 0;
}
#cartPanel ul li p.subtotal {
	margin-left: 260px;
	padding-top: 2px;
	text-align: right;
	font-weight: bold;
}
#cartPanel ul li p.subtotal input.button {
	position: relative;
	top: -2px;
	float: left;
	width: 60px;
}
#cartPanel p.total {
	margin: 10px -5px;
	text-align: right;
	font-weight: bold;
	font-size: 86%;
}
#cartPanel p.total span {
	color: #ff4165;
	font-size: 117%;
}
#cartPanel p.action {
	margin: 0 -5px -5px -5px;
}
#cartPanel p.action input.button {
	width: 438px;
	padding: 15px 0;
	background: #ff4165;
	background: url(../img/common/icn_cart_wht.png) 145px center no-repeat, -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff4165), color-stop(100%, #f62b52) );
	background: url(../img/common/icn_cart_wht.png) 145px center no-repeat, -moz-linear-gradient( center top, #ff4165 5%, #f62b52 100% );
	background: url(../img/common/icn_cart_wht.png) 145px center no-repeat, -ms-linear-gradient( top, #ff4165 5%, #f62b52 100% );
}
	.ie8 #cartPanel p.action input.button,
	.ie9 #cartPanel p.action input.button {
		background: #ff4165 url(../img/common/icn_cart_wht.png) 145px center no-repeat;
	}
	.ie8 #cartPanel p.action input.button:hover {
		background: #ff7791 url(../img/common/icn_cart_wht.png) 145px center no-repeat;
	}
	#cartPanel p.action input.button, x:-moz-any-link {
		padding: 10px 0;
	}

#cartPanel p.action input.disabled {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	position: relative;
	zoom: 1;
	cursor: default;
}


#mypagePanel {
	width: 290px;
}
#mypagePanel ul {
	margin: -6px -15px -15px -15px;
}
#mypagePanel ul li {
	border-top: solid 1px #ff4165;
}
#mypagePanel ul li a {
	display: block;
	padding: 12px 15px;
	text-decoration: none;
	font-weight: bold;
}
#mypagePanel ul li a:hover {
	background: #ff4165;
	color: #fff;
}


/* 131012修正 */
#filteringPanel .inner {
	padding: 0;
}
#filteringPanel ul.seriesList li {
	display: inline;
	float: left;
}
#filteringPanel ul.seriesList li a {
	position: relative;
	display: block;
	text-decoration: none;
}
#filteringPanel ul.seriesList li a img {
	border: solid 1px #ccc;
}
#filteringPanel ul.seriesList li span {
	display: block;
	position: absolute;
	left: -8px;
	top: -8px;
	width: 3em;
	height: 1.6em;
	padding-top: 0.1em;
	background: #a3a3a3;
	border-radius: 8px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.6em;
}
#filteringPanel ul.seriesList li a.selected {
	opacity: 1 !important;
}
#filteringPanel ul.seriesList li a.selected img {
	border: solid 1px #ff4165;
}
#filteringPanel ul.seriesList li a.selected span {
	background: #ff4165;
}
#filteringPanel .action {
	display: table;
	width: 100%;
	border-top: solid 1px #e4e4e4;
	background: #f4f4f4;
	font-weight: bold;
	vertical-align: middle;
}
#filteringPanel .action .cancel {
	display: table-cell;
	padding: 5px 15px;
}
#filteringPanel .action .cancel a {
	color: #333;
	font-size: 86%;
	padding-left: 18px;
	background: url(../img/common/icn_circle_delete_s.png) 0 0.1em no-repeat;
}
#filteringPanel .action .search {
	display: table-cell;
	padding: 5px;
	text-align: right;
}
#filteringPanel .action .search p {
	display: inline;
	margin: 0;
}
#filteringPanel .action .search p.condition,
#filteringPanel .action .search p.result {
	color: #ff4165;
	font-size: 86%;
}
#filteringPanel .action .search p.result span {
	margin: 0 3px;
}
#filteringPanel .action .search p.condition span {
	font-size: 125%;
	margin: 0 3px;
}
#filteringPanel .action .search p.submit {
	margin-left: 10px;
}

/* //131012修正 */



/* 閲覧エラー表示 */
.ie6 #header .headerNav,
.ie6 #fixedCart,
.ie6 #contents,
.ie6 #footer,
.ie7 #header .headerNav,
.ie7 #fixedCart,
.ie7 #contents,
.ie7 footer,
body.no-js #header .headerNav,
body.no-js #fixedCart,
body.no-js #contents,
body.no-js #footer {
	display: none;
}

.systemMessage {
	display: none;
	width: 950px;
	margin: 60px auto;
	padding: 15px 0;
	border: solid 3px #fe0000;
	background: #fff;
	color: #fe0000;
	font-size: 115%;
	font-weight: bold;
	text-align: center !important;
	line-height: 1.4;
}
body.no-js #forNoJS {
	display: block;
}
.ie6 #forOldIE,
.ie7 #forOldIE {
	display: block;
}
.ie6 body.no-js #forNoJS,
.ie7 body.no-js #forNoJS {
	display: none;
}