@charset "utf-8";

/*
========================================

For Products(item、review共通)
	・Title
	・AD_Text
	・PR
	・Info,PressRelease
	・1Click
	・Common
		module02（枠なし）
			section01（下線・パディングなし）
				お知らせ
				プレスリリース
				製品クチコミ情報 = id:wom
				トピックス = id:moduleTopics
			section02（背景・下線）
				人気記事一覧
			section03（下線）
				イチ押しランキング
				オススメ記事
		module03（枠あり）
			マガジン
			お問い合わせ誘導
			プレスリリースの送付
	
========================================
*/

@import url(common.css);

#gnavi ul.normalNavi{
background-image:url(../images/navi/gnavi_products_bg.gif);
}

/* Utility
========================================*/
#mainArea .utility{
margin:0;
}

/* Title
========================================*/
.pageTitle{
padding:6px 0 4px;
border:none;
}

.pageTitle .number{
padding:0 7px;
font-size:150%;
color:#ff5c04;
font-weight:bold;
}

.pageTitle .number span{
font-size:200%;
}

.pageTitle h1{
padding:0 5px 0 0;
text-align:left;
}

.pageTitle h1 span{
display:block;
}

.pageTitle h1 .maker,
.pageTitle h1 .type{
font-size:54%;
}

.pageTitle h1 .productTitle{
}

.pageTitle .allNumber{
padding:5px 0 0 7px;
font-weight:bold;
}


/* Pager
========================================*/
.itemPager{
margin:0 0 10px 0;
padding:0 0 5px 0;
width:653px;
background:transparent url(../images/products/product_pager_bottom.gif) -2px 100% no-repeat;
}

.itemPager ul{
padding:5px 0 0 0;
width:653px;
background:transparent url(../images/products/product_pager_top.gif) -2px 0 no-repeat;
}

.itemPager li{
float:left;
}

.itemPager a{
display:block;
}

.itemPager .prev{
width:150px;
}

.itemPager .prev a{
padding:4px 5px 4px 12px;
}

.itemPager .prev span{
padding:4px 0 4px 20px;
background:transparent url(../images/ico/icon01.gif) 0 -954px no-repeat;
}

.itemPager .toRanking{
width:352px;
text-align:center;
}

.itemPager .toRanking a{
padding:4px 5px;
}

.itemPager .toRanking span{
padding:4px 0 4px 25px;
background:transparent url(../images/ico/icon02.gif) 0 -152px no-repeat;
}

.itemPager .next{
width:150px;
}

.itemPager .next a{
padding:4px 12px 4px 5px;
text-align:right;
}

.itemPager .next span{
padding:4px 20px 4px 0;
background:transparent url(../images/ico/icon01.gif) 100% -244px no-repeat;
}



/* ProductDetail
========================================*/
/*------ 見出し ------*/
.productImage{
margin:0 0 10px 0;
width:200px;
float:left;
}

.productImage .imageOffer{
margin:0 0 4px 0;
display:block;
font-size:85%;
text-align:right;
}

.productImage .imageOffer a{
color:#474747;
}

.productImage .sendMobile{
text-align:center;
}

.productInfo{
margin:0 0 10px 0;
width:442px;
float:right;
}

.productInfo .low{
margin:0 0 5px 0;
padding:0 148px 4px 0;
width:294px;
border-bottom:1px solid #d2d2d2;
position:relative;
}

.productInfo .low .mostLow{
}

.productInfo .low .price{
color:#c00;
font-size:200%;
}

.productInfo .low .btn{
position:absolute;
bottom:5px;
right:0;
}

.productInfo .marketPrice{
margin:0 0 3px 0;
}

.productInfo .marketPrice a{
margin:0 0 0 7px;
padding:0 0 0 15px;
background:transparent url(../images/ico/icon01.gif) -2px -4px no-repeat;
}

.productInfo .viewPress{
margin:0 0 4px 0;
}

.productInfo .dspTable{
border-collapse:collapse;
}

.productInfo .dspTable caption{
padding:4px 10px;
border:1px solid #999;
text-align:left;
background:#999;
color:#fff;
font-weight:bold;
}

.productInfo .dspTable th,
.productInfo .dspTable td{
padding:5px 10px;
border:1px solid #999;
}

.productInfo .dspTable th{
background:#efefef;
font-weight:normal;
}

.productInfo .dspTable .price{
text-align:right;
color:#c00;
font-size:150%;
font-weight:bold;
}

.productInfo .dspTable .stock{
text-align:center;
color:#090;
}

.productSummary{
margin:0 0 20px 0;
padding:7px 8px 2px;
border:1px solid #ddd;
background:#f7f9f8;
}

#main .productSummary h2{
margin:0 0 15px 0;
padding:0;
border-left:none;
background:none;
font-size:116%;
font-weight:bold;
color:#474747;
float:left;
}

.productSummary p,
#main .productSummary h3{
clear:both;
font-size:116%;
}

#main .productSummary h3{
margin:0 0 4px 0;
border:none;
background:none;
font-weight:bold;
color:#474747;
}

.productSummary p{
margin:0 0 10px 0;
}

.productSummary .date{
padding:0;
float:right;
clear:none;
font-size:100%;
}

.otherInfo{
margin:0 0 20px 0;
}

#main .otherInfo h2{
margin:0;
padding:5px;
width:641px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
clear:both;
background:none;
font-size:100%;
}

.otherInfo .specTable{
margin:-1px 0 5px 0;
border-collapse:collapse;
}

.otherInfo .specTable th,
.otherInfo .specTable td{
padding:4px 10px;
border:1px solid #ccc;
text-align:left;
vertical-align:top;
font-weight:normal;
}

.otherInfo .specTable .odd{
background:#f7f9f8;
}

.otherInfo .specTable .even{
}

.otherInfo .wom{
padding:10px 0;
}

#main .otherInfo .wom .section{
margin:0 0 15px 0;
}

.otherInfo .wom .date{
margin:0 0 7px 0;
font-size:85%;
}

.otherInfo .wom .date img,
.otherInfo .wom dt img,
.otherInfo .wom dt a{
margin:0 6px 0 0;
vertical-align:middle;
}

.otherInfo .wom dt{
margin:0 0 10px 0;
}

.otherInfo .wom dt img{
margin-left:6px;
vertical-align:text-bottom;
}

.otherInfo .wom dt span{
margin:0 3px 0 0;
font-weight:bold;
}

.otherInfo .wom dd{
padding:0 0 15px 0;
background:transparent url(../images/line/line_dashed.gif) left bottom repeat-x;
}

.otherInfo .wom .pager{
padding:10px 0;
}

.otherInfo .wom .pager .btn{
float:right;
}

.otherInfo .wom .pager .btn a{
margin:0;
padding:0;
border:none;
}

#tw-bdr{
border:1px solid #ccc;
margin:0 0 20px 0;
}