@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 {
padding:0 10px 10px;
clear:both;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:660px;
float:left;
}
#masterMainLeft {
width:320px;
float:left;
}
#masterMainRight {
width:320px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:990px;
background:#FFF;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#masterNavigation {
height:34px;
border-bottom:4px solid #000;
margin:0 0 10px;
}
#globalNavigationGroup2 #globalNavigation .gnavBtn {
font-size:14px;
line-height:36px;
background:none;
font-weight:bold;
float:none;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* 上部ソーシャルボタン */
/*---------------------------------------------------------------------*/
#globalSocialBtn {
position:absolute;
right:0;
top:-43px;
}
#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;
background:url(http://image.itmedia.co.jp/makoto/images/globalHeader_socialBtn.gif) no-repeat;
}
#globalSocialBtn .globalSocialBtnMail a {
width:139px;
height:24px;
background-position:0 -136px;
}
#globalSocialBtn .globalSocialBtnFacebook a {
background-position:0 0;
}
#globalSocialBtn .globalSocialBtnTwitter a {
background-position:-32px 0;
}
#globalSocialBtn .globalSocialBtnRss a {
background-position:-63px 0;
}

/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
position:absolute;
top:9px;
left:10px;
width:150px;
height:71px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:150px;
height:71px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:150px;
height:71px;
background:url(http://image.itmedia.co.jp/images/logo/150_style_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
min-height:90px;
height:auto !important;
float:right;
margin:0 10px 0 0;
padding:0;
}

/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
background:#E5E5E5;
margin:0 10px;
}
#localNavigation a:active {
background-color:transparent;
}
#lnavMain {
background:#404040;
height:31px;
}
#lnavMain .lnavBtn {
margin:0;
padding:9px 0;
float:left;
text-align:center;
}
#lnavMain .lnavBtn a {
display:block;
border-right:1px solid #999;
font-size:12px;
line-height:12px;
font-weight:bold;
margin:0;
padding:0 10px;
color:#FFF;
}
#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;
}
#lnavMain .lnavBtn:hover {
background:#707070;
}
#lnavMain .lnavBtn.lnavBtnmln01:hover,
#lnavMain .lnavBtn.lnavBtnmln01.lnavBtnActive {
background:#036;
}
#lnavMain .lnavBtn.lnavBtnmln02:hover,
#lnavMain .lnavBtn.lnavBtnmln02.lnavBtnActive {
background:#F39700;
}
#lnavMain .lnavBtn.lnavBtnmln03:hover,
#lnavMain .lnavBtn.lnavBtnmln03.lnavBtnActive {
background:#D7C447;
}
#lnavMain .lnavBtn.lnavBtnmln04:hover,
#lnavMain .lnavBtn.lnavBtnmln04.lnavBtnActive {
background:#094;
}
#lnavMain .lnavBtn.lnavBtnmln05:hover,
#lnavMain .lnavBtn.lnavBtnmln05.lnavBtnActive {
background:#E60012;
}
#lnavMain .lnavBtn.lnavBtnmln06:hover,
#lnavMain .lnavBtn.lnavBtnmln06.lnavBtnActive {
background:#0079C2;
}
#lnavMain .lnavBtn.lnavBtnmln07,
#lnavMain .lnavBtn.lnavBtnmln07:hover,
#lnavMain .lnavBtn.lnavBtnmln07.lnavBtnActive {
background:#E85298;
}
#lnavMain .lnavBtn.lnavBtnmln08:hover,
#lnavMain .lnavBtn.lnavBtnmln08.lnavBtnActive {
background:#9CAEB7;
}
#lnavMain .lnavBtn.lnavBtnmln09:hover,
#lnavMain .lnavBtn.lnavBtnmln09.lnavBtnActive {
background:#0078BA;
}
#lnavMain .lnavBtn.lnavBtnmln10:hover,
#lnavMain .lnavBtn.lnavBtnmln10.lnavBtnActive {
background:#9B7CD6;
}
#lnavMain .lnavBtn.lnavBtnmln11:hover,
#lnavMain .lnavBtn.lnavBtnmln11.lnavBtnActive {
background:#814721;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
clear:both;
width:690px;
overflow:auto;
position:relative;
}
#lnavSub .lnavBtn {
white-space:nowrap;
float:left;
margin:0 0 0 10px;
}
#lnavSub .lnavBtn a {
font-size:11px;
line-height:29px;
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
}
#lnavSub .lnavBtn a:hover {
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a:hover .raquo {
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
font-size:10px;
line-height:14px;
padding:3px 0 5px;
clear:both;
}
#lnavSubSub .lnavBtn {
display:inline;
margin:0;
}
#lnavSubSub .lnavBtn a {
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtnColor1 a:link,
#lnavSubSub .lnavBtnColor1 a:visited {
color:red;
}
#lnavSubSub .lnavBtnColor2 a:link,
#lnavSubSub .lnavBtnColor2 a:visited {
color:blue;
}
#lnavSubSub .lnavBtnColor3 a:link,
#lnavSubSub .lnavBtnColor3 a:visited {
color:green;
}
#lnavSubSub .lnavBtnColor4 a:link,
#lnavSubSub .lnavBtnColor4 a:visited {
color:yellow;
}
#lnavSubSub .lnavBtnColor5 a:link,
#lnavSubSub .lnavBtnColor5 a:visited {
color:orange;
}
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(http://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(http://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:hover {
}
#lnavSubSub .lnavBtn a .raquo {
display:none;
}
#lnavSubSub .lnavBtn a:hover .raquo {
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:200px;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
margin:0 !important;
display:block !important;
font-size:12px !important;
line-height:16px !important;
}
.lnavBtnGroupIn .lnavBtn a {
width:auto !important;
margin:0 !important;
padding:3px !important;
color:#333 !important;
float:none !important;
border:none !important;
border-bottom:1px dotted #DDD !important;
background:none !important;
text-align:left !important;
display:block !important;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE !important;
text-decoration:none !important;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:10px;
line-height:14px;
padding:3px 5px;
margin:0 10px;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
border-top:3px solid #CCC;
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 {
margin-bottom:20px;
}
#masterMain .colBoxDescription p {
font-size:12px;
line-height:18px;
}
#masterMain .colBoxLeft {
width:320px;
float:left;
}
#masterMain .colBoxRight {
width:320px;
float:right;
}
#masterMain .colBoxHead {
margin:0 0 10px;
padding:0;
border-bottom:none;
}
.colBoxInner {
padding:0;
}
#masterMain .colBoxIcon a {
border:none;
margin:0 10px 5px 0;
}
#masterSub .colBoxIcon a {
border:none;
}
#masterMain .colBoxHeadSubtxt {
padding:0;
color:#333;
}
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat 0 -1249px;
border-bottom:none;
margin:0 0 5px;
padding:2px 0 3px 14px;
}
.colBoxTopNew .colBoxUlist ul li {
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat 0 -1247px;
margin:0 0 10px;
}
.colBoxPageLinkBlack {
float:right;
width:90px;
font-size:12px;
line-height:16px;
text-align:right;
}
.colBoxPageLinkBlack a {
color:#FFF;
display:block;
margin:0;
padding:3px 20px 3px 3px;
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat 70px -1100px #000;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.colBoxPageLinkBlack a:hover {
color:#EEE;
}
.colBoxTitle h3 {
font-size:15px;
line-height:20px;
}
.colBoxDescription {
margin:0 0 5px;
padding:0;
}
.colBoxTitle {
margin:0 0 5px;
}
.colBoxInfo {
font-size:12px;
line-height:15px;
}

/*新着記事*/
.colBoxTopNew .colBoxUlist ul {
font-size:15px;
line-height:20px;
font-weight:bold;
}

/*ブログピックアップ*/
.colBoxBlogPickUp .colBoxIndex {
width:320px;
float:left;
margin:0 10px 0 0;
}
.colBoxBlogNew .colBoxIcon img {
width:40px;
height:40px;
}
.colBoxBlogNew .colBoxIndex {
width:210px;
float:left;
margin:0 10px 0 0;
}
.colBoxInfo {
text-align:left;
font-size:11px;
line-height:13px;
}
.colBoxInfo p {
margin:0;
padding:0;
}
#masterMain .colBoxBlogNew .colBoxIcon a {
margin:0 10px 5px 0;
}

/*---------------------------------------------------------------------*/
/* カテゴリ */
/*---------------------------------------------------------------------*/

#colBoxCategory .colBoxLeft {
width:320px;
float:left;
}
#colBoxCategory .colBoxRight {
width:320px;
float:right;
}
#colBoxCategory .colBoxHead h2 {
font-size:10px;
line-height:13px;
}
#colBoxCategory .colBoxOuter {
position:relative;
padding:0;
}
#colBoxCategory .colBoxPageLinkBlack {
float:none;
position:absolute;
right:0;
top:4px;
}
.colBoxIndexL50,
.colBoxIndexR50 {
width:320px;
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeaderBottom {
clear:both;
position:relative;
}

/*---------------------------------------------------------------------*/
/* 右カラムカスタム */
/*---------------------------------------------------------------------*/
#masterSub .colBoxTitle h3 {
font-size:13px;
line-height:18px;
}
#masterSub .colBoxDescription p {
font-size:11px;
line-height:16px;
}
#masterSub .colBoxHead h2 {
border-bottom:5px solid #000;
margin:0 0 1px;
padding:0 0 4px;
display:block;
}
#masterSub .colBoxHead {
background-color:#FFF;
border-bottom:1px solid #000;
margin:0;
padding:0;
}
#masterSub .colBoxInner {
padding:10px 0 0;
}
#masterSub .colBoxTwitter .colBoxInner,
#masterSub .colBoxFacebook .colBoxInner {
border-top:none;
padding:0;
}
#masterSub .colBoxRcNewArticles .colBoxIcon img,
#masterSub .colBoxAttentionSeries .colBoxIcon img {
width:40px;
height:30px;
}
#masterSub .colBoxRcNewBlog .colBoxIcon img {
width:40px;
height:40px;
}
#masterSub .colBoxRcNewArticles .colBoxIcon a,
#masterSub .colBoxAttentionSeries .colBoxIcon a,
#masterSub .colBoxRcNewBlog .colBoxIcon a {
margin:0 8px 1px 0;
}

/*　ランキング　*/
.colBoxRanking .colBoxOuter {
position:relative;
}
.colBoxRanking #colBoxWeeklyRank,
.colBoxRanking #colBoxDailyRank {
display:none;
}
.colBoxRanking #colBoxWeeklyRank.active,
.colBoxRanking #colBoxDailyRank.active {
display:block;
}
.colBoxRanking .colBoxTab {
position:absolute;
right:0;
top:1px;
}
.colBoxRanking .colBoxTab .colBoxUlist ul {
list-style:none;
margin:0;
font-size:11px;
line-height:14px;
}
.colBoxRanking .colBoxTab .colBoxUlist ul li {
background:none;
list-style:none;
float:left;
display:block;
margin:0 0 0 5px;
border-bottom:none;
padding:0;
}
.colBoxRanking .colBoxTab .colBoxUlist ul li a {
display:block;
background:#999;
padding:5px 11px 2px 11px;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
color:#FFF;
}
.colBoxRanking .colBoxTab .colBoxUlist ul li.active a {
background:#000;
}

.colBoxRanking .colBoxOlist ol li {
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat 0 0;
border-bottom:none;
margin:0 0 3px;
min-height:30px;
padding:0 0 3px 26px;
}
.colBoxRanking .colBoxOlist ol .rank2 {
background-position:0 -100px;
}
.colBoxRanking .colBoxOlist ol .rank3 {
background-position:0 -200px;
}
.colBoxRanking .colBoxOlist ol .rank4 {
background-position:0 -300px;
}
.colBoxRanking .colBoxOlist ol .rank5 {
background-position:0 -400px;
}
.colBoxRanking .colBoxOlist ol .rank6 {
background-position:0 -500px;
}
.colBoxRanking .colBoxOlist ol .rank7 {
background-position:0 -600px;
}
.colBoxRanking .colBoxOlist ol .rank8 {
background-position:0 -700px;
}
.colBoxRanking .colBoxOlist ol .rank9 {
background-position:0 -800px;
}
.colBoxRanking .colBoxOlist ol .rank10 {
background-position:0 -900px;
}

/* Not Found */
#NFTitle p {
font-size:18px;
line-height:30px;
font-weight:bold;
}
#NFDescription p {
font-size:16px;
line-height:24px;
}

/* 検索窓 */
#globalSearch {
width:280px;
position:absolute;
right:11px;
top:32px;
}
#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;
}

/* カテゴリ別色分 */

.colBoxCat01 .colBoxSubTitle h5 {
color:#036;
}
.colBoxCat02 .colBoxSubTitle h5 {
color:#F39700;
}
.colBoxCat03 .colBoxSubTitle h5 {
color:#D7C447;
}
.colBoxCat04 .colBoxSubTitle h5 {
color:#094;
}
.colBoxCat05 .colBoxSubTitle h5 {
color:#E60012;
}
.colBoxCat06 .colBoxSubTitle h5 {
color:#0079C2;
}
.colBoxCat07 .colBoxSubTitle h5 {
color:#E85298;
}
.colBoxCat08 .colBoxSubTitle h5 {
color:#522886;
}

.colBoxCat01 .colBoxUlist ul li {
background-position:0 -1549px;
}
.colBoxCat02 .colBoxUlist ul li {
background-position:0 -1599px;
}
.colBoxCat03 .colBoxUlist ul li {
background-position:0 -1649px;
}
.colBoxCat04 .colBoxUlist ul li {
background-position:0 -1699px;
}
.colBoxCat05 .colBoxUlist ul li {
background-position:0 -1749px;
}
.colBoxCat06 .colBoxUlist ul li {
background-position:0 -1799px;
}
.colBoxCat07 .colBoxUlist ul li {
background-position:0 -1849px;
}
.colBoxCat08 .colBoxUlist ul li {
background-position:0 -1899px;
}