@charset "utf-8";


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

		10px ： 84%
		11px ： 92%
		12px ： 100%
		13px ： 109%
		14px ： 117%
		15px ： 125%
		16px ： 134%
		17px ： 142%
		18px ： 150%
		19px ： 159%
		20px ： 167%
		22px ： 184%
		24px ： 200%
		26px ： 217%
		28px ： 234%
		30px ： 250%
		32px ： 267%
		36px ： 300%
		40px ： 334%
-------------------------------- */


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

	style info : スマホ用のスタイルを記述

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

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

body {
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
}
th, td {
	line-height: 1.5;
}


/* -----------------------------------
	layout
----------------------------------- */

#page {
	margin: 0 10px;
}

#contents {
	margin-top: 70px;
}
#contents .content {
	margin: 0 -10px;
	padding: 10px;
	background: #fff;
	text-align: left;
	line-height: 1.5;
}

.pc {
	display: none !important;
}


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

table.formTable tr td textarea {
	width: 90% !important;
}
table.formTable tr td label input {
	width: auto !important;
}
table.formTable tr td input.zipForm {
	width: 50% !important;
}
table.formTable tr td input.zipButton {
	width: auto !important;
	/*font-size: 84% !important;*/
	padding-right: 10px;
	padding-left: 10px;
}



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

.basicTitle {
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	border-left: solid 2px #ff4165;
	background: none;
	font-size: 134%;
}
.basicTitle span {
	display: block;
	margin: 3px 0 0 0;
	font-size: 68%;
}

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


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

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


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

.backLink {
	text-align: left;
}


/* 130912修正 */
/* -----------------------------------
	parts > button
----------------------------------- */

.button-l {
	padding: 12px 14px;
	font-size: 115%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button-m {
	padding: 10px 14px;
	font-size: 115%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.searchButton,
.cartButton,
.reserveButton,
.deadstockButton,
.button-s {
	padding: 7px 14px;
	font-size: 115%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button-xs {
	padding: 2px 14px;
	font-size: 79%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.cartButton,
.reserveButton,
.deadstockButton {
	width: 170px;
	padding-left: 0;
	padding-right: 0;
}
.cartButton {
	padding-left: 15px;
}

.searchButton {
	width: 120px;
	padding: 10px 14px 10px 30px;
}
/* //130912修正 */



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

.imgR {
	margin-left: 10px;
}
.imgL {
	margin-right: 10px;
}



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

/* pagination */
ul.pagination {
	margin: 20px 0;
	text-align: center;
	line-height: 24px;
}
ul.pagination li {
	margin: 0 1px;
}
ul.pagination li a {
	padding: 0 4px;
}
ul.pagination li.nav a {
	width: 20px;
	height: 24px;
	padding: 0;
}

/* limitedList */
ul.limitedList li {
	padding-left: 12px;
	background: url(../img/sp/icn_plus.png) 0 0.3em no-repeat;
	background-size: 7px;
	color: #FF4165;
}


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

#header {
	position: relative;
	z-index: 200;
}
#header .siteLogo {
	margin: 15px 0;
}
#header .headerNav {
	position: absolute;
	width: 100%;
	right: inherit !important;
}
#header .headerNav ul.globalNav {
	background: #000;
}
#header .headerNav ul.globalNav li {
	display: inline;
	float: left;
	width: 28%;
	border-right: solid 1px #fff;
	font-size: 109%;
	text-align: center;
}
#header .headerNav ul.globalNav li a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
#header .headerNav ul.globalNav li.cart {
	width: 15%;
	border-right: none;
}
#header .headerNav ul.globalNav li.cart a span {
	margin: 0 auto;
}
#header .headerNav ul.globalNav li a span.num {
	display: none;
}
#header .headerNav ul.globalNav li a:hover,
#header .headerNav ul.globalNav li a.current {
	background-color: #ff4165 !important;
}
#header .headerNav ul.globalNav li a:hover span.num,
#header .headerNav ul.globalNav li a.current span.num {
	background: #fff;
	color: #ff4165;
}
#header .headerNav ul.globalNav li.member {
	width: 56%;
	text-align: left;
	display: none;
	border-left: none;
}
#header .headerNav ul.globalNav li.member a {
	padding: 10px 25px 10px 15px;
	background: url(../img/common/arw_nav_wht_b.png) 90% center no-repeat;
	text-decoration: underline;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
#header .headerNav ul.globalNav.loggedin li.member {
	display: inline;
}
#header .headerNav ul.globalNav.loggedin li.login {
	display: none;
}
#header .headerNav ul.globalNav.loggedin li.register {
	display: none;
}

/* 修正140411 */
#header .headerNav dl.displayNav {
	position: absolute;
	right: 36px;
	top: -50px;
	background: #fff;
	padding: 7px 5px;
}
/* //修正140411 */

#header .headerNav.follow. displayNav {
	display: none;
}
#header .headerNav dl.displayNav dt,
#header .headerNav dl.displayNav dd {
	display: inline;
	float: left;
}
#header .headerNav dl.displayNav dt {
	display: none;
}
#header .headerNav dl.displayNav dd.thumbnail {
	margin-left: 5px;
	padding-left: 5px;
	border-left: solid 1px #ccc;
}
#header .headerNav dl.displayNav dd a {
	background-color: #dedede;
	cursor: default;
}
#list #header .headerNav dl.displayNav dd a:hover,
#list #header .headerNav dl.displayNav dd a.current {
	background-color: #ff4165;
	cursor: pointer;
}
#list #header .headerNav dl.displayNav dd a.disable {
	background-color: #dedede;
	cursor: default;
}

.navPanel {
	display: none;
	position: absolute;
	top: auto;
	overflow: hidden;
	z-index: 1;
	width: 100% !important;
	text-align: left;
}

/*
@media all and (orientation:landscape)
{
	#header .headerNav .navPanel .frame {
		height: auto;
		overflow-y: visible;
	}
}
*/

.navPanel p.option,
.navPanel p.reminder,
#cartPanel ul li div,
#cartPanel p.total {
	font-size: 100%;
}
.navPanel .frame {
	height: 200px;
}
.navPanel input.text {
	width: 93%;
}
.navPanel .button {
	width: 100%;
}

#cartPanel ul li p.photo {
	width: 20%;
}
#cartPanel ul li p.photo img {
	width: 100%;
	height: auto;
}


#cartPanel ul li p.subtotal {
	margin-left: auto;
	text-align: right;
}
#cartPanel ul li p.subtotal input.button {
	position: relative;
	top: -2px;
	float: none;
	width: auto;
	padding: 3px 6px;
	margin-right: 10px;
}
#cartPanel p.total span {
	font-size: 117%;
}
#cartPanel p.action {
	margin: 0 -5px -5px -5px;
}
#cartPanel p.action input.button {
	width: 100%;
	background-position: 28% center;
}


/* 131012修正 */

/* 修正140411 */
#header .headerNav ul.searchNav {
	position: absolute;
	right: 105px;
	top: -50px;
}
/* //修正140411 */

#header .headerNav ul.searchNav li.filtering {
	position: relative;
}
#header .headerNav ul.searchNav li.filtering .result {
	position: absolute;
	left: 0;
	top: 11px;
	z-index: 190;
	font-size: 8px;
	font-family: Arial;
	display: none;
	color: #fff;
	width: 35px;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
}
#header .headerNav ul.searchNav li.filtering a {
	z-index: 191;
}
#header .headerNav ul.searchNav li.filtering a.filteringButton {
	cursor: default;
}
#header .headerNav ul.searchNav li.filtering.active a.filteringButton {
	cursor: pointer;
}
#header .headerNav ul.searchNav li.filtering a.closeButton {
	display: none;
}
#header .headerNav ul.searchNav li.filtering.selected .result {
	display: block;
}

#filteringPanel {
	display: none;
	top: -11px;
}
#filteringPanel .frame {
	height: 240px;
	position: relative;
}
#filteringPanel .categorySelect {
	padding: 10px 4%;
}
#filteringPanel .categorySelect select {
	width: 100%;
}
#filteringPanel ul.seriesList {
	padding: 10px 0;
}
#filteringPanel .cancel {
	display: none;
	padding: 10px 0;
	margin: 0 4%;
	border-bottom: solid 1px #ff4165;
}
#filteringPanel .cancel a {
	padding: 2px 0 2px 25px;
	background: url(../img/sp/icn_circle_delete.png) 0 0 no-repeat;
	background-size: 18px;
	color: #333;
}
#filteringPanel ul.seriesList li {
	width: 42%;
	margin: 10px 4% 0 4%;
}
#filteringPanel ul.seriesList li img {
	width: 100%;
}
#filteringPanel .action {
	margin: 0;
}
#filteringPanel .action .search {
	padding: 10px;
	text-align: center;
}
#filteringPanel .action .condition,
#filteringPanel .action .result,
#filteringPanel .action .cancel,
#filteringPanel .categoryList {
	display: none !important;
}
/* //131012修正 */

/* 131213修正 */
/* 修正140411 */
#filteringNoticePop {
	display: none;
	position: absolute;
	top: -14px;
	right: 96px;
	background: url(../img/sp/search_notice_back_sp.png) no-repeat;
	background-size: cover;
	width: 206px;
	height: 64px;
	z-index: 999;
}
/* //修正140411 */
#filteringNoticePop .inner {
	color: #ff4165;
	margin: 29px 20px 10px 25px;
	line-height: 1;
	font-weight: bold;
	font-size: 115%;
}
#filteringNoticePop .close {
	position: absolute;
	top: 10px;
	width: 100%;
	height: 45px;
}
#filteringNoticePop .close:hover {
	opacity: 0.5;
}
#filteringNoticePop .close span {
	background: url(../img/sp/search_notice_close_sp.png) no-repeat;
	background-size: 13px 13px;
	position: absolute;
	top: 19px;
	right: 10px;
	width: 15px;
	height: 15px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
/* //131213修正 */

/* 修正140411 */
#header .headerNav .twitterNav {
	position: absolute;
	right: 0;
	top: -50px;
}



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

#footer {
	position: relative;
	z-index: 90;
	padding: 15px 0;
	font-size: 84%;
}
#footer .pagetopButton {
	display: none !important;
}
#footer ul.footerNav {
	text-align: left;
}
#footer ul.footerNav li {
	display: inline-block;
	margin-right: 1em;
	padding: 0.3em 0 0.2em 22px;
	background: url(../img/common/arw_circle_gry_r.png) 0 0.4em no-repeat;
}
#footer ul.footerNav li a {
	color: #666;
}
#footer .copyright {
	text-align: right;
	margin-top: 0.5em;
}



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

.messageSection {
	padding: 30px 0;
	font-weight: bold;
	text-align: center;
}
.messageSection p {
	margin-bottom: 1em;
}




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

	style info : アイテム一覧

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

#list #lead {
	height: 165px;
	padding-top: 25px;
	text-align: center;
}
#list #lead p {
	display: none;
	margin: 0 auto;
}
#list #lead p.text02 {
	margin-top: 10px;
}
#list #lead p.text03 {
	margin-top: 15px;
}
#list #lead p.arrow {
	display: none !important;
	margin-top: 40px;
}

#list .more {
	margin-top: 20px;
}
#list .more a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #fff;
	color: #ff4165;
}


/* indexItemList */
.indexItemList .item {
	position: relative;
	margin-top: 20px;
}
.indexItemList .item.itemLoading .information {
	display: none !important;
}
.indexItemList .item .information {
	display: block !important;
	background: #f7f7f7;
	text-align: left;
	font-weight: bold;
	line-height: 1.3 !important;
}
.indexItemList .item .information .inner {
	padding: 10px;
}
.indexItemList .item .information h2,
.indexItemList .item .information h3 {
	font-size: 150%;
}
.indexItemList .item .information h2 span {
	padding-left: 22px;
	background: url(../img/sp/arw_circle_pnk_r.png) 0 0.05em no-repeat;
	background-size: 18px;
}
.indexItemList .item .information p,
.indexItemList .item .information ul.limitedList,
.indexItemList .item .information dl.newsList {
	font-size: 84%;
}
.indexItemList .item .information p.spec {
	margin: 5px 0 2px 0;
}
.indexItemList .item .information ul.limitedList,
.indexItemList .item .information dl.newsList {
	position: relative;
	margin-top: 5px;
	color: #ff4165;
}
.indexItemList .item .information ul.limitedList li {
	background-position: 0 0.15em;
}
.indexItemList .item .information dl.newsList dt {
	position: absolute;
	width: 5em;
	padding: 0.3em 0;
	text-align: center;
	background: #ff4165;
	color: #fff;
}
.indexItemList .item .information dl.newsList dd {
	padding: 0.3em 0 0.3em 5.5em;
}
.indexItemList .item .information p.closeButton,
.indexItemList .item .information p.detailButton {
	display: none;
}
.indexItemList .item .information p.badge {
	position: absolute;
	z-index: 130;
	right: -8px;
	top: -18px;
	width: 30%;
}
.indexItemList .item .information p.badge img {
	width: 100%;
}

.indexItemList .item .visual {
	display: block;
	position: relative;
	width: auto !important;
	height: auto !important;
}
.indexItemList .item .overlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 120;
	width: 100%;
	height: 100%;
	background: url(../img/sp/bg_dot.png) left bottom repeat;
}
.indexItemList .item .photo {
	position: relative;
	z-index: 110;
	background: url(../img/common/loading.gif) center center no-repeat;
}
body.spScreen .indexItemList .item .photoV {
	background: url(../img/common/loading.gif) center center no-repeat !important;
}
body.spScreen .indexItemList .item .photoV.loaded{
	background-image: none !important;
}
.indexItemList .item .photoV img {
	width: 100%;
}
.indexItemList .item .photoT,
.indexItemList .item .badgeT {
	display: none;
}

.indexItemList .itemCS {
	color: #333;
}
.indexItemList .itemCS .information {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 130;
	width: 100%;
	text-align: center;
	background: none;
}
.indexItemList .itemCS .information h2 {
	margin-top: 40px;
	font-size: 117%;
}
.indexItemList .itemCS .information h3 {
	font-size: 150%;
}
.indexItemList .itemCS .information p.price {
	font-size: 117%;
}
.indexItemList .itemCS .information p.release {
	margin-top: 5px;
	font-size: 134%;
}
.indexItemList .itemCS .information dl.newsList {
	margin-top: 10px;
    display: inline-block;
}
.indexItemList .itemCS .information dl.newsList dd {
    text-align: left;
}
.indexItemList .itemLoading a {
	cursor: default;
}


/* thumbnailItemList */
/* 修正130726 */
.thumbnailItemList .item {
	position: relative;
	width: 48%;
	margin-bottom: 50px;
	float: left;
}
.thumbnailItemList .itemEven {
	float: right;
}
/* //修正130726 */
.thumbnailItemList .item a.visual {
	display: table;
	width: 100%;
}
.thumbnailItemList .item .overlay {
	display: none;
}
.thumbnailItemList .item img {
	position: relative;
	z-index: 90;
	width: 100%;
}
.thumbnailItemList .item .photo {
	background: url(../img/common/loading.gif) center 100px no-repeat;
}
.thumbnailItemList .item .photoV {
	display: none;
}
.thumbnailItemList .item .photoT {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.thumbnailItemList .item .badgeT {
	position: absolute;
	right: -5px;
	bottom: -30px;
	width: 40%;
}

.thumbnailItemList .item .information {
	display: none;
	position: absolute;
	top: auto;
	left: -2%;
	z-index: 120;
	width: 180%;
	margin-top: -20px;
	background: #333;
	text-align: left;
	color: #fff;
	line-height: 1.3 !important;
	cursor: pointer;
}
.thumbnailItemList .item .information .inner {
	position: relative;
	margin-top: -9px;
	background: url(../img/common/bg_dialog.png) 15% 0 no-repeat;
	padding: 20px 10px 10px 10px;
}
.thumbnailItemList .itemOdd {
	clear: both;
}
.thumbnailItemList .itemEven .information {
	left: auto;
	right: -2%;
}
.thumbnailItemList .itemEven .information .inner {
	background-position: 85% 0;
}
.thumbnailItemList .item .information h3,
.thumbnailItemList .item .information p,
.thumbnailItemList .item .information ul.limitedList {
	font-size: 84%;
	font-weight: bold;
}
.thumbnailItemList .item .information p.spec,
.thumbnailItemList .item .information ul.limitedList {
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #fff;
}
.thumbnailItemList .item .information ul.limitedList li {
	background-position: 0 0.15em;
	color: #fff;
}
.thumbnailItemList .item .information p.closeButton {
	float: right;
	margin: 0 0 10px 10px;
}
.thumbnailItemList .item .information p.detailButton {
	margin: 5px 0 0 -1px;
	text-align: center;
}
.thumbnailItemList .item .information p.detailButton a.button {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.thumbnailItemList .item .badge,
.thumbnailItemList .item dl.newsList {
	display: none;
}
.thumbnailItemList .item .visual {
	position: relative;
	z-index: 100;
}
.thumbnailItemList .itemCS .information .inner {
	padding-bottom: 10px;
}
.thumbnailItemList .itemLoading a {
	cursor: default;
}
.thumbnailItemList .itemLoaded .jacket img {
	border: 3px solid #CACACA;
}
.thumbnailItemList .itemLoaded .photo {
	background: none;
}



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

	style info : アイテム詳細

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

/* fixedCart */
#fixedCart {
	display: none !important;
}


/* itemSummary */
.itemSummary {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 2px #ebebeb;
}
.itemSummary .galleryColumn .zoom {
	position: relative;
	width: auto !important;
	height: auto !important;
	background: url(../img/common/loading.gif) center center no-repeat;
}
.itemSummary .galleryColumn .zoom.loaded {
	background-image: none;
}
.itemSummary .galleryColumn .zoom a.zoomOutButton {
	display: none;
}
.itemSummary .galleryColumn .zoom .disp {
	width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;
}
.itemSummary .galleryColumn .zoom #moviePlayer {
	display: none;
	position: relative;
	z-index: 111;
	width: 100%;
	height: 300px;
}
.itemSummary .galleryColumn .zoom img {
	display: none;
	width: 100% !important;
	background: url(../img/common/loading.gif) no-repeat center center;
	position: relative;
	z-index: 110;
}
.itemSummary .galleryColumn .zoom .nav {
	position: absolute;
	top: 50%;
	z-index: 120;
	display: none;
}
.itemSummary .galleryColumn .zoom .prevNav{
	left: 0;
}
.itemSummary .galleryColumn .zoom .nextNav{
	right: 0;
}

.itemSummary .galleryColumn ul {
	margin-top: 15px;
	padding-top: 0px !important;
	text-align: center;
}
.itemSummary .galleryColumn ul li {
	display: inline-block;
	margin: 0 5px;
}
	.ie6 .itemSummary .galleryColumn ul li,
	.ie7 .itemSummary .galleryColumn ul li {
		display: inline;
		zoom: 1;
	}

.itemSummary .galleryColumn ul li a {
	position: relative;
	zoom: 1;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.itemSummary .galleryColumn ul li a.current {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.itemSummary .galleryColumn ul li a img {
	border: solid 1px #ccc;
}
.itemSummary .galleryColumn .zoomButton {
	display: none !important;
}

.itemSummary .dataColumn {
	margin-top: 20px !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	height: auto !important;
	visibility: visible !important;
}
.itemSummary .dataColumn h1 {
	font-size: 150%;
	line-height: 1.3;
}
.itemSummary .dataColumn h2 span {
	font-weight: normal;
}
.itemSummary .dataColumn h2 span.stockStatus {
	font-weight: bold;
}
.itemSummary .dataColumn h2 span.stockStatus01 {
	color: #333;
}
.itemSummary .dataColumn h2 span.stockStatus02 {
	color: #999;
}
.itemSummary .dataColumn h2 span.stockStatus03 {
	color: #29b1e9;
}
.itemSummary .dataColumn p.spec {
	font-size: 84%;
}
.itemSummary .dataColumn span.itemID {
	margin-left: 1em;
	color: #999;
	font-size: 84%;
}
div.addCartCover {
	position: absolute;
	z-index: 9999;
	padding: 5px;
	background: url(../img/common/cartitem_shadow.png);
	background-size: 100% 100%;
}
.deliveryStatus {
	position: relative;
	z-index: 1;
	zoom: 1;
	padding: 2px 8px;
	font-size: 84%;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.deliveryStatus01 {
	background: #d4f4ff;
	color: #09c;
}
.deliveryStatus02 {
	background: #f0f0f0;
	color: #666;
}

.itemSummary .dataColumn ul.limitedList {
	margin: 5px 0;
}
.itemSummary .dataColumn ul.limitedList li {
	background-position: 0 0.4em;
	font-weight: bold;
}

.itemSummary .dataColumn .mainItemDetail p.photo {
	display: none;
}
.itemSummary .dataColumn .mainItemDetail h2 {
	margin-top: 5px;
	font-size: 136%;
	line-height: 1.4;
}
.itemSummary .dataColumn .mainItemDetail h2 span {
	font-weight: bold;
}
.itemSummary .dataColumn .mainItemDetail p {
	margin-bottom: 5px;
}

.itemSummary .dataColumn ul.variationList {
	margin-top: 10px;
}
.itemSummary .dataColumn ul.variationList li {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ccc;
}
.itemSummary .dataColumn ul.variationList li {
	overflow: hidden;
}
.itemSummary .dataColumn ul.variationList li p {
	overflow: hidden;
}
.itemSummary .dataColumn ul.variationList li p.photo {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	width: 20%;
}
.itemSummary .dataColumn ul.variationList li p.photo img {
	width: 100%;
}

.itemSummary .dataColumn p.action {
	clear: both;
	padding-top: 5px;
	text-align: right;
}
.itemSummary .dataColumn p.action .button {
	display: inline-block !important;
	width: 170px;
	margin-left: 10px;
}
	.ie6 .itemSummary .dataColumn p.action .button,
	.ie7 .itemSummary .dataColumn p.action .button {
		display: inline;
		zoom: 1;
	}

.itemSummary .dataColumn p.action .button-gry {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	cursor: default !important;
}
.itemSummary ul.socialButtons {
	margin-bottom: 10px;
	text-align: right;
}

/* itemNews */
.itemNews ul {
	position: relative;
}
.itemNews ul li {
	clear: both;
	display: none;
}
.itemNews ul li.displaySP {
	display: block;
}
.itemNews ul li p {
	margin-bottom: 5px;
}
.itemNews ul li p.update {
	font-weight: bold;
	font-size: 84%;
}
.itemNews ul li p.photo {
	display: inline;
	float: left;
	width: 35%;
	margin: 0 10px 10px 0;
}
.itemNews ul li p.photo img {
	width: 100%;
}
.itemNews ul li h3 {
	margin-bottom: 5px;
	line-height: 1.5;
}
.itemNews ul.socialButtons {
	text-align: right;
}
.itemNews .itemNewsMore .moreButton {
	margin: 10px 0;
}
.itemNews .itemNewsMore .moreButton a {
	display: block;
	padding: 10px;
	background: #f2f2f2;
	font-weight: bold;
	text-align: center;
}
.itemNews .itemNewsMore .moreButton a span {
	padding: 5px 0 5px 30px;
	background: url(../img/common/icn_circle_plus.png) left 0.2em no-repeat;
}
.itemNews .itemNewsMore ul {
	display: none;
}
.itemNews .itemNewsMore ul.socialButtons {
	overflow: hidden;
	display: block;
}
.itemNews .open .moreButton a span {
	background: url(../img/common/icn_circle_minus.png) left 0.2em no-repeat;
}

/* itemDetail */
.itemDetail {
	overflow: hidden;
}
.itemDetail table {
	margin-top: -1px;
}
.itemDetail table,
.itemDetail table tr,
.itemDetail table th,
.itemDetail table td {
	display: block;
	width: auto;
}
.itemDetail table th {
	padding: 10px 0 0 0;
	border-top: solid 1px #e5e5e5;
	color: #000;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.3;
}
.itemDetail table tr.nobdr th {
	border-top: none;
}
.itemDetail table th br {
	display: none;
}
.itemDetail table td {
	padding: 10px 0;
}
.itemDetail table td .cf {
	margin-bottom: 20px;
}
.itemDetail table td p {
	overflow: hidden;
	margin-top: 3px;
}
.itemDetail table td p.photo {
	display: inline;
	float: left;
	width: 20%;
	margin: 0 10px 10px 0;
}
.itemDetail table td img {
	width: 100%;
}
.itemDetail table tr.desc td {
	padding-bottom: 5px;
}
.itemDetail table tr.review td {
	padding-bottom: 0;
}
.itemDetail table tr.review td p {
	margin-bottom: 10px;
}

/* relatedItem */
.relatedItem {
	margin-top: 30px;
}
.relatedItem h3 {
	font-size: 117%;
}
.relatedItem ul {
	position: relative;
	margin-top: 10px;
}
.relatedItem ul li {
	display: none;
}
.relatedItem ul li.displaySP {
	position: relative;
	display: inline;
	float: left;
	width: 31%;
	margin: 0 1%;
}
.relatedItem ul li img {
	position: relative;
	z-index: 200;
	width: 100%;
}
.relatedItem ul li span {
	display: block;
	position: relative;
	margin: -30px 0 0 auto;
	z-index: 210;
	width: 50%;
}




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

	style info : ログイン、ログアウト

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

.loginSection {
	margin-bottom: 30px;
}
.loginSection .column {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ccc;
}
.loginSection .column h2 {
	margin-bottom: 10px;
	font-size: 115%;
}
.loginSection .column .button {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.loginSection .loginColumn p {
	margin: 10px 0;
}
.loginSection .loginColumn  p.option {
	margin: 8px 0 -5px 0;
	font-size: 86%;
	text-align: center;
	text-decoration: underline;
}
.loginSection .loginColumn  p.reminder {
	font-size: 86%;
	text-align: right;
}
.loginSection .loginColumn  p.reminder a {
	color: #666;
}
.loginSection .loginColumn input.text {
	width: 94%;
}
.loginSection .registerColumn p {
	margin: 10px 0;
}




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

	style info : フォーム

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

/* cartHeader */
#contents .cartHeader {
	margin-bottom: 10px;
	padding: 0 10px;
	font-weight: bold;
}
#contents .cartHeader .contentInner {
	padding-top: 0;
	padding-bottom: 0;
}
.cartHeader h1 {
	display: none;
}
.cartHeader ol {
	display: inline;
	float: left;
	padding-left: 28px;
	background: url(../img/common/icn_cart_pnk.png) left center no-repeat;
	background-size: 18px;
}
.cartHeader ol li {
	display: inline;
	float: left;
	margin-right: 9px;
	padding-right: 16px;
	background: url(../img/common/arw_flow.png) right center no-repeat;
	background-size: 7px;
	color: #999;
}
.cartHeader ol li.last {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
.cartHeader ol li span {
	display: block;
	padding: 10px 0;
	border-bottom: solid 1px #fff;
}
.cartHeader ol li.current span {
	border-bottom: solid 1px #f36;
	color: #f36;
}


/* cartFooter */
.cartFooter {
	margin: 10px 0;
}
.cartFooter p.deleteLink {
	float: left;
}
.cartFooter p.deleteLink a {
	padding: 5px 0 5px 23px;
	background: url(../img/sp/icn_circle_delete.png) left center no-repeat;
	background-size: 17px;
	color: #333;
	font-size: 86%;
}
.cartFooter p.total {
	float: right;
	color: #666;
	font-size: 117%;
	font-weight: bold;
}
.cartFooter p.total span {
	color: #f36;
}


/* actionList */
ul.actionList {
	margin: 10px 0 10px 0;
}
ul.actionList li.main {
	text-align: center;
}
ul.actionList li.back {
	display: inline;
	float: left;
}
ul.actionList li.go {
	display: inline;
	float: right;
}
ul.actionList li.main a.button {
	width: 200px;
}
ul.actionList li.main input.button {
	width: 240px;
}


/* cartTable */
table.cartTable ,
table.cartTable thead,
table.cartTable tbody,
table.cartTable tr,
table.cartTable tr th,
table.cartTable tr td {
	display: block;
	width: 100%;
}
table.cartTable {
	border-bottom: solid 2px #333;
}
table.cartTable tr th,
table.cartTable tr td {
	vertical-align: middle;
	line-height: 1.5;
}
table.cartTable thead {
	display: none;
}
table.cartTable tbody tr th,
table.cartTable tbody tr td {
	font-weight: normal;
}
table.cartTable tbody tr th {
	overflow: hidden;
	padding-bottom: 5px;
}
table.cartTable tbody tr {
	position: relative;
	background: #f5f5f5;
	border-top: solid 10px #fff;
	padding: 5px 5px 10px 5px;
	width: auto;
}
table.cartTable tbody tr th p,
table.cartTable tbody tr th ul.limitedList {
	margin: 0 0 0 23%;
}
table.cartTable tbody tr th p.spec,
table.cartTable tbody tr th p.important,
table.cartTable tbody tr th p.itemID,
table.cartTable tbody tr th ul.limitedList {
	margin-top: 5px;
	font-size: 84%;
}
table.cartTable tbody tr th p.itemID {
	border-top: solid 1px #e5e5e5;
	padding-top: 5px;
}
table.cartTable tbody tr th p.imgL {
	width: 20%;
	margin: 0 3% 0 0;
}
table.cartTable tbody tr th p.imgL img {
	width: 100%;
}
table.cartTable tbody tr td.price {
	width: auto;
	padding: 0 0 5px 0;
	font-size: 84%;
}
table.cartTable tbody tr th p.itemID,
table.cartTable tbody tr td.price,
table.cartTable tbody tr td.quantity,
table.cartTable tbody tr td.subtotal {
	margin-left: 23%;
}
table.cartTable tbody tr td.quantity,
table.cartTable tbody tr td.subtotal {
	display: table;
	width: 75%;
	margin-bottom: 1px;
}
table.cartTable tbody tr td.quantity p,
table.cartTable tbody tr td.subtotal p {
	display: table-cell;
	padding: 0 8px;
	font-size: 117%;
	text-align: left;
	vertical-align: middle;
}
table.cartTable tbody tr td p.title {
	background: #666;
	color: #fff;
	padding: 5px;
	width: 2.5em;
	font-size: 86%;
	text-align: center;
}
table.cartTable tbody tr td.quantity select {
	font-size: 88%;
}
table.cartTable tbody tr td.delete p {
	position: absolute;
	right: -5px;
	top: -5px;
}

table.cartTable tbody tr.subtotal td {
	overflow: hidden;
}
table.cartTable tbody tr.subtotal td dl {
	display: inline;
	float: right;
	width: 12em;
	margin-right: 15px;
	text-align: right;
}
table.cartTable tbody tr.subtotal td dl dt {
	clear: both;
	float: left;
	width: 5em;
	margin: 2px 0;
}
table.cartTable tbody tr.subtotal td dl dd {
	margin: 2px 0;
}
table.cartTable tbody tr.empty {
	background: none;
}
table.cartTable tbody tr.empty td {
	padding: 10px 0 20px 0;
	font-size: 115%;
	background: #fff;
}
table.cartTable tbody tr.dn {
	display: none;
}
table.cartTable tbody tr.loading {
	background: #fff url(../img/common/loading.gif) center center no-repeat !important;
}


/* formTable */
table.formTable {
	margin-bottom: 10px;
}
table.formTable tr th,
table.formTable tr td {
	border-top: solid 2px #fff;
	padding: 5px;
}
table.formTable tr th {
	width: 22%;
	border-right: solid 3px #fff;
	background: #666;
	color: #fff;
	vertical-align: top;
}
table.formTable tr th span.requiredIcon {
	display: inline;
	float: right;
	margin: 0.2em 0 0 5px;
	color: #f00;
}
table.formTable tr td {
	background: #f5f5f5;
}
table.formTable tr td.outer {
	padding: 0 !important;
}
table.formTable tr td input {
	width: 90% !important;
}
table.formTable tr td span.note {
	display: block;
	margin-top: 5px;
}
table.formTable tr td .mainColumn {
	margin: -5px -5px 0 -5px;
	padding: 5px;
	background: #E5E5E5;
}
table.formTable tr td .mainColumn  span.note {
	display: inline;
}
table.formTable tr td .mainColumn p.fig {
	margin-top: 5px;
}
table.formTable tr td .mainColumn img {
	width: 40%
}
table.formTable tr td .subColumn p {
	margin: 8px 0;
}
table.formTable tr td .mainColumn p.select {
	font-weight: bold;
}

table.formTable tr td dl dt {
	clear: both;
	float: left;
	width: 2em;
	margin-right: 5px;
}
table.formTable tr td dl dd {
	float: left;
	width: 80%;
	margin-bottom: 5px;
}

table.formTable tr th span {
	font-size: 84%;
}

table.formTable tr td .note {
	font-size: 84%;
}
table.formTable tr td span.note {
	margin-left: 10px;
}
table.formTable tr td p.note {
	margin-top: 8px;
}

table.formTable tr td p.alert {
	margin: 5px 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/common/icn_alert_s.png) 0 0.15em no-repeat;
	font-weight: bold;
}


/* innerTable */
table.innerTable {
	position: relative;
	margin-top: -2px;
}
table.innerTable,
table.innerTable tbody,
table.innerTable tr,
table.innerTable tr th,
table.innerTable tr td {
	display: block;
}
table.innerTable tr th,
table.innerTable tr td {
	padding: 5px;
	display: block;
}
table.innerTable tr th {
	border-top: solid 2px #fff;
}
table.innerTable tr td {
	border-top: none !important;
}
table.innerTable tr th {
	width: auto;
	border-right: none;
	background: #e5e5e5;
	color: #333;
	font-weight: normal;
}
table.innerTable tr th br {
	display: none;
}

table.innerTable tr.error th {
	background: #ffc7c7;
}
table.innerTable tr.error td,
table.formTable tr.error td {
	background: #ffe9e9;
}


/* dataTable */
table.dataTable tr th,
table.dataTable tr td {
	border-top: solid 3px #fff;
	padding: 8px 10px;
}
table.dataTable tr th {
	width: 20%;
	border-right: solid 6px #fff;
	background: #666;
	color: #fff;
}


/* historyTable */
table.historyTable thead th {
	padding: 3px 8px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #666;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
table.historyTable thead th span {
	display: block;
}
table.historyTable tbody th,
table.historyTable tbody td {
	padding: 5px 8px;
	background: #f5f5f5;
	border-top: solid 1px #fff;
	text-align: left;
	line-height: 1.5;
}
table.historyTable tbody th {
	background: #e6e6e6;
	font-weight: normal;
}
table.historyTable tbody td {
	vertical-align: top;
}
table.historyTable tbody td p span {
	display: block;
	font-size: 84%;
	font-weight: bold;
	color: #666;
}
table.historyTable tbody td p span.dialog {
	display: none;
}
table.historyTable tbody td.no p a {
	text-decoration: none;
	color: #333;
}
table.historyTable tbody td.no p.thumbnail {
	margin-top: 3px;
}
table.historyTable tbody td.no p.thumbnail img {
	width: 30%;
}
table.historyTable tbody td.status p.note {
	font-size: 84%;
}
table.historyTable tbody td.status p.unpaid {
	color: #f00;
}
table.historyTable tbody td.status p.order {
	color: #999999;
}
table.historyTable tbody td.status p.ready {
	color: #ff9900;
}
table.historyTable tbody td.status p.shipping {
	color: #669900;
}
table.historyTable tbody td.status p.complete {
	color: #cc66cc;
}
table.historyTable tbody td.status p.cancel {
	color: #39f;
}
table.historyTable tbody td.payment p span {
	color: #333;
	font-size: 100%;
	font-weight: normal;
}
table.historyTable tbody td.action {
	text-align: right;
	border-bottom: 2px solid #666;
}
table.historyTable tbody td.action ul {
	float: right;
	margin: 5px 0;
	line-height: 1.2;
}
table.historyTable tbody td.action ul li {
	display: inline;
	float: left;
	border-left: solid 1px #ccc;
	padding: 0 10px 0 20px;
	margin-left: 10px;
}


/* displaySection */
.displaySection {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	border: solid 3px #666;
}
.displaySection .inner {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
.displaySection table.dataTable,
.displaySection table.dataTable tbody,
.displaySection table.dataTable tr,
.displaySection table.dataTable tr th,
.displaySection table.dataTable tr td {
	display: block;
	width: auto !important;
}
.displaySection table.dataTable tr th,
.displaySection table.dataTable tr td {
	padding: 3px 5px;
}
.displaySection .action {
	text-align: right;
}
.displaySection ul.actionList {
	clear: both;
	margin: 0;
	padding-top: 10px;
}
.displaySection ul.actionList li {
	display: inline;
	float: right;
	margin-left: 5px;
}
.displaySection ul.actionList li .button {
	width: auto;
	font-size: 100%;
	padding-right: 9px;
	padding-left: 9px;
}
.displaySection ul.actionList li.main {
	display: block;
	float: none;
	margin-left: 0;
}
.displaySection .inner table th,
.displaySection .inner table td {
	font-size: 100 !important;
}
.displaySection .inner .basicTitle02 {
	margin-bottom: 15px;
}
.displaySection .inner h4 {
	margin-top: 2em;
}
.displaySection .inner h5 {
	margin-top: 1em;
}
.displaySection .addressColumn table.dataTable tr th br {
	display: none;
}


/* formSection */
.formSection {
	margin-bottom: 10px;
}


/* infoSection */
.infoSection {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 3px #666;
	background: #fcfcfc;
}
.infoSection .title {
	margin: 10px 0 10px 0;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.infoSection .inner {
	border: solid 1px #ccc;
	margin: 0;
	padding: 10px;
	background: #fff;
	font-size: 86%;
}


#account table.formTable tr th,
#repayment table.formTable tr th,
#delivery table.formTable tr th,
#deliveryForm table.formTable tr th,
#register .profileInput table.formTable tr th {
	width: 16%;
}
#account table.innerTable tr th,
#repayment table.innerTable tr th,
#delivery table.innerTable tr th,
#deliveryForm table.innerTable tr th,
#register .profileInput table.innerTable tr th {
	width: auto !important;
}

#deliveryForm {
	display: none;
}

.term {
	margin: 10px 0;
	text-align: center;
}
.term textarea {
	margin: 0 auto;
	text-align: left;
	width: 90%;
	height: 8em;
}

#cart .complete .messageSection {
	min-height: inherit;
	padding: 10px 0;
	font-weight: normal;
}
#cart .complete .messageSection .important {
	font-weight: bold;
}

.infoEdit,
.paddEdit {
	margin: 5px 0 10px 0;
	text-align: right;
}


table.formTable tr td .mainColumn label br {
	display: none;
}
table.formTable tr td .mainColumn p.addCardButton {
	display: none;
}
table.formTable tr td .addCardForm {
	display: none;
	margin-top: 15px;
}



/* -----------------------------------
	special
----------------------------------- */

#specialHeader {
	position: relative;
	margin: 70px -10px -40px -10px;
	padding: 10px;
	background: #fff;
	line-height: 1.4;
}
#specialHeader .visualColumn {
	display: none;
}
#specialHeader .title .logo {
	text-align: center;
}
#specialHeader .title .logo img {
	width: 60%;
	height: auto;
}
#specialHeader .title h1 {
	margin: 10px 0 15px 0;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
}
#specialHeader .title h1 span {
	font-size: 80%;
}
#specialHeader dl.benefit {
	padding: 15px 0;
	border-top: solid 3px #ccc;
}
#specialHeader dl.benefit dt {
	color: #ff4165;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
}
#specialHeader dl.benefit dd ul li {
	margin-top: 10px;
	padding-left: 1.2em;
	background: url(../img/common/icn_circle_pnk.png) 1px 0.35em no-repeat;
	background-size: 7px;
}
#specialHeader dl.benefit dd ul li br {
	display: none;
}
#specialHeader .cautions {
	padding: 15px 0;
	border-top: solid 3px #ccc;
}
#specialHeader .cautions dl dt span {
	padding: 5px 0 5px 25px;
	background: url(../img/common/icn_alert_l.png) left center no-repeat;
	background-size: 17px;
	color: #ff0000;
	font-size: 143%;
	font-weight: bold;
}
#specialHeader .cautions dl dd ul li {
	margin: 8px 0;
	padding-left: 1.2em;
	background: url(../img/common/icn_circle_gry.png) 2px 0.4em no-repeat;
	background-size: 6px;
}
#specialHeader .spCopyright {
	color: #666;
	font-size: 84%;
}
/* //修正130702 */