@charset "utf-8";

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

Layout
	・Header
	・Footer
	
========================================
*/
/* Frame
========================================*/
#wrapper{
width:100%;
background-position:50% 0;
background-repeat:no-repeat;
}

#contentsArea{
margin:0 auto;
width:989px;
background-position:0 0;
}

#moduleArea{
width:315px;
float:right;
}

#mainArea{
width:674px;
float:left;
}

#topicsAreaWrap{
margin:0 0 20px;
width:989px;
background-position:50% 0;
}

#topicsArea{
width:989px;
background-position:0 0;
}

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

HeaderArea
	・UnitLink
	・Logo
	・HeaderInfo
	・SuperBanner
	
========================================
*/

#headerArea{
width:100%;
background-position:0 0;
}

#header{
margin:0 auto;
width:989px;
height:140px;
position:relative;
overflow:hidden;
}

/* UnitLink
========================================*/
#unitLink{
margin:0 auto;
width:989px;
height:27px;
}

#unitLink ul{
position:relative;
width:989px;
background-position:0 0;
}

#unitLink li{
position:absolute;
top:0;
}

#unitLink #uPortal{ width:105px;left:0; }
#unitLink #uRanking{ width:200px;left:105px; }
#unitLink #uMarketing{ width:104px;left:305px; }
#unitLink #uBiz{ width:103px;left:409px; }

#unitLink li a,
#unitLink li span{
display:block;
height:27px;
text-indent:-9999px;
}

#unitLink #uPortal span{ width:105px;background-position:0 -27px; }
#unitLink #uRanking a{ width:200px;background-position:-105px 0; }
#unitLink #uMarketing a{ width:104px;background-position:-305px 0; }
#unitLink #uBiz a{ width:103px;background-position:-409px 0; }
/* Hover,Active */
#unitLink #uRanking a:hover{ background-position:-105px -27px; }
#unitLink #uMarketing a:hover{ background-position:-305px -27px; }
#unitLink #uBiz a:hover{ background-position:-409px -27px; }

.siteInfo{
color:#fff;
height:27px;
line-height:27px;
float:right;
}

/* Logo / Award Logo
========================================*/
h1{
width:171px;
height:84px;
position:absolute;
top:40px;
left:1px;
}

h1 a{
display:block;
width:171px;
height:84px;
text-indent:-9999px;
background-image:url(../images/portal_logo.gif);
background-position:0 0;
background-repeat:no-repeat;
}

.awardLogo{
width:53px;
height:73px;
position:absolute;
top:20px;
left:933px;
}

/* HeaderInfo
========================================*/
.headerInfo{
padding:2px 40px 3px 6px;
width:448px;
min-height:21px;
position:absolute;
top:109px;
left:494px;
background-position:0 0;
background-repeat:no-repeat;
}

* html .headerInfo{
height:21px;
}

.headerInfo .infoText{
font-weight:bold;
}

.headerInfo .infoText a{
color:#000;
text-decoration:underline;
}

.headerInfo .rss{
width:25px;
height:13px;
position:absolute;
top:4px;
left:463px;
}

.headerInfo .rss a{
width:25px;
height:13px;
display:block;
background-position:0 0;
text-indent:-9999px;
}

/* SuperBanner
========================================*/
#headerArea .superBanner{
width:728px;
height:90px;
position:absolute;
top:10px;
left:176px;
}

#contentsArea .superBanner{
margin:0 auto;
padding:10px 0;
width:728px;
height:90px;
clear:both;
}

/* Class
========================================*/
.articleTitle{
font-weight:bold;
}

.articleTitle img{
vertical-align:middle;
}

.date{
color:#666;
}

.listLink{
margin:0 auto;
background:#ededed;
}

.listLink p{
padding:5px 9px;
font-weight:bold;
}

.listLink a{
padding:0 0 0 12px;
background-position:0 -107px;
}


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

ModuleArea
	・AdBanner
	・ModuleBox(Common)
	・AccessRanking
	・PR
	
========================================
*/
.adBanner{
margin:0 0 10px;
width:300px;
}

.adText{
margin:0 auto 10px;
}

#mainArea .adText{
width:640px;
}

#mainArea .adBanner{
text-align:center;
width:645px;
}

.moduleBox{
margin:0 0 10px;
width:298px;
border:1px solid #cbcbcb;
}

.moduleBox h2{
margin:0;
padding:9px 0;
background-position:0 0;
border-bottom:1px solid #cbcbcb;
font-size:0;
line-height:0;
text-align:center;
}

.currentNumber{
padding:10px 0 10px 155px;
width:136px;
}

#magazine .currentNumber{
padding:10px 0 10px 140px;
width:158px;
}

.currentNumber .image img{
margin:0 0 0 -145px;
border:1px solid #5a5a5a;
float:left;
}

#magazine .currentNumber .image img{
margin:0 0 0 -130px;
border-color:#e2e2e2;
}

.currentNumber dt{
margin:0 0 3px 0;
border-bottom:1px solid #dedddd;
color:#0c3578;
font-weight:bold;
line-height:1.3;
}

.currentNumber dt span{
display:block;
}

.currentNumber dt .publishDate{
font-size:116%;
}

.currentNumber dt .vol{
font-size:200%;
}

.currentNumber dd .text{
padding:5px 0 10px;
}

.currentNumber dd .btn img{
/*margin:0 10px 0 0;*/
}

#magazine .currentNumber dt{
margin:0 0 3px 0;
border:none;
font-size:0;
line-height:0;
}

#magazine .currentNumber .vol h3{
font-size:150%;
line-height:1;
color:#2e9743;
}

#magazine .currentNumber .next{
margin:0 0 10px 0;
padding:1px 0 0 0;
}

#magazine .currentNumber .special h3{
margin:0 0 4px 0;
background:transparent url(../images/base/line_solid.gif) left center repeat-x;
font-weight:bold;
color:#61605b;
}

#magazine .currentNumber .special h3 span{
padding:0 1em 0 0;
background:#fff;
}

#magazine .currentNumber .special .text{
padding:0 0 5px 0;
}

.latestWeekly .relatedLink{
margin:0 auto;
padding:5px 0;
width:278px;
border-top:1px dotted #c2c2c2;
clear:both;
}

.latestWeekly .relatedLink li{
display:inline;
padding:0;
border:none;
font-weight:bold;
}

.latestWeekly .relatedLink li a{
margin:0 10px 0 0;
padding:0 0 0 12px;
background-position:0 -107px;
}

.latestWeekly a{
padding:0;
display:inline;
font-size:100%;
}

.latestWeekly a img{
margin:0;
}

#marketing{
border-color:#6fb013;
position:relative;
}

#marketing h2{
margin:0 0 5px 0;
padding:0;
background:none;
border-color:#6fb013;
}

#marketing .listLink{
margin-bottom:7px;
width:282px;
}

#marketing .articleList li{
padding:0 8px 7px;
width:282px;
}

#marketing .articleList li .date img{
margin:0 0 0 2px;
}

#marketing .more{
position:absolute;
top:6px;
left:175px;
}

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

TopicsArea
	
========================================
*/
#topicsArea{
padding:0 0 12px 0;
border-bottom:1px solid #d9dcd5;
}

#topicsArea #forDigitalLife{
width:494px;
float:left;
}

#topicsArea #forBusiness{
width:495px;
float:right;
}

/* Title
========================================*/
#topicsArea .title{
position:relative;
width:494px;
height:54px;
}

#topicsArea h2{
margin:0 0 4px 0;
padding:9px 0 0 10px;
font-size:0;
line-height:0;
}

#topicsArea .more{
width:97px;
height:32px;
position:absolute;
top:12px;
left:386px;
}

/* Tab
========================================*/
#topicsArea .tab{
height:24px;
background-repeat:no-repeat;
}

#topicsArea #forDigitalLife .tab{
width:494px;
background-position:0 -54px;
}

#topicsArea #forBusiness .tab{
width:495px;
background-position:-494px -54px;
}

#topicsArea .tab ul{
position:relative;
}

#topicsArea #forDigitalLife .tab ul{
width:493px;
}

#topicsArea #forBusiness .tab ul{
width:493px;
}

#topicsArea .tab li{
position:absolute;
top:0;
}

#topicsArea .tab li a{
display:block;
height:24px;
text-indent:-9999px;
}

#topicsArea #forDigitalLife .tab .tLatest{ left:10px;width:77px; }
#topicsArea #forDigitalLife .tab .tLatest a{ background-position:-10px -54px;width:77px; }
#topicsArea #forDigitalLife .tab .tLatest a:hover,#topicsArea #forDigitalLife .tab .tLatest a.ac{ background-position:-10px -78px; }

#topicsArea #forDigitalLife .tab .tNews{ left:87px;width:72px; }
#topicsArea #forDigitalLife .tab .tNews a{ background-position:-87px -54px;width:72px; }
#topicsArea #forDigitalLife .tab .tNews a:hover,#topicsArea #forDigitalLife .tab .tNews a.ac{ background-position:-87px -78px; }

#topicsArea #forDigitalLife .tab .tHottest{ left:159px;width:90px; }
#topicsArea #forDigitalLife .tab .tHottest a{ background-position:-159px -54px;width:90px; }
#topicsArea #forDigitalLife .tab .tHottest a:hover,#topicsArea #forDigitalLife .tab .tHottest a.ac{ background-position:-159px -78px; }

#topicsArea #forDigitalLife .tab .tReview{ left:249px;width:72px; }
#topicsArea #forDigitalLife .tab .tReview a{ background-position:-249px -54px;width:72px; }
#topicsArea #forDigitalLife .tab .tReview a:hover,#topicsArea #forDigitalLife .tab .tReview a.ac{ background-position:-249px -78px; }

#topicsArea #forDigitalLife .tab .tSpecial{ left:321px;width:55px; }
#topicsArea #forDigitalLife .tab .tSpecial a{ background-position:-321px -54px;width:55px; }
#topicsArea #forDigitalLife .tab .tSpecial a:hover,#topicsArea #forDigitalLife .tab .tSpecial a.ac{ background-position:-321px -78px; }

#topicsArea #forBusiness .tab .tLatest{ left:10px;width:78px; }
#topicsArea #forBusiness .tab .tLatest a{ background-position:-504px -54px;width:78px; }
#topicsArea #forBusiness .tab .tLatest a:hover,#topicsArea #forBusiness .tab .tLatest a.ac{ background-position:-504px -78px; }

#topicsArea #forBusiness .tab .tNews{ left:88px;width:72px; }
#topicsArea #forBusiness .tab .tNews a{ background-position:-582px -54px;width:72px; }
#topicsArea #forBusiness .tab .tNews a:hover,#topicsArea #forBusiness .tab .tNews a.ac{ background-position:-582px -78px; }

#topicsArea #forBusiness .tab .tSerial{ left:160px;width:54px; }
#topicsArea #forBusiness .tab .tSerial a{ background-position:-654px -54px;width:54px; }
#topicsArea #forBusiness .tab .tSerial a:hover,#topicsArea #forBusiness .tab .tSerial a.ac{ background-position:-654px -78px; }

#topicsArea #forBusiness .tab .tInterview{ left:214px;width:96px; }
#topicsArea #forBusiness .tab .tInterview a{ background-position:-708px -54px;width:96px; }
#topicsArea #forBusiness .tab .tInterview a:hover,#topicsArea #forBusiness .tab .tInterview a.ac{ background-position:-708px -78px; }

#topicsArea #forBusiness .tab .tExplanation{ left:310px;width:54px; }
#topicsArea #forBusiness .tab .tExplanation a{ background-position:-804px -54px;width:54px; }
#topicsArea #forBusiness .tab .tExplanation a:hover,#topicsArea #forBusiness .tab .tExplanation a.ac{ background-position:-804px -78px; }

#topicsArea #forBusiness .tab .tKeyperson{ left:364px;width:97px; }
#topicsArea #forBusiness .tab .tKeyperson a{ background-position:-858px -54px;width:97px; }
#topicsArea #forBusiness .tab .tKeyperson a:hover,#topicsArea #forBusiness .tab .tKeyperson a.ac{ background-position:-858px -78px; }

#topicsArea .articleWrap .tLatest,#topicsArea .articleWrap .tNews,
#topicsArea .articleWrap .tSerial,#topicsArea .articleWrap .tInterview,
#topicsArea .articleWrap .tExplanation,#topicsArea .articleWrap .tKeyperson,
#topicsArea .articleWrap .tReview,#topicsArea .articleWrap .tHottest,#topicsArea .articleWrap .tSpecial{
display:none;
}

#topicsArea .articleWrap .ac{
display:block;
}

/* List
========================================*/
#topicsArea #forDigitalLife ul{
margin:0 0 0 1px;
}

#topicsArea #forBusiness ul{
margin:0 1px;
}

#topicsArea .articleList li{
padding:5px 8px 5px 83px;
width:402px;
min-height:50px;
line-height:1.2;
}

#topicsArea .articleList li.topTopics{
padding:5px 8px 5px 135px;
width:350px;
min-height:89px;
}

#topicsArea .articleList li.noPhoto{
padding:5px 8px;
width:477px;
min-height:inherit;
}

#topicsArea .articleList li .photo img{
margin:0 0 0 -76px;
border:1px solid #628741;
float:left;
}

#topicsArea .articleList li.topTopics .photo img{
margin:0 0 0 -128px;
}

#topicsArea .articleList li.topTopics .articleTitle{
padding:5px 0 0 0;
font-size:133%;
}

#topicsArea .articleList li .articleTitle img{
margin:0 0 0 2px;
}

#topicsArea .articleList li.even{
background:#f6f9f5;
}

#topicsArea .listLink{
width:465px;
}

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

RankingArea
	
========================================
*/
#rankingArea{
margin:0 auto;
width:645px;
}

#rankingArea table{
width:645px;
}

#rankingArea th,
#rankingArea td{
text-align:left;
border-bottom:1px solid #cadcc4;
}

#rankingArea th{
padding:10px;
width:143px;
}

#rankingArea td{
padding:10px 0;
width:482px;
}

#rankingArea .even th,
#rankingArea .even td{
background:#f6f9f5;
}

#rankingArea ul{
padding:0 10px;
width:458px;
border-left:4px solid #cadfb0;
}

#rankingArea li{
margin:0 1.5em 2px 0;
float:left;
word-break: break-all;
white-space:nowrap;
}

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

MonoChart / StockMarket
	
========================================
*/
#monoChartWrap,
#stockWrap{
width:494px;
}

#monoChartWrap{
float:left;
}

#stockWrap{
float:right;
}

.dataBox{
margin:0 auto 18px;
padding:10px;
width:440px;
border:5px solid #e7e6df;
}

.dataBox h2{
margin:0 0 16px 0;
}

.dataBox .infoArea .image img{
float:left;
}

#monoChartWrap .infoArea{
padding:0 0 0 210px;
}

#monoChartWrap .infoArea .image img{
margin:0 0 0 -210px;
}

#stockWrap .infoArea{
padding:0 0 0 270px;
}

#stockWrap .infoArea .image img{
margin:0 0 0 -270px;
}

.dataBox .infoArea .text{
margin:0 0 5px 0;
}

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

GroupLink
	
========================================
*/
#group{
margin:0 auto;
padding:15px 0 0;
width:989px;
border-top:1px solid #a1a1a0;
background:#141412;
clear:both;
}

#group .item{
width:329px;
float:left;
}

#group .item .section{
margin:0 auto;
width:300px;
}

#group .item h2{
margin:0 0 6px;
padding:0 0 5px 0;
border-bottom:2px solid #44443e;
font-size:0;
line-height:0;
}

#group .item h3{
clear:left;
background:transparent url(../images/base/line_solid02.gif) left center repeat-x;
}

#group .item h3 span{
padding:0 1em 0 0;
background:#141412;
color:#d6d6c2;
}

#group .item ul{
margin:0 0 15px 0;
width:300px;
}

#group .item li{
margin:0 1.5em 0 0;
float:left;
word-break: break-all;
white-space:nowrap;
}

#group .item li a{
color:#d6d6c2;
}

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

FooterArea
	・List
	・PrivacyMark
	・Verisign
	・Address
	
========================================
*/
/*#footerArea{
padding:0 0 30px 0;
background:#fff;
}*/

#footerArea{
padding:0 0 30px 0;
border-top:3px solid #ebebeb;
background:#fff;
}

#footerArea hr{
visibility:hidden;
}

#footerBottomArea{
padding:6px 0 0 0;
width:100%;
/*border-top:3px solid #528037;*/
}

#logoSide{
margin:0 auto 10px;
width:989px;
}

#logoSide th{
width:195px;
text-align:left;
}

#logoSide td{
width:794px;
}

#logoSide ul{
widht:794px;
}

#footer{
margin:3px auto 0;
padding:3px 0 0 0;
width:989px;
}

#footerArea .contactLink{
padding:0 0 6px 0;
border-bottom:3px solid #ebebeb;
background:#f0f0f0;
}

#footerArea .ruleLink{
margin:5px 0;
}

#footerArea .groupLink{
margin:0 0 10px 0;
}

#footerArea .groupLink ul{
width:auto;
}

#footerArea ul{
margin:0 auto;
color:#0c3578;
line-height:1;
}

#footerArea li{
/*display:inline;*/
margin:0 0 2px 0;
padding:1px 5px;
float:left;
border-left:1px solid #0c3578;
}

#footerArea li a{
line-height:1;
}

#footerArea ul li:first-child {
padding-left:0;
border-left:0;
}

#footerArea .pMarkCell{
width:73px;
}

#footerArea .veriSignCell{
/*width:460px;*/
}

#footerArea .copyrightCell{
/*width:456px;*/
width:916px;
}

/*#footerArea .pMark{
padding:5px 0 10px 0;
width:85px;
float:left;
}*/

#footerArea .veriSign{
/*width:500px;
float:left;*/
font-size:85%;
}

#footerArea .veriSign th{
width:110px;
}

#footerArea .veriSign td{
}

#footerArea .address{
width:400px;
float:right;
position:relative;
font-size:85%;
}

#footerArea .address address{
position:absolute;
top:25px;
right:0;
max-width:300px;
}

#footerArea .copyright{
/*width:100%;
border-top:3px solid #c62500;*/
color:#979797;
clear:both;
}

#footerArea .copyright p{
/*margin:0 auto;
padding:4px 0 0 0;
width:989px;*/
}



/* BackgroundImage
========================================*/
#unitLink ul,
#unitLink li a,
#unitLink li span,
#topicsArea .tab,
#topicsArea .tab li a{
background-image:url(../images/base/common.gif);
background-repeat:no-repeat;
}

.listLink a,
.relatedLink li a,
.rss a{
background-image:url(../images/base/icon.gif);
background-repeat:no-repeat;
}

.moduleBox h2{
background-image:url(../images/base/side_tit_bg.gif);
background-repeat:repeat-x;
}

#contentsArea{
background-image:url(../images/base/bg_contents.gif);
background-repeat:repeat-y;
}

#headerArea{
background-image:url(../images/base/unitlink_bg.gif);
background-repeat:repeat-x;
}

#topicsAreaWrap{
background-image:url(../images/base/topicsarea_bg.gif);
background-repeat:repeat-y;
}

#topicsArea{
background-image:url(../images/base/topics_tit_bg.gif);
background-repeat:no-repeat;
}



/* Clear */
#topicsArea:after,
#rankingArea ul:after,
#group:after,
#group .item dd ul:after,
.currentNumber:after,
#group .item ul:after{
content:".";
display:block;
clear:both;
height:1px;
visibility:hidden;
line-height:0;
font-size:0;
}


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

BG Pattern01
	
========================================
*/
body#bg01{
background-image:url(../images/bg01/bg01_repeatx_bg.jpg);
background-color:#528037;
}

body#bg01 #wrapper{
background-image:url(../images/bg01/bg01_norepeat.jpg);
}

body#bg01 h1 a{
background-image:url(../images/bg01/portal_logo.jpg);
}

body#bg01 .headerInfo{
background-image:url(../images/bg01/header_info_bg.jpg);
}

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

BG Pattern02
	
========================================
*/
body#bg02{
background-image:url(../images/bg02/bg01_repeatx_bg.gif);
background-color:#fff;
}

body#bg02 #wrapper{
background:none !important;
background-image:none !important;
}

body#bg02 h1 a{
background-image:url(../images/bg02/portal_logo.jpg);
}

body#bg02 .headerInfo{
background-image:url(../images/bg02/header_info_bg.jpg);
}

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

BG Pattern03
	
========================================
*/
body#bg03{
background-image:none;
background-color:#000;
}

body#bg03 #wrapper{
background-image:url(../images/bg03/bg01_norepeat.jpg);
}

body#bg03 h1 a{
background-image:url(../images/bg03/portal_logo.jpg);
}

body#bg03 .headerInfo{
background-image:url(../images/bg03/header_info_bg.jpg);
}