@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:#FFF;
}
a:link,
a:visited {
color:#222;
}
a:hover,
.colBox a:hover {
color:#333;
}
a img {
border:none;
}
.colBoxKeyword {
display:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
width:980px;
padding:0 5px 10px 5px;
clear:both;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#globalContents {
display:flex;
}
#masterMain {
width:667px;
margin-right:13px;
}
#masterMainLeft {
width:320px;
float:left;
}
#masterMainRight {
width:320px;
float:right;
}
#masterSub {
width:300px;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
background:#FFF;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn16 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#globalHeaderTop {
overflow:hidden;
background:#000;
}
#globalHeaderMiddle {
width:980px;
margin:18px auto 20px;
padding:0 5px;
overflow:hidden;
}
#globalHeaderBottom {
width:980px;
margin:0 auto;
padding:0 5px;
clear:both;
position:relative;
}
/*---------------------------------------------------------------------*/
/* 上部ソーシャルボタン */
/*---------------------------------------------------------------------*/
#globalSocialBtn {
display:none;
}
#globalSocialBtn.globalSocialBtnNb {
display:block;
float:right;
}
#globalSocialBtn ul {
list-style:none;
margin:0;
}
#globalSocialBtn li {
list-style:none;
float:left;
display:block;
margin:0 0 0 5px;
}
#globalSocialBtn a {
display:block;
width:24px;
height:24px;
overflow:hidden;
text-indent:-9999px;
}
#globalSocialBtn .globalSocialBtnMail a {
width:110px;
text-indent:inherit;
font-size:12px;
line-height:200%;
text-align:center;
background:#45B604;
border-radius:2px;
color:#fff;
}
#globalSocialBtn .globalSocialBtnMail a:hover {
text-decoration:none;
background:#43A30C;
}
#globalSocialBtn .globalSocialBtnFacebook a {
background:url(//image.itmedia.co.jp/business/images/icon_snsbtn_facebook.png) no-repeat 0 0;
}
#globalSocialBtn li.globalSocialBtnFacebookLike {
margin:2px 0 0 5px;
}
#globalSocialBtn li.globalSocialBtnFacebookLike span {
display:block;
}
#globalSocialBtn .globalSocialBtnTwitter a {
background:url(//image.itmedia.co.jp/business/images/icon_snsbtn_twitter.png) no-repeat 0 0;
}
#globalSocialBtn .globalSocialBtnRss a {
background:url(//image.itmedia.co.jp/business/images/icon_snsbtn_rss.png) no-repeat 0 0;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
width:170px;
height:47px;
margin:14px auto 16px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:170px;
height:47px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
margin:0;
}
#localNavigation a:active {
background-color:transparent;
}
#lnavMain {
margin:0;
overflow:hidden;
text-align:center;
}
#lnavMain .lnavBtn {
margin:0;
padding:0;
display:inline-block;
}
#lnavMain .lnavBtn a {
display:block;
border-right:1px solid #d4d4d4;
font-size:15px;
line-height:20px;
font-weight:bold;
margin:0;
padding:0 18px 0 12px;
color:#404040;
}
#lnavMain .lnavBtn:last-child a {
border-right:none;
}
#lnavMain .lnavBtn.lnavBtnmln12 a {
border-right:none;
}
#lnavMain .lnavBtnmlnLast a {
border-right:none;
}
#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited {
}
#lnavMain .lnavBtn a:hover,
#lnavMain .lnavBtnActive a:link,
#lnavMain .lnavBtnActive a:visited,
#lnavMain .lnavBtnActive a:hover {
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
clear:both;
overflow:auto;
}
#lnavSub .lnavBtn {
white-space:nowrap;
float:left;
margin:0;
padding:0;
}
#lnavSub .lnavBtn a {
display:block;
font-size:12px;
line-height:12px;
margin:0 5px 3px 0;
padding:7px 10px;
background:#e5e5e5;
border-radius:3px;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtnNew a:after {
background:#99012C;
color:#fff;
content:"NEW";
display:inline-block;
font-family:Arial,Verdana;
font-size:10px;
height:12px;
font-weight:bold;
padding:0 3px;
margin:0 0 0 3px;
}
#lnavSub .lnavBtn.lnavBtnHover a {
background:url(//image.itmedia.co.jp/business/images/ulli_arrow_lnavsub_b.gif) no-repeat right 8px #e5e5e5;
padding:7px 17px 7px 10px;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
font-size:10px;
line-height:14px;
padding:3px 0 5px;
clear:both;
}
#lnavSubSub .lnavBtn {
display:inline;
margin:0;
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(//image.itmedia.co.jp/images/cms_pr.gif) no-repeat 0 1px;
padding:0 0 0 22px;
}
#lnavSubSub .lnavBtnPR a .raquo {
display:none;
}
#lnavSubSub .lnavBtnNew a:link,
#lnavSubSub .lnavBtnNew a:visited {
background:url(//image.itmedia.co.jp/images/ulli_new.gif) no-repeat 0 0;
padding:0 0 0 27px;
}
#lnavSubSub .lnavBtnNew a .raquo {
display:none;
}
#lnavSubSub .lnavBtn a .raquo {
display:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:auto;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
display:block !important;
margin:0;
}
.lnavBtnGroupIn .lnavBtn a {
display:block;
padding:3px;
border-bottom:1px dotted #DDD;
color:#333 !important;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE;
text-decoration:none;
}
#lnavSub .lnavBtn .lnavBtnGroupOut a {
background:url(//image.itmedia.co.jp/business/images/ulli_arrow_lnavsub.gif) no-repeat 1px 9px #FFF;
margin:0;
}
#lnavSub .lnavBtn .lnavBtnGroupOut a:hover {
background:url(//image.itmedia.co.jp/business/images/ulli_arrow_lnavsub.gif) no-repeat 1px 9px #E5E5E5;
}
#lnavSub .lnavBtn .lnavBtnGroupOut .lnavBtn {
background:#FFF;
padding:0;
margin:0 ;
float:none;
border-right:none;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:10px;
line-height:14px;
padding:10px 0;
margin:0 10px;
}
/*---------------------------------------------------------------------*/
/* 検索窓 */
/*---------------------------------------------------------------------*/
#globalSearch {
width:300px;
margin-bottom:13px;
overflow:hidden;
}
#globalSearch .cse .gsc-search-button input.gsc-search-button-v2,
#globalSearch input.gsc-search-button-v2 {
margin-top:0;
margin-left:0;
padding:6px 10px;
}
#globalSearch .gsc-search-box-tools .gsc-search-box .gsc-input,
#globalSearch table.gsc-search-box td.gsc-input,
#globalSearch table.gsc-search-box td.gsc-input {
padding-right:0;
}
/* popIn */
#_popIn_search_area {
font-size:10px;
line-height:14px;
padding:10px 0;
border:none;
border-bottom:1px solid #FFF;
height:25px;
}
#popInSearchField {
float:left;
width:255px!important;
height:24px!important;
padding:0!important;
border:1px #CCC solid;
}
#_popIn_search_area .submit {
float:left;
width:41px;
height:26px;
background:#8498c6;
color:#FFF;
font-size:12px;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
border:0 none;
cursor:pointer;
}
#_popIn_search_area .submit:hover {
background:#8fa3d4;
}
/*---------------------------------------------------------------------*/
/* Breaking News */
/*---------------------------------------------------------------------*/
.colBoxBreakingNews {
position:relative;
height:35px;
margin:0;
padding-left:140px;
overflow:hidden;
}
.colBoxBreakingNews .colBoxHead {
position:absolute;
top:0;
left:0;
width:130px;
overflow:hidden;
border-bottom:none;
}
.colBoxBreakingNews .colBoxHead span {
display:block;
margin:5px 8px;
padding:3px 10px;
font-size:12px;
background:#036;
color:#fff;
}
.colBoxBreakingNews .colBoxHead span:after {
content:"";
position:absolute;
top:5px;
right:0px;
width:0px;
height:0px;
border-left:8px solid #036;
border-bottom:transparent 12px solid;
border-top:transparent 12px solid;
}
.colBoxBreakingNews .colBoxUlist {
overflow:hidden;
}
.colBoxBreakingNews .colBoxUlist li {
position:relative;
float:left;
margin:0 100px 0 -15px;
padding:8px 5px 8px 15px;
font-size:14px;
line-height:20px;
}
.colBoxBreakingNews .colBoxUlist ul li::after {
display:block;
content:'';
position:absolute;
top:13px;
left:0;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#masterFooter {
width:990px;
margin:0 auto;
}
#globalFooter {
/*
border-top:3px solid #CCC;
*/
padding:10px;
}
#globalFooterLink {
font-size:10px;
line-height:14px;
text-align:right;
margin:0 0 32px;
padding:0 0 32px;
height:1%;
border-bottom:0;
}
#globalFooterCorp {
padding:32px 0 0 0;
border:0;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
/*---------------------------------------------------------------------*/
/* colBox */
/*---------------------------------------------------------------------*/
/* Head */
#masterMain .colBoxHead {
background-color:#FFF;
border-bottom:1px solid #ddd;
margin:0 0 15px;
padding:0;
}
#masterMain .colBoxHead h2 {
padding:8px 3px 5px;
font-size:15px;
line-height:20px;
}
#masterSub .colBoxHead {
font-size:14px;
line-height:18px;
padding:4px 0;
font-weigth:bold;
background-color:#FFF;
border-bottom:1px solid #ddd;
margin:0 0 10px;
padding:4px 0;
}
#masterSub .colBoxHead h2,
#masterSub .colBoxHead p {
font-weight:bold;
padding:4px 0;
/*
border-bottom:5px solid #000;
margin:0 0 1px;
padding:0 30px 4px 5px;
display:block;
font-size:14px;
line-height:18px;
*/
}
.colBoxInner a:hover {
opacity:0.8;
}
/* Icon */
.colBoxIcon a {
margin:0 10px 10px 0;
}
/* Ulist */
.colBoxUlist ul li{
background:none;
padding:0 0 3px 0;
}
#masterSub .colBoxUlist ul,
.colBox .backNumBoxIn ul {
padding:2px 0 0 10px;
font-size:13px;
line-height:20px;
}
#masterSub .colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
position:relative;
background:none;
padding:4px 5px 8px;
}
#masterSub .colBoxUlist ul li::after,
.colBox .backNumBoxIn ul li::after {
display:block;
content:'';
position:absolute;
top:9px;
left:-1em;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/*---------------------------------------------------------------------*/
/* Features */
/*---------------------------------------------------------------------*/
.colBoxFeatures {
clear:both;
margin-bottom:20px;
}

/*---------------------------------------------------------------------*/
/* 右カラム */
/*---------------------------------------------------------------------*/
/* PageLink */
#masterSub .colBoxPageLink {
clear:both;
margin:10px 0 20px;
text-align:center;
}
#masterSub .colBoxPageLink a {
margin:0 auto;
padding:5px 20px;
background:#ddd;
text-decoration:none;
display:inline-block;
}
#masterSub .colBoxPageLink a:hover {
background:#e9e9e9;
text-decoration:none;
color:#777;
}
/* Social Plugin */
.colBoxSubcolTwitter,
.colBoxSubcolFacebook {
margin:0 0 20px;
}
.colBoxSubcolNewArticles {
margin:0 0 20px;
}
.colBoxSubcolNewArticles .colBoxIcon a {
margin:0 7px 7px 0;
}
.colBoxSubcolNewArticles .colBoxIcon img {
width:40px;
height:30px;
}
.colBoxSubcolNewArticles .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
/* ランキング */
#masterSub .colBoxRanking {
margin:0 0 20px;
counter-reset:colBoxRankingCounter;
}
#masterSub .colBoxRanking .colBoxHead h2 {
padding:10px 5px 4px 0px;
}
#masterSub .colBoxRanking .colBoxOuter {
position:relative;
}
#masterSub .colBoxRanking .colBoxTab {
position:absolute;
top:6px;
right:0;
}
#masterSub .colBoxRanking .colBoxTab ul {
margin:0;
}
#masterSub .colBoxRanking .colBoxTab li {
float:left;
width:50px;
margin:0 0 0 5px;
padding:2px 5px;
text-align:center;
border:none;
background:#999;
cursor:pointer;
color:#fff;
}
#masterSub .colBoxRanking .colBoxTab li.active {
background:#000;
}
#masterSub .colBoxRanking .colBoxTab li::after {
display:none;
}
#masterSub .colBoxRanking #colBoxWeeklyRank,
#masterSub .colBoxRanking #colBoxDailyRank {
	margin:5px;
}
#masterSub .colBoxRanking .colBoxOlist li {
position:relative;
margin:0;
padding:8px 0 8px 32px;
font-size:14px;
line-height:18px;
background:none;
}
#masterSub .colBoxRanking .colBoxOlist li a:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:10px;
left:0;
padding:7px 5px;
font-size:13px;
line-height:100%;
font-weight:bold;
color:#fff;
background:#000;
}
#masterSub .colBoxRanking .colBoxOlist li.rank10 a:after {
padding:7px 0;
font-size:8px;
line-height:13px;
width:18px;
text-align:center;
}
#masterSub #colBoxRanking .colBoxOlist {
display:none;
}
/* 注目のテーマ */
#masterSub .colBoxThemeBannar .colBoxIcon {
display:block;
text-align:center;
margin:0 0 8px;
}
#masterSub .colBoxThemeBannar .colBoxIcon a {
border:none;
float:none;
margin:0;
}
/*---------------------------------------------------------------------*/
/* 20151106 - colBoxMarketCommentary */
/*---------------------------------------------------------------------*/
#masterSub .colBoxMarketCommentary .colBoxIndex{
margin:0 0 8px 0;
}
#masterSub .colBoxMarketCommentary .colBoxIcon{
display:block;
text-align:center;
margin:0 0 10px 0;
}
#masterSub .colBoxMarketCommentary .colBoxIcon a{
margin:0;
padding:0;
display:inline-block;
float:none;
border:none;
}
#masterSub .colBoxMarketCommentary .colBoxUlist ul{
padding:0;
}
#masterSub .colBoxMarketCommentary .colBoxUlist ul li{
margin: 5px 0;
padding: 0 0 3px 14px;
background:url(//image.itmedia.co.jp/images/arrow_glay.gif) no-repeat 4px 4px;
}
#masterSub .colBoxMarketCommentary .colBoxUlist ul li:after{
border:none;
position:static;
top:0;
left:0;
height:auto;
width:auto;
}
#hnaviList .colBoxTitle h3,
#specialInduction .colBoxTitle p {
font-size:14px;
line-height:20px;
margin:0;
font-weight:bold;
}
#masterSub #specialInduction .colBoxHead {
border-bottom: 0px solid #ddd;
}
#masterSub #specialInduction .colBoxHead p {
border-bottom:1px solid #ddd;
}
#masterSub #specialInduction .colBoxHeadSubtxt {
	top:24px;
}

/* RANKING
-------------------------------------------------- */
.colBoxOlist ol li {
	border:0;
}