html {height: 100%;}

body
{
	height: 100%;
	margin:0;
	font: 16px normal "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-attachment: fixed; 
	background-color:#ffffff;
	color:#000000;
}

hr
{
	border: solid 2px #38CEE3;
	margin:10px;
}

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

/* floatの解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#wrap 
{
	min-height: 100%;
}

#main 
{
	overflow:auto;
	padding-bottom: 10px;
}
	
#Header
{
	color:#000;
	background-color:#fff;
	font-size:12px;
	padding:5 0px;
}
#Header a
{
	color:#000;
}

#Contents{
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
}
@media (max-width: 767px){
#Contents{
    padding-right: 10px;
    padding-left: 10px;
}}
#Footer
{
	position: relative;
	clear:both;
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5px;
	text-align:center;
}

#Footer a
{
	color:#FFF;
}

#SubTitle
{
	font-weight:bold;
	text-align:center;
	margin:10px;
}

#Contents .SubTitle {
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

#Header .Left{
	padding:5px;
	color:#FFF;
}
#Header .Right{
	float:right;
	padding:5px;
	color:#FFF;
}

#Header .HeaderWrap{
    box-sizing: border-box;
    padding: 10px;
}
.HeaderMember
{
    padding: 0 5px;
    color: #454545;
    clear: both;
    font-size: 80%;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 8px auto -5px auto;
    display: block;
    text-align: right;
}
.HeaderMemberWelcome {
	/*float:left;*/
} 
.HeaderMemberRank {
	width:100%;
	font-size:55%;
	width:100%;
	text-align:center;
	background-color:#EFFF79;
}
.HeaderMemberRank	br{
	display:none;
}
#HeaderCart
{
	padding:0 5px;
	color:#FFF;
	font-size:80%;
	float:right;
	clear:both;
}

#BasketSummary
{
	font-size:80%;
	padding:0px ;
	text-align:right;
}

#Basket{
	float:right;
}
#HeaderCartFreeShippingMessage
{
	float:right;
  color:#CC0000;
	text-align:right;
}


#HeaderLink {
  background-color: #262626;
	margin:5px 0 0 0;
	padding:10px 0;
	text-align:center;
}
#HeaderLink a {
	color:#ffffff;
}


.headsUp
{
	width:100%;
	margin:0;
	padding:5px;	
	text-align:center;
	background-color:#fff9c4;
}

.Button
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	font-weight:bold;
	display: block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	width:90%;
	margin:10px auto;
	text-align:center;
}

.HeadButton
{
	font-size:90%;
	border:solid 1px #000;
	padding:2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
	text-align:center;
}

.SmallButton
{
	display: inline-block;
	margin: 5px auto;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.LargeButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.LargeButton.disabled
{
	background: -webkit-gradient(linear, left top, left bottom,from(#CCCCCC),to(#696969));
	background: -moz-linear-gradient(top, #CCCCCC,#696969);
	border: solid 1px #999;
}
.LargeButton.btnColor{
    width: 100%;
    max-width: 300px;
    padding: 10px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #f2a6b4;
    background: #f2a6b4;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
}
.ListButton
{
	background: -moz-linear-gradient(top, #38CEE3, #128494);
    background: -webkit-gradient(linear, left top, left bottom, from(#38CEE3), to(#128494));
	font-weight:bold;
	font-size:8pt;
	display: block;
	padding: 5px 2px;
	margin:5px 0px;
	width:80px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
.DeleteButton
{
	background: -moz-linear-gradient(top, #E30000, #930000);
    background: -webkit-gradient(linear, left top, left bottom, from(#E30000), to(#930000));
	font-weight:bold;
	padding: 5px 15px;
	margin:5px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
.EditButton
{
	background: -moz-linear-gradient(top, #00B500, #007600);
    background: -webkit-gradient(linear, left top, left bottom, from(#00B500), to(#007600));
	font-weight:bold;
	padding: 5px 15px;
	margin:10px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
.SubContents
{
	margin:5px;
	font-size:80%;
}
.Description
{
	text-align:center;
	font-size:50%;
	margin:5px;
}
.ErrorMessage ul
{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

.ErrorMessage
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}
.ErrorMessageS
{
	color:#FF0000;
	font-weight:bold;
	font-size:50%;
}
.WarnMessage
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}
.inputError,.clientValidationSummary
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:left;
	display:block;
	margin:10px;
}
.Message
{
	font-weight:bold;
	/*font-size:80%;*/
	text-align:center;
	display:block;
	margin:10px;
}
.Label
{
	padding:5px;
	font-size:80%;
	font-weight:bold;
}
.ItemLeft
{
	margin:5px;
	float:left;
}
.ItemRight
{
	margin:5px;
	float:right;
}
.ItemRight .Itemicon {
	margin: 0 0  5px 0;
}

.ItemRight .ItemIcon div {
	float:left;
	margin: 0 0 0 2px;
}

.Clear
{
	clear:both;
	height:0px;
}
.Left
{
	float:left;
}
.Right
{
	float:right;
}
.watermark 
{
	color: #999 !important;
}

/* ページング */
.PageLink
{
	text-align:center;
}

.PageLink b
{
	color:#000000;
	text-align:center;
	background:#FFFFFF;
	border:1px solid #000000;
	padding:2px 5px;
}

.PageLink a
{
	color:#FFFFFF;
	text-align:center;
	background:#000000;
	padding:2px 5px;
	font-weight:bold;
}
.PrevPageLink
{
	display:block;
	float:left;
}
a.PrevPageLink
{
	color:#FFFFFF;
}
.NextPageLink
{
	display:block;
	float:right;
}
a.NextPageLink 
{
	color:#FFFFFF;
}

/* ログイン */

/* 検索 */

#Search
{
	margin:10px 5px 10px 5px;
	padding:5px;
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#000000;
	border:solid 1px #666;
}

.SearchButton
{
	margin:5px 5px 5px 5px;
	font-size:75%;
	background: -moz-linear-gradient(top, #666666, #333333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	font-weight:bold;
	display: inline-block;
	padding: 3px 5px 3px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.SearchTextBox
{
	width:72%;
	float:left;
	margin:5px 5px 5px 5px;
	font-size:100%;
	padding:3px;
	border:solid 1px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#ShowSearchDetail
{
	clear:both;
	padding:0 5px;
	font-size:90%;
}

#Search select
{
	width:97%;
	margin:5px;
	font-size:90%;
}

/* おすすめ */
.RecommendTitle
{
	margin:8px 0;
	background-color:#666;
    padding:8px;
    color:#FFFFFF;
}
.RecommendTitle:after
{
}

.RecommendList
{
}

.RecommendList li
{
	border:solid 1px #ddd;
}

.RecommendList li:last-child
{
}

/* おすすめ(スライドバージョン) */
.RecommendSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RecommendSlideTitleR
{
    float:right;
}
.RecommendSlideTitleR a
{
    color:#FFFFFF;
}

.RecommendSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RecommendSlide
{
	padding:0px;
	overflow: hidden;
}
#RecommendSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RecommendSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

/* セールスランキング(スライドバージョン) */
.RankingSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RankingSlideTitleR
{
    float:right;
}
.RankingSlideTitle a
{
    color:#FFFFFF;
}
.RankingSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RankingSlide
{
	padding:0px;
	overflow: hidden;
}
#RankingSlideList
{
	padding:2px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RankingSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:18px 5px 10px 5px;
}
#RankingSlideList li:nth-child(2)
{
	background:url("../Images/Common/Ranking01.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(3)
{
	background:url("../Images/Common/Ranking02.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(4)
{
	background:url("../Images/Common/Ranking03.gif") no-repeat scroll left top transparent;
}
.SelectRankingDot
{
	color:#38CEE3;
}
.RankingDot
{
	color:#CCCCCC;
}

/* カテゴリ一覧 */
.Category
{
	margin:10px 5px 10px 5px;
}

.CategoryTitle
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.CategoryList
{
	margin:0;
	padding:0;
}

.CategoryList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
}

.CategoryList li a
{
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}

.CategoryList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* 商品リスト */
.ProductList
{
	margin:0;
	padding:0;
}

/*.ProductList li
{
	border:solid 1px #ddd;
}
*/
.ProductListItem
{
	font-size:80%;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

/*.ProductListHeader
{
	font-size:80%;
	background-color:#000;
	color:#FFF;
	padding:5px;
}
.ProductListFooter
{
	background-color:#000;
	color:#FFF;
	padding:10px;
	text-align:center;
}
*/

.IconImage
{
	display:block;
	margin:5px;
}

.OpenTab, .RecommendOpenTab, .Recommend2OpenTab, .SalesRankingOpenTab, .RecentOrderListOpenTab, .SimpleProductOpenTab, .NewArrivalOpenTab
, .SaleProductOpenTab, .RecentlyViewedItemsOpenTab
{
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll right center transparent;
	width:20px;
}

.ClearHistory
{
    text-align: right;
    color: #FFF;
    float:right;
    display:block;
}
/* 商品詳細 */
#ProductDetail .ProductName
{
	text-align:center;
	font-weight:bold;
	padding:10px 10px 0px 10px;
}
#ProductDetail .Caption
{
	font-size:80%;
	text-align:center;
	padding:5px 10px 10px 10px;
}
#ProductDetail .Information
{
	font-size:80%;
	padding:5px;
}
#ProductDetail .SmallButton
{
	text-align:center;
	margin:5px;
	width:90%;
}
#ProductImage
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:20px;
	width:240px;
}
.ProductImageThumb>img
{
	width:60px;
	margin:10px auto;
}
.ProductImageThumb
{
	width:260px;
	margin:10px auto;
}

.ProductVariationImageThumb
{
    width:100%;
    text-align:center;
}

.ProductVariationImageThumb img
{
    width:50px;
}

.Box
{
	border:solid 2px #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	margin:5px;
}
.Box hr
{
	border:dotted 1px #999999;
	margin:5px;
}
#ProductDetail .Box table
{
	width:100%;
}

#divProductImages
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#divProductImages .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
    #divProductImages .containerInner{
height:auto;
}
    #divProductImages .containerInner button.slick-prev:before, 
    #divProductImages .containerInner button.slick-next:before{
color:black;
}
#divProductImages .item  
{
    max-width:600px;
    width:100%;
    padding:0;
	margin:0;
	list-style-type:none;
    float:left;
    position: relative;
box-sizing: border-box;
 }
#divProductImages .item img{
width:100%;
height:auto;
}
.ProductDetailWrap .container{
height:auto!important;
}
#divProductImages .nav 
{
    margin: 0 0 0 -26px;
    width: 320px;
    text-align:center;
}
#divProductImages .nav ul 
{
    margin:0;
}
#divProductImages .nav ul li 
{
    margin:4px;
    display: inline-block;
}
#divProductImages .nav ul li a {
}
#divProductImages .nav ul li.selected a {
}
#divProductImages .nav img
{
    margin: 10px auto;
    width: 60px;
}
#divProductImages .arrows
{
    color:#FFFFFF;
    cursor: pointer;
}

#divProductImages .arrows > .prev {
    position: absolute; top:260px; left: 5px; z-index: 1;
}
#divProductImages .arrows > .next {
    position: absolute; top:260px; right: 5px; z-index: 1;
}

.productdetail_aspx .cartIn .box 
{
    max-height: 0;
    overflow: hidden;
}
.productdetail_aspx .cartIn p 
{
	margin: 0 auto;
}
.productdetail_aspx .cartIn.open .box 
{
    max-height: 320px;
}
.productdetail_aspx .radioBase 
{
    margin: 0 auto;
}   
.productdetail_aspx .SelectVariationMessagePanel
{
	display:none;position:absolute;
}
.productdetail_aspx .SelectVariationMessagePanel .message
{
	z-index:1000;
	transform:translate(-50%, 0%);
	padding:4px;
	margin:2px;	
	border:solid 1px red;
	border-radius:5px;
	color:red;
	background:#FFFFFF;
}
                
/* メニュー */
.MenuTitle
{
    font-size:80%;
    padding:10px 10px 5px 10px;
    font-weight:bold;
    text-align:center;
}

.Menu
{
	margin:0px 10px 10px 10px;
	padding:0;
}

.Menu li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
}

.Menu li a
{
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}

.Menu li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.Menu li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.Contract
{
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:solid 2px #000;
	margin:5px;
	padding:5px;
	font-size:50%;
}

/* 表示金額 */
.ListPriceTable {
}
.ListPriceDiv1
{
}
.PriceTitleA
{
	float:left;
	padding-right:3px;
}
.ListPriceTextA
{
	float:left;
	padding-right:3px;
}
.priceA
{
	font-weight:bold;
	float:left;
}
.DiscountRateA
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceDiv2
{
	display:none;
	clear:both;
}
.ListPriceDiv3
{
	clear:both;
}
.PriceTitleB
{
	float:left;
	padding-right:3px;
	display: none;
}
.ListPriceTextB
{
	float:left;
	padding-right:3px;
}
.priceB
{
	padding-right:3px;
	font-weight:bold;
	float:left;
}
.DiscountRateB
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceDiv4
{
	clear:both;
}
.UnitDiscountPriceTitle
{
	float:left;
	padding-right:3px;
}
.MemberPriceTitle
{
	float:left;
	padding-right:3px;
}
.MultiPriceTitle
{
	float:left;
	padding-right:3px;
}
.ListPriceTextC
{
	float:left;
	padding-right:3px;
}
.priceC
{
	padding-right:3px;
	font-weight:bold;
	float:left;
}
.DiscountRateC
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceTableEnd
{
	clear:both;
}


/* ユーザ登録 */
.UserRegistTitle
{
	font-size:80%;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.UserRegistLabel
{
	font-size:80%;
	font-weight:bold;
	padding:5px;
}

.UserRegistForm
{
	padding:0 5px 2px 5px;
	font-size:120%;
}

.UserRegistDescription
{
	font-size:80%;
	color:#999999;
	padding:0 5px 5px 10px;
}

.UserRegistButton
{
	text-align:center;
	padding:10px;
}

.UserRegistButton a
{
	width:40%;
}

.UserRegistButtonWide
{
	text-align:center;
	padding:10px;
}

.UserRegistButtonWide a
{
	width:80%;
}

.Name
{
	width:40%;
	font-size:120%;
}
.Zip
{
	font-size:120%;
	width:80%;
}
.Address
{
	font-size:120%;
	width:90%;
}
.Tel
{
	font-size:120%;
	width:20%;
}
.MailFirst
{
	font-size:120%;
	width:35%;
}
.MailSecond
{
	font-size:120%;
	width:35%;
}
.ShopMemberID
{
	width:40%;
	font-size:120%;
}
.ContentsArea
{
	text-align: left;
}
.ContentsArea h2
{
	margin-left: 5px;
}
.QuestionnaireAnswer
{
	font-size:120%;
	width:90%;
}
.QuestionnaireAnswer label
{
    padding-right: 10px;
}
.month {
	font-size: 120%;
	width: 10%;
}
.day {
	font-size: 120%;
	width: 10%;
}
.remark {
	font-size: 120%;
	width: 90%;
}
.relationShip {
	font-size: 120%;
}

/* アドレス帳 */
.AddressTitle
{
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll right center transparent;
}
.AddressList .relatedOrderItem
{
    margin-top:5px;
}
.AddressList .giftInput dt
{
    margin-left:10px;
}
.AddressList .giftInput dl
{
    margin-left:20px;
}


/* カート */
.Cart
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.Cart li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.Cart li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.Cart li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.Cart input
{
	font-size:120%;
}
.Cart textarea
{
	font-size:120%;
}
.Cart select
{
	font-size:120%;
}
.Cart .Detail
{
	padding:5px;
	margin:5px;
	background-color:#DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.Cart hr
{
	border:solid 1px #AAA;
	margin:3px 0px;
	width:60%;
}
.CartItemLeft, .CartItemCenter, .CartItemRight
{
    display: table-cell;
    vertical-align:top;
    padding:3px;
}
.CartItemLeft
{
    width:33%;
}
.CartItemCenter
{
    width:50%;
}
.CartItemRight
{
    text-align:right;
    font-size:10px;
    width:20%;
}
.CartItemRight .Delete
{
    margin-top:20px;
    background-color:#FF0000;
    color:#FFFFFF;
    font-weight:bold;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FF0000));
    border-style:none;
    padding:2px 10px;
}
.CartItemRight .EditGiftOptionButton,.AddGiftOptionButton
{
    margin-top:5px;
    background-color:#0000FF;
    color:#FFFFFF;
    font-weight:bold;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0000FF));
    border-style:none;
    padding:2px 10px;
}
.ConfirmQtyMsgDiv1
{
	text-align: left;
	margin-bottom: 10px;
}
.ConfirmQtyMsgDiv2
{
	text-align: left;
	margin-top: 10px;
	color: red;
	font-size: 10pt;
}
.ConfirmQtyButtonDiv
{
	padding-top: 5px;
}
.DeliveryYear
{
	width:40px;
}
.DeliveryMonth
{
	width:40px;
}
.DeliveryDay
{
	width:40px;
}
.FreeShippingMessage
{
	color:#900;
	font-weight:bold;
}
.MailBinFrame {}
.MailBinTitle {font-size:10px; color:Black;}
.MailBinCheckBox {font-size:10px; color:Black;}
.MailBinComment {font-size:10px; color:Black;}
.MailBinDisabledMessage {font-size:10px; color:Black;}

/* 最終確認 */
.PaymentLabel
{
	float:left;
	width:30%;
}
.PaymentAmount
{
	float:left;
	text-align:right;
	width:30%;
}
.confirmationOrderDetail .CartItemLeft
,.confirmationOrderDetail .CartItemCenter
,.confirmationOrderDetail .CartItemRight
{
    width:auto;
}

.confirmationSubmitBtn
{
    display: block;
    position: relative;
    margin: 10px auto;
    padding:6px;
    text-align:center;
    width: fit-content;
    cursor: pointer;
}

/* 注文履歴 */
.OrderHistory
{

}

.OrderHistory li
{
	/* padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px; */
}

.OrderHistory li:last-child
{
	/* color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%; */
}

.OrderHistory li:first-child
{
	/* color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; */
}

/* ぱんくず */
.BreadCrumbs
{
	position: relative;
	margin:0;
	padding:5px;
	list-style-type:none;
	font-size:80%;
}
.BreadCrumbs li
{
	position: relative;
	display:inline;
}
.BreadCrumbs li:after
{
	position: relative;
	left:3px;
	top: 2px;
	content: url(../images/common/arrow-7-right.png);
	width: 16px;
	height: 16px;
}

.BreadCrumbs li span
{
    color:Gray;
}

/* 新着情報 */
.WhatsNew
{
	margin:5px;
	padding:0;
	font-size:80%;
}
.WhatsNewTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.WhatsNew li
{
	list-style-type:none;
	border-bottom:dashed 1px #333;
	padding:5px 5px 5px 20px;
	background:url("../Images/Common/arrow-2-right.png") no-repeat scroll left center transparent;
}

.WhatsNewDate
{
	font-weight:bold;
	color:#900;
	font-size:80%;
}
.WhatsNewDetail
{
	font-size:80%;
}

/* 配送時間帯 */
.ShippingTimeViewFrame
{
	margin:5px;
}
.ShippingTimeViewTitle
{
	text-shadow: #CCC 1px 2px 1px;
	font-weight:bold;
}
.ShippingTimeBody
{
	margin-top:5px;
	font-size:80%;
}
.ShippingTimeDate
{
	font-weight:bold;
	color:#900;
	padding-left:5px;
}
.ShippingTimeTable
{
	width:100%;
}
.ShippingTimeTable th
{
	background-color:#AAA;
	border:solid 1px #FFF;
	padding:3px 5px;
}
.ShippingTimeTable td
{
	background-color:#DDD;
	border:solid 1px #FFF;
	padding:3px 5px;
}

.RotationBanner {
	overflow: hidden;
	margin:10px auto;
	background-color:#000;
}

.RotationBanner ul
{
    margin:0px;
    padding:0px;
}

.RotationBanner li
{
    list-style-type:none;
    float:left;
}

#grayLayer, .grayLayer, #RecommendGrayLayer, #Recommend2GrayLayer, #VariationListGrayLayer, #QzProductListGrayLayer
, #CategoryRankingGrayLayer, #SalesRankingGrayLayer, #SalesRankingSliderGrayLayer, #RecentOrderListGrayLayer, .SimpleProductGrayLayer, .NewArrivalGrayLayer
, #VariationPopupGrayLayer, #SaleProductGrayLayer, #ProductListGroupGrayLayer, #RecentlyViewedItemsGrayLayer, #ProductListCategoryGrayLayer
{
	display:none;
	z-index:9000;
	position:fixed;     
	top:0;     
	left:0;     
	height:100%;     
	width:100%;     
	background:black;     
	opacity: 0.60;     
	filter:alpha(opacity=60); 
}

#BookmarkDialog, .BookmarkDialog, #RecommendBookmarkDialog, #Recommend2BookmarkDialog, #VariationListBookmarkDialog, #QzProductListBookmarkDialog
, #CategoryRankingBookmarkDialog, #SalesRankingBookmarkDialog, #SalesRankingSliderBookmarkDialog, #RecentOrderListBookmarkDialog, .SimpleProductBookmarkDialog, #NewArrivalBookmarkDialog
, #SaleProductBookmarkDialog, #ProductListGroupDialog, #RecentlyViewedItemsBookmarkDialog, #RecentlyViewedItemsBookmarkDialog, #ProductListCategoryBookmarkDialog
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
		margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#BookmarkDialog div, .BookmarkDialog div, #RecommendBookmarkDialog div #Recommend2BookmarkDialog div, #VariationListBookmarkDialog div, #QzProductListBookmarkDialog div,RecentlyViewedItemsBookmarkDialog
, #CategoryRankingBookmarkDialog div, #SalesRankingBookmarkDialog div, #SalesRankingSliderBookmarkDialog div, #RecentOrderListBookmarkDialog div, #SimpleProductBookmarkDialog div, #NewArrivalBookmarkDialog div
, #CategoryRankingBookmarkDialog div, #ProductListGroupDialog div, #RecentlyViewedItemsBookmarkDialog div, #RecentlyViewedItemsBookmarkDialog div, #ProductListCategoryBookmarkDialog div
{
	margin:3px;
}

/* VariationPopup */
#VariationPopup
{
    padding:10px;
	margin:10px;
    background:white;
    overflow:auto;
}

#VariationPopup div
{
    font-size: 80%;
	margin:3px;
}

#VariationPopup .goodsImageMainFrame
{
    float:left;    
    width:250px;   
}

#VariationPopup .goodsImageMain
{
    float:left;    
    width:240px;   
}

#VariationPopup .goodsImageThumbList
{
}

#VariationPopup .explain
{
}

#VariationPopup .variationListImage
{
    width:40px;
}

#VariationPopup .variationListParent1 li
,#VariationPopup .variationListParent2 li
,#VariationPopup .variationListParent3 li
{
    clear:both;
    display:inline;
    margin:3px;
    width:100%;
}

#VariationPopup .cartButton
{
    clear:both;
    overflow:auto;
}

#VariationPopup .messageArea
,#VariationPopup .inventoryMessage
,#VariationPopup .inventoryImage
{
    clear:both;
    width:100%;    
    text-align:center;
}

#VariationPopupOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: #ccc;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index:9000;
}
#VariationPopupLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  text-align: center;
  z-index:9001;
}
/* VariationPopup */

/* 逆引きカテゴリーパーツ */
.ReverseCategory
{
}
.ReverseCategory h3
{
    margin: 8px 0;
    background-color: #666;
    padding: 8px;
    color: #FFFFFF;
}
.ReverseCategory ul
{
    margin:5px;
    padding:0px;
}
.ReverseCategory li
{
    display: inline;
    font-size:12px;
}
.ReverseCategory li:after
{
    content: ">";
}
.ReverseCategory li:last-child:after
{
    content: "";
}
.ReverseCategory li span
{
    color:Gray;
}

/* 商品画像リストパーツ */
#ProductImageList ul
{
    text-align:center;
    padding:10px;
    margin:0px;
    overflow:hidden;
}
#ProductImageList li
{
    float:left;
    padding:2px 5px;
    list-style-type:none;
    display:block;
    height: 230px;
}
#ProductImageList .GoodsName
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
#ProductImageList .GoodsPrice
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:center;
    line-height:12px;
}
#ProductImageList .GoodsComparisonSelect
{
    font-size:10px;
}
#ProductImageList .ProductImage img
{
    width:90px;
}
#ProductImageList .Loading
{
    clear:both;
    width:95%;
    height:50px;
    margin:5px auto;
    background-color:#FFFFFF;
    background-image:url("../images/common/loading.gif");
    background-repeat:no-repeat;
    background-position:center;
}
#ProductImageList .ReadMore
{
    font-size:80%;
    width:90%;
    margin:5px auto;
    padding:5px;
    text-align:center;
    border:solid 1px #AAAAAA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#EEEEEE;
    color:#777;
    clear:both;
}
#ProductImageList #DivTotalCount
{
    font-size:80%;
    margin: 0px 10px;
    text-align:right;
}
#ProductImageListNoData
{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
#ProductImageList .ProductIcon img
{
    width:auto;
    height:auto;
}
#ProductImageList .GoodsMessage
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:visible;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
/* 商品バリエーション（スライドバージョン） */
/* おすすめ(スライドバージョン) */
.VariationSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.VariationSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#VariationSlide
{
	padding:0px;
	overflow: hidden;
}
#VariationSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#VariationSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

#boxes, .boxes {
  text-align:center;
	align:center;
	margin:0 auto;
}

#boxes a, .boxes a{
	color:#ffffff;
}

#CouponDialog,#PointDialog
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CouponDialog,#PointDialog div{
	margin:3px;
}

#ShareForm
{
    padding:10px;
    font-size:12px;
}
#ShareProductImage
{
    float:left;
    overflow:hidden;
    zoom: 1;
    padding-bottom: 10px;
}
#ShareProductInfo
{
    margin-left: 110px;
    font-size:14px;
}
#ShareForm hr
{
    clear:both;
}
#ShareForm label.label
{
    font-weight:bold;
    display:block;
}
#ShareForm ul
{
    margin:0;
    padding:0;
}
#ShareForm li
{
    list-style-type: none;
}
#ShareForm textarea
{
    font-size:12px;
}
#ShareSubmit
{
    margin-top:10px;
    text-align:center;
}
#ShareComplete
{
    text-align:center;
}

ul.PWPProductList
{
    font-size: 80%;
    margin: 5px 5px 15px;
    padding: 0;
}

ul.PWPProductList li:after
{
    content: "";
    display: block;
    clear: both;
}

ul.PWPProductList li
{
    border-bottom: 1px dotted #333333;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}

ul.PWPProductList li:first-child
{
    border-top: 2px solid #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.PWPProductList li:last-child {
    border-bottom: 2px solid #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.PWPProductImage
{
    width: 80px;
    float: left;
}

.PWPProductInfo
{
    margin-left: 90px;
}

.Questionnaire .InputRestriction
{
    font-size:0.6em;
    color: #FF0000;
}

#QuestionnaireTitle
{
    font-weight: bold;
}

.ErrorPanel, .ThanksPanel
{
    text-align:center;
    margin: 100px 0px;
}

.QuestionnaireInputTitle
{
    font-size: 0.8em;   
    font-weight: bold;
    margin-top: 5px;
}

.QuestionnaireOptionDescription
{
    font-size: 0.6em;
}

.divDCCLogin 
{
    padding:10px;
	margin:10px;
	background-color:White;
	font-size:12px; 
	border:solid 1px #666666;
	position:fixed;    
	top:50%;
	width:87%;
	color:Red;
}


/*  Goods Comparison */
.ComparisonListTable
{
    width:150px;
	border: #363636 1px solid;
	border-collapse: collapse;
}
.ComparisonListTable td
{
    padding: 2px 2px 2px 2px;
	font-size: 10px;
}
.ComparisonInfoTitle
{   
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonRemoveCotrolCol,
.ComparisonRemoveCotrolRow
{    
    text-decoration:none;
    background-color: #bbb;
	text-align:center;
    font-weight:bold;       
}
.ComparisonRemoveCotrolCol
{
    height:15px;
}
.ComparisonRemoveCotrolRow
{
    width:15px;
}
.ComparisonRemoveCotrolCol a:link,
.ComparisonRemoveCotrolRow a:link
{
    color:#363636;
    text-decoration:none;
}
.ComparisonRemoveCotrolCol a:hover,
.ComparisonRemoveCotrolRow a:hover
{
    text-decoration:underline;
}
.ComparisonSpecTitle
{
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonSpecGroupTitle
{
    background-color: #5F9EA0;
    color:#ffffff;
}
.ComparisonSpecRow
{
    background-color: #FFFFFF;
    color:#000000;
}
.ComparisonSpecAltRow
{
    background-color: #FFE4C4;
    color:#000000;
}

div.ComparisonSpecGroupTable
{
    display:table;
    padding:2px;
    font-size: 10px;
   	border: #ffffff 1px solid;
	border-collapse: collapse;
    width:100%;
}
div.ComparisonSpecGroupTitle
{
    display:table-caption;
    padding:2px;
   	border: #ffffff 1px solid;
}
div.ComparisonSpecTitle
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecAltRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}

.MyListCartBlock
{
    text-align:center;
    
    background:url(../images/common/MyListCartBg.gif);
    background-repeat:no-repeat;
}

#tdProductName a:link
{
    color: #0000FF;
    text-decoration: none;
}

#tdComparisonRemoveCotrolCol
{
}

.ComparisonButtonBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.ComparisonCenterButton {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 100px;
}

.ComparisonCenterButton a:link
{
    text-decoration:none;
}

#divComparison
{
     margin:8px 0px 0px 0px;
}   
.container
{
    cursor: pointer;
}
#divComparison .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
#divComparison .item  
{
    padding:0;
	margin:0 0 0 1px;
	list-style-type:none;
    float:left;
 }

#CounselingDialog
{
	text-align:center;
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CounselingDialog div{
	margin:3px;
}
 
/* 商品参照履歴ページ用 */
.ProductViewedHistoryClear
{
    height:20px;
    text-align:right;
    font-size:80%;
}
/* 売上ランキングページ用 */
.RankImage
{
	margin-left:5px;
}

/* 最近チェックしたカテゴリー用 */
div.RecentlyViewedCategory
{
	margin: 10px 5px; 
}
div.RecentlyViewedCategoryPartsHeader 
{
    font-size: 80%;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
div.RecentlyViewedCategoryPartsHeader a
{
	float:right;
    color: #ffffff;
}

div.RecentlyViewedCategoryList
{
    height: auto;  
    overflow:auto; 
	background-color: #ffffff;

}
div.RecentlyViewedCategoryHierarchyList
{
    padding: 5px;
    color: #333333;
    list-style-type: none;
    text-shadow: 1px 2px 1px #CCCCCC;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;    
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;   
}
div.RecentlyViewedCategoryHierarchyList span
{
    margin-right:4px;
}
ul.RecentlyViewedCategoryHierarchyList
{
    margin: 0;
    padding: 0;
}
ul.RecentlyViewedCategoryHierarchyList li
{
    padding: 5px;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;
    list-style-type: none;
    border-bottom: 1px dotted #333333;
    color: #333333;
    text-shadow: 1px 2px 1px #CCCCCC;
}
ul.RecentlyViewedCategoryHierarchyList li:last-child
{
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* すべて見る */
.btn_viewall {
	position: relative;
	float:right;
	width: 110px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
}
.btn_viewall:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_viewall  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 15px;
}

/* List全般 */

.RecommendList .ItemRight {
	width:60%;
}
.ProductList .ItemRight {
	width:60%;
}
#RankingList .ItemRight {
	width:50%;
}
.ItemRight .ListPriceTable{
	font-size:80%;
}

/* セールスランキング */
.RankingTitle
{
margin: 8px 0;
    background-color: #666;
    padding: 8px;
    color: #FFFFFF;
}
.Ranking .ShowMore
{
    float:right;
}
.Ranking .ShowMore a
{
    color: #ffffff;
}

.RankingList
{
}

.RankingList li
{
	border:solid 1px #ddd;
}

.RankingList li:last-child
{
}

.footericon {
	padding:10px;
}
.footericon ul {
	margin:0;
	padding:0;
}
.footericon ul li {
	width:22%;
	margin:3px;
	text-align:center;
	list-style-type:none;
	float:left;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	color:#000000;
	border:solid 1px #666;
}

.footericon .footericontxt {
	font-size:60%;
	text-align:center;
	margin:0px auto 5px auto;
}

.footernavi {
	position: relative;
	margin: 5px 10px;
	background-color: #fff;
	border: 4px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.footernavi:after {
  position: absolute; top: -20px; right: 40px;
   content: ""; width: 0; height: 0;
  border-bottom: 20px solid #333;
  border-left: 20px solid transparent;
}

.footernavi ul {
	margin:0;
	padding:0;
}
.footernavi ul li {
	font-size:80%;
	list-style-type:none;
	padding:8px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
	border-bottom:solid 1px #000;
}
.CategoryExpand {
	margin:20px 5px;
}
.CategoryExpandTitle {
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    font-size:15px;
	line-height:180%;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CategoryExpand .CategoryExpandUl {
	border-bottom: 1px solid #333;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl li{
	list-style-type: none;
    font-size:15px;
	line-height:180%;
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}
.CategoryExpand .CategoryExpandUl li .AccordionMenuRoot{
	border-top: 1px solid #333;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	padding:5px;
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll transparent;
	background-position:right 8px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild ul{
	list-style-type: none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background-color:#F2F2F2;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li{
	border-top: 1px dotted #333;
	padding:5px 0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li .AccordionMenu {
	padding:0 0 0 20px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul{
	list-style-type: none;
	background-color:#F2F2F2;
	border: 0px;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul li .AccordionMenu {
	padding:0 0 0 40px;
}

.SelectedItemTR {background-color:#ffcccc;}
.SelectedCheckBox {background-color:#ffcccc;}

#GiftOptionList
{
	margin: 10px 30px;
}
.EditGiftOptionButton
{
	clear:both;
}
.EditGiftOptionPanelButtonBlock
{
	clear:both;	
}
#GiftOptionSubmitButton
{
}
#GiftOptionCancelButton
{
}
#Overlay {
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}
.OptionErrorMsgDiv
{
	color: Red;
}
#EditGiftOptionMessage
{
	color: Red;
}


.GiftOptionSettingPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}

.GiftOptionSettingTypePanel li
{
	list-style-type:none;
}


/* 20121204 */

/* InfoPageVariation */
.InfoPageVariation {
	text-align:center;
	padding:10px 0;
}
.InfoPageVariation .InfoPageProductImage {
	width:90px;
}
.InfoPageVariation table{
	text-align:center;
	margin:auto;
	padding:0 10px;
	font-size:70%;
	width:100%;
}
.InfoPageVariation table .ListPriceTextB2,
.InfoPageVariation table .DiscountRateB,
.InfoPageVariation table .DiscountRateC {
	float:left;
}
.InfoPageVariation ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border-bottom:2px dotted #666;
}
.InfoPageVariation ul li{
	margin: auto;
	font-size: 80%;
	padding: 8px;
	border-top:2px dotted #666;
}
.InfoPageVariation ul li:nth-child(even) {
	background-color:#EAFCFF;
}

.InfoPageVariation .VariationTxt {
	font-weight:bold;
}
.InfoPageVariation	.btn_detail {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #ddd;
}
.InfoPageVariation	.btn_tocart {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
}
.btn_tocart::after,
.btn_detail::after {
	position: absolute;
	right: 0;
	top: 7px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_detail a {
	position: relative;
}
.btn_tocart a {
	position: relative;
	color:#fff;
	font-weight:bold;
}

/* codeinput */
.codeinput {}

.codeinput p {
	text-align:center;
}
.codeinput #ErrBlock {
	margin:0 10px;
	padding:5px;
	border:solid 1px red;
	font-size:80%;
}

.codeinput #OrderItemTable {
	width:100%;
	border-bottom:2px dotted #666;
}

.codeinput #OrderItemTable td {
	margin: 0;
	padding: 10px;
	border-top:2px dotted #666;
	vertical-align:top;
}
.codeinput #OrderItemTable ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.codeinput #OrderItemTable ul li{
}
.codeinput input,
.codeinput select {
	font-size: 120%;
}
.codeinput .btn_tocart {
	position: relative;
	margin: 10px;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#NameprintPanel
{
    position: absolute;
    border:solid 1px #666;
    background-color: #fff;
    padding: 20px 30px;
    width: 350px;
    color: #444;
    z-index: 100;
}
#ErrorMessageBlock
{
	font-size: 0.8em;
	color: Red;
}
#NameprintPanel .ButtonBlock
{
	margin-top: 20px;
}
#NameprintPanel .ErrorItem
{
	color: Red;
	display: none;
}
#NameprintPanel .NamePrintOptionEachFrame:after
{
	content: " ";
	clear:both;
	display: block;
	visibility: hidden;
}
#NameprintPanel .NamePrintOptionEachFrame
{
	font-size: 0.8em;
}
#NameprintPanel .NamePrintInputTitle
{
	font-weight: bold;
}
#NameprintPanel .NamePrintOptionDescription
{
	text-align: left;
}
.codeinput .nameprint_input_value_div
{
	font-size: 0.8em;
}

/* 商品振分画面 */
#DivideShippingProductList .GoodsName
{
    height:38px;
    overflow:hidden;
}

/* 配送先選択画面 */
.Purchaser .CheckBox
{
    width:5%;
}
.Purchaser .ShippingAddress
{
    width:85%;
}
.ShippingList .CheckBox
{
    width:5%;
}
.ShippingList .ShippingAddress
{
    width:72%;
}
.ShippingList .OpenTab
{
    width:10%;
}
.ShippingList .Clear
{
    width:0;
}

.ShippingList .relatedOrderItem
{
    margin-top:5px;
}
.ShippingList .giftInput dt
{
    margin-left:10px;
}
.ShippingList .giftInput dl
{
    margin-left:20px;
}

/* SetShippingPage */

.SetShippingPage {}

.SetShippingPage p {
	text-align:center;
}

.SetShippingPage ul .title{
	background-color:#333;
	color:#fff;
	font-weight:bold;
}
.SetShippingPage ul .title #asterisk{
	font-size:80%;
	font-weight:normal;
}
.SetShippingPage .ShippingList li:nth-child(even) {
	background-color:#EAFCFF;
}
.NextButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.AddButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#fd6ca0),to(#FB2B75));
	background: -moz-linear-gradient(top, #fd6ca0, #FB2B75);
	border: solid 1px #F07AA7;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.ReturnButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
	color:#333;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}


/* DivideShippingPage */

.DivideShippingPage {}
.DivideShippingPage p{
	padding: 5px;
	margin:0;
}
.DivideShippingPage p img{
	vertical-align:top;
}

.DivideShippingBlock{}

.DivideShilipingBlockTop{
	border:solid 0px red;
	padding:0 ;
	margin:0 0 15px 0;
}

.DivideShilipingBlockTop ul{
	margin:0;
	padding: 0;
	list-style: disc inside;
}
.DivideShilipingBlockTop ul li{
	padding:3px 5px;
	font-size:80%;
}
.DivideShilipingAll{
	margin:5px;
	padding: 3px;
	font-size:80%;
}

.AddressPageNavi {
	font-size:80%;
	display:table;
	width:90%;
	list-style:none;
}
.AddressPageNavi li{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:30%;
	padding:0 5px;
}

.AddressPageNavi #AddressPageNaviL{
	text-align:right;
}
.AddressPageNavi #AddressPageNaviR{
	text-align:left;
}
.DivideShipping li:nth-child(odd) {
	background-color:#EAFCFF;
}

td.tab
{
border-top-left-radius: 5px;     /* 左上 */
border-top-right-radius: 5px;    /* 右上 */

-webkit-border-top-left-radius: 5px;     /* 左上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */

-moz-border-radius-topleft: 5px;     /* 左上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}
.DivideShippingFirst {
border-top:#333 2px solid;
border-top-right-radius: 5px;    /* 右上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}

TD.DivideShippingTableB {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableD {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333
}
TD.DivideShippingTableE {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableF {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BACKGROUND-REPEAT: no-repeat; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333;
}

/* 商品リストでの在庫・バリエーション表示 */
#VariationListTitle {font-size: 13px; text-align: center;}
#VariationColorList
{
	font-size: 12px;
}
#VariationStockTable 
{
	clear:both;
	text-align:left;
	margin: 10px 0;
}
#VariationStockTableTitle {font-size: 12px;}
#VariationStockTableExNote {font-size: 12px;}
#VariationListCloseButton {font-size: 13px;}
#VariationListCloseButtonDiv {text-align: center;}
table.tblVariation2
{
	border-collapse:collapse;
}

td.tblVariation2td1
{
	font-size:12px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	text-align:center;
}

td.tblVariation2td2
{
	font-size:10px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	background-color:#e3e3e3;
}
tr.tblVariation2trOdd
{
}
tr.tblVariation2trEven
{
}
.productDetailColorIconFrame{
}
.productDetailColorIcon{
	float:left;
	width:50px;
	height:50px;
	margin:8px 1px 1px 1px;
}

.GoodsMessagePanel
{
    text-align:center;
    width:80%;
    margin: 10px auto;
}

.MessageWindow
{
    width:100%;
    text-align:center;
    padding-top:30px;
    height:200px;
    font-size:medium;
    color:Red;
}
/* 営業日カレンダー */
.DatePickerArea
{
    border-top:dotted 1px #333;
    border-bottom:dotted 1px #333;
}
.Sunday {
    background-color: #FFCCCC;
}
.Saturday {
    background-color: #CCFFFF;
}
.Open
{
}
.Closed
{
    background-color:#BC8F8F;
}
a.DatePicker
{
    cursor:pointer;
    color: #FF6600;

}
a.OtherMonth
{
    color:#c0c0c0;
}

a.DatePicker:visited {
    color: #FF8C00;
    text-decoration: none;
}
a.DatePicker:hover {
    color: #4169E1;
    text-decoration: underline;
}
a.DatePicker:active {
    color: #008BD0;
    text-decoration: none;
}

/* クーポン一覧 */
.CouponList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.CouponList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.CouponList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.CouponList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CatalogRequestFrame 
{
	margin: 5px;
	font-size: 0.8em;
}
.CatalogRequestFrame ul
{
	margin: 0;
	padding: 0;
}
.CatalogRequestFrame li
{
	list-style-type : none;
	margin-bottom: 10px;
}
.CatalogRequestFrame ul.catalog-list li img
{
	display:block;
}
.CatalogRequestFrame dd
{
	margin-bottom: 10px;
}
.CatalogRequestFrame dt em
{
	color: #A00;
}
.CatalogRequestHistory
{
	padding: 5px;
}
ul.CancelCatalogList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogList li
{
	list-style-type: none;
}
ul.CancelCatalogList li img
{
	margin-left: 20px;
}
.submit ul
{
	padding-left: 10px;
}
.submit ul li
{
	list-style-type: none;
}
#ctl00_body_cvCancelCatalog
{
	display:none;
}
dl.CancelCatalogConfirm dt
{
	font-weight: bold;
}
ul.CancelCatalogConfirmList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogConfirmList li
{
	list-style-type:none;
}
input.RequiredError,textarea.RequiredError,select.RequiredError,div.RequiredError
{
	background-color: #FAA;
}

.SearchMemberBYShopMemberIdFrame
{
	margin: 0 0 4px 0;
	padding:0;
	width:100%;
}
.SearchMemberBYShopMemberId
{
	background-color: #f9f9f3;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #888 #888 #d3d3d3;
	margin: 0 auto;  
	padding:0 0 4px 0;
	width:95%;
}

.SearchMemberBYShopMemberId h3
{
    background-color: #dcdffc;   
    font-size: 14px;
    margin: 0;
	padding:4px;
}

#RdUserCodeInput
{
    margin: 0;
	padding:4px;
}
.LinkShopMemberId
{
    margin-left:30px;
    font-size:10px;
}
.TelNo
{
    width:55px;
}

/* キャンペーン一覧 */
.CampaignList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.CampaignList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}
.CampaignList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.CampaignList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CampaignName {font-size: 14px; color:#444;}
.CampaignDescription {font-size: 14px; color: #444;}
.CampaignTerm {font-size:12px;}
.CampaignTargetSite {font-size: 14px;}
.CampaignNAMessage
{
}

/* MyPage */
.MyPageMemberID
{
	margin:0px 0px 5px 10px;
}
.DashboardLayoutPanel
{
	margin:0px 10px 10px 10px;
	padding:0;
}
.MyPageDashboardBlock
{
	margin: 15px 0;
	padding: 0 20px;
}
.MyPageDashboardSubTitle
{
	font-size: 0.9em;
	background: #cdcdcd;
	color: #000;
	padding: 3px 0 3px 10px;
}
.MyPageDashboardContents
{
	font-size: 0.8em;
	padding: 5px 0;
}
.MyPageDashboardList
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.MyPageDashboardListItemHead
{
	margin-top: 5px;
	margin-bottom: 2px;
}
.MyPageDashboardListItemBody
{
	padding-left: 20px;
}
.AgeRequirementCheckPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}

.StockMatrixPanel table
{
	border-collapse:collapse;
	width: 90%;
}
.StockMatrixPanel th
{
	background-color: #999;
}
.StockMatrixPanel td
{
	border: solid 1px #999;
}

#VariationMatrix .Loading {
    background-color: #FFFFFF;
    background-image: url("../images/common/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    height: 50px;
    margin: 5px auto;
    width: 95%;
}

.DeleteButtonSmall {   
    background: -moz-linear-gradient(top,#FF8156 0%,#FF4000);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8156), to(#FF4000));
    border: 1px solid #DDD;
    color:#FFF;
    padding: 2px 4px;
}

#ReviewSendCompleteBox
{
    background-color: #fff;
    padding: 10px;
}

#AddressList
{
   	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	z-index: 100;
}

/* メーカーから探す */
#MakerSearchPartsDiv .MakerSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#MakerSearchPartsDiv .ListBox
{
    margin:5px;
}
#MakerSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;	
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* ブランドから探す */
#BrandSearchPartsDiv .BrandSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#BrandSearchPartsDiv .ListBox
{
    margin:5px;
}
#BrandSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;    
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* おすすめカテゴリー */
.RecommendCategoryTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#RecommendCategoryList
{
    margin: 0;
    padding: 0;
    font-size:80%;
}
#RecommendCategoryList .ListItem
{
    border-bottom: 1px dotted #333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}
/* ----- */
/* 購入履歴リスト */
#RecentOrderList .title
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#RecentOrderList .title:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}
#RecentOrderList .title .linkToList
{
    float:right;
}
#RecentOrderList .title .linkToList a
{
    color:#FFFFFF;
}
#RecentOrderList .list
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}
#RecentOrderList .list li
{
	padding:0px;
	margin:0px;
	overflow:hidden;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}
#RecentOrderList .list .ItemLeft
{
    margin:5px;
    float:left;
}
#RecentOrderList .list .ItemRight
{
    width:60%;
}
#RecentOrderList .list li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/* ----- */
/* 領収書送付申込 */

/* ----- */

/* 見積履歴 */
.EstimateHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.EstimateHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.EstimateHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.EstimateHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* カート一覧 */
#MultiShopCartList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

#MultiShopCartList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

#MultiShopCartList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

#MultiShopCartList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#MultiShopCartEmptyMessage,.DisabledMessage
{
    padding:20px;
    color: #606060;
    font-size:14px;
}
#MultiShopCartLoading
{
    text-align:center;    
}
/* ギフト指定 */
#GiftOptionUI
{
    font-size: 80%;
}

#GiftOptionUI .SetOptionsSubTitle {
    background-color: #50505e;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
    margin: 8px 0 2px 0;
    padding: 4px;
    text-align: left;
    clear:both;
}
#GiftOptionUI dd
,#GiftOptionUI ul
{
    margin:0;
    padding:0;
}
#GiftOptionUI .OptionListImg
{
    float:left;
	list-style-type:none;
    width:80px;
    height:120px;
    border:1px solid white
}

#GiftOptionUI .SetOptionsFrame .Selected
{
    border:1px solid #FD6DB5;
}

#GiftOptionUI .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionUI .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
    width: 170px;    
}
#GiftOptionUI .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionUI .OptionNone
{
    width: 170px;   
    height:170px;
    display:table-cell;
    border:solid 1px #e6e6e6;
    text-align:center;
    vertical-align:middle;
    color:#bdbdbd;
}
#GiftOptionUI .SetOptionWindowTitle {
    background: #eee none repeat scroll 0 0;
    padding: 4px;
}
#GiftOptionUI .OptionErrorMsgDiv
{
    margin: 4px;
}
#GiftOptionUI #EditGiftOptionMessage
{
    margin: 4px;
}
/* ギフト指定 */

/* ギフト指定(カート) */
#GiftOptionPanel
{
}

#GiftOptionPanel .SetOptionsSubTitle {
    background-color: #50505e;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
    margin: 8px 0 2px 0;
    padding: 4px;
    text-align: left;
    clear:both;
}
#GiftOptionPanel dd
,#GiftOptionPanel ul
{
    margin:0;
    padding:0;
}
#GiftOptionPanel .OptionListImg
{
    float:left;
	list-style-type:none;
    width:80px;
    height:120px;
    border:1px solid white
}

#GiftOptionPanel .SetOptionsFrame .Selected
{
    border:1px solid #FD6DB5;
}

#GiftOptionPanel .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionPanel .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionPanel .SetOptionWindowImage
,#GiftOptionPanel .SelectedGiftOptionBlock
{
    width: 170px;    
}
#GiftOptionPanel .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionPanel .OptionNone
{
    width: 170px;   
    height:170px;
    display:table-cell;
    border:solid 1px #e6e6e6;
    text-align:center;
    vertical-align:middle;
    color:#bdbdbd;
}
#GiftOptionPanel .SetOptionWindowTitle {
    background: #eee none repeat scroll 0 0;
    padding: 4px;
}
#GiftOptionPanel .OptionErrorMsgDiv
{
    margin: 4px;
}
#GiftOptionPanel #EditGiftOptionMessage
{
    margin: 4px;
}
/* ギフト指定 */

/* ユーザーページリスト（スライド） */
.UserPageDigestTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.UserPageDigestTitleR
{
    float:right;
}
.UserPageDigestTitle a
{
    color:#FFFFFF;
}
.UserPageDigestFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#UserPageDigest
{
	padding:0px;
	overflow: hidden;
}
#UserPageDigestList
{
	padding:2px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#UserPageDigestList li
{
    text-align:center;
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectUserPageDigestDot
{
	color:#38CEE3;
}
.UserPageDigestDot
{
	color:#CCCCCC;
}
/* ユーザーページリスト（スライド） */
/* ユーザーページリスト（一覧） */
.UserPageList
{
    font-size:80%;  
}
#UserPageList
{
}
#UserPageList li
{
    font-size:80%;  
    float:left;
    list-style: outside none none;
    padding: 10px 5px;
    margin:2px;
    width:140px;
    height:140px;
    overflow:hidden;
	background: #e6e6e6;
}
#UserPageList .ListImage
{
    text-align:center;
}
#UserPageList h3
{
    margin:2px;    
}
#UserPageList p
{
    margin:0px;    
}
.UserPageList .Pager
{
    margin:10px 0;
    padding: 10px;    
    background:#000000;
}
/* ユーザーページリスト（一覧） */

/* 商品タグ検索パーツ */
.SearchTagListTitle::after {
    clear: both;
    content: " ";
    display: block;
    overflow: hidden;
}
.SearchTagListTitle {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #666, #333) repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    font-size: 80%;
    margin: 10px 5px 0;
    padding: 5px;
}

.SearchTagList {
    font-size: 80%;
    margin: 0 5px;
    padding: 0;
}

.SearchTagList li:last-child {
    border-bottom: 2px solid #333;
}
.SearchTagList li {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #eee, #fff) repeat scroll 0 0;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}
/* 商品タグ検索パーツ */
/* MultiShopOrderHistory */
.MultiShopOrderHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.MultiShopOrderHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.MultiShopOrderHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.MultiShopOrderHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* 契約情報一覧 */
.ContractList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.ContractList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.ContractList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.ContractList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* 関連商品（商品グループ） */

.RelatedProductTitle {
    font-weight: bold;
    text-align: center;
    margin: 10px;
}

.RelatedProductGroupTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.RelatedProductGroupTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.RelatedProductGroupFrame
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.RelatedProductGroupFrame li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.RelatedProductGroupFrame li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.ItemCenter
{
   text-align:center;   
}

/* ファイルアップロードパネル */
#UploadPanel
{
	display:none;
	z-index:9999;
	width:87%;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#UploadHeader
{
    background-color: #EEE;
    padding:2px;
    width:98%;
    margin:0 auto;
    font-size:12px;
    font-weight:bold;
    zoom:1;
    overflow:hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}
#UploadHeaderLeft
{
    float:left;
}
#UploadHeaderRight
{
    float:right;
    cursor: pointer;
}
#Upload
{
    clear:both;
    background-color: #FFF;
    padding:2px;
    width:98%;
    margin:0 auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
.ShowDataTitle
{
    font-size:large;
    margin:8px;
    text-align:left;
    border-bottom:solid 1px #c0c0c0;
}
.ShowDataContentBox
{
    width:80%; 
    margin:0 auto;    
}
.ShowDataTextLine
{
    margin:1px;
    padding:4px;
    background: none repeat scroll 0 0 #E5E7EB;
    color: #606060;
    font-size: 12px;
}
.ShowDataButtonArea
{
    margin:8px;
}
.ShowDataButtonArea input
{
    width:80px;
}
.ShowDataDiv
{
    margin:1px;
    padding:4px;
    background: none repeat scroll 0 0 #003366;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:bold;
    margin: 0 0 8px;
    padding: 5px 3px 5px 20px;
}
.ShowDataResult .ErrorMessage
{
    color:Red;
}
.UploadBox .Notes
{
    color:Red;
}
.PopUpFrame{
	background-color:White;
	border:0px solid black;
	overflow:auto;
}

/* Cart Quantity Detail */
div.CartQuantityBreakDown {
 margin-top:30px;
}
div.CartQuantityBreakDown .tab 
{
    margin:0;
    padding:0;
    overflow:auto;
}
div.CartQuantityBreakDown .tab li:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
div.CartQuantityBreakDown .tab li:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
div.CartQuantityBreakDown .tab li {
 background-color:#9D9D9D;
 color:#fff;
 width:40%;
 text-align:center;
 border: none;
}
 div.CartQuantityBreakDown .tab li:nth-child(1) {
  float:left;
 }
 div.CartQuantityBreakDown .tab li:nth-child(2) {
  float:right
 }
 div.CartQuantityBreakDown .tab li.selected {
  background-color:#172a88
 }
 div.CartQuantityBreakDown .tab li a {
 padding:1.2em 0.5em;
 color:#fff;
 display:block
}
 div.CartQuantityBreakDown #detail article {
  margin:0 auto;
  width:100%;
 }
 div.CartQuantityBreakDown #detail article p {
  display:inline-block;
  margin:10px 10px 0 0
 }
 div.CartQuantityBreakDown {
  padding:1em 0 0 1em
 }
/* Cart Quantity Detail */
/* Cart Quantity Detail Input */
@media screen {
 #inline-wrap1,#inline-wrap2 {
  position:relative;
  margin:10px auto;
  max-width:700px;
  background:#fff;
  box-sizing:border-box;
  padding-bottom:30px
 }
 #inline-wrap1 .modaltit,#inline-wrap2 .modaltit {
  width:100%;
  background-color:#172a88;
  color:#fff;
  font-size:20px;
  padding:1em 0;
  text-align:center
 }
 #inline-wrap1 .mfp-close,#inline-wrap2 .mfp-close {
  color:#fff;
  -moz-border-radius:27px;
  -webkit-border-radius:27px;
  border-radius:27px;
  background-color:#000;
  margin-top:-3%
 }
 #inline-wrap1 #detail div.modaltabarea,#inline-wrap2 #detail div.modaltabarea {
  display:block;
  margin:0 auto;
  width:100%;
  text-align:center;
  padding:3%;
  box-sizing:border-box
 }
 #inline-wrap1 #detail div.modaltabarea p,#inline-wrap2 #detail div.modaltabarea p {
  display:inline-block;
  margin:20px 30px 0 0
 }
 #inline-wrap1 #detail div.modaltabarea p input,#inline-wrap2 #detail div.modaltabarea p input {
  display:block;
  width:3em;
  font-size:16px;
  margin:5px auto 0 auto;
  padding:7px
 }
 #inline-wrap1 #detail div.modaltabarea p input.classotherbox,#inline-wrap2 #detail div.modaltabarea p input.classotherbox {
  width:4em
 }
  .classsubmit a {
  padding:1em;
  background-color:#172a88;
  color:#fff;
  width:40%;
  display:block;
  text-align:center;
  margin:30px auto 10px auto
 }
/* Cart Quantity Detail Input */
/* Comfirmation Quantity Detail */
div.quantityBreakDownBlock
{
    text-align:left;
}
span.quantityBreakDown
{
    display:inline-block;
}
/* Comfirmation Quantity Detail */

/* SetItemsShipping */
.SetItemsShipping
{
	margin:5px 5px 15px 5px;
	padding:0;
}

.DivideShippingProductList
{
    font-size:80%;
}
.SetItemsShipping dd
{
    margin:0; 
    padding:0; 
}

.SetItemsShipping ul
{
    margin:0; 
    padding:0; 
    list-style-type:none;
}

.SetItemsShipping li
,.SetItemsShippingModal li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.SetItemsShipping li:last-child
,.SetItemsShippingModal li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.SetItemsShipping li:first-child
,.SetItemsShippingModal li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.SetItemsShipping .LargeButton
{
    font-size:100%;
}
.SetItemsShipping .ErrorMessage
{
    font-size:100%;
}

.SetItemsShippingModal
{
    margin:10px;      
    padding:10px;  
    background-color:#ffffff;
    text-align:center;
}
.SetItemsShippingModal .SelectShippingList
{
    text-align:left;
    font-size:80%;    
}
.SetItemsShippingModal .message
{
    text-align:left;
    font-size:80%;        
    display:inline-block;
}
.SetItemsShippingModal ul
{    
    margin:0; 
    padding:0; 
    list-style-type:none;
}
/* SetItemsShipping */
/* MultiColumnLayout */
.multiColumnLayout .contents
{
    display:block;
    width:1080px!important;
    margin:auto;
}
.multiColumnLayout .contents ul
{
    list-style:none;
}
.multiColumnLayout .contents .leftArea
{
    float:left;
    width:200px;
    margin:auto;
}
.multiColumnLayout .contents .mainArea
{
    float:left;
    width:650px;
    margin:auto;
}
.multiColumnLayout .contents .mainArea #divProductImages .arrows > .prev 
{
    float:left;
    position:relative;
    top:-150px;
    left:auto;
    z-index: 1;
}
.multiColumnLayout .contents .mainArea #divProductImages .arrows > .next 
{
    float:right;
    position:relative;
    top:-150px;
    right:auto;
    z-index: 1;
}
.multiColumnLayout .contents .rightArea
{
    float:left;
    width:200px;
    margin:auto;
}
/* MultiColumnLayout */
/* セール商品 */
.SaleProductTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.SaleProductTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.SaleProductList
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.SaleProductList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    overflow: hidden;
}

.SaleProductList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/* MultiColumnLayout */

/* SNSログインボタン */
.FacebookLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#4267B2;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.FacebookLoginIcon
{
	position:relative;
	top:2px;
	left:0px;
	height:20px;
	width:20px;
}
.TwitterLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#1ab7ea;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.TwitterLoginIcon
{
	position:relative;
	top:5px;
	left:2px;
	height:20px;
	width:20px;
}
.LineLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#00C300;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.LineLoginIcon
{
	position:relative;
	top:5px;
	left:3px;
	height:20px;
	width:20px;
}
/* くじ企画リスト */

/* ----- */
/* ポイントチャージ */
.PointChargeList
{
    margin: 5px 5px 15px 5px;
    padding: 0;
}
.PointChargeList .Main
{
    font-size: 80%; 
}
.PointChargeList .ULPointChargeList{
    display: flex;
    flex-wrap: wrap;

}
.PointChargeList .ULPointChargeList li
{
	width: 30.5%;
    padding:0.2em 1em;
	cursor: pointer;

}
.PointChargeList .ULPointChargeList li+li,
.PointChargeList .ULPointChargeList li:first-child{
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.PointChargeList .ULPointChargeList li:nth-child(3n+1){
	border-left: 1px solid #ccc;
}
.PointChargeList .ULPointChargeList li:nth-child(-n+3){
    border-top: 1px solid #ccc;
}
/*.PointChargeList .PaymentLabel {
    float: left;
    width: 20%;
}
.PointChargeList .PaymentAmount {
    float: left;
    text-align: right;
    width: 20%;
}
.PointChargeList hr
{
    border: solid 1px #AAA;
    margin: 3px 0px;
    width: 60%;
}
*/
.PointChargeList .PriceCommentFrame{width:100%;}

}


/*.titvalidPoint:before{
	content: "\f51e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    margin: 10px;
    font-size: 19px;
    color: #ffd700;
}
*/
.titvalidPoint{font-weight: 800;margin-left: 5px;}
.buyPT,.validPoint .Point{
    font-size: 18px;
    font-weight: bold;
    color: #fa8072;
	line-height: 2.5;
}

/* ---------------- */

.ULPointChargeList li{
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    position: relative;
}

.ULPointChargeList li input[type="radio"] {
    display: none;
}
.ULPointChargeList li:hover{
	background: #f0f8ff;
}
.ULPointChargeList li.Active{background: #e0ffff;}
.ULPointChargeList li:after{
	background-image: URL("../images/common/listarrow-round.png");
	display:block;
	background-size:68%;
	background-repeat: no-repeat;

}
.ULPointChargeList li:after{
    position: absolute;
    top: 37%;
    right: 0;
    content: "";
    width: 15px;
    height: 20px;
    margin: auto;
}

.PointChargeList.payment .ULPointChargeList li{height: 72px;}

@media only screen and (max-width: 768px) {

.PointChargeList .ULPointChargeList li{width:100%;}
.PointChargeList .ULPointChargeList li:nth-child(-n+3){border-top:none;}
.PointChargeList .ULPointChargeList li:nth-child(3n+1) {
    border-left: none;
}
.PointChargeList .ULPointChargeList li+li, .PointChargeList .ULPointChargeList li:first-child {
    border-right: none;
border-bottom:1px dotted #ccc;
}
.ULPointChargeList li:after{top: 17%;}

}
/***** 決済方法設定　ラジオボタン*******/
input[type=radio]{
    display: inline-block;
    background-color: #999999;
    border: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -moz-appearance: radio;
    -webkit-appearance: radio;
}
input[type="radio"] {
    margin: 0px 5px 0px 0px;
	line-height: normal;
}
.PointChargeList.payment ul li{
line-height: 3;
}

/**********テーブル表示*************/
.defaultList2columnBox dl.List2ColumnBox {
    border-bottom: 1px solid #CCC;
    padding: 1.7em 0;
    text-align: left;
}
.defaultList2columnBox dl.List2ColumnBox > dt {
    width: 200px;
}
.defaultList2columnBox dl.List2ColumnBox > dd {
    width: 100%;
    margin-left: -200px;
}
.defaultList2columnBox dl.List2ColumnBox>dd>.ddIn {
    text-align: left;
    line-height: 1.8;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn {
    margin-left: 200px;
}
.defaultList2columnBox dl.List2ColumnBox.borderb {
    border-top: 2px solid #333;
}
dl.ddIn_CreditCard dd {
    margin-bottom: 1em;
}
dl.marble_cart__total {
    text-align: right;
    font-weight: bold;
    font-size: 1.3em;
    border: none;
    padding: 0.2em 15px;
    box-sizing: border-box;
}
dl.List2ColumnBox dl.PaymentLabel dd {
    width: auto;
    float: none;
    margin: 0;
    display: inline-block;
    width: 180px;
}
.marble_cart__tax{font-size: 0.6em;}

/*********【決済方法選択】***********/

.PointChargeList .ULPointChargeList.PaymentMethodList li{width: 70%;margin: 5px auto;}

.PointChargeList .ULPointChargeList.PaymentMethodList li label i{margin:5px;}
.ULPointChargeList.PaymentMethodList li:after{content:"";}



.ULPointChargeList.PaymentMethodList li{border: 1px solid #ccc !important;}

.PointChargeList.payment .Main > div {
    text-align: center;
    display: block;
}

ul.ULPointChargeList.PaymentMethodList{
	text-align: center;
	display: inline-block;
	width: 70%;
}

ul.ULPointChargeList.PaymentMethodList li{


text-align: center;
}

ul.ULPointChargeList.PaymentMethodList li label{
	text-align: left;
}

@media only screen and (max-width: 768px){
.defaultList2columnBox dl.List2ColumnBox {
    padding: 0 0 1.0em 0;
    flex-wrap: wrap;
}
.defaultList2columnBox dl.List2ColumnBox > dt {
    width: 100%;
    float: none;
    font-size: 1.05em;
    padding: 0.5em 0;
    margin-bottom: 1em;
    border-bottom: 1px dashed #999;
}
.defaultList2columnBox dl.List2ColumnBox > dd {
    margin-left: 0;
    float: none;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn {
    margin-left: 0;
}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd {
    width: 130px;
}
ul.ULPointChargeList.PaymentMethodList {
    display: inline-block;
    width: 100%;
}
.PointChargeList .ULPointChargeList.PaymentMethodList li{width:90%;}
}

#RefineSearchOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: #ccc;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index:9000;
}
#RefineSearchLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  text-align: center;
  z-index:9001;
}

/* RealTime Coupon */
.IncentiveMsgRT
{
	color:red;
	border-color:LightGrey;
	border-width:1px;
	border-style:solid;
	margin:5px;
	padding:5px;
}

/* RegistCardInfoMulti */
.RegistCardMultiPanel
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}
.RegistCardMultiPanel .CardList
{
	padding:0;
}
.RegistCardMultiPanel .CardItem ul,.RegistCardMultiPanel .CardItem li
{
	padding:0;
}
.RegistCardMultiPanel .CardItem
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}
.RegistCardMultiPanel .CardItem:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.RegistCardMultiPanel .CardItem:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/* CardPaymentPanel */
.CardPaymentPanel .CardList
{
	margin:0;
	padding:0;
}
.CardPaymentPanel .CardList li
{
	border:none;
	margin:0 0 0 5px;
	padding:0;
}

/* ConfirmZipMessageBox */
.ConfirmZipMessageBox .ConfirmMessage
{
	margin:10px;
	text-align:center;
}
.ConfirmZipMessageBox .ConfirmTitle
{
	display:inline-block;
	text-align:left;
}

/* SelectPaymentAndShippingTypeParts */

.selectPaymentAndShippingTypeParts {
  text-align:center;
}

.selectPaymentAndShippingTypeParts a {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

.selectPaymentAndShippingTypeParts ul
{
	margin:0;
	padding:0;
}
.selectPaymentAndShippingTypeParts li
,.selectPaymentAndShippingTypeParts li:first-child
,.selectPaymentAndShippingTypeParts li:last-child
{
	border:none;
	list-style-type: disc;
	margin:0;
	padding:0;
}
.selectPaymentAndShippingTypeParts.settingBox dl {
  position: relative;
  text-align: left;
}

.selectPaymentAndShippingTypeParts.settingBox dt 
{
	margin:2px;
}

.selectPaymentAndShippingTypeParts .modal {
  width: 100%;
  height: 0;
  min-height: 0;
  max-height: 100vh;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-y: scroll;
  opacity: 0;
  transition: opacity 0.5s 0s;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}

.selectPaymentAndShippingTypeParts .modal.open {
  min-height: 100vh;
  padding: 40px 10px;
  opacity: 1;
}

.selectPaymentAndShippingTypeParts .modal > .box {
  width: 100%;
  max-width: 800px;
  padding: 40px 20px;
  padding-top: 60px;
  box-sizing: border-box;
  background-color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

@media (min-width: 800px) {
  .selectPaymentAndShippingTypeParts .modal > .box {
    margin-left: calc(50% - 400px);
  }
}
.selectPaymentAndShippingTypeParts .modal > .box dl {
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dt {
  margin-bottom: 10px;
  font-weight: bold;
  color: #eb0000;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dd time {
  margin-bottom: 10px;
  display: block;
  color: #444444;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dd .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.selectPaymentAndShippingTypeParts .modal > .box .title {
  margin-bottom: 20px;
  font-weight: bold;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab {
  margin: 100px 0 40px 0;
  position: relative;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
  z-index: 10;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box h2 {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #cecece;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: -70px;
  cursor: pointer;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio {
  height: 0;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ededed;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio .selectBase:nth-child(odd) {
  margin-right: 20px;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(1) h2 {
  left: 0;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(2) h2 {
  left: 50%;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(n + 3) h2 {
  display:none;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open {
  position: relative;
  z-index: 1000;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2 {
  background-color: #00935F;
  margin-left: 0;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2:after {
  content: '';
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #00935F;
  position: absolute;
  bottom: -10px;
  left: 50%;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open .boxRadio {
  height: auto;
}
.selectPaymentAndShippingTypeParts .modal.open {
  min-height: 100vh;
  padding: 40px 10px;
  opacity: 1;
}
.selectPaymentAndShippingTypeParts .modal i.close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url("../Images/Common/x.png");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.selectPaymentAndShippingTypeParts .modal .boxBtn {
  margin-top: 20px;
  text-align: center;
}
.selectPaymentAndShippingTypeParts .modal .boxBtn .close {
  cursor: pointer;
}

.selectPaymentAndShippingTypeParts.settingBox dl > dt .btnBorderBlack {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack.min {
  padding: 5px 10px;
  width: auto;
  display: inline-block;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack {
  width: 100%;
  max-width: 300px;
  padding: 17px 14px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  border: 1px solid #444444;
  color: #000000;
  background-color: #ffffff;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack:hover {
  border: 1px solid #00935F;
  color: #00935F;
}

.selectPaymentAndShippingTypeParts .btnColor {
  width: 100%;
  max-width: 300px;
  padding: 17px 14px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  background-color: #00935F;
  color: #ffffff;
  font-weight: bold;
}

.selectPaymentAndShippingTypeParts .btnColor.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.selectPaymentAndShippingTypeParts .btnColor:hover {
  opacity: 0.7;
}

.selectPaymentAndShippingTypeParts .inputBox {
display: flex;
flex-wrap: wrap;
}

#ProductListCategoryLoading
{
    clear:both;
    width:95%;
    height:50px;
    margin:5px auto;
    background-color:#FFFFFF;
    background-image:url("../images/common/loading.gif");
    background-repeat:no-repeat;
    background-position:center;
}

#SelectItemMessagePanel
{
	display:none;position:absolute
}
#SelectItemMessagePanel .message
{
	z-index:1000;
	transform:translate(-50%, 0%);
	margin:2px;
	padding:4px;
	border:solid 1px red;
	border-radius:5px;
	color:red;
	background:#FFFFFF;
}

.shippingDate.errorMessage
{
	color:#FF0000;
	font-weight:bold;
	display:block;
}
.shippingDate.errorMessage p
{
	margin:0px 0px 0px 5px;
}

/* RankPriceList */
#ProductDetail ul
{
	font-size:80%;	
}

.rankPriceList
{
    margin:3px;
    padding:0;
}

.rankPriceList li
{
    background:transparent;
	margin:0;
    padding:0;
}

.rankPriceList .rankPriceTitle
,.rankPriceList .rankPriceBlock

{
	margin:0;
	padding:0;
	display:inline;
}

.rankPriceList .rankPriceBlock .rankPriceCaption
{
	margin:0 0 0 2px
}

.rankPriceList .rankPriceBlock .rankPrice
{
	margin:0 0 0 2px;
	font-weight:bold;
}

hr.border
{
	border: dotted 1px #666;
	margin:0;
	padding:0;
}

.VariationValue1Title {
	margin: 10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #CCC, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#333));
	font-size: 80%;
	padding: 5px;
	color: #FFFFFF;
	clear: both;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.selectScheduledSalesDeliveryDateParts .selectCalendarList {
	display: inline-block;
}

.selectScheduledSalesDeliveryDateParts .selectCalendar a {
	text-decoration: underline;
}

.selectScheduledSalesDeliveryDateParts .selectCalendar .selectedDate {
	background-color: Red;
}

.modalLoading {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	text-align: center;
	z-index: 1000001;
}

/* ----------------------------------- */
.wrapper .box_address .selectBase.select01:after {
    content: '';
    width: 20px;
    height: 20px;
    margin-top: 12px;
    background-image: url(../Images/Common/Icon/arrow/ico_arrow03Black.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(
90deg
);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 11;
    pointer-events: none;
}

/* メンテナンス　*/



.Maintenance_aspx .MaintenanceBox {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
    font-size: 1.1em;
}
.Maintenance_aspx .MaintenanceBox #Header .HeaderWrap #mainLogo {
    width: 184px;
    box-sizing: border-box;
    padding: 10px;
}
.MaintenanceBox #Header .HeaderWrap {
    justify-content: center;
}
@media screen and (max-width: 767px){
.MaintenanceBox #Header .HeaderWrap #mainLogo {
    margin: auto;
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
    position: relative;
    z-index: 4;
    background-color: #fff;
	box-sizing: border-box;
}
.MaintenanceMessage{}
}

.giftWarnMessage {
	color: #FF0000;
	font-weight: bold;
	margin: 10px;
}

#GiftOptionPanel .GiftOptionRow .giftWarnMessage {
	margin:0;
}

/* カート以降 */
.confirmation_aspx .confirm-col.CreditCardPanel .CreditCardBox {
    background-color: #efefef;
    padding: 20px;
    margin: 20px 0;
}
.confirmation_aspx .confirm-col.CreditCardPanel .CreditCardBox dl dd {
    margin: 8px 0 20px 0;
}
.confirmation_aspx .confirm-col.CreditCardPanel .CreditCardBox dl dd.NewCreditCardExpire div.selectBase.select02 {
    width: 100px;
}
.orderhistory_aspx .history-list>li {
  margin-bottom: 20px;
  background-color: #fff;
}
.orderhistory_aspx .history-list li {
  border: 1px solid #dcdcdc;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.orderhistory_aspx .history-header{
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2em;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.orderhistory_aspx .order .Detail{
	display: flex;
    flex-wrap: wrap;
    font-size: 1.2em;
	gap: 10px 60px;
}
.orderhistory_aspx .order .Detail .phLotteryPlanRedraw{
	width: 100%;
	text-align: left;
}
.orderhistory_aspx .order .Detail .phLotteryPlanRedraw p{
	color: red;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info dd .status{
    border: 1px solid #f2a6b4;
    color: #f2a6b4;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    display: inline-block;
}
.orderhistory_aspx .history-header .history-header_left{
    width: calc(100% - 135px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:10px 60px;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info,
.orderhistory_aspx .order .Detail .detail_info{
    display: flex;
}
.orderhistory_aspx .history-list .Detail > .detailItem{
    padding: 10px 0;
}
.orderhistory_aspx .history-list .Detail > .detailItem + .detailItem{
    border-top: 1px solid #dcdcdc;
}
.orderhistory_aspx .history-count {
    font-weight: bold;
	text-align: left;
}
@media (max-width: 767px){
.multishoporderhistory_aspx .history-header,
.orderhistory_aspx .history-header{
    padding: 10px 20px;
}

.multishoporderhistory_aspx .history-header .history-header_left,
.orderhistory_aspx .history-header .history-header_left{
    float: none;
    margin-bottom: 10px;
    width: 100%;
}
.multishoporderhistory_aspx .history-header .history-header_left .history-header_info,
.orderhistory_aspx .history-header .history-header_left .history-header_info{
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0px 5px 0;
    width: 100%;
}
.multishoporderhistory_aspx .history-header .history-header_left .history-header_info dd{
    width: calc(100% - 5em);
}
.multishoporderhistory_aspx .history-header .history-header_right,
.orderhistory_aspx .history-header .history-header_right{
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.multishoporderhistory_aspx .history-header .history-header_right>p>a,
.orderhistory_aspx .history-header .history-header_right>p>a{
width:80%;
}
.wrapper.orderhistory_aspx .history-header_right .btnColor.min{
	width: 100%;
}
}

a.hl:hover{
    text-decoration: underline;
}