@charset "utf-8";

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

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

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

#contents{
background:transparent url(../images/contents_bg.gif) left top repeat-y;
}

#contents .inner{
background:transparent url(../images/contents_bottom.gif) left bottom no-repeat;
}

#mainArea{
padding:0;
width:808px;
background:transparent url(../images/main_bg.gif) 0 -236px no-repeat;
}

#mainArea #main{
margin:0 0 0 22px;
padding:0 0 30px 0;
width:778px;
float:none;
}

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

#main h2 img{
vertical-align:top;
}

#main h2 span{
font-size:116%;
font-weight:normal;
color:#c6b339;
}

/* TopMain
========================================*/
#topMain{
width:808px;
height:236px;
background:transparent url(../images/main_bg.gif) left top no-repeat;
position:relative;
}

#topMain .flash{
width:566px;
height:196px;
position:absolute;
top:17px;
left:25px;
}

#topMain .bannerArea{
position:absolute;
top:17px;
left:608px;
font-size:0;
line-height:0;
}

#topMain .bannerArea li{
margin:0 0 13px 0;
}

.news{
width:764px;
}

.news h2{
width:764px;
}

#main .news h2 span{
float:right;
padding:8px 0 0 10px;
background:transparent url(../common/images/ico/icon01.gif) -10px -216px no-repeat;
font-size:100%;
vertical-align:bottom;
line-height:1;
}

.news h2 span a{
color:#ffff85;
}

.news h2 img{
float:left;
}

.news .leadbnr{
float:right;
width:234px;
}

.news{
display:inline-table;
}

/*\*/
.news{
display:block;
}
/**/

.news:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:1px;
font-size:0;
line-height:0;
}