@import url('/css/top.css');

/* レイアウト調整 */
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:470px;
float:right;
}

/* FEATURES上段／中断 */
.colBoxFeaturesGen1 .colBoxIndex,
.colBoxFeaturesGen2 .colBoxIndex {
float:left;
width:48%;
}
.colBoxFeaturesGen1 .colBoxIndex.colBoxRight,
.colBoxFeaturesGen2 .colBoxIndex.colBoxRight {
float:right;
}

/* イマドキのキーワード */
.colBoxKeywordRanking .colBoxPageLink {
font-size:11px;
line-height:16px;
display:none;
}

/* 連載 */
.colBoxRensai .colBoxHeadSublink {
display:none;
}
.colBoxRensai .colBoxTitle h3 {
font-size:15px;
line-height:20px;
}

/* TopStories */
#masterMain .colBoxKeywords .kwdset {
margin:0;
padding:0;
}
#masterMain .colBoxKeywords .kwdset li {
background:url(http://image.itmedia.co.jp/images/ulli_key1.gif) no-repeat -3px 3px;
padding:0 10px 5px 13px;
margin:0;
list-style:none;
float:left;
}
#masterMain .colBoxKeywords .kwdset li a,
#masterMain .colBoxLinkSet .linkset li a {
font-size:12px;
line-height:14px;
color:#444;
}
#masterMain .colBoxLinkSet .linkset li {
background:url(http://image.itmedia.co.jp/images/ulli_document1.gif) no-repeat 0 0;
padding:0 0 5px 15px;
}


/* トップタブ */

.colBoxTab .colBoxOuter {
background:#000;
background:-moz-linear-gradient(top,  #666666 0%, #000000 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));
background:-webkit-linear-gradient(top,  #666666 0%,#000000 100%);
background:-o-linear-gradient(top,  #666666 0%,#000000 100%);
background:-ms-linear-gradient(top,  #666666 0%,#000000 100%);
background:linear-gradient(to bottom,  #666666 0%,#000000 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );
border-bottom:none;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
margin:0;
padding:2px 2px 0;
color:#FFF;
border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
width:674px;
height:30px;
}
.colBoxTab .colBoxHead {
border-top:1px solid #444;
border-left:1px solid #444;
border-right:1px solid #444;
float:left;
margin:0 3px 0 0;
padding:8px 20px 5px;
cursor:pointer;
display:inline;
background:#888888;
background:-moz-linear-gradient(top,  #888888 0%, #666666 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#666666));
background:-webkit-linear-gradient(top,  #888888 0%,#666666 100%);
background:-o-linear-gradient(top,  #888888 0%,#666666 100%);
background:-ms-linear-gradient(top,  #888888 0%,#666666 100%);
background:linear-gradient(to bottom,  #888888 0%,#666666 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666',GradientType=0 );
border-bottom:none;
border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
color:#DDD;
}
.colBoxTab .colBoxHead:hover {
background:#999999;
background:-moz-linear-gradient(top,  #999999 0%, #777777 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#777777));
background:-webkit-linear-gradient(top,  #999999 0%,#777777 100%);
background:-o-linear-gradient(top,  #999999 0%,#777777 100%);
background:-ms-linear-gradient(top,  #999999 0%,#777777 100%);
background:linear-gradient(to bottom,  #999999 0%,#777777 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 );
color:#FFF;
}
.colBoxTab .colBoxHead.colBoxActive,
.colBoxTab .colBoxHead.colBoxActive:hover {
cursor:auto;
background:#dddddd;
background:-moz-linear-gradient(top,  #dddddd 1%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(100%,#ffffff));
background:-webkit-linear-gradient(top,  #dddddd 1%,#ffffff 100%);
background:-o-linear-gradient(top,  #dddddd 1%,#ffffff 100%);
background:-ms-linear-gradient(top,  #dddddd 1%,#ffffff 100%);
background:linear-gradient(to bottom,  #dddddd 1%,#ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
color:#333;
}
.colBoxTab .colBoxHead h2 {
text-shadow:none;
}
.colBoxTabBox {
clear:both;
}
.colBoxTabBox .colBoxOuter {
border-top:none;
}

/* ソーシャルボタン */
.colBoxSocialButton ul {
margin:0;
padding:0;
}
.colBoxSocialButton ul li {
float:left;
height:21px;
list-style:none;
font-size:12px;
line-height:14px;
}
.colBoxSocialButton ul li.colBoxSocialButtonTweet {
margin:0 5px 0 0;
}
.colBoxSocialButtonHatena {
padding:0 5px 0 0;
}

/* 注目記事ピックアップ */
#masterMain .colBoxPickUp .colBoxSubTitle h5 {
font-size:13px;
line-height:17px;
}
.colBoxPickUp .colBoxTitle h3 {
font-size:15px;
line-height:20px;
}
.colBoxPickUp .colBoxIndex {
float:left;
width:48%;
}
.colBoxPickUp .colBoxIndex.colBoxRight {
float:right;
}