@charset "Shift_JIS";

/*================================================================================
 サイト共通
================================================================================*/

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: xx-small;
	line-height: 1.5;
	-webkit-text-size-adjust:100%; /* フォントサイズ自動調整 */
	
	position:relative;
	background:#fff;
}


.no {
	position:absolute;
	top:2px;
	left:0px;
}



/* float解除用 */
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

ul, ol {
	list-style:none;
}

select {
	/*
	font-size: 100% !important;
	*/
	font-size: 12px !important;
}

/* レイアウト調整用 */
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 {
	margin-bottom:10px!important;
}
.mb20 {
	margin-bottom:20px!important;
}

.mb30 {
	margin-bottom:30px!important;
}
.mb40 {
	margin-bottom:40px!important;
}
.mb50 {
	margin-bottom:50px!important;
}

.mt10 {
	margin-top:10px!important;
}
.mt20 {
	margin-top:20px!important;
}

.pb0{
	padding-bottom:0 !important;
}

.al_c{
	text-align:center !important;
}
.al_r{
	text-align:right !important;
}

.ov_h{
	overflow:hidden;
}


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

#header{
	background:#000;
	position:relative;
	padding:11px 0px 11px 10px;
	/*
	margin-bottom:15px;
	*/
	min-height:55px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#header p:first-child img{
	height:30px !important;
	width:auto !important;
}
#header nav{
	position:absolute;
	top:0;
	right:0px;	
}
#header nav ul li{
	display:block;
	float:left;
}

#header nav ul li img{
	margin-top:10px;
}


/*ログイン時のとき*/

#header li#header_logout{
	margin:0 0px 0px 5px;
}
#login_name_wrap{
	position:absolute;
	top:55px;
	left:0;
	z-index:10005;
	width:100%;
	
	font-size:11px;
}
#login_name{
	background:#aaaaaa;
	padding:5px;
	text-align:right;	
	color:#fff;
	height:25px;
	-webkit-box-sizing: border-box;
		    box-sizing: border-box;
}

.cookielogin_mode #login_name{
	background:#f6f6f6;
	color:#111111;
	padding:0px;
}
.cookielogin_mode #login_name name{
	background:#f6f6f6;
	color:#111111;
	padding:0px;
}
.cookielogin_mode #login_name span{
	display:block;
	float:right;
	height:25px;
	padding:5px;
	-webkit-box-sizing: border-box;
		    box-sizing: border-box;
}
.cookielogin_mode #login_name a{
	color:#666666 !important;
	display:block;
	float:left;
	background:#dfdfdf;
	height:25px;
	padding:5px 10px 5px 5px;
	-webkit-box-sizing: border-box;
		    box-sizing: border-box;
}


/* 20130313編集 */

.itemList li.lastChild {
	border-right:none;
}

.itemList li a {
	display: block;
}

.itemBrandLogo {
	text-align: center;
}
.itemBrandLogo img {
	width:100%;
	height: auto;
}

.itemImg {
	text-align:center;
	margin-bottom:5px;
	padding:0 16px;
}

.itemImg img {
	width:100%;
	height: auto;
}

.itemSpec {
	padding:0 16px;
}
.itemName {
	text-align:center;
	font-size:100%;
}
.itemIcon {
	text-align:center;
	font-size:100%;
}

.itemPrice {
	border-top:1px solid #CCCCCC;
	margin-top:5px;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.priceOff {
	color:#CC0000 !important;
}


.iconNewarrival {
	color:#5EB7B6;
}
.iconRearrival {
	color:#669966;
}
.iconReceive {
	color:#666699;
}
.iconReserve {
	color:#996699;
}
.iconSoldout {
	color:#999999;
}
.iconCampaign{
	color:#CC0000;
}
.iconFree {
	color:#CC3333;
}

.iconMempr, .iconMempo{
	color:#C44301;
}
.iconWrapping{
	color:#DA6C87;
}

.iconSale,
.iconPointup,
.iconPricedown {
	color: #CC0033;
}

.iconNovelty,
.iconRecommend,
.iconDeals,
.iconMagazine {
	color: #999999;
}

.ranking_txt{
	padding:10px 10px 7px 10px!important;
	background:#ffffff;
	margin:0 !important;
}


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

#footer {
	margin-top: 20px;
	
}

#footerIn{
	padding:17px 0px 16px 0px;
	background:#000;
}

/* ソーシャルアイコン */
#socialBlock ul {
	width:90%;
	margin: 20px auto;
	text-align: center;
}

#socialBlock ul li {
	display: inline-block;
	padding:0 5px;
}
#socialBlock ul li img {
	width:30px;
	height:30px;
}




/* フッターナビ */
#footerNav ul {
	text-align:center;
	margin-bottom:16px;
}

#footerNav ul li {
	display:inline-block;
	font-size:9px;
}
#footerNav ul li a{
	color:#fff !important;
	text-decoration:none !important;
	display:inline-block;
	padding:5px 9px;
}



/* コピーライト */
#copyright {
	text-align: center;
	padding:0;
	font-size:8px;
	color:#fff;
}




/*----------------------------------------------------
 エラー
----------------------------------------------------*/

#noItemMessageBlock {
	margin-top:0px;
	padding:20px;
	background:none !important;
	margin-bottom:20px;
}



/*----------------------------------------------------
 position:fix navi
----------------------------------------------------*/

#fix_navi{
	/*
	top:400px;
	*/
	position:absolute;
	right:0px;
	z-index:5000;
	width:45px;
	
	/**/
	display:none;
}
#fix_navi li a{
	position:relative;
}
#fix_navi li a img{
	width:100%;
	height:auto;
}