@charset "utf-8";

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

For News
	・Colums
		カラム
	・Common module
		共通モジュール上書き
	・RecommendRanking	
		イチ押しランキング
	・AccessTop5
		アクセスランキングトップ5
	・Title
	・RankingMagazine
		ランキングマガジン
	・JCarousel
		メインのスライド
	・ワンポイントバナー
	
========================================
*/

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

/* Colums
========================================*/
#mainArea{
width:670px;
}

#mainArea #main{
width:338px;
float:left;
}

#mainArea #center{
width:310px;
float:right;
}

#breadCrumbs{
margin-bottom:0;
}

/* Common module
========================================*/
#main .module02 .moduleTitle{
width:307px;
border:1px solid #cbcbcb;
}

#center .module01{
width:294px;
}

#center .module02 .moduleTitle{
width:288px;
}

/* RecommendRanking
========================================*/
.module02 #recommendRanking li{
margin:0 8px 4px 0;
width:160px;
float:left;
}

.module02 #recommendRanking li.topArticle{
margin:0 0 4px 0;
width:329px;
float:none;
}

/* AccessTop5
========================================*/
.module02 #accessTop5{
width:329px;
}

.module02 #accessTop5 li{
width:192px;
}


/*------ Tab ------*/
.moduleTab{
margin:0 0 3px 0;
padding:0 0 0 6px;
width:323px;
background:transparent url(../../common/images/line/line_solid.gif) left bottom repeat-x;
}

.moduleTab li{
margin:0 6px 0 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
}

.moduleTab li a{
}

.moduleTab li span{
display:block;
}

.moduleTab li.ac span span{
padding:3px 5px 1px 16px;
border-bottom:1px solid #fff;
background:#fff url(../../common/images/ico/icon01.gif) 0 -1744px no-repeat;
}

.moduleTab li a span{
padding:3px 5px 1px 16px;
border-bottom:1px solid #ccc;
background:#f2f2f2 url(../../common/images/ico/icon01.gif) 0 -1427px no-repeat;
}

/* wikiranking
========================================*/
.wikiranking{
width:327px;
}

.wikiranking .rank-title{
width:307px;
}
/* Title
========================================*/
h1{
margin:0;
padding:0 0 0 11px;
border-bottom:none;
float:left;
}

h2{
margin:0;
border-left:none;
}

#main h2{
margin:0;
padding:0;
border-left:none;
background:none;
}

.naviTitle{
padding:13px 58px 0 0;
width:602px;
float:right;
}

.naviTitle h2{
float:left;
}

.naviTop .naviTitle .blockUtitlity{
padding:0 0 0 4px;
width:600px;
clear:both;
}

.naviTop .naviTitle .span{
margin:0 10px 0 0;
float:left;
font-weight:bold;
}

.naviTop .naviTitle .publish{
float:right;
}

.naviTop .naviTitle .aboutBcn{
padding:12px 0 0 0;
float:right;
}


/* NaviTop
========================================*/
.naviTop{
margin:0 auto 11px;
padding:0 7px 0 0;
width:981px;
min-height:290px;
_height:290px;
}

#dogcomment{
float:left;
}

#dogcomment span{
display:block;
font-size:0;
line-height:0;
behavior: url(../images/iepngfix.htc);
}

#dogcomment .comment{
padding:5px 15px 5px;
min-height:4em;
_height:4em;
}

/*------ Block ------*/
.naviTop .block{
width:714px;
float:right;
}

.naviTop .block table{
clear:both;
}

/* JCarousel
========================================*/
.rankingTop,
.rankingBottom{
margin:0 0 4px;
_margin:0;
width:615px;
}

.rankingTop ul,
.rankingBottom ul{
margin:0 0 4px;
width:612px;
}

.rankingTop li,
.rankingBottom li{
margin:0 12px 4px 0;
border:1px solid #fff;
float:left;
}

.rankingTop li,
.rankingTop li dl{
width:190px;
}

.rankingBottom li,
.rankingBottom li dl{
width:292px;
}

.rankingTop li dt,
.rankingBottom li dt{
padding:4px;
color:#fff;
text-align:center;
font-weight:bold;
}

.rankingTop li dd,
.rankingBottom li dd{
padding:5px;
border-width:0 1px 1px;
border-style:solid;
background:#fff;
}

.rankingTop li dd{
width:178px;
}

.rankingBottom li dd{
padding-left:64px;
width:221px;
display:inline-table;
}

.rankingTop li dd .state{
text-align:center;
}

.rankingTop li dd .state .lastWeek{
display:block;
font-size:85%;
color:#8c8c8c;
}

.rankingTop li dd h3 span,
.rankingBottom li dd h3 span{
display:block;
font-weight:normal;
}

.rankingTop li dd h3 .maker,
.rankingBottom li dd h3 .maker,
.rankingBottom li dd h3 .productTitle{
font-size:85%;
}

.rankingTop li dd h3 .productTitle,
.rankingBottom li dd h3 .productTitle{
font-weight:bold;
}

.rankingTop li dd h3 .type{
}

.rankingTop li dd .photo img,
.rankingBottom li dd .photo img{
border:1px solid #ccc;
}

.rankingBottom li dd .photo img{
margin:0 0 0 -59px;
float:left;
}

/*\*/
.rankingBottom li dd{
display:block;
}
/**/

.rankingBottom li dd:after{
content:"";
display:block;
clear:both;
height:0;
font-size:0;
line-height:0;
visibility:hidden;
}

.rankingTop .more{
font-weight:normal;
}

.rankingTop .rank{
text-align:center;
}

/* 矢印
========================================*/
#arrowTopL,
#arrowBottomL{
width:56px;
}

#arrowTopR,
#arrowBottomR{
width:48px;
}

#arrowBottomL{
width:48px;
padding:0 0 0 8px;
}

#arrowBottomR{
text-align:center;
}

/* cat0001（TV・AV機器）
========================================*/
#cat0001{
background:#ff8484 url(../images/bg/navitop_bg_0001_1.jpg) left top no-repeat;
}

#cat0001 h1{
padding-top:18px;
}

#cat0001 #dogcomment{
padding:7px 0 0 20px;
width:200px;
}

#cat0001 #dogcomment span.top{
width:200px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0001.png) left top no-repeat;
}

#cat0001 #dogcomment .comment{
width:170px;
background:transparent url(../images/bg/dog_bg_cat0001.gif) left top repeat-y;
color:#fc2653;
}

#cat0001 #dogcomment .dog{
width:200px;
height:129px;
background:url(../images/bg/dog_cat0001.png) top left no-repeat;
}

#cat0001 .naviTitle{
width:604px;
}

#cat0001 .rankingTop li dt,
#cat0001 .rankingBottom li dt{
background:#fc2653;
color:#fff;
}

#cat0001 .rankingTop li dd,
#cat0001 .rankingBottom li dd{
border-color:#fc2653;
}

#cat0001 .rankingTop li dd.hover,
#cat0001 .rankingBottom li dd.hover{
background-color:#fef3f4;
}

/* cat0002（カメラ）
========================================*/
#cat0002{
background:#e4e1af url(../images/bg/navitop_bg_0002_1.jpg) left top no-repeat;
}

#cat0002 h1{
padding-top:9px;
}

#cat0002 #dogcomment{
padding:7px 0 0 8px;
width:200px;
}

#cat0002 #dogcomment span.top{
width:200px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0002.png) left top no-repeat;
}

#cat0002 #dogcomment .comment{
width:170px;
background:transparent url(../images/bg/dog_bg_cat0002.png) left top repeat-y;
color:#ff5c04;
}

#cat0002 #dogcomment .dog{
width:200px;
height:162px;
background:url(../images/bg/dog_cat0002.png) top left no-repeat;
}

#cat0002 .rankingTop li dt,
#cat0002 .rankingBottom li dt{
background:#ff5c04;
color:#fff;
}

#cat0002 .rankingTop li dd,
#cat0002 .rankingBottom li dd{
border-color:#ff975f;
}

#cat0002 .rankingTop li dd.hover,
#cat0002 .rankingBottom li dd.hover{
background-color:#fff7f3;
}

/* cat0003（パソコン）
========================================*/
#cat0003{
background:#000000 url(../images/bg/navitop_bg_0003_1.jpg) left top no-repeat;
}

#cat0003 h1{
padding-top:12px;
}

#cat0003 #dogcomment{
padding:7px 0 0 10px;
width:200px;
color:#1d87be;
}

#cat0003 #dogcomment span.top{
width:200px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0003.png) left top no-repeat;
}

#cat0003 #dogcomment .comment{
width:170px;
background:transparent url(../images/bg/dog_bg_cat0003.gif) left top repeat-y;
color:#1d87be;
}

#cat0003 #dogcomment .dog{
width:200px;
height:162px;
background:url(../images/bg/dog_cat0003.png) top left no-repeat;
}

#cat0003 .blockUtitlity{
color:#fff;
}

#cat0003 .rankingTop li dt,
#cat0003 .rankingBottom li dt{
background:#1d87be;
color:#fff;
}

#cat0003 .rankingTop li dd,
#cat0003 .rankingBottom li dd{
border-color:#1d87be;
}

#cat0003 .rankingTop li dd.hover,
#cat0003 .rankingBottom li dd.hover{
background-color:#ebf8ff;
}

/* cat0004（PC周辺機器）
========================================*/
#cat0004{
background:#417e45 url(../images/bg/navitop_bg_0004_1.jpg) left top no-repeat;
}

#cat0004 h1{
padding-top:13px;
}

#cat0004 #dogcomment{
padding:7px 0 0 10px;
width:200px;
}

#cat0004 #dogcomment span.top{
width:200px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0004.png) left top no-repeat;
}

#cat0004 #dogcomment .comment{
width:170px;
background:transparent url(../images/bg/dog_bg_cat0004.gif) left top repeat-y;
color:#cf6b00;
}

#cat0004 #dogcomment .dog{
width:200px;
height:154px;
background:url(../images/bg/dog_cat0004.png) top left no-repeat;
}

#cat0004 .naviTitle{
width:603px;
}

#cat0004 .rankingTop li dt,
#cat0004 .rankingBottom li dt{
background:#cf6b00;
color:#fff;
}

#cat0004 .rankingTop li dd,
#cat0004 .rankingBottom li dd{
border-color:#cf6b00;
}

#cat0004 .rankingTop li dd.hover,
#cat0004 .rankingBottom li dd.hover{
background-color:#fff7f3;
}

/* cat0005（PCパーツ）
========================================*/
#cat0005{
background:#8d5512 url(../images/bg/navitop_bg_0005_1.jpg) left top no-repeat;
}

#cat0005 h1{
padding-top:9px;
}

#cat0005 #dogcomment{
padding:7px 0 0 0;
width:247px;
}

#cat0005 #dogcomment span.top{
width:247px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0005.png) left top no-repeat;
}

#cat0005 #dogcomment .comment{
padding-left:24px;
width:170px;
background:transparent url(../images/bg/dog_bg_cat0005.gif) 0 0 repeat-y;
color:#1dbac0;
}

#cat0005 #dogcomment .dog{
width:247px;
height:160px;
background:url(../images/bg/dog_cat0005.png) top left no-repeat;
}

#cat0006 .naviTitle{
width:660px;
}

#cat0005 .rankingTop li dt,
#cat0005 .rankingBottom li dt{
background:#00aa6c;
color:#fff;
}

#cat0005 .rankingTop li dd,
#cat0005 .rankingBottom li dd{
border-color:#00aa6c;
}

#cat0005 .rankingTop li dd.hover,
#cat0005 .rankingBottom li dd.hover{
background-color:#ebf8ff;
}

/* cat0006（PCソフト）
========================================*/
#cat0006{
background:#dddcdc url(../images/bg/navitop_bg_0006_1.jpg) left top no-repeat;
}

#cat0006 h1{
padding-top:10px;
}

#cat0006 #dogcomment{
padding:7px 0 0 46px;
width:200px;
}

#cat0006 #dogcomment span.top{
width:200px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0006.png) left top no-repeat;
}

#cat0006 #dogcomment .comment{
width:170px;
background:transparent url(../images/bg/dog_bg_cat0006.gif) left top repeat-y;
color:#1dbac0;
}

#cat0006 #dogcomment .dog{
width:200px;
height:168px;
background:url(../images/bg/dog_cat0006.png) top left no-repeat;
}

#cat0006 .naviTitle{
width:602px;
}

#cat0006 .rankingTop li dt,
#cat0006 .rankingBottom li dt{
background:#1dbac0;
color:#fff;
}

#cat0006 .rankingTop li dd,
#cat0006 .rankingBottom li dd{
border-color:#1dbac0;
}

#cat0006 .rankingTop li dd.hover,
#cat0006 .rankingBottom li dd.hover{
background-color:#fef3f4;
}

/* cat0007（携帯・オーディオ）
========================================*/
#cat0007{
background:#8d530f url(../images/bg/navitop_bg_0007_1.jpg) center top no-repeat;
}

#cat0007 h1{
padding-top:10px;
}

#cat0007 #dogcomment{
padding:7px 0 0 0;
width:264px;
}

#cat0007 #dogcomment span.top{
width:264px;
height:10px;
background:transparent url(../images/bg/dog_top_cat0007.png) left top no-repeat;
}

#cat0007 #dogcomment .comment{
padding-left:24px;
width:170px;
background:transparent url(../images/bg/dog_bg_cat0007.gif) left top repeat-y;
color:#eb111b;
}

#cat0007 #dogcomment .dog{
width:264px;
height:175px;
background:url(../images/bg/dog_cat0007.png) top left no-repeat;
}

#cat0007 .naviTitle{
width:603px;
}

#cat0007 .rankingTop li dt,
#cat0007 .rankingBottom li dt{
background:#eb111b;
color:#fff;
}

#cat0007 .rankingTop li dd,
#cat0007 .rankingBottom li dd{
border-color:#fff7f3;
}

/* OnePoint
========================================*/
#onePoint{
margin:0 0 10px 0;
width:306px;
border-width:2px;
border-style:solid;
}

#onePoint .bnr{
}

#onePoint dl{
padding:8px 6px 2px;
}

#onePoint dt{
font-size:133%;
font-weight:bold;
}

#onePoint dd{
}

#onePoint dl a{
color:#444;
}

/*----- .cat0001(TV・AV機器) -----*/
.cat0001{
border-color:#fd494a;
}

.cat0001 dl{
background-color:#fd494a;
}

.cat0001 dl a{
color:#fff;
}

/*----- .cat0002(カメラ) -----*/
.cat0002{
border-color:#2ec431;
}

.cat0002 dl{
background-color:#2ec431;
}

.cat0002 dl a{
color:#fff;
}

/*----- .cat0003(パソコン) -----*/
.cat0003{
border-color:#98f4f1;
}

.cat0003 dl{
background-color:#98f4f1;
}

/*----- .cat0004(PC周辺機器) -----*/
.cat0004{
border-color:#f5a5fa;
}

.cat0004 dl{
background-color:#f5a5fa;
}

/*----- .cat0005(PCパーツ) -----*/
.cat0005{
border-color:#f78a52;
}

.cat0005 dl{
background-color:#f78a52;
}

/*----- .cat0006(PCソフト) -----*/
.cat0006{
border-color:#f9f882;
}

.cat0006 dl{
background-color:#f9f882;
}

/*----- .cat0007(携帯電話) -----*/
.cat0007{
border-color:#779af8;
}

.cat0007 dl{
background-color:#779af8;
}

.cat0007 dl a{
color:#fff;
}

.rakutenAffiliate{
margin:0 0 0 15px;
width:300px;
}