/* ****************************************************************************



　目次



-------------------------------------------------------------------------------

　00. カテゴリートップページ

　01. 商品一覧ページ

　02. 商品詳細ページ

　02-02. 口コミページ

　02-03. 口コミ書き込み

　03. サイドランキング

　04.おすすめ商品

　05. 

******************************************************************************* */






/*-----------------------------------------------------------------------------
　00. カテゴリートップページ
-----------------------------------------------------------------------------*/
/*カテゴリートップスタイル*/

#swichcategory h3{font-size:1.5em; font-weight:bold; line-height:1.0em;color:#CD3D1C;margin-bottom:10px;}

.choosecatearea{width:576px; border:2px solid #ccc;padding:10px 0 0px 10px;float:left;margin-bottom:15px;}
.choosecatearea li{width182px;height:27px;float:left;margin:0px 10px 5px 0px;_margin:0px 5px 5px 0px;line-height:1.1em;display:block;}
.choosecatearea li a{width:172px;background:url(../image/common/bg/link.gif) no-repeat left top;padding:0 0 0 10px;display:block;float:left;}

.tit-contents{
		width:590px;
		float:left;
		line-height:1em;
		border-bottom:2px solid #f90;
		padding:0 0 5px 0;
		margin-bottom:5px;
}
.tit-contents2{width:590px;line-height:1em;padding:0 0 2px 0;}

.tit-contents h3,.tit-contents2 h3{font-size:1.4em;color:#f90;font-weight:bold;padding-right:5px;display:inline;}
.tit-contents h4,.tit-contents2 h4{font-size:1.0em;color:#666;font-weight:bold;display:inline;}

.choosecate{
	width:590px;
	float:left;
	background: url(../image/system/btn/choosecate_bg.gif) repeat-x;
}
.choosecate li{width:146px;float:left;}
.m-r2{margin-right:2px;}


.choosecate2{
	width:590px;
	float:left;
	background: url(../image/system/btn/choosecate_bg.gif) repeat-x;
}
.choosecate2 li{width:116px;float:left;}
.m-r2{margin-right:2px;}


#contentsbanner{width:590px;float:left;margin-bottom:30px;}
#contentsbanner li a img{border:1px solid white;}
#contentsbanner li a:hover img{border:1px solid #BF0000;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
#contentsbanner li.w190-01{width:192px;float:left;margin-right:7px;}
#contentsbanner li.w190-02{width:192px;float:left;}









/*-----------------------------------------------------------------------------
　01. 商品一覧ページ
-----------------------------------------------------------------------------*/
#sort{width:590px; padding:0 0 4px 0;border-bottom:2px solid #f90;margin-bottom:5px;}
#sort h3{background:url(../image/system/vectol.gif) no-repeat left top;padding:0 15px 0px 18px;display:inline;font-size:14px;font-weight:bold;line-height:1.25em;float:left;}
#sort ul,#sort li{float:left;}
#sort li{padding:0 5px;}

#results{font-size:1.1em;background:#fffef0;border-bottom:1px dotted #ccc; padding:6px 0 8px 6px;color:#333;line-height:1.1em;}
#results p{display:inline;font-weight:bold;color:#f40;}
.quicklookOver{background:url(../js/multistyle/quicklook.gif) no-repeat 50% 50%;}
.goodslist dt a img{ border:1px solid #fff;margin-bottom:5px;position:relative;}
.goodslist dt a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;border:1px solid #f93;position:relative;}


.goodslist{width:588px;_width:590px;padding:0 0px 10px 2px; background:url(../image/system/bg_list.gif) no-repeat left bottom;margin-top:9px;float:left;}
.goodslist dl{width:130px;padding:0 8px 0px 9px;_padding:0 8px 0px 8px;float:left;float:left;}
.goodslist dd.name{font-size:11px;line-height:1.2em;margin-bottom:2px;}
.goodslist dd.price{font-size:14px;line-height:1.2em;color:red;font-weight:bold;margin-bottom:2px;}
.goodslist dd.review{width:72px;font-size:11px;_font-size:10px;line-height:1.2em;color:#f60;float:left;display:block;}
.goodslist dd.review a{color:#f60;text-decoration:none;}
.goodslist dd.review a:hover{#color:f60;text-decoration:underline;}

.goodslist dd.dteail{width:58px;float:left;text-align:right;padding-top:3px;}
.goodslist dd.dteail a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.goodslist dd.favorite{/*border:1px solid #000;*/float:right;}
.goodslist dd.favorite a{display:block;background:url(../image/system/icon/favorite.gif) no-repeat left top;padding:0 0 0 20px;margin-top:0px;}





/*
　検索結果、カテゴリの表示件数レイアウト 
*/
.displaynumber{
	font-size:1.1em;
	color:#333;
}
.displaynumber .numberoftotalitem{background:#fefee3;padding:0px 5px;float:left;font-size:14px;color:#333;}
.displaynumber .changenumber{float:right;font-size:14px; color:#333;}
.displaynumber span{font-size:1.1em;color:font-size:14px; color:#f53;}
.prevnext{text-align:center;border-bottom:1px dotted #dcdcdc; padding:3px 0;margin:3px 0 0px 0;letter-spacing:0.1em;}
.searchingword{text-align:center;border-bottom:1px dotted #dcdcdc;padding-bottom:5px;margin-bottom:5px; display:block;font:italic 20px Georgia, "Times New Roman", serif; color:#333;font-weight:bold;}
.searchingword span{font-size:1.1em; color:#f53;}




/*-----------------------------------------------------------------------------
　02. 商品詳細ページ・口コミ共通
-----------------------------------------------------------------------------*/
ul#tabarea{width:590px;height:35px;block;background:url(../image/system/bg/bgarea.gif) repeat-x;float:left;margin-bottom:20px;}
ul#tabarea li{width:150px;float:left;}



#itemdetail{width:590px;}
#mainimage{width:400px;text-align:left;display:block;margin-right:0px;float:left;}
#itemdetail #right170{width:170px;float:right;margin:0 0px 10px 0;text-align:left;}
.jswap_s img{width:55px;margin:0 4px 5px 0;flaot:left;cursor:pointer;cursor:hand;}

.goodsid{font-size: 12px;color:#333;}
.goodsid dt{font-size: 20px;font-weight:bold;line-height:1.1em;color:#0060B6;padding-bottom:2px;margin-bottom:3px;border-bottom:1px dotted #999;}
.goodsid dd.price{font-size: 18px;font-weight:bold;line-height:1.1em;color:#f00;padding-bottom:3px;margin-bottom:5px;border-bottom:1px dotted #999;}
.goodsid .attention{font-size: 12px;font-weight:normal;line-height:1.1em;color:#390;}
.goodsid .normal{font-size: 12px;color:#333;line-height:1.1em;}

.addtocart{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #999;}
.addtocart input{width:25px;font-size:12px;}
.addtocart a:hover img{ filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}



.saticefaction{width:154px;border:1px solid #F60;padding:4px 7px;color:#F60;margin-bottom:7px;}
.saticefaction dt{font-weight:bold;font-size: 12px;color:#F60;}
.saticefaction dd{font-size: 12px;color:#F60;}
.saticefaction dd
.saticefaction dd a:link{color:#0060B6;text-decoration:underline;}
.saticefaction dd a:hover{color:#CD3D1C;text-decoration:none;}
.saticefaction dd a:active{color:#CD3D1C;text-decoration:none;}
.saticefaction dd a:visited{color:#0060B6;text-decoration:underline;}

.cart-sub{margin-bottom:5px;}
.cart-sub li{padding:2px 0 2px 20px;font-size:11px;}

li.favorite{background:url(../image/system/cartarea/icon_favorite.gif) left top;}
li.mailfriend{background:url(../image/system/cartarea/icon_mail.gif) left top;}
li.twitter{background:url(../image/system/cartarea/icon_twitter.gif) left top;}


ul#socialarea{width:158px;border:1px solid #8C8C8C;padding:5px 0 0px 5px;float:left;}
#socialarea li{margin:2px 4px 4px 0;float:left;line-height:1.0em;}
#socialarea a:hover img{ filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;line-height:1.0em;}

.Goodsreview{width:590px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:5px 0 10px 0;margin:0 0 10px 0;}
.Goodsreview dt,#detailedimage dt{font-size: 18px;line-height:1.3em;color:#f60;text-align:left;}
.Goodsreview dd,.goodsid .review{font-size: 12px;line-height:1.4em;color:#555;text-align:left;text-align:left;}


#detailedimage{width:590px;float:left;margin-bottom:30px;}
#detailedimage dd{margin-bottom:10px;line-height:1.3em;}
#detailedimage dd img{margin-bottom:4px;}
#detailedimage dd.centerimage{width:590px;float:left;}
#detailedimage dd.leftimage{width:290px;float:left;margin-right:10px;}
#detailedimage dd.rightimage{width:290px;float:left;}



/*-----------------------------------------------------------------------------
　02-02. 口コミページ
-----------------------------------------------------------------------------*/
#userreview{width:590px;}
#userreview h3{width:120px;float:left;margin-right:30px;}
#userreview .goodsid{width:440px;float:right;margin-bottom:40px;}

#review .tit,#qa .tit{width:578px;float:left;background:#ffe67a;border-top:1px solid #cd3d1c;padding:5px 2px 1px 10px;_padding:5px 2px 0px 10px;margin-bottom:15px;   -moz-box-shadow: 1px 1px 4px #ccc;-webkit-box-shadow: 1px 1px 4px #ccc;}
#review .tit h4,#qa .tit h4{width:350px;font-size:18px;line-height:1.1em;float:left;color:#cd3d1c;font-weight:bold;padding-top:6px;}
#review .tit a,#qa .tit a{width:228px;text-align:right;float:right;display:block;}
#review .tit p,#qa .tit p{float:right;text-align:right;padding:7px 10px 10px 0px;line-height:1.5em;color:#cd3d1c;}
#review dl,#qa dl{padding:0 10px;width:570px; padding-bottom:15px;margin-bottom:15px;background:url(../image/common/bg/dot590.gif) no-repeat left bottom;font-family:Arial,Helvetica,Verdana,sans-serif;}
#review dt{font-size:1.2em;color:#000;padding-bottom:5px;}
#review dd,#qa dd{line-height:1.4em;}
#qa dt{font-size:1.2em;color:#cd3d1c;padding-bottom:5px;}
#qa h5{font-size:20px;text-align:left;color:#000;padding:10px;}





/*-----------------------------------------------------------------------------
　02-03. 口コミ書き込み
-----------------------------------------------------------------------------*/

.boxsepa{
		width:548px;
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(../image/common/bg/dot590.gif) no-repeat left bottom;
}

.box01{border:1px solid #ccc;padding:20px;}
.box01 .tit{font-size:1.2em;font-weight:bold;color:#333;line-height:1.0em;margin-bottom:3px;}
.box02{border:1px solid #ccc;padding:15px;}
.box03{background:#d6d6d6;}
.box04{background:#fff;margin:0px 0px 10px 0px;padding:5px;border-bottom: 1px solid #54350c;border-left: 1px solid #54350c;border-right: 1px solid #54350c;}
.w-120{background:#fff;padding:10px;}
.w-120-02{color:#333;background:#f3f3f3;padding:10px;white-space:nowrap;}
.inputstyle{padding:15px;background:#fff;}

.btnl{float:left;}
.btnr{float:right;}
.btnr{text-align:center;}

.btnl a,.btnr a,.btnc a{
		color:#0060B6;
		text-decoration:underline;
		display:inline-block;
		font-size:1.1em;
		font-weight:bold;
		padding:7px 10px 5px 15px;
		text-align:center;
		border: 1px solid #cccccc;
		background:url(../image/system/bg/btn.gif) repeat-x;
		line-height:1.0em;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		behavior: url(border-radius.htc);
		}
.btnr a:visited,.btnc a:visited{color:#0060B6;text-decoration:underline;}
.btnr a:hover,.btnc a:hover{color:#CD3D1C;text-decoration:none;background:url(../image/system/bg/btn_on.gif) repeat-x;}
.btnr a:active,.btnc a:active{color:#CD3D1C;text-decoration:none;}





#contribute{margin-bottom:10px;padding-bottom:5px;border-bottom: 1px dotted #cccccc;float:left;}
#contribute dt{width:70px;margin-right:20px;float:left;}
#contribute dd{width:500px;float:right;padding-top:27px;font-size:1.7em;color:#333;}
#contribute dd span{color:#CD3D1C;}










/*-----------------------------------------------------------------------------
　03. サイドランキング
-----------------------------------------------------------------------------*/
#topsellerranking{width:168px;border:1px solid #C8C8C8;margin-bottom:20px;float:left;}
#topsellerranking h3{text-align:center;color:white;font-size:12px;font-weight:bold;padding:5px 0 4px 0;background:#CD3D1C;line-height:1.1em;}
#rankinggoods{width:166px;padding:1px;}
#rankinggoods dl{border-bottom:1px dotted #DCDCDC;padding-bottom:5px;margin-bottom:5px;float:left;}
#rankinggoods dt{width:72px;float:left;margin-right:2px;}
#rankinggoods dd{
	width:92px;
	float:left;
	font-size:11px;
	line-height:1.3em;
	padding-top:20px;
}
#rankinggoods dd .rank{font-size:16px;color:#CD3D1C;font-weight:bold;}
#rankinggoods dt a img{border:1px solid white;}
#rankinggoods dt a:hover img{ filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;border:1px solid #BF0000;}











/*-----------------------------------------------------------------------------
　04.おすすめ商品 
-----------------------------------------------------------------------------*/
#relatedproduct,#moreproduct{width:590px;margin-bottom:30px;}
#relatedproduct .goodsarea,#moreproduct .goodsarea{width:590px;background:#F5F5F5;padding:10px 0px 10px 0px;display:block;}
#relatedproduct .goodsarea dl,#moreproduct .goodsarea dl{width:132px;float:left;text-align:center;}
.goodsarea dt img{border:1px solid white;margin-bottom:5px;}
.goodsarea dt a:hover img{border:1px solid #BF0000;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.goodsarea p{float:left;width:25px;padding-top:57px;}

.goodsarea dd{font-size:11px;line-height:1.2em;}
.goodsarea dd.price{color:red;}