@charset "UTF-8";

/* --------------------------------------------------------------------
	common　共通エレメント
-------------------------------------------------------------------- */
body {
	margin: 0;
	color:#191919;
	text-align:center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height: 140%;
	background: #FFF;
}
/*
ol li {
	margin-left: 2em;
	list-style: decimal;
}
*/
img {
	border: none;
	vertical-align: middle;
}
strong {
	font-weight: bold;
}
input {
	vertical-align: middle;
}
input {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}
textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}

select {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	height: 22px;
	line-height: 22px;
}

label {
	margin: 0 20px 0 5px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	color:#626262;
	text-decoration: underline;
}
a:hover {
	color:#000;
	text-decoration: underline;
}
/*a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
form input[type="image"]:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
*/
/* --------------------------------------------------------------------
	common　汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.large_ {
	font-size: 120%;
}
.xlarge_ {
	font-size: 144%;
}
.small_ {
	font-size: 80%;
}
.xsmall_ {
	font-size: 64%;
}
/**/

/* フロート */
.leftfloat_ {
	float: left;
	display: inline;
}
.rightfloat_ {
	float: right;
	display: inline;
}
img.leftfloat_ {
	margin: 0 10px 10px 0;
}
img.rightfloat_ {
	margin: 0 0 10px 10px;
}
/**/

/* 文整列 */
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}
/**/

/* 特定メッセージ（インライン） */
.error_ {
	color:#CC0000;
	font-weight:bold;
}
.notice_ {
	color:#993300;
	font-weight:bold;
}
.info_ {
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
	background-color:#efefef;
	border:solid 1px #FF0099;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width: 560px;
}
div.notice_, table.notice_ {
	background-color:#efefef;
	border:solid 1px #996666;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width: 580px;
}
div.info_, table.info_ {
	background-color:#efefef;
	border:solid 1px #666666;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width: 560px;
}
ul.error_ {
	margin-left: 16px;
}
/**/

/* 共通クラス(ブロック) */
.top_comment_ {
	margin-bottom: 15px;
}
.submit_ {
	margin: 20px auto;
	text-align: center;
}
.submit_ input, .submit_ img {
	margin: 0px 16px;
	vertical-align: middle;
}
.message_ {
}
p.message_ {
	margin-bottom: 10px;
}
/* 共通クラス(その他) */
.hidden_ {
	visibility: hidden;
}
.nocell_ {
	border:none!important;
	background-color:transparent!important;
}
.hiddenEnter_ {
	width:0;
	height:0;
}
/* 価格表示 */
.price_pop_ {
	color:#ff0000;
	font-size:10px;
}
div.price_,
span.price_,
p.price_ {
	font-size:10px;
    display: block;
}
/* --------------------------------------------------------------------
	common　ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_ {
	font-weight: bold;
	color: #191919;
	margin-bottom: 20px;
	font-size: 16px;
}
h1.category_name_ {
	margin: 0 0 18px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h1.category_name_img_ { /* タイトルを画像にした場合 */
	margin-bottom: 10px;
}
h1.event_name_ {
	margin: 0 0 18px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h1.event_name_img_ { /* タイトルを画像にした場合 */
	margin-bottom: 10px;
}
h1.genre_name_ {
	margin: 0 0 18px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h1.genre_name_img_ { /* タイトルを画像にした場合 */
	margin-bottom: 10px;
}
h1.tag_name_ {
	margin: 0 0 18px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h1.topic_head_ {
	margin: 0 0 18px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h1.category_text_ {
 width: 960px;
 margin: auto;
 text-align: left;
}
h1.event_text_ {
 width: 960px;
 margin: auto;
 text-align: left;
}
h1.genre_text_ {
 width: 960px;
 margin: auto;
 text-align: left;
}

h2.category_name_ {
 margin: 0 0 18px 0;
 padding: 25px 20px;
 color: #191919;
 font-size: 16px;
 font-weight: normal;
 line-height: 140%;
 border-bottom: 4px solid #1d1d1d;
 background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h2.category_name_img_ { /* タイトルを画像にした場合 */
 margin-bottom: 10px;
}
h2.event_name_ {
 margin: 0 0 18px 0;
 padding: 25px 20px;
 color: #191919;
 font-size: 16px;
 font-weight: normal;
 line-height: 140%;
 border-bottom: 4px solid #1d1d1d;
 background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h2.event_name_img_ { /* タイトルを画像にした場合 */
 margin-bottom: 10px;
}
h2.genre_name_ {
 margin: 0 0 18px 0;
 padding: 25px 20px;
 color: #191919;
 font-size: 16px;
 font-weight: normal;
 line-height: 140%;
 border-bottom: 4px solid #1d1d1d;
 background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
h2.genre_name_img_ { /* タイトルを画像にした場合 */
 margin-bottom: 10px;
}

/* 汎用ヘッドライン */
.common_headline1_ { /* h1相当 */
	margin: 0 0 50px 0;
	padding: 25px 20px;
	color: #191919;
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	border-bottom: 4px solid #1d1d1d;
	background: #fafafa url(../img/usr/jimu/hed_common_bg.gif) repeat-x left top;
}
.col1_ .common_headline1_ { /* .col1_ 1カラムの場合 */
}
.mainframe_ .common_headline1_ { /* .mainframe_ 2カラムの場合 */
}
.contents_ .mainframe_ .common_headline1_ { /* .contents_ .mainframe_ 3カラムの場合 */
}
.common_headline2_ { /* h2相当 */
	margin-bottom: 30px;
	padding: 8px 8px 8px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 6px solid #1d1d1d;
	/*background: #fafafa;*/
}
.loginform_ .common_headline2_ { /* ログインフォームでの場合 */
}
.common_headline3_ { /* h3相当 */
	margin: 0 0 10px 0;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.img_headline_ { /* 画像ヘッドラインの場合 */
	margin-bottom: 10px;
}

.head-red-03{
color:#b7005c;
font-size:1.17em;
font-weight:bold;
margin-bottom:20px;
}

/* --------------------------------------------------------------------
	common　イベント
-------------------------------------------------------------------- */
/* イベントへのリンク */
.event_ {
	width: 110%;
	overflow: hidden;
}
.event_banner_ {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
.event_banner_ {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
.event_title_ {
	margin-bottom: 10px;
	padding: 8px 8px 8px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCC;
	background: url(../img/usr/common_h2.png) 0 0 no-repeat;
	clear: both!important;
}

.event_title_whatsnew_{
	width: 730px;
	position:relative;
	margin-bottom:20px;
}
.event_title_whatsnew_ .link_list_{
	position:absolute;
	right:0;
	top: 16px;
}
.event_title_ranking_{
	width: 730px;
	position:relative;
	margin-bottom:3px;
}
.event_title_ranking_ .link_list_{
	position:absolute;
	right:0;
	top: 16px;
}
.event_title_itemhistory_{
	position:relative;
}
.event_title_itemhistory_ .link_list_{
	position:absolute;
	right:20px;
	top: 16px;
}
.event_title_recommend_{
	margin-bottom: 10px;
}
/* --------------------------------------------------------------------
	common　タグ一覧
-------------------------------------------------------------------- */
.side_tag_cloud_ {
}
.side_tag_cloud_ span {
	line-height: 140%;
}
.tag_lowest_ {
	font-size:80%;
}
.tag_low_ {
	font-size:100%;
}
.tag_medium_ {
	font-size:120%;
}
.tag_high_ {
	font-size:144%;
	font-weight:bold;
}
.tag_highest_ {
	font-size: 173%;
	font-weight:bold;
}
/* --------------------------------------------------------------------
	common　タグ詳細
-------------------------------------------------------------------- */
.tag_cloud_ {
}
.tag_cloud_ span {
	line-height: 140%;
}
.tag_cloud_more_ {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.tag_add_shaping_ {
	margin-bottom: 10px;
	padding: 9px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_add_shaping_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
	margin-bottom: 10px;
	padding: 9px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_other_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_other_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_tree_ {
	margin-bottom: 10px;
	padding: 9px;
	width: 580px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_tree_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_tree_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
	margin-bottom: 10px;
}
.tag_info_ p.name_ {
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
	border-bottom: 1px dotted #CCC;
}

/* --------------------------------------------------------------------
	common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
	margin: 0 0 10px 0;
}
.navitopicpath_ a {
	margin: 0 0.5em;
    padding-left: 12px;
    color: #626262;
    background: url(../img/usr/jimu/arrow_04.gif) no-repeat left center;
}
.navitopicpath_ a.topicpath_home_ {
    background: url(../img/usr/jimu/icon_home.gif) no-repeat left center;
    padding-left: 15px;
}
.navitopicpath_ span.current_ {
	margin: 0 0.5em;
    color: #092e5c;
}
/* ページジャンプ */
.navipage_ {
	text-align:right;
	padding: 5px 0;
	position: relative;
}
.navipage_.top_ {		/* ページジャンプ上部 */
	margin-bottom: 10px;
}
.navipage_.bottom_ {	/* ページジャンプ下部 */
	margin-bottom: 20px;
}
.navipage_ .navipage_sum_ {
	position: absolute;
	left: 0;
}
.navipage_ .navipage_sum_ strong{
	font-weight: normal;
	padding-right: 4px;
}
.navipage_ .navipage_first_ a {
	padding-left: 26px;
	background: #f9f9f9 url(../img/sys/jimu/navifirst.gif) left center no-repeat;
}
.navipage_ .navipage_prev_ a {
	padding-left: 18px;
	background: #f9f9f9 url(../img/sys/jimu/naviprev.gif) left center no-repeat;
}
.navipage_ .navipage_next_ a {
	padding-right: 18px;
	background: #f9f9f9 url(../img/sys/jimu/navinext.gif) right center no-repeat;
}
.navipage_ .navipage_last_ a {
	padding-right: 26px;
	background: #f9f9f9 url(../img/sys/jimu/navilast.gif) right center no-repeat;
}
/* hover */
.navipage_ .navipage_first_ a:hover {
	background: #092e5c url(../img/sys/jimu/navifirst_on.gif) left center no-repeat;
}
.navipage_ .navipage_prev_ a:hover {
	background: #092e5c url(../img/sys/jimu/naviprev_on.gif) left center no-repeat;
}
.navipage_ .navipage_next_ a:hover {
	background: #092e5c url(../img/sys/jimu/navinext_on.gif) right center no-repeat;
}
.navipage_ .navipage_last_ a:hover {
	background: #092e5c url(../img/sys/jimu/navilast_on.gif) right center no-repeat;
}
.navipage_now_ {
	margin:0 3px;
	padding: 4px 10px;
	color:#FFF;
	text-decoration:none;
	background: #092e5c;
}
.navipage_ .navipage_reverse_ {
}
.navipage_ .navipage_forward_ {
}
.navipage_ a {
	margin:0 3px;
	padding: 4px 10px;
	background: #f9f9f9;
}
.navipage_ a:hover {
	text-decoration: none;
	color: #FFF;
	background: #092e5c;
}
/* 並び替え */
.navisort_ {
	padding: 7px 0px;
	margin-bottom: 10px;
	font-size: 10px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
.navisort_ dt {
	padding: 0 0 0 5px;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 65px;
}
.navisort_ dt img{
	position: relative;
	top: 4px;
	display: block;	
}
.navisort_ dd {
	font-size: 12px;
	margin-left: 74px;
	line-height: 20px;
}
.navisort_now_ {
	color:#CC0000;
	text-decoration:none;
	margin:0 12px;
	white-space: nowrap;
}
.navisort_ a {
	color: #626262;
	margin:0 12px;
	white-space: nowrap;
}
/* 表示切替 */
.navistyle_ {
	padding: 7px 0px 6px;
	font-size: 10px;
	width: 100%;
	overflow: hidden;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
.navistyle_ dt {
	padding: 4px 0px 4px 5px;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 65px;
}

.navistyle_ dt img {
	display: block;	
}
.navistyle_ dd {
	margin-left: 74px;
}
.navistyle_now_ {
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.navistyle_ a,
.navistyle_ span {
	font-size: 12px;
	display: block;
	float: left;
	margin:2px 12px;
	white-space: nowrap;
	padding: 0 0 0 23px;
	background:url(../img/sys/jimu/icn_goods_list_change.gif) no-repeat;
}

.navistyle_ a{
	color: #626262;
}
.navistyle_ span {
	color: #092e5c;
}
a.navistyle_p_ {
	background-position: 0 -26px;
}
span.navistyle_p_,
a.navistyle_p_:hover {
	background-position: 0 0;
}
a.navistyle_t_ {
	background-position: 0 -78px;
}
span.navistyle_t_,
a.navistyle_t_:hover {
	background-position: 0 -52px;
}
a.navistyle_l_ {
	background-position: 0 -130px;
}
span.navistyle_l_,
a.navistyle_l_:hover {
	background-position: 0 -104px;
}
a.navistyle_d_ {
	background-position: 0 -182px;
}
span.navistyle_d_,
a.navistyle_d_:hover {
	background-position: 0 -156px;
}


/* ブランド絞込 */
.brand_name_ {
	width: 100%;
	overflow: hidden;
}
.brand_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.brand_name_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* メーカー絞込 */
.maker_name_ {
	width: 100%;
	overflow: hidden;
}
.maker_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
.maker_name_ a {
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}

/* --------------------------------------------------------------------
	common　フォーム
-------------------------------------------------------------------- */
.formlist_ {
	margin: 0 auto;
	border:1px dotted #CCC;
	border-collapse: collapse;
}
.formlist_ th {
	padding:10px;
	font-weight:bold;
	white-space: nowrap;
	background-color:#FCFCFC;
	border:1px dotted #CCC;
}
.formlist_ td {
	padding:10px;
	font-weight:normal;
	background-color:#FFF;
	border-bottom:1px dotted #CCC;
}
.formlist_ .line0_ {
	background-color:#F8F8F8;
}
.formlist_ .line1_ {
	background-color:#FCFCFC;
}
.formdetail_ {
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom: 25px;
}
.formdetail_ th {
	padding:8px;
	text-align: left;
	font-weight:bold;
	vertical-align: top;
	background-color:#F8F8F8;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}
.formdetail_ td {
	padding:8px;
	font-weight:normal;
	vertical-align: top;
	background-color:#FFF;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}
.formdetailcard_ {
	margin:0 auto;
	margin-left:0px;
	float:none;
	border-collapse:collapse;
}
.formdetailcard_ th {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	line-height:15px;
	padding:8px;
	background-color:#F8F8F8;
	white-space:nowrap;
	text-align: left;
}
.formdetailcard_ td {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	font-weight:normal;
	line-height:15px;
	padding:8px;
	background-color:#FFF;
}
.formsublist_ {
	border-collapse: collapse;
}
.formsublist_ th {
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:bold;
	white-space: nowrap;
}
.formsublist_ td {
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:normal;
}
.must_ {
	margin-left: 10px;
	float: right;
	display: inline;
}
/* --------------------------------------------------------------------
	common　Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent {
	text-align:left;
	background-color:#FFCCFF;
}
#__asptrace {
	text-align:left;
	background-color:#FFF;
}
span.tracecontent tr.subhead {
	background-color:#CCC;
}
span.tracecontent tr.alt {
	background-color:#eeeeee
}

/* --------------------------------------------------------------------
	for colorbox
-------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/img/usr/common/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/usr/common/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/usr/common/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/usr/common/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/usr/common/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/img/usr/common/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/usr/common/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/usr/common/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/usr/common/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/img/usr/common/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/img/usr/common/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/img/usr/common/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/usr/common/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/usr/common/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/img/usr/common/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/img/usr/common/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/img/usr/common/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/img/usr/common/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/img/usr/common/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/img/usr/common/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/img/usr/common/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/img/usr/common/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/* --------------------------------------------------------------------
	guide
-------------------------------------------------------------------- */

div.layout-double-guide:after{
	display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

div.layout-double-guide div.block{
width:100px;
float:left;
}


div.layout-double-guide div.block2{
width:580px;
float:left;
}

div.layout-double-guide div.block2 p{
margin:0 0 3px 0;
}
.page-goods .block-needlework-error-message,
.page-quickorder .block-needlework-error-message {
	padding: 0px 0px 20px 0px;
	text-align: center;
}

/* --------------------------------------------------------------------
	刺繍詳細編集
-------------------------------------------------------------------- */
.modal-content .radio-list__item.radio-decoration--wrapper {
    margin: 16px 0 !important; 
} 

.modal-content .radio-decoration--letters {
    font-weight: bold !important;
}

.modal-content .ttl-option--description {
    padding-left: 1rem !important;
    font-weight: normal !important;
}

.cartlist .configuration .modal-content .ttl-option {
	margin-top: 8px;
}

.cartlist .configuration .modal-content .decoration-wrapper .embroidery-input-row  {
	margin: 0 0 12px;
	padding-top: 6px;
}

.modal-content .input-wrap--title {
	padding: 0 1rem !important;
	font-weight: bold !important;
}

.modal-content .decoration-wrapper {
	margin-bottom: 24px;
}

.modal-content .decoration-wrapper.decoration-en {
	margin-bottom: 36px;
}

.modal-content .decoration-en .div_gift_err.div_gift_err_decoration_strings {
	margin-left: 5rem !important;
}

@media (max-width: 832px) {
	.modal-content .decoration-en .div_gift_err.div_gift_err_decoration_strings {
		margin-left: 0 !important;
	}
}

@media (max-width: 768px) {
	.modal-content li.radio-decoration--wrapper {
		display: flex;
		align-items: center;
	}

	.modal-content li.radio-decoration--wrapper > .radio-wrap {
		min-width: 120px;
		white-space: nowrap;
	}

	.modal-content .decoration-wrapper input.js-needle-work-option::placeholder {
		font-size: 12px;
	}
}

/* 同加工可能 */
.product-detail #item-details-box .txt.unselectable {
	align-items: center;
	display: flex;
	height: 40px;
}