@charset "utf-8";

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

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

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

/* mainArea
========================================*/
#mainArea{
margin:0 auto;
width:778px;
background:transparent url(../images/top_about_bg.gif) left top repeat-x;
}

/* About
========================================*/
#topAbout{
padding:25px 0 0 0;
width:778px;
height:374px;
line-height:0;
font-size:0;
}

#topAbout h2{
margin:0 0 14px 0;
padding:0;
background:none;
}

#topAbout .summary{
margin:0 0 17px 0;
}

/* PressRelease,News
========================================*/
.leftModule,
.rightModule{
margin:0 0 40px 0;
}

.leftModule .list,
.leftModule .list li,
.rightModule .list,
.rightModule .list li{
width:380px;
}

.leftModule .list .title,
.leftModule .list .title a,
.rightModule .list .title,
.rightModule .list .title a{
width:290px;
}

.leftModule h2,
.rightModule h2{
width:370px;
position:relative;
}

.leftModule h2 span.toindex,
.rightModule h2 span.toindex{
position:absolute;
top:10px;
right:7px;
}

.leftModule h2 span.rss{
position:absolute;
top:10px;
right:52px;
}

.leftModule h2 span.rss a{
padding:4px 0 2px 20px;
background:transparent url(../common/images/icon01.gif) 2px -336px no-repeat;
font-weight:normal;
}

/* Approach
========================================*/
.approach{
clear:both;
}

.approach .catch{
margin:0 0 15px 0;
}

.approach .section{
padding:0 0 0 17px;
width:380px;
float:left;
}

.approach .section.first{
padding:0;
}

.approach .award{
padding:0 0 0 70px;
background:transparent url(../images/logo_award.gif) 10px 2px no-repeat;
}

.approach .bbp{
padding:0 0 0 70px;
background:transparent url(../images/logo_bbp.gif) 10px 2px no-repeat;
}

.approach h3{
margin:0 0 7px 0;
padding:0 0 2px 0;
border-bottom:1px solid #b6cce3;
}

.approach p{
margin:0 0 4px 0;
}

.approach .itjr{
padding:0 0 0 70px;
background:transparent url(../images/logo_itj.gif) 10px 12px no-repeat;
}