@charset "utf-8";

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

For Toppage
	・Title
	・Module_Magazine（中カラム：マガジン）
	・Module_Mobile（右カラム：BCNモバイル）
	・RankingNavi（ナビページ誘導）
	・HotRanking（注目のランキング）
	・EachCategory（カテゴリ別ニュース記事）
	・ArticleList（トピックス）
	・Marketing（マーケティング）
	
========================================
*/

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

#HeaderTop .catch,
#HeaderTop .linkList{
padding:2px 0;
}

#HeaderTop .inner{
padding:2px 0;
}

#Header{
padding:2px 0 0 0;
}

#mainArea #main{
padding:0 0 0 16px;
width:498px;
float:left;
}

/* Title
========================================*/
h1{
margin:0;
padding:0;
border-bottom:none;
font-size:200%;
width:174px;
height:112px;
}

#main h2{
margin:0 0 12px 0;
padding:0 0 3px 0;
border-left:none;
border-bottom:2px solid #aaa;
background:none;
font-size:100%;
font-weight:bold;
color:#63605b;
}

/* RankingMagazine
========================================*/
#rankingMagazine{
padding:8px;
width:auto;
}

#rankingMagazine .photo img{
margin:0;
float:none;
}

.module03 #rankingMagazine dt{
font-weight:bold;
color:#2e9743;
}


/* Module_Mobile
========================================*/
#mobile p{
width:100%;
}

#mobile .qr{
float:left;
}

#mobile .ex{
width:224px;
display:block;
float:right;
font-size:116%;
}

/* RankingNavi
========================================*/
#rankingNavi{
margin:0 0 12px 0;
}

#rankingNavi h2,
#rankingNavi li a{
display:block;
width:160px;
text-indent:-9999px;
background-image:url(../images/top_navlink.gif);
background-repeat:no-repeat;
}

#rankingNavi h2{
height:30px;
background-position:0 0;
}

#rankingNavi li a{
height:40px;
}

#rankingNavi li#navi01 a { background-position:0 -30px;}
#rankingNavi li#navi02 a { background-position:0 -70px;}
#rankingNavi li#navi03 a { background-position:0 -110px;}
#rankingNavi li#navi04 a { background-position:0 -150px;}
#rankingNavi li#navi05 a { background-position:0 -190px;}
#rankingNavi li#navi06 a { background-position:0 -230px;}
#rankingNavi li#navi07 a { background-position:0 -270px;}

/* HotRanking
========================================*/
.hotRanking{
margin:0 0 23px 0;
width:484px;
}

.hotRanking ul{
width:484px;
}

.hotRanking li{
padding:6px 6px 6px 110px;
width:125px;
border-right:1px solid #e2e2e2;
border-top:1px solid #fff;
border-bottom:1px solid #e2e2e2;
background:#f9f9f9;
float:left;
}

.hotRanking li .photo img{
margin:0 0 0 -104px;
border:1px solid #f1f1f1;
float:left;
}

.hotRanking li dt{
margin:0 0 6px 0;
padding:0 0 0 22px;
background:transparent url(../common/images/ico/icon02.gif) -4px -607px no-repeat;
}

.hotRanking li dd{
font-weight:bold;
}

/* EachCategory
========================================*/
.eachCategory{
}

.categoryBlock{
margin:0 0 10px 0;
padding:0 14px 0 0;
width:235px;
float:left;
}

.eachCategory .categoryTitle{
margin:0 0 5px 0;
padding:6px 7px 4px;
width:219px;
border:1px solid #cbcbcb;
background:#e9e9e9 url(../common/images/bg/mod_tit01_bg.gif) left top repeat-x;
}

#main .eachCategory .categoryTitle h2{
margin:0;
padding:0 0 0 6px;
background:transparent url(../common/images/ico/icon01.gif) -8px -1430px no-repeat;
font-size:116%;
color:#757574;
border:none;
float:left;
}

.eachCategory .categoryTitle p{
display:block;
padding:0 0 0 7px;
background:transparent url(../common/images/ico/icon01.gif) -8px -722px no-repeat;
font-size:100%;
float:right;
}

/* ArticleList
========================================*/
.articleList{
width:484px;
}

.articleList li{
padding:0 0 0 73px;
width:411px;
}

.articleList li.topTopics{
width:358px;
}

.articleList li .photo img{
margin:0 0 0 -73px;
}

.articleList li .date{
font-size:100%;
}

/* Marketing
========================================*/
.marketing{
margin:0 0 15px 0;
width:484px;
border:1px solid #b6d2e7;
}

.marketing .marketingTitle{
margin:0 0 5px 0;
padding:6px 10px 4px;
border-bottom:1px solid #b6e2d7;
background:#c2dff1 url(../common/images/bg/mod_tit02_bg.gif) left top repeat-x;
position:relative;
}

#main .marketing .marketingTitle h2{
margin:0;
padding:0;
border:none;
color:#007ac2;
}

.marketing .marketingTitle p{
padding:0 0 0 9px;
background:transparent url(../common/images/ico/icon01.gif) -6px -1430px no-repeat;
position:absolute;
top:5px;
right:10px;
}

#main .marketing .section{
margin:0;
padding:3px 9px 5px;
}

.marketing .section li{
margin:0 0 2px 0;
padding:0 0 0 6px;
background:transparent url(../common/images/ico/icon01.gif) -7px -1491px no-repeat;
font-size:116%;
}

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

.module02 .section03 li{
width:160px;
}

#center .module03 .rank-title{
width:138px;
}

#center .wikiranking .rank-cmmnType li{
width:148px;
}

#center .wikiranking .rank-cmmnType li a{
width:110px;
}


/* 2010/05/21_追加 IE7 */
*:first-child+html #Header #logoArea{
height:130px;
}