@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:#F7F7F5;
}
a:link {
color:#05A;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:680px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:470px;
float:right;
}
#masterSub {
width:300px;
float:right;
overflow:hidden;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:990px;
margin:0 auto;
}
#masterBodyInner {
background:#F7F7F5;
}

/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn8 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn8 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
float:left;
margin:0;
padding:0 0 10px;
}
#globalSearch #popInSearchField {
border:1px solid #CCCCCC;
height:22px !important;
width:230px !important;
margin:0;
padding:0;
float:left;
}
#globalSearch .submit {
background:url(http://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat scroll 0 -91px;
border:none;
float:left;
height:24px;
margin:0;
text-indent:-9999px;
width:68px !important;
cursor:pointer;
}
#globalSearch input.query {
width:150px;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
float:left;
width:200px;
margin:10px 0 0 0;
}
#globalLogo h1,
#globalLogo div {
margin:0 10px;
width:170px;
height:58px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:170px;
height:58px;
background:url(http://image.itmedia.co.jp/images/logo/170_dc_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* ヘッダ上 */
/*---------------------------------------------------------------------*/
#globalHeaderTop {
background:#FFF;
border:1px solid #CCC;
border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
height:1%;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
padding:0;
margin:0 0 15px;
}

/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
display:inline;
float:left;
width:760px;
margin:10px 0 0;
}
#lnavMain {
}
#lnavMain .lnavBtn {
}
#lnavMain .lnavBtn a {
background:#e7e7e7; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid #999;
text-align:center;
display:block;
float:left;
color:#000;
margin:0 8px 8px 0;
padding:4px 8px 3px;
font-size:12px;
line-height:15px;
white-space:nowrap;
}
#lnavMain .lnavBtn.lnavBtnActive a {
background:#CCC;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=0 );
}
#lnavMain .lnavBtn a:hover {
text-decoration:none;
background:#CCC;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=0 );
}
#lnavMain .lnavBtnMain a:link,
#lnavMain .lnavBtnMain a:visited,
#lnavMain .lnavBtnMain a:hover {
}
#lnavMain .lnavBtnSec {
}
#lnavMain .lnavBtnSec a {
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
clear:both;
margin:0;
padding:0;
}
#lnavSub .lnavBtn a {
background:#e7e7e7; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid #999;
text-align:center;
display:block;
float:left;
color:#000;
margin:0 8px 8px 0;
padding:4px 8px 3px;
font-size:12px;
line-height:15px;
white-space:nowrap;
}
#lnavSub .lnavBtn.lnavBtnActive a {
background:#CCC;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=0 );
}
#lnavSub .lnavBtn a:hover {
text-decoration:none;
background:#CCC;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=0 );
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a:hover .raquo {
display:none;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
clear:both;
margin:0;
padding:0;
}
#lnavSubSub .lnavBtn {
float:left;
}
#lnavSubSub .lnavBtn a {
color:#333;
font-size:12px;
line-height:16px;
margin:0;
padding:3px 7px 3px 10px;
white-space:nowrap;
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
background:url(http://image.itmedia.co.jp/pcuser/images/bul.png) no-repeat left center;
}
#lnavSubSub .lnavBtn a:hover {
text-decoration:none;
background:url(http://image.itmedia.co.jp/pcuser/images/bul_on.png) no-repeat left center;
}
#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 .raquo {
display:none;
}
#lnavSubSub .lnavBtn a:hover .raquo {
display:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.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:12px;
line-height:14px;
padding:0 0 10px 5px;
}

/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.globalSocialBtn {
float:left;
padding:0 0 0 0;
}
.globalSocialBtn ul {
margin:0;
padding:0;
float:left;
}
.globalSocialBtn li {
float:left;
display:block;
padding:0 5px 0 0;
}
.globalSocialBtn a {
display:block;
width:24px;
height:24px;
overflow:hidden;
text-indent:-9999px;
background:url(http://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat;
}
.globalSocialBtn .globalSocialBtnFacebook a {
background-position:0 0;
}
.globalSocialBtn .globalSocialBtnTwitter a {
background-position:-32px 0;
}
.globalSocialBtn .globalSocialBtnRss a {
background-position:-63px 0;
}
.globalSocialBtn .globalSocialBtnHatebu a {
background-position:-126px 0;
}
.globalSocialBtn .globalSocialBtnGoogleplus a {
background-position:-189px 0;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
padding:10px 0;
}
#globalFooterLink {
color:#999;
font-size:12px;
line-height:14px;
text-align:right;
margin:0;
padding:30px 15px 5px;
height:1%;
}
#globalFooterBottom #lnavSub {
display:none;
}
#globalFooterBottom #lnavSubSub {
display:none;
}
#glob#cboxNewArtopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
#globalFooterMediaListIn {
border-top:1px solid #DDD;
padding:15px;
}
#globalFooterMediaList .mediaList ul {
border-top:1px solid #EEE;
}
#globalFooterCorp {
border-top:1px solid #DDD;
padding:11px 15px 8px;
}

/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBoxOuter {
background:#FFF;;
border:1px solid #CCC;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.colBoxHead {
background:#000; /* Old browsers */
background:-moz-linear-gradient(top,  #666666 0%, #000000 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #666666 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #666666 0%,#000000 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #666666 0%,#000000 100%); /* IE10+ */
background:linear-gradient(to bottom,  #666666 0%,#000000 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #CCC;
margin:0 0 2px;
padding:5px;
color:#FFF;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.colBoxHead h2 {
font-size:13px;
line-height:16px;
text-shadow:0 -1px 0 rgba(0, 0, 0, .75);
}
.colBoxHeadSubtxt {
top:6px;
right:5px;
}
#masterMain .colBoxSubTitle h5 {
color:#666;
font-size:14px;
line-height:18px;
}
.colBoxTitle h3 {
font-size:17px;
line-height:23px;
}
#masterMain .colBoxDescription p {
font-size:12px;
line-height:16px;
}
#masterMain .colBoxIcon a {
margin:0 8px 5px 0;
}
#masterMainLeft .colBoxInner,
#masterSub .colBoxInner {
padding:5px 5px 0 5px;
}
#masterMain .colBoxInner,
#masterMainRight .colBoxInner {
padding:7px 7px 0 7px;
}
#masterMainLeft .colBoxIndex,
#masterSub .colBoxIndex {
padding:0 0 5px 0;
}
#masterMain .colBoxIndex,
#masterMainRight .colBoxIndex {
padding:0 0 7px 0;
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:11px;
line-height:14px;
}
#masterMainLeft .colBoxTitle h3 {
font-size:14px;
line-height:18px;
}
#masterSub .colBoxTitle h3 {
font-size:12px;
line-height:16px;
}
.colBoxSenna .colBoxHead {
display:none;
}
#masterSub .colBoxTable {
margin:0 0 10px;
}
#masterSub .colBox {
margin:0 0 10px;
}
#masterMain .colBoxPageLink {
padding:0 10px 10px;
}
#masterSub .colBoxPageLink {
padding:3px 10px;
}

/* リストの体裁 */
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
background:url(http://image.itmedia.co.jp/images/ulli_document1.gif) no-repeat 0 0;
padding:0 0 5px 18px;
}

/* 右カラムツイートボタン */
.TwitterLink {
width:300px;
}
#masterSub .TwitterLink .colBoxOuter {
background:none;
border:none;
}
#masterSub .TwitterLink .colBoxInner {
padding:0;
font-size:12px;
line-height:32px;
font-weight:bold;
text-align:left;
border:1px solid #000;
background:#121212;
background:-moz-linear-gradient(top,  #515151 0%, #121212 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#121212));
background:-webkit-linear-gradient(top,  #515151 0%,#121212 100%);
background:-o-linear-gradient(top,  #515151 0%,#121212 100%);
background:-ms-linear-gradient(top,  #515151 0%,#121212 100%);
background:linear-gradient(top,  #515151 0%,#121212 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#121212',GradientType=0 );
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#masterSub .TwitterLink .colBoxIndex {
background:url(http://image.itmedia.co.jp/images0509/rc_twitter_icon.gif) no-repeat scroll 6px 7px;
padding:2px 0 0 45px;
border-bottom:none;
}
#masterSub .TwitterLink .colBoxIndex a {
color:#FFF;
text-decoration:none;
}

/* カレンダー */
.colBoxCalendar .colBoxInner {
margin:0;
padding:5px 0 0 10px;
}
.colBoxCalendar .colBoxIndex {
border-radius:0;
box-shadow:none;
border-bottom:none;
float:left;
height:100px;
margin:0;
padding:0 0 0 3px;
width:140px;
}
.colBoxCalendar .colBoxUlist ul li a {
background:#EED;
background:-webkit-gradient(linear, left top, left bottom, from(#EED), to(#DDC));
background:-moz-linear-gradient(top, #EED, #DDC);
border:1px solid #DDD;
display:block;
float:left;
margin:0 2px 2px;
padding:2px 1px;
text-align:center;
width:25px;
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
color:#332;
text-decoration:none;
background:#DDC;
background:-webkit-gradient(linear, left top, left bottom, from(#DDC), to(#CCB));
background:-moz-linear-gradient(top, #DDC, #CCB);
}
#masterSub .colBoxCalendar .colBoxIndex {
display:none;
}
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount1,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount2,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount3,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount4 {
display:block;
padding:0;
}
#masterSub .colBoxCalendar .colBoxOuter {
background:none;
border:none;
}
#masterSub .colBoxCalendar .h10px,
#masterSub .colBoxITMID .h10px {
height:0;
}

/* アクセスランキング */
.colBoxRanking .colBoxIndex {
position:relative;
}
.colBoxRanking .colBoxSubhead {
background:none;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.75);
font-size:11px;
line-height:12px;
position:absolute;
right:2px;
top:-30px;
color:#FFF;
}

/* 共通タブ */
.colBox.colBoxTab {
margin:0;
padding:0;
}
.colBoxTab .colBoxOuter {
background:none;
border:none;
}

/* Features */
.colBoxFeatures .colBoxTitle h3 {
font-size:15px;
line-height:20px;
}
#masterMain .colBoxFeatures .colBoxSubTitle h5 {
font-size:13px;
line-height:17px;
}
#masterMainLeft .colBoxFeatures .colBoxIndex {
border-bottom:1px solid #DDE;
padding:7px 0;
}
#masterMain #masterMainLeft .colBoxFeatures .colBoxInner {
padding:0 7px;
}

/* 更新表示 */
.colBoxUpdating {
padding:5px 3px 1px;
margin-bottom:0;
float:right;
font-size:12px;
line-height:16px;
width:50%;
}
.colBoxUpdating .colBoxInfo {
white-space:nowrap;
}
.colBoxUpdating .colBoxInfo .colBoxDate {
font-size:12px;
line-height:16px;
}
#masterMain .colBoxUpdating .colBoxInner {
padding:0;
}
.arrow {
color:#F60;
font-weight:bold;
font-size:12px;
line-height:16px;
}
.colBoxUpdating .colBoxOuter {
background:none;
border:none;
}

/*---------------------------------------------------------------------*/
/* 拡大画像 */
/*---------------------------------------------------------------------*/
.colBoxLargeImage .colBoxOuter {
background:none;
border:none;
}

/*---------------------------------------------------------------------*/
/* QuickPoll */
/*---------------------------------------------------------------------*/
#cmsBody .colBoxQuickPoll {
width:80%;
margin:0 auto 10px;
}
.colBoxQuickPoll form {
height:1%; /* for IE */
margin:0;
}
#masterSub .colBoxQuickPoll .colBoxTitle h3,
#cmsBody .colBoxQuickPoll .colBoxTitle h3 {
color:#444;
margin:0 0 15px;
padding:0 0 0 24px;
border-bottom:1px dotted #DDD;
border-left:none;
font-size:14px;
line-height:23px;
background:url(http://image.itmedia.co.jp/nl/images/heading_qp5.gif) no-repeat 0 3px;
}
.colBoxQuickPoll form label {
float:left;
margin:0 0 0 5px;
padding:0;
font-size:12px;
line-height:14px;
}
.colBoxQuickPoll .colBoxGraph {
clear:both;
display:block;
margin:0 0 10px 0;
padding:2px 3px;
border:1px solid #ceb70d;
background:url(http://image.itmedia.co.jp/ebook/images/qp_bar.gif) repeat-x center center #f7e881;
font-size:10px;
line-height:12px;
text-align:center;
color:#272302;
}
.colBoxQuickPoll .colBoxInfo {
margin:10px 0;
padding:0;
background:none;
font-size:10px;
line-height:12px;
color:#C00;
text-align:center;
}
.colBoxQuickPoll .colBoxInfo p {
text-align:left;
}
#cmsBody .colBoxQuickPoll .colBoxInfo p {
font-size:10px;
line-height:12px;
}
.colBoxQuickPoll .colBoxIndex input {
clear:both;
float:left;
height:16px;
margin:0;
padding:0;
vertical-align:middle;
}
.colBoxQuickPoll .colBoxIndex .colBoxInfoBtn input {
float:none;
}

/* 汎用ソーシャルパーツ */
#masterMain .colBoxCsbBtn .colBoxInner {
padding:5px;
}
.colBoxCsbBtn .csbBtn {
float:left;
margin:0 10px 0 0;
}

/* アマゾンアフィリエイト */
.colBoxAmazon {
background-color:#F7F7F5;
}
#masterSub .colBoxAmazon .colBoxOuter {
background:none;
border:none;
}
#masterSub .colBoxAmazon .colBoxInner {
padding:0;
}
#masterSub .colBoxAmazon .colBoxHead {
background:none;
border-bottom:none;
margin:0 0 5px;
padding:0;
text-align:right;
filter:none;
}
.colBoxAmazon .colBoxIcon a {
border:none;
float:none;
display:block;
margin:0 0 5px;
}
.colBoxAmazon .colBoxPrice {
font-size:12px;
line-height:16px;
}

#masterSub .colBoxAmazon .colBoxHead .colBoxHeadSubtxt {
color:#666666;
display:block;
font-size:10px;
line-height:14px;
padding-right:5px;
position:static;
right:0;
top:0;
}

/* コピーライト */
#cmsCopyright p {
font-size:16px;
line-height:20px;
}

/*---------------------------------------------------------------------*/
/* 旧対策 */
/*---------------------------------------------------------------------*/



/* 推奨記事 */
#colBoxRecommend {
margin:0 0 5px;
padding:0 0 1px;
}
.colBoxRecommend h4 {
background:url(http://image.itmedia.co.jp/pcupdate/images/h2bg.gif) repeat-x;
margin:0 0 10px;
padding:6px 4px 4px 8px;
color:#FFF;
font-size:12px;
line-height:18px;
}
.colBoxRecommend ul {
list-style:none;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
}
.colBoxRecommend li {
background:url(http://image.itmedia.co.jp/images0509/arr.gif) no-repeat 6px 1px;
color:#444;
margin:0 0 5px;
padding:0 0 1px 20px;
}
.colBoxRecommend br {
font-size:6px;
line-height:6px;
}

/* 記事タイプ */
.headline li.ニュース,
.topccIndex .articleType.ニュース,
.colBoxUlist ul li.ニュース {
background:url(http://image.itmedia.co.jp/images0509/at_news.gif) no-repeat 0 2px;
}
.headline li.速報,
.topccIndex .articleType.速報,
.colBoxUlist ul li.速報 {
background:url(http://image.itmedia.co.jp/images0509/at_burst.gif) no-repeat 0 2px;
}
.headline li.レビュー,
.topccIndex .articleType.レビュー,
.colBoxUlist ul li.レビュー {
background:url(http://image.itmedia.co.jp/images0509/at_review.gif) no-repeat 0 2px;
}
.headline li.コラム,
.topccIndex .articleType.コラム,
.colBoxUlist ul li.コラム {
background:url(http://image.itmedia.co.jp/images0509/at_column.gif) no-repeat 0 2px;
}
.headline li.連載,
.topccIndex .articleType.連載,
.colBoxUlist ul li.連載 {
background:url(http://image.itmedia.co.jp/images0509/at_rensai.gif) no-repeat 0 2px;
}
.headline li.インタビュー,
.topccIndex .articleType.インタビュー,
.colBoxUlist ul li.インタビュー {
background:url(http://image.itmedia.co.jp/images0509/at_interview.gif) no-repeat 0 2px;
}
.headline li.特集,
.topccIndex .articleType.特集,
.colBoxUlist ul li.特集 {
background:url(http://image.itmedia.co.jp/images0509/at_special.gif) no-repeat 0 2px;
}
.headline li.トップ10,
.topccIndex .articleType.トップ10,
.colBoxUlist ul li.トップ10 {
background:url(http://image.itmedia.co.jp/images0509/at_top10.gif) no-repeat 0 2px;
}
.headline li.キーワード,
.topccIndex .articleType.キーワード,
.colBoxUlist ul li.キーワード {
background:url(http://image.itmedia.co.jp/images0509/at_keyword.gif) no-repeat 0 2px;
}
.headline li.調査リポート,
.topccIndex .articleType.調査リポート,
.colBoxUlist ul li.調査リポート {
background:url(http://image.itmedia.co.jp/images0509/at_report.gif) no-repeat 0 2px;
}
.headline li.ハウツー,
.topccIndex .articleType.ハウツー,
.colBoxUlist ul li.ハウツー {
background:url(http://image.itmedia.co.jp/images0509/at_howto.gif) no-repeat 0 2px;
}
.headline li.まとめ,
.topccIndex .articleType.まとめ,
.colBoxUlist ul li.まとめ {
background:url(http://image.itmedia.co.jp/images0509/at_summary.gif) no-repeat 0 2px;
}
.headline li.Special,
.topccIndex .articleType.Special,
.colBoxUlist ul li.Special {
background:url(http://image.itmedia.co.jp/images0509/at_fyi.gif) no-repeat 0 2px;
}
.topccIndex span.articleType {
display:block;
float:left;
height:16px;
width:52px;
margin:0;
text-indent:-9999px;
}
.colBoxSubIcon, span.type-ニュース, span.type-速報, span.type-レビュー, span.type-コラム, span.type-連載, span.type-インタビュー, span.type-特集, span.type-トップ10, span.type-キーワード, span.type-調査リポート, span.type-製品比較, span.type-ハウツー, span.type-まとめ, span.type-Special {
display:block;
float:left;
width:54px;
height:14px;
text-indent:-9999px;
}
span.type-ニュース {
background:url(http://image.itmedia.co.jp/images0509/at_news.gif) no-repeat 0 2px;
}
span.type-速報 {
background:url(http://image.itmedia.co.jp/images0509/at_burst.gif) no-repeat 0 2px;
}
span.type-レビュー {
background:url(http://image.itmedia.co.jp/images0509/at_review.gif) no-repeat 0 2px;
}
span.type-コラム {
background:url(http://image.itmedia.co.jp/images0509/at_column.gif) no-repeat 0 2px;
}
span.type-連載 {
background:url(http://image.itmedia.co.jp/images0509/at_rensai.gif) no-repeat 0 2px;
}
span.type-インタビュー {
background:url(http://image.itmedia.co.jp/images0509/at_interview.gif) no-repeat 0 2px;
}
span.type-特集 {
background:url(http://image.itmedia.co.jp/images0509/at_special.gif) no-repeat 0 2px;
}
span.type-トップ10 {
background:url(http://image.itmedia.co.jp/images0509/at_top10.gif) no-repeat 0 2px;
}
span.type-キーワード {
background:url(http://image.itmedia.co.jp/images0509/at_keyword.gif) no-repeat 0 2px;
}
span.type-調査リポート {
background:url(http://image.itmedia.co.jp/images0509/at_report.gif) no-repeat 0 2px;
}
span.type-製品比較 {
background:url(http://image.itmedia.co.jp/images0509/at_compare.gif) no-repeat 0 2px;
}
span.type-ハウツー {
background:url(http://image.itmedia.co.jp/images0509/at_howto.gif) no-repeat 0 2px;
}
span.type-まとめ {
background:url(http://image.itmedia.co.jp/images0509/at_summary.gif) no-repeat 0 2px;
}
span.type-Special {
background:url(http://image.itmedia.co.jp/images0509/at_fyi.gif) no-repeat 0 2px;
}
hr {
clear:both;
visibility:hidden;
}