@charset "utf-8";

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

News
	・Utility
		・KeywordsList
		・UtilityList
	・Module
		・AdBanner
		・ModuleBox
		・AccessRanking
		・PR
	*BackgroundImage
	
========================================
*/

/* articleArea
========================================*/
/* News,Case */
.news #mainArea .utilityList,
.archiveTpl #mainArea .utilityList{
border-bottom:1px solid #ccc;
}

.news .articleHeader h1,
.case .articleHeader h1,
.archiveTpl .articleHeader h1{
margin:0 auto;
}

.news .articleArea .name,
.archiveTpl .articleArea .name{
margin:0 0 10px 0;
}

.news .searchBoxWrap{
margin:0 auto 30px;
}

.case .articleHeader .category{
margin:0 auto;
padding:0 10px;
width:620px;
float:none;
font-weight:bold;
color:#19581e;
}

.case .articleArea{
padding:10px 0 0 0;
}

/* Keyperson */
.keyperson .articleHeader{
background:#000;
}

.keyperson .articleHeader .publishDate a,
.keyperson .articleHeader .publishDate{
color:#d7d7d7;
}

.keypersonIndex #mainArea .utilityList{
margin:0 auto;
border:none;
}

.keyperson .articleHeader table,
.keypersonIndex .articleHeader table{
margin:0;
width:667px;
height:100px;
border-bottom:2px solid #000;
background:#fff url(../images/article/bg_keypersontit.gif) 0 0 no-repeat;
clear:both;
}

.keypersonIndex .articleHeader table{
height:65px;
background-image:url(../images/article/bg_keypersonindextit.gif);
}

.keyperson .articleHeader h1,
.keypersonIndex .articleHeader h1{
padding:10px 5px 0 108px;
margin:0;
width:auto;
background:none;
color:#1a335c;
line-height:1.3;
}

.keypersonIndex .articleHeader h1{
background:none;
color:#000;
}

.keyperson #mainArea .articleHeader .summary{
margin:0;
padding:0;
width:667px;
background:#f9f9f9 url(../images/article/bg_keypersonsummary.gif) left top repeat-x;
}

.keyperson .articleHeader .summary p{
padding:11px 247px 0 11px;
width:409px;
}

* html .keyperson .articleHeader .summary p{/* for IE6 */
padding:11px 236px 0 11px;
width:420px;
}

*+html .keyperson .articleHeader .summary p{/* for IE7 */
padding:11px 236px 0 11px;
width:420px;
}

.keyperson .articleHeader .summary img{
float:right;
margin:0 -236px 0 5px;
border:1px solid #8b8b8b;
position:relative;
}

.keyperson #mainArea .articleArea h2{
margin:0 0 10px 0;
padding:0 0 3px 0;
border:none;
background-position:0 100%;
}

.panelist{
font-weight:bold;
color:#c62500;
}

.keyperson .insight{
margin:15px auto 0;
padding:7px;
width:620px;
border:3px double #c2c2c2;
}

.keyperson .insight dt{
font-weight:bold;
color:#c62500;
}

.keyperson .insight dd{
}

.keyperson .myBookshelf{
margin:15px auto 0;
padding:10px;
width:616px;
border:1px solid #c2c2c2;
}

.keyperson #mainArea .myBookshelf h2{
margin:0 0 15px 0;
padding:0;
border:none;
background:none;
}

.keyperson .myBookshelf .bookName{
margin:0 0 10px 0;
}

.keyperson .myBookshelf .bookReview{
width:624px;
}

.keyperson .myBookshelf .bookReview img{
float:left;
margin:0 10px 0 0;
}

.keyperson .overview{
margin:15px auto 20px;
padding:7px;
width:622px;
border:2px solid #afcf83;
background:#f9fff1;
}

.keyperson #mainArea .overview h2{
margin:0;
padding:0;
border:none;
background:none;
color:#366500;
}

.keyperson .overview p{
width:624px;
}


/* Template */
.template .articleHeader{
width:667px;
border-bottom:1px solid #e9e9e9;
background-position:0 0;
background-repeat:no-repeat;
position:relative;
}

/*.template .serialLogo{
width:667px;
position:relative;
top:0;
left:0;
text-align:center;
}*/

.template .serialLogo{
clear:both;
width:667px;
text-align:center;
}

.template .articleHeader h1{
margin:0 auto;
padding:10px;
width:620px;
background:none;
line-height:1.3;
}

.template .articleHeader h1 img{
border:1px solid #000;
margin:0 10px 0 0;
float:left;
}

.template .articleHeader h1.noLogo{
padding:15px 10px;
}

/* RelayBox
========================================*/
.relayBoxWrap{
clear:both;
margin:0 auto 30px;
width:641px;
background-repeat:repeat-y !important;
background-position:-641px 0;
}

.relayBox{
width:641px;
background-position:-1282px 100%;
}

#mainArea .relayBox h2{
margin:0;
padding:3px 0 0;
width:641px;
border:none;
background-position:0 0;
}

#mainArea .relayBox h2 span{
display:block;
padding:3px 10px;
width:619px;
border-right:1px solid #afd083;
border-left:1px solid #afd083;
background-color:#54a866;
background-position:-1px -3px;
font-size:116%;
font-weight:bold;
color:#fff;
}

.relayBox ul{
padding:10px;
width:621px;
}

.relayBox li{
padding:0 5px 0 0;
/*background-position:100% -1080px;
background-repeat:no-repeat;*/
display:inline;
/*float:left;*/
background:none;
}

.relayBox ul a{
padding:0 10px 0 0;
font-weight:bold;
color:#386300;
/*white-space:nowrap;
word-wrap:break-word;*/
}

.relayBox li img{
vertical-align:middle;
}

.distribution .articleHeader h1{
padding:0;
width:667px;
background:none;
}

.distribution .utilityList{
margin:0;
border:none !important;
}

.news .articleArea,
.template .articleArea,
.keyperson .articleArea{
padding:5px 0 0 0;
}

/* Twitter/Facebook Button
========================================*/
#mainArea .articleModule{
clear:both;
}

.keywordsList{
clear:left;
}

.headBtn{
}

.footBtn{
float:right;
}

.snsBtn{
margin:0 0 0 5px;
padding:0 5px 20px 0;
width:260px;
height:20px;
}

.headBtn .snsBtn{
float:none;
padding:10px 5px 0 0;
}

.snsBtn li{
float:left;
padding:0 0 0 8px;
font-size:85%;
font-weight:bold;
}

.snsBtn li a{
margin:0;
}

.snsBtn li img{
vertical-align:middle;
}

.snsBtn iframe{
border:none;
overflow:hidden;
width:120px !important;
height:21px;
}