@charset "utf-8";

@import url(../css/shop_basic.css);

.goods_best{float:left;width:332px;height:198px;margin-bottom:20px;padding:7px 0 0 18px;background:#f5f5f4;}
.goods_best h2{width:316px;}
.goods_best dl{clear:both;float:left;width:309px;line-height:14px;}
.goods_best dl dt.img{float:left;padding-right:13px;}
.goods_best dl dt.img img{float:left;width:134px;height:134px;}
.goods_best dl dt.tit{float:left;width:162px;color:#ff7400;font-weight:bold;}
.goods_best dl dt.tit a{color:#ff7400;}
.goods_best dl dd{float:left;width:162px;padding-top:10px;}
.goods_best dl dd a{color:#949494;font-size:11px!important;}
.goods_best dl dd span{padding-right:0;}

.goods_recom{float:left;width:332px;height:196px;margin-bottom:20px;padding:7px 0 0 16px;border:1px solid #efefef;line-height:14px;}
.goods_recom h2{width:316px;}
.goods_recom ul{float:left;display:inline;margin-left:-19px;}
.goods_recom ul li{float:left;width:92px;padding:0 0 0 19px;text-align:center;}
.goods_recom ul li img{width:90px;height:90px;margin-bottom:4px;border:1px solid #f2f2f2;}
.goods_recom ul li a{color:#949494!important;font-size:11px!important;}


.goods_banner{padding-bottom:8px;}
.goods_list{float:left;display:inline;margin-left:-10px!important;padding-bottom:15px;}
.goods_list li{float:left;display:inline;width:167px;margin:0 0 10px 10px;background:#f7f7f7;line-height:15px;}
.goods_list li p.txt{ height:65px; padding:5px;}/*2011 09_08 height add*/
.goods_list li a.tit{display:block;height:33px;color:#222;font-weight:bold;}
.goods_list li a.tit img{vertical-align:middle;margin-right:4px;}
.goods_list li a.tit:hover{color:#ff5000;}
.goods_list li span{color:#676767!important;}

.photo_thum{float:left;width:46px;}
.photo_thum button span{display:none;}
.photo_thum .thumbnailListUp{width:43px;height:18px;background: url(../img/btn/btn_up.gif) no-repeat left top;}
.photo_thum .thumbnailListDown{clear:both;width:43px;height:18px;background: url(../img/btn/btn_down.gif) no-repeat left top;}
.photo_thum ul{display:block;float:left; overflow:hidden;padding:3px 3px 3px 0;}
.photo_thum ul li{display:block; overflow:hidden;float:left;clear:both;width:43px;height:43px;margin-bottom:2px;background: url(../img/img_blank.gif) no-repeat left top;}
.photo_thum ul li img{display:block;vertical-align:top;border:1px solid #ededed; cursor:pointer;}
:root .photo_thum ul{padding:3px 3px 1px 0;}

.goods_photo{float:left;z-index:100;width:384px;}
.goods_photo div{float:left;width:384px;}

#currentViewImage{width:384px;height:400px;}

/*Development css*/
#item_image_list {width:45px;} 
#item_image_inner {position:relative;width:45px;height:360px;background-image: url(mountains.jpg);}
img.thumbnailImage{padding: 5px 5px 5px 5px;}

.view_btn{ position:relative;clear:both;float:left;margin:-30px 0 0 3px;width:370px;}
.view_btn button{border:none;margin-left:2px;}
.view_btn button span{ visibility:hidden;}
.view_btn .btnDefaultSize{width:66px;height:19px;margin-right:158px;background: url(../img/btn/btn_zoom.gif) no-repeat left top;}
.view_btn .btnLeftView{width:19px;height:19px;background: url(../img/btn/btn_l.gif) no-repeat left top;}
.view_btn .btnUpView{width:19px;height:19px;background: url(../img/btn/btn_u.gif) no-repeat left top;}
.view_btn .btnDownView{width:19px;height:19px;background: url(../img/btn/btn_d.gif) no-repeat left top;}
.view_btn .btnRightView{width:19px;height:19px;background: url(../img/btn/btn_r.gif) no-repeat left top;}
.view_btn .btnZoomIn{width:19px;height:19px;margin-left:17px;background: url(../img/btn/btn_+.gif) no-repeat left top;}
.view_btn .btnZoomOut{width:19px;height:19px;background: url(../img/btn/btn_-.gif) no-repeat left top;}

.goods_info{float:right;line-height:17px;}
.goods_info h3{width:250px;padding:3px 0 7px 0;border-bottom:1px solid #ececec;color:#000;font-size:12px;font-weight:bold;line-height:19px;}
.goods_info h3.new{width:219px;padding-left:31px;background: url(../img/icon/icon_new.gif) left 7px no-repeat;}
.goods_info h3.hot{width:219px;padding-left:31px;background: url(../img/icon/icon_hot.gif) left 7px no-repeat;}
.goods_info h3.sale{width:218px;padding-left:32px;background: url(../img/icon/icon_sale.gif) left 7px no-repeat;}
.goods_info h3.event{width:211px;padding-left:39px;background: url(../img/icon/icon_event2.gif) left 7px no-repeat;}
.goods_info h3.reser{width:197px;padding-left:53px;background: url(../img/icon/icon_reser.gif) left 7px no-repeat;}
.goods_info h3.term{width:197px;padding-left:53px;background: url(../img/icon/icon_term.gif) left 7px no-repeat;}
.goods_info h3.term2{width:173px;padding-left:77px;background: url(../img/icon/icon_term2.gif) left 7px no-repeat;}
.goods_info h3.limit{width:197px;padding-left:53px;background: url(../img/icon/icon_limit.gif) left 7px no-repeat;}
.goods_info h3.sold{width:197px;padding-left:53px;background: url(../img/icon/icon_soldout.gif) left 7px no-repeat;}
.goods_info h3.end{width:197px;padding-left:53px;background: url(../img/icon/icon_end.gif) left 7px no-repeat;}


.goods_info dl{float:left;width:250px;padding:9px 0 13px 0;}
.goods_info dl dt{float:left;padding:2px 0;width:85px;color:#858585;}
.goods_info dl dd{float:left;padding:2px 0;width:160px;color:#000;}
.goods_info dl dd input{margin-right:5px;}
.goods_info dl dd select{width:144px;}
.goods_info dl dd span{padding-right:3px;}
.goods_info dl dd del{color:#888;}
.goods_info dl dd.price{padding-bottom:10px;color:#888888;}
.goods_info dl dd.price img{margin-top:11px;}
.goods_info p{clear:both;float:left;width:250px;padding:13px 0;border-top:1px solid #ececec;}
/*↓開発適用後に削除*/
.goods_info p img{margin:2px 2px 0 0;}
/*↓商品詳細ページ購入ボタンのスタイル統一*/
.goods_info .btn_area-buy img{margin:2px 2px 0 0;}
.goods_info p span{font-size:12px;font-weight:normal;}
.goods_info p a{color:#666;}
.goods_info p.txt{width:230px;margin-bottom:8px;padding:10px;color:#222;border:none;background:#f7f7f7;}

/*2012 04_10 add*/
.goods_info p.bonusPearl a{ padding:10px; display:block; background:#f7f7f7; text-decoration:none; color:#888;}
.goods_info p.bonusPearl a:hover{ background:#ffcc44;}
.goods_info p.bonusPearl a strong{ color:#222; letter-spacing:-0.08em;}
.goods_info p.bonusPearl a .detail{ color:#666;}
#bonusPearlLayer { width:680px; height:440px;}
.bonusPearlLayer { width:680px; padding:17px 10px 10px; background:#f1eee6;}
.bonusPearlLayer h3 { width:auto; margin-bottom:11px; padding:0; text-align:center; font-weight:bold; color:#ff5a00; font-size:14px; border:none; line-height:16px;}
.bonusPearlLayer table { width:100%; border-collapse: collapse; margin-bottom:8px;}
.bonusPearlLayer table th { padding:11px 0 11px 25px; border-bottom:1px solid #fff; font-weight:bold; text-align:left; color:#fff; background:#f5ca56;}
.bonusPearlLayer table td { padding:15px 0 17px 25px; border-bottom:1px solid #fff; color:#222; background:#ded9cd;}
.bonusPearlLayer table td span { color:#ff5a00;}
.bonusPearlLayer table tr.last td { border-bottom:none;}
.bonusPearlLayer .bottomBtn { width:auto; float:none; padding:0; text-align:center!important;}





.good_detail{clear:both;width:648px;padding:10px 26px 36px 26px;}

.goods_explain{margin-top:7px;border:2px solid #ff7e00;line-height:16px;}
.goods_explain h3{padding:0 0 6px 0;}
.goods_explain div{padding:20px;border:4px solid #f5f5f5;line-height:16px;}
.goods_explain p{padding-bottom:9px;}