@import url('/css/base.css');
@import url('/css/nl/parts_title.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
}
a:link {
/*color:#1E598E;*/
}
a:hover {
/*color:#C00;*/
text-decoration:underline!important;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
width:980px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:640px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:450px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:100%;
}
#masterBodyOuter {
width:990px;
margin:0 auto;
}
#masterBodyInner {
width:990px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/

#masterNavigation {
background:#333;
}

#globalNavigationGroup0 {
width:990px;
margin:0 auto;
}

#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn a {text-decoration:none!important;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn13 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn13 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
z-index:9999;
}

/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
position:absolute;
top:10px;
left:10px;
width:240px;
height:110px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:240px;
height:110px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:240px;
height:110px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
padding:20px 0 20px 247px;
min-height:90px;
height:auto !important;
height:90px;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/

#localNavigation {
clear:both;
margin:0 auto;
padding:0;
width: 990px;
background:none;
}

#lnavMain {
height:1%;
margin-bottom:2px;
padding:0;
padding:0 0 0 77px;
background:url(http://image.itmedia.co.jp/nl/images/lnavMainLabel.gif) no-repeat 0 0;
pozition:relative;
z-index:1;
}

#lnavMain .lnavBtn a {
display:block;
font-size:12px;
margin:0 5px 3px 0;
padding:2px 5px;
float:left;
background:#C76C97;
border:1px solid #EDBBCB;
border-radius: 3px;
color:#FFF;
white-space:nowrap;
}

#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited {
}

#lnavMain .lnavBtn a:hover {
text-decoration:none!important;
background:#AF6387;
}

.lnavOut {
width: 990px;
border-bottom: 4px solid #ECDDE0;
}

.lnavIn {
border-bottom: 1px solid #EDBBCB;
}

#lnavMain .lnavBtn{
opacity: 0.8;
}
#localNavigation {
position:relative;
}
#localNavigation.lnavFixed {
width:100%!important;
left:0;
top:0;
z-index:999;
padding:6px 0 0 0!important;
background: #FFF!important;
position:fixed;
}

.lnavFixed {
background: #FFF!important;
}

.lnavFixed .lnavOut {
margin:auto;
background: #FFF!important;
}

.lnavFixed #lnavMain {
}

.lnavFixed #lnavMain .lnavBtn a {
background:#c5769c;
}

.lnavFixed #lnavMain .lnavBtn a:hover {
background:#AF6387;
}

.lnavIn {
position:relative;
}
#lnavHome {
position:absolute;
top:-50px;
left:0;
margin:7px 0 0 0;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
z-index:-1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}

#lnavHome a {
display:block;
width: 100px;
}

#lnavHome.active {
top:0;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
z-index:1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}

#lnavMain:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
clear:both;
height:1%;
font-size:12px;
line-height:16px;
padding-bottom:7px;
padding-left:77px;
background:url(http://image.itmedia.co.jp/nl/images/lnavSubLabel.gif) no-repeat 0 0;
background-color: #FFF;
}

#lnavSub .lnavBtn {
float:left;
}

#lnavSub .lnavBtn a {
font-size:12px;
margin:3px 0;
display:block;
margin:0 5px 3px 0;
padding:2px 5px;
background:#EFEFEF;
border: 1px solid #CCC;
border-radius:3px;
color: #333;
white-space:nowrap;
}

#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#333;
}
#lnavSub .lnavBtn a:hover {
text-decoration: none!important;
background:#DDD;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a:hover .raquo {
color:#A13169;
font-weight:bold;
font-size:12px;
line-height:16px;
}

#lnavMain,
#lnavSub {
margin-left:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavMain.active {
margin-left:110px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavSub.active {
padding-left:77px;
margin-left:110px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}

.lnavInfoOuter {
padding-left:77px;
float:left;
margin-bottom:5px;
}

.lnavInfo {
position:relative;
font-size:12px;
background:#FFF;
border:1px solid #C76C97;
border-radius:3px;
float:left;
}

.lnavInfo span {
display:block;
padding:3px 10px;
float:left;
max-width:650px;
}

.lnavInfo a {
line-height:19px;
}

#lnavSub:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* 20130926 ウィンドウ幅が600px以下の場合は
ローカルナビゲーションを非表示
============================================ */
@media screen and (max-width: 920px) {
#localNavigation.lnavFixed {
display:none;
}
}


/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
width:auto;
border-top:3px solid #EEE;
margin:auto;
padding:10px;
}
#globalFooterLink {
font-size:10px;
line-height:14px;
text-align:right;
margin:0 0 20px;
padding:0 0 10px;
height:1%;
border-bottom:3px solid #666;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
/*---------------------------------------------------------------------*/
/* レフトカラム＆ライトカラム colBox */
/*---------------------------------------------------------------------*/
#masterMainLeft .colBoxOuter,
#masterSub .colBoxOuter {
}
#masterMainLeft .colBoxHead,
#masterSub .colBoxHead {
}
#masterMainLeft .colBoxHead h2,
#masterSub .colBoxHead h2 {
font-size:12px;
color:#FFF;
}
#masterMainLeft .colBoxIndex,
#masterSub .colBoxIndex {
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:10px;
line-height:14px;
}
#masterMainLeft .colBoxTitle h3,
#masterSub .colBoxTitle h3 {
}
#masterSub .colBoxCalendar .colBoxIndex {
width:134px;
padding:3px 11px 13px 3px;
margin:0;
border:0;
border-radius:0;
box-shadow:0 0 0;
}
#masterSub .colBoxCalendar .colBoxIndex .colBoxUlist ul li a {
margin:0 3px 5px 0;
}
/*---------------------------------------------------------------------*/
#BEACON {
display:none;
}
#ITR2,
#ITR {
width:300px;
}
#globalSearchPopIn {
float:right;
margin: 0 10px 5px 0;
}
#globalSearchPopIn * {
float:left;
}
#popInSearchField {
width:175px!important;
border:1px solid #CCC;
height:20px;
//height:22px;
}
#popInSearchField:focus {
background:#FFF!important;
}
.submit {
float:left;
margin:0;
width:41px;
background:red;
border:0;
text-indent:-9999px;
background:url(http://image.itmedia.co.jp/nl/images/buttons.gif) no-repeat 0 -120px;
height:24px;
//height:26px;
}
.colBoxHead {
margin:15px 0;
border:0;
padding:0;
width:100%;
float:left;
background:#EEE;
}
.colBoxHead h2 {
font-size:12px;
padding:2px 5px 0 0;
color:gray;
line-height:100%;
float:left;
background:#FFF;
}
.colBoxHead h2 span {
background:white;
padding:0 8px 1px 0;
}
#masterMainLeft .colBoxHead h2,
#masterSub .colBoxHead h2 {
color:gray;
}
.colBoxInfo,
.colBoxTitle {
margin:5px 0 15px 0;
text-align:left;
}
.colBoxDate {
color:#999;
}
.colBoxIcon {
float:left;
}
.colBoxIcon a {
margin:0 15px 15px 0;
float:left;
}
.colBoxIcon a img {
padding:2px;
background:#FFF;
}
.colBoxUlist ul li,
.colBoxIndex .linkset li {
font-weight:bold;
background:none;
padding:3px 6px;
}
.colBoxUlist ul li {
font-weight:normal;
}
#globalFooter {
margin-top:20px;
border:0;
}
.colBoxSocialButtonsL {
margin:0 0 10px 10px;
float:right;
}
.colBoxSocialButtonsL iframe {
height:62px!important;
}
.colBoxSocialButtonsS {
margin:0 0 10px 0;
}
.colBoxSocialButtonsS iframe {
margin-top:2px;
}
.wdt_button wdt_fb,
.wdt_button {
padding:0 2px;
float:left;
}
.kwds a {
-moz-border-radius:5px 5px 5px 5px;
margin:0 3px 3px 0;
padding:8px 10px;
background-color:#F6F6F6;
border:1px solid #C8D5E0;
color:#1E598E;
float:left;
font-weight:bold;
text-decoration:none;
word-break:keep-all;
}
.kwds a:hover {
background-color:#C8D5E0;
}
.w300fl {
width:290px;
float:left;
}
.w300fr {
width:290px;
float:right;
}
.w300fl img,
.w300fr img {
}
.w200fl {
display:table;
padding-right:39px;
width:186px;
float:left;
}
.w200fr {
display:table;
width:186px;
float:right;
}
.w200fl .colBoxIcon a,
.w200fr .colBoxIcon a {
margin:0 0 15px 0;
}
.colBoxSocialButtons {
}
.colBoxSocialButtons small small {
display:none;
}
.colBoxSocialButtons span {
display:block;
float:left;
margin-right:5px;
background:url(http://image.itmedia.co.jp/nl/images/buttons.gif) no-repeat 0 -47px;
}
.colBoxSocialButtons span.colBoxSocialButtonsNeco {
margin-right:0;
background:none;
}
.colBoxSocialButtons a {
width:32px;
height:32px;
display:block;
text-indent:-9999px;
}
span.colBoxSocialButtonsFacebook {background-position:0 -47px;}
span.colBoxSocialButtonsTwitter {background-position:-42px -47px;}
span.colBoxSocialButtonsRSS {background-position:-84px -47px;}
span.colBoxSocialButtonsMixi {background-position:-126px -47px;}
span.colBoxSocialButtonsHatena {background-position:-168px -47px;}
span.colBoxSocialButtonsML {background-position:-210px -47px;}
span.colBoxSocialButtonsGoogleplus {background-position:-252px -47px;}
.headline-r strong {
display:block;
margin:5px 0 15px 0;
text-align:left;
font-size:16px;
}
.headline-r span {
display:block;
font-size:12px;
line-height:16px;
}
.clrall,
#attention {
display:none;
}
#cmsAbstract h2 {
color:#666;
}
.colBoxColScrl {
height:120px;
overflow:scroll;
border:1px solid #CCC;
clear:both;
overflow-x:hidden;
}
.tmplArticle .colScrl {
height:120px;
}
#ITN *,
#ITR * {
float:left;
}
#cmsBody {
margin-top:15px;
padding-top:15px;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn {
overflow:hidden;
}
#cmsBody .endkwd .box h3 {
background:#666!important;
}
#cmsCopyright {
font-size:12px;
text-align:right;
}
.colBoxSubhead {
clear:both;
}
.adsense {
padding-bottom:10px;
border-bottom:1px dotted #CCC;
clear:both;
}
.colBoxGtAdsense {
padding-top:15px;
font-size:12px;
line-height:150%;
}
.colBoxGtAdsense span {
text-decoration:none!important;
}
.colBoxGtAdsense b {
font-size:16px;
}
.colBoxRanking .colBoxUlist ul {
width:300px;
overflow:hidden;
}
.colBoxRanking .colBoxOlist ol li,
.colBoxRanking .colBoxUlist ul li {
background:url(http://image.itmedia.co.jp/gg/images/colBox_rank2.gif) no-repeat scroll 0 0 transparent;
border-bottom:1px solid #EEEEEE;
height:auto!important;
margin:0 0 4px;
min-height:20px;
padding:0 0 4px 25px;

}
.colBoxRanking .colBoxDate {
font-size:12px;
}
.colBoxRanking .colBoxOlist ol li.rank1,
.colBoxRanking .colBoxUlist ul li.rank1 {
background-position:0 0;
}
.colBoxRanking .colBoxOlist ol li.rank2,
.colBoxRanking .colBoxUlist ul li.rank2 {
background-position:0 -100px;
}
.colBoxRanking .colBoxOlist ol li.rank3,
.colBoxRanking .colBoxUlist ul li.rank3 {
background-position:0 -200px;
}
.colBoxRanking .colBoxOlist ol li.rank4,
.colBoxRanking .colBoxUlist ul li.rank4 {
background-position:0 -300px;
}
.colBoxRanking .colBoxOlist ol li.rank5,
.colBoxRanking .colBoxUlist ul li.rank5 {
background-position:0 -400px;
}
.colBoxRanking .colBoxOlist ol li.rank6,
.colBoxRanking .colBoxUlist ul li.rank6 {
background-position:0 -500px;
}
.colBoxRanking .colBoxOlist ol li.rank7,
.colBoxRanking .colBoxUlist ul li.rank7 {
background-position:0 -600px;
}
.colBoxRanking .colBoxOlist ol li.rank8,
.colBoxRanking .colBoxUlist ul li.rank8 {
background-position:0 -700px;
}
.colBoxRanking .colBoxOlist ol li.rank9,
.colBoxRanking .colBoxUlist ul li.rank9 {
background-position:0 -800px;
}
.colBoxRanking .colBoxOlist ol li.rank10,
.colBoxRanking .colBoxUlist ul li.rank10 {
background-position:0 -900px;
}
.colBoxRanking .colBoxUlist ul li span {
display:none;
}
.colBoxRanking .colBoxInfo {
text-align:right;
font-size:10px;
}

.headTitle a {
float:left;
}
.colBoxPageEndLink p {
margin:0;
padding:0;
}
.colBoxPageEndLink img {
margin:1px!important;
padding:2px;
background:#FFF;
border:1px solid #CCC!important;
float:left;
}

/* 20110905 common liveguide
============================================ */
.colBoxLiveguide .colBoxHead h2 a {
color:gray;
}

/* 20111007
============================================ */
#masterType-top .colBoxColScrl {
height:240px;
}
.colBoxFollowBtn .colBoxIndex {
width:300px;
}
.colBoxFollowBtn a {
display:block;
width:300px;
height:67px;
text-indent:-9999px;
}
/* 20111212
============================================ */
.colBoxRanking .colBoxHead h2 a {
color:gray;
}
.colBoxRanking .colBoxInfo a {
font-size:12px;
}
.colBoxRanking .colBoxOlist li {
clear:both;
float:left;
width:275px;
}

/* 201604 改
============================================ */
.neco .colBoxRanking a img {
width:40px;
height:auto;
}

/* keyframe animation
============================================ */
.neco .colBoxNecoTopStories .colBoxIndex .colBoxIcon,
.neco .colBoxNewArtIndexNeco .colBoxIndex .colBoxIcon {
position:relative;
}
.neco .colBoxNecoTopStories .colBoxIndex .colBoxIcon a,
.neco .colBoxNewArtIndexNeco .colBoxIndex .colBoxIcon a {
z-index:10;
position:relative;
}
.neco .colBoxNecoTopStories .colBoxIndex .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topStoriesNeco.gif) no-repeat;
width:120px;
height:70px;
position:absolute;
left:0;
top:0;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-property:top;
-webkit-transition-duration:0.25s;
-webkit-transition-timing-function:ease;
-moz-animation:showNecoB 1s 1 linear;
-moz-transition-property:top;
-moz-transition-duration:0.25s;
-moz-transition-timing-function:ease;
-o-animation:showNecoB 1s 1 linear;
-o-transition-property:top;
-o-transition-duration:0.25s;
-o-transition-timing-function:ease;
z-index:1;
}
.neco .colBoxNecoTopStories .colBoxIndex:hover .colBoxIconNeco {
top:-15px;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex .colBoxIcon a {
background:#FFF;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topStoriesNeco.gif) no-repeat;
width:90px;
height:50px;
position:absolute;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-duration:0.25s;
-webkit-transition-timing-function:ease;
-webkit-transition-property:left;
-moz-animation:showNecoB 1s 1 linear;
-moz-transition-duration:0.25s;
-moz-transition-timing-function:ease;
-moz-transition-property:left;
-o-animation:showNecoB 1s 1 linear;
-o-transition-duration:0.25s;
-o-transition-timing-function:ease;
-o-transition-property:left;
left:0;
top:0;
z-index:1;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex:hover .colBoxIconNeco {
left:-15px;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco1 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco5 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco9 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco13 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco17 .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat 0 0;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco2 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco6 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco10 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco14 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco18 .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat 0 -50px;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco3 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco7 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco11 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco15 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco19 .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat 0 -100px;
}
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco4 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco8 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco12 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco16 .colBoxIconNeco,
.neco .colBoxNewArtIndexNeco .colBoxIndex.colBoxIndexNeco20 .colBoxIconNeco {
background:url(http://image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat 0 -150px;
}
.neco #masterBodyOut {
position:relative;
}
.neco #nikukyuArea {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
.neco .nikukyuObj {
width:50px;
height:50px;
position:absolute;
}
.neco .nikukyuObj1 {background:url(http://image.itmedia.co.jp/nl/images/neco/necoFootBg.gif) no-repeat 0 0;}
.neco .nikukyuObj2 {background:url(http://image.itmedia.co.jp/nl/images/neco/necoFootBg.gif) no-repeat 0 -50px;}
.neco .nikukyuObj3 {background:url(http://image.itmedia.co.jp/nl/images/neco/necoFootBg.gif) no-repeat 0 -100px;}
.neco .nikukyuObj4 {background:url(http://image.itmedia.co.jp/nl/images/neco/necoFootBg.gif) no-repeat 0 -150px;}

.neco .colBoxRankingNeco ol li {
background:url(http://image.itmedia.co.jp/nl/images/neco/colBox_rankNeco.gif) no-repeat;
}
.neco .colBoxSocialButtons span {
background-image:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco.gif);
}
.neco .colBoxSocialButtons .colBoxSocialButtonsNeco {
background-image:none;
}
#masterType-subtop .neco .colBoxSocialButtons .colBoxSocialButtonsNeco {
width:115px;
position:relative;
background:url(http://image.itmedia.co.jp/nl/images/neco/necoMsg.gif) no-repeat right -288px;
}

#masterType-subtop .neco .colBoxSocialButtons .colBoxSocialButtonsNeco .necoCount {
font-size:12px;
line-height:13px;
display:block;
width:75px;
position:absolute;
top:4px;
font-weight:bold;
right:0;
margin:0;
background:none;
color:#FF1010;
}
.colBoxSocialButtons .colBoxSocialButtonsNeco a {
background-image:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco.gif);
background-position:-126px -47px;
outline:none;
}
.neco .colBoxSocialButtons .colBoxSocialButtonsNeco {
position:relative;
}
.neco .colBoxFeedback {
display:none;
}
.neco .colBoxFeedbackNeco {
display:block;
}
.neco .colBoxArtTop {
display:none;
}
.colBoxArtTopNeco {
display:none;
}
.neco .colBoxArtTopNeco {
display:block;
}
.neco .colBoxBtmline {
display:none;
}
.colBoxBtmlineNeco {
display:none;
}
.neco .colBoxBtmlineNeco {
display:block;
}
.colBoxFollowBtnNeco a {
background:url(http://image.itmedia.co.jp/nl/images/colBoxFollowBtnNeco.png) no-repeat;
}
.colBoxFollowBtnNeco a:hover {
opacity:0.85;
}

/* 20120426 nlcolab
============================================ */
.colBoxBtmLinkBtn {
display:none;
}
.neco .colBoxBtmLinkBtn {
display:block;
}

/* 20121001 nlcolab
============================================ */
#mangaSocialButton,
#NecoMangaSocialButton {
float:left;
width:130px;
}
#mangaSocialButton .tw_button,
#NecoMangaSocialButton .tw_button {
margin-bottom:3px;
}
#mangaLink,
#NecoMangaLink {
display:block;
float:right;
text-align:right;
width:160px;
}

/* 20121024
============================================ */
#masterMain .colBoxNewArtIndex {
margin-bottom:0;
padding-bottom:10px;
border-bottom:1px dotted #DDD;
}
#masterMain .colBoxGtAdsense {
float:left;
width:336px;
}
#masterMain .colBoxRankingTopsy {
float:right;
width:290px;
}
#masterMain .colBoxRankingTopsy .colBoxUlist ul {
width:auto;
}
.colBoxFbcomment .colBoxHead {
margin-top:0;
}

/* 20121113
============================================ */
.colBoxRankingYesterday .colBoxOlist li,
.colBoxRankingYesterdaySpv .colBoxOlist li,
.colBoxRankingLastweek .colBoxOlist li,
.colBoxRankingLastmonth .colBoxOlist li{
float: none;
width: auto;
}

/* 20121121
============================================ */
.colBoxRecommend .colBoxIcon a {
margin:0 15px 5px 0;
}

.colBoxRecommend .colBoxTitle {
margin:5px 0 8px 0;
}

.colBoxRecommend .colBoxIndex {
padding-top:10px;
border-bottom:1px dotted #CCC;
}

/* 20130110
============================================ */
.colBoxCategoryList .colBoxHead {
margin:0;
padding:0;
background:#BEBCBD;
border-radius:7px 7px 0 0;
-webkit-border-radius:7px 7px 0 0;
-moz-border-radius:7px 7px 0 0;
}

.colBoxCategoryList .colBoxHead h2 {
font-size:14px;
line-height:28px;
background:none;
color:#FFF;
margin:0 0 0 8px;
}

.colBoxCategoryList .colBoxUlist {
margin:0;
height:100%;
}

.colBoxCategoryList ul {
height:100%;
padding:8px 15px;
background:#FFF7FC;
}

.colBoxCategoryList ul li {
display:block;
width:145px;
margin:0 0 5px;
padding:0;
font-size:12px;
line-height:18px;
list-style:none;
float:left;
border:none;
}

/* FireFox用TopStoriesタイトル強制改行 */
.colBoxTopStories .colBoxTitle h3 {
word-break:break-all;
}
.mangaImage {
margin-bottom:5px;
}
.mangaImage .titleImage:hover {
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}

/* 20130410
============================================ */

.colBoxPrArticle .colBoxHead {
margin:0;
background:#333;
}

.colBoxPrArticle .colBoxHead h2 {
padding:4px 5px;
color:#FFF;
background:none;
}

#masterSub .colBoxPrArticle .colBoxHead h2 {
color:#FFF;
}

.colBoxPrArticle .colBoxInner {
background:#F4FAFD;
padding:25px 5px 0;
}

.colBoxPrArticle .colBoxDescription,
.colBoxPrArticle .colBoxInfo {
margin: 0 0 0 140px;
}

/* 20140203 ローカルナビゲーション上部 購読ボタン
============================================ */
.lnavInfo span {
max-width:470px;
}
#globalHeaderBottom .colBoxFeedBtn {
float:right;
margin:0 10px 5px 0;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons a{
width:24px;
height:24px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsFacebook {
background:url(http://image.itmedia.co.jp/nl/images/buttons_2.gif) no-repeat 0 -220px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsTwitter {
background:url(http://image.itmedia.co.jp/nl/images/buttons_2.gif) no-repeat -31px -220px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsRSS {
background:url(http://image.itmedia.co.jp/nl/images/buttons_2.gif) no-repeat -62px -220px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsHatena {
background:url(http://image.itmedia.co.jp/nl/images/buttons_2.gif) no-repeat -126px -220px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsGoogleplus {
background:url(http://image.itmedia.co.jp/nl/images/buttons_2.gif) no-repeat -189px -220px;
}
#globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsNeco a {
background-image:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif);
background-position:-94px -160px;
}
.neco .lnavInfo span {
max-width:385px;
}
.neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsFacebook {
background:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif) no-repeat 0 -160px;
}
.neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsTwitter {
background:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif) no-repeat -31px -160px;
}
.neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsRSS {
background:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif) no-repeat -62px -160px;
}
.neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsHatena {
background:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif) no-repeat -123px -160px;
}
.neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsGoogleplus {
background:url(http://image.itmedia.co.jp/nl/images/neco/buttons_neco_2.gif) no-repeat -186px -160px;
}
#masterType-subtop .neco #globalHeaderBottom .colBoxFeedBtn .colBoxSocialButtons span.colBoxSocialButtonsNeco{
width:auto;
position:static;
background:none;
}

/* 20140417 .colBoxAppDownLoad
============================================ */
.colBoxAppDownLoad .colBoxTitle {
width:300px;
height:85px;
background:url(http://image.itmedia.co.jp/nl/images/appDownLoadButtonBg.png) no-repeat;
font-size:0;
line-height:0;
text-indent:-9999px;
margin:0;
padding:0;
float:none;
}
.colBoxAppDownLoadBtn {
opacity:1.00;
}
.colBoxAppDownLoadBtn:hover {
opacity:0.80;
}
.colBoxAppDownLoadBtn a{
width:300px;
height:100px;
background:url(http://image.itmedia.co.jp/nl/images/appDownLoadButton.gif) no-repeat;
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
margin:0;
padding:0;
}