@charset "utf-8";
/* CSS Document */
/* pickup */

div#hanbaisetumeibun{
	margin-bottom: 15px;
	width: 700px;
	margin-top: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #666;
}

img.setumei{
	width: 350px;
	margin: 15px 15px 10px 0;
	float: left;
}

.hanbaiyoutable {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #666;

}

/*ここからレコメンド*/

a img {
	border: none;
}

.product-list {
	text-align: center;
	width: 700px;
	margin-left: 10px;
}

.product-list div {
	position: relative;
	display: inline-block;
	width: 150px;
	margin: 0;
}



.product-list img {
	width: 150px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}


.product-list a {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 20px;
	text-decoration: underline;
}

.product-list a .name {
	font-weight: bold;
	text-align: center;
	font-weight:800;
	width: 150px;
	text-transform: uppercase;
	color: #015D8E;
}

.product-list a .price {
	position: relative;
	text-align: center;
	width: 150px;
	margin-left: 0%;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	font-size: 18px;
	color: #015D8E;
}
.product-list a .price {
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
}

.product-list a .refno {
	margin-top: 10px;
	text-align: center;
	width: 100%;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	color: #015D8E;
}

.product-list a .refno { font-size: 12px; letter-spacing: 0; }

.product-list span {
	opacity: 0;
	position: absolute;
	display: block;
	top: 35%;
	left: 0;
	width: 150px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.product-list a:hover span { opacity: 1; }
.product-list a:hover img { opacity: 0.2; }

div#recobar{
	background-color: #FAC33A;
	width: 700px;
	height: auto;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	line-height: normal;
	margin-bottom: 20px;
}

div#recofoot{
	background-color: #FAC33A;
	width: 700px;
	height: 10px;
	text-align: center;
	line-height: normal;
}

/*ここからレコメンドの切り替えデザイン部分*/

* {
    margin: 0;
    padding: 0;
}
#gallery {
    width: 700px;
    height: 750px;
    margin: 0 auto;
    position: relative;
}

#itiran {
	float: right;
	width: 200px;
}

ul#thumbnails {
	padding: 0 0 0 10px;
	list-style: none;
	float: left;
	width: 196px;
}
ul#thumbnails li {
	float: left;
	position: relative;
}
ul#thumbnails li a {
    height: 135px;
    width: 90px;
    padding: 4px;
    display: block;
    text-decoration: none;
}
ul#thumbnails li a img {
    width: 90px;
    height: 135px;
    border: 0;
}

ul#thumbnails li a:hover {
	opacity:0.7;
}
ul#thumbnails li.close a:hover {
}

#gallery #fullsize {
	position: relative;
	left: 0;
	top: 0px;
	height: 750px;
	width: 500px;
	overflow: hidden;
	
	
}

#gallery #fullsize div {
    width: 500px;
    height: 750px;
}

#gallery #fullsize div img {
    width: 500px;
    height: 750px;
}


.btn span {
    position: absolute;
    bottom: 6px;
    right: 208px;
    width: 150px;
    height: 30;
    z-index: 999999999999;
}
.btn img{
    width:150px;
	
}


/*PCショップ内レコメンド機能幅を広げる*/


#rnkInShopPartsArea {
	
    width: 700px !important;

}


/*PCショップ内ランキング機能幅を広げる*/

#allShopsRecommendWidget {
	
    width: 700px !important;
		
}


/* この商品のお問い合わせ番号の設定 */
/*------------------------------------------------*/
td.hsinquiry001 {
	MARGIN-TOP: 3px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 0px;
	VERTICAL-ALIGN: middle;
	WIDTH: 80px;
	COLOR: #413634;
	BACKGROUND-COLOR: #2f2c2a;
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 15px;
	text-align: center;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 0px;
}

td.hsinquiry002 {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	WIDTH: 340px;
	COLOR: #333;
	LINE-HEIGHT: 20px;
	PADDING-TOP: 5px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #2f2c2a;
	padding-right: 10px;
}
