/* CSS Document */
/*ブランド　商品名などの一番上の画像*/
/*トップ画像*/
#top-bar{
	width:100%;
	height:26px;
	background-image:url(../images/title-bar.png);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	border:solid #999999;
	border-width: 1px;
	overflow:visible;
}

/*商品名部分*/
#item ul{
	overflow:hidden;
	list-style-type: none;
}

#item li{
	width:420px;
	height:26px;
	display:block;
	float: left;
	text-align:left;
	line-height: 1.8em;
	padding-left:10px;
	font-weight:bold;
	list-style-type: none;
}

/*リンク部分*/
#icon ul{
	margin:0;
	overflow:hidden;
	list-style:none;
	list-style-type: none;
}
#icon li{
	width:90px;
	height:26px;
	display:block;
	float: left;
	text-align:center;
	line-height: 1.8em;
	list-style-type: none;
	padding-top: 3px;
}



/*カラーバリエとレジで使用するBOX*/
.item-box2{
	width:762px;
	height:auto;
	background-color:#FFFFFF;
	margin: 20px 0 10px 30px;
	line-height: 1.8em;
	font-size:0.9em;
	text-indent: 1em;
	border:solid #999999;
	border-width: 1px;
	clear: both;
}


/*カラーバリエとレジ用　基本のBOX*/
.item-Barbox2{
	width:auto;
	height:auto;
	background-color: #F6F6F6;
	padding: 10px 10px;
	overflow: hidden;
	
}

/*商品詳細　左側*/
#item-left{
	width:370px;
	height:auto;
	background-color:#FFFFFF;
	float:left;
	margin: 20px 0 20px 0;
}
#item-Box{
	width:370px;
	height:auto;
	background-color:#FFFFFF;
	float:left;
	margin-top: 10px;
}

/*商品詳細　写真*/
.item-photo{
	width:300px;
	height:300px;/*ホントはautoでいいです。maxで410pxどめ*/
	background-color:#CCCCCC;/*ホントは#FFFFFFでいいです。便宜上ということで*/
	margin: 10px 30px 10px 30px;
	border:solid #FFFFFF;
	border-width: 0 1px 1px 1px;
}


/*左側用　基本のタイトルBOX*/
.item-lefttitle{
	width:350px;
	height:26px;
	background-image:url(../images/title-bar.png);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	line-height: 1.8em;
	/*font-size:0.9em;*/
	text-indent: 1em;
	border:solid #999999;
	border-width: 0 1px 0 1px;
	clear: both;
	/*font-weight: bold;*/

}

/*左側用　基本のBOX*/
.item-leftbox{
	width:392px;
	height:auto;
	background-color:#FFFFFF;
	margin: 0 0 10px 0;
	padding: 8px;
	border:solid #999999;
	border-width: 0 1px 1px 1px;
	clear: both;
}

/*右側用　基本のBOX*/
.item-rightBox{
	width:350px;
	height:auto;
	background-color:#FFFFFF;
	margin: 0 0 10px 0;
	padding: 8px;
	border:solid #999999;
	border-width: 0 1px 1px 1px;
	display: block;
	overflow: auto;
}

.item-right01{
	list-style-type: circle;
	line-height: 1.2em;
	list-style-position: inside;
}
.item-right02{
	list-style-type: none;
	line-height: 1.2em;
	list-style-position: inside;
}

/*サイズ表ボタン*/

.item-sizebox{
	width:100px;
	height:30px;
	margin: 0 0 10px 0;
	font-size:0.9em;
	border:solid #990000;
	border-width: 1px;
	display: block;
	clear: left;
}

.item-size li{
	float:left;
	display:inline;
	list-style-type: none;
}

.item-size a{
	width:100px;
	height: 30px;
	display:block;
	text-align: center;
	background-image:url(../images/size01.png);
	background-repeat:no-repeat;
	padding-top: 8px;

}

.item-size a:hover {
	color:#FFFFFF;
	background-image:url(../images/size02.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 8px;
}

/*単品用価格箱*/
#priseBox{
	width:100px;
	height:auto;
	display: block;
	float: left;
	text-align: right;
	padding: 10px 30px 10px 20px;
}

#priseCart{
	width:165px;
	height:35px;
	display: block;
	margin: 5px 0 0 0;
	text-align: center;
	line-height: 1.2em;
}
#priseCart2{
	width:auot;
	height:auto;
	display: block;
	margin: 5px 0 0 0;
	text-align: center;
	line-height: 1.2em;
}
/*単品用カートボタン*/
#cart01{
	width:160px;
	height:35px;
	overflow:hidden;
	background-color:#FFCC00;
	text-align: center;
	display: block;
}

#cart01 a{
	display:block;
	width:160px;
	height:35px;
	background-color: #FF3300;
}
#cart01 a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*複数商品用カートボタン*/
.cart021{
	width:51px;
	height:21px;
	overflow:hidden;
	background-color:#FF6600;
}

.cart021 a{
	display:block;
	width:51px;
	height:21px;
	background-color: #FF3300;}

.cart021 a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*商品コード*/
.item-code01{
	font-size:0.9em;
	font-weight:normal;
	line-height: 1.2em;
}
	
/*価格*/
.price{
	font-size:1.5em;
	font-weight:bold;
}
.price-off {
	font-size:1.2em;
	font-weight:bold;
	text-decoration: line-through;
}
.priceSale{
	font-size:1.5em;
	font-weight:bold;
	color:#CC0000;
	line-height: 1.5em;
}

/*商品の特徴*/
/*コンテンツブロックliの設定*/
#tokuchyouList li{
	float:left;
	display:inline;/*forWinIE6*/
	width:55px;
	margin:10px 0 0 25px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height: 55px;
	list-style-type: none;
}

/*単品カート*/
.cart{
	width:160px;
	margin:10px 0 0 120px;
	height: auto;
}
#cart02{
	width:160px;
	float: left;
	height: auto;
	text-align: center;
	display: block;
	overflow: hidden;
	margin-left:20px;
}
.cart02{
	height: auto;
	text-align: center;
	display: block;
	width:170px;
	float: left;
	line-height: 1.5em;
}

.cart02 a{
	height: auto;
	text-align: center;
	display: block;
	width:170px;
	float: left;
}

/*カラーバリエ*/
#colorCard li{
	float:left;/*forWinIE6*/
	width:340px;
	height: auto;
	margin: 5px 10px 10px 10px;
	display: inline;
	list-style-type: none;
}
.regiCard{
	width:340px;
	height:auto;
	float: left;
	overflow: visible;
}
.regi{
	width:340px;
	height:auto;
	overflow: auto;
	border: 1px solid #999;
	border-collapse:collapse;
	background-color: #FFFFFF;
}

.regi02{
	width:700px;
	height:auto;
}

/*table設定*/

.td01{
	width:55px;
	height:auto;
	border: 1px solid #999;
	padding: 2px;
	text-align:center;
}

.td02{
	width:58px;
	height:auto;
	padding: 3px;
	border: 1px solid #999;
}

.td03{
	width:130px;
	height:auto;
	padding: 3px;
	border: 1px solid #999;
}

/*おすすめ設定*/
.regitd01{
	width:59px;
	height:auto;
	border: 1px solid #999;
	text-align: center;
	padding: 2px;
}
.regitd02{
	width:auto;
	height:auto;
	padding-left: 1em;
	border: 1px solid #999;
}

/*ブランドカード　スパルコ*/
#blandCard-sparco li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-sparco a{
	display:block;
	width:150px;
	height:60px;
	background-color: #003366;
	text-align: center;
}

#blandCard-sparco li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*ブランドカード　サベルト*/
#blandCard-sabelt li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-sabelt a{
	display:block;
	width:150px;
	height:60px;
	background-color: #990000;
	text-align: center;
}

#blandCard-sabelt li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*ブランドカード　クロス*/
#blandCard-clos li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-clos a{
	display:block;
	width:150px;
	height:60px;
	background-color: #333333;
	text-align: center;
}

#blandCard-clos li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*ブランドカード　マイクロロン*/
#blandCard-microlon li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-microlon a{
	display:block;
	width:150px;
	height:60px;
	background-color: #3A9EA5;
	text-align: center;
}

#blandCard-microlon li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
/*ブランドカード　オートグリム*/
#blandCard-autoglym li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-autoglym a{
	display:block;
	width:150px;
	height:60px;
	background-color: #CC0000;
	text-align: center;
}

#blandCard-autoglym li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*ブランドカード　ARC ATOMO*/
#blandCard-arc li{
	float:left;
	display:inline;/*forWinIE6*/
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;

}
#blandCard-arc a{
	display:block;
	width:150px;
	height:60px;
	background-color: #FF0000;
	text-align: center;
}

#blandCard-arc li a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
/*ブランドページボタンのエキストラ設定*/
/*スパルコ用*/
.blandCard-sparcoEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-sparcoEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-sparcoEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-1.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*サベルト用*/
.blandCard-sabeltEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-sabeltEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-sabeltEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-2.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}


/*クロス用*/
.blandCard-closEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-closEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-closEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-3.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*マイクロロン用*/
.blandCard-microlonEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-microlonEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-microlonEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-4.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*オートグリム用*/
.blandCard-autoglymEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-autoglymEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-autoglymEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-5.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*ARC ATOMO用*/
.blandCard-arcEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-arcEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-arcEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-6.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*ARD用*/
.blandCard-ardEx li{
	float:left;
	display:inline;
	width:150px;
	margin:10px 10px 15px 15px;
	height: 60px;
	list-style-type: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#666666;
}

.blandCard-ardEx a{
	display:block;
	width:150px;
	height: 60px;
	text-align: center;
	background-image:url(../images/bland01-099-1.png);
	background-repeat:no-repeat;
	padding-top: 20px;

}

.blandCard-ardEx li a:hover {
	color:#FFFFFF;
	background-image:url(../images/bland01-099-1.png);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 20px;
}

/*ブランドここまで*/

.msg-R {
	color: #D50000;
	font-weight: normal;
	text-decoration: none;
}
.msg-RF {
	color: #D50000;
	font-weight: bold;
}
.msg-RU {
	color: #D50000;
	font-weight: normal;
	text-decoration: underline;
}
.msg-B {
	color: #0000CC;
	font-weight: normal;
	text-decoration: none;
}
.msg-BF {
	color: #0000CC;
	font-weight: bold;
}
.msg-BU {
	color: #0000CC;
	font-weight: normal;
	text-decoration: underline;
}
.msg-F {
	font-weight: bold;
}