* {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック'!important;
}
.main {
padding:0px!important;
}
.header #logo img {
margin:30px 20px 0 10px;
}

.l700 .keywords {
width:98%!important;
margin:0px!important;
}
.keywords {
padding:0px!important;
border:0px solid #FFF!important;
}
.ranking {
padding:0px 0px 0px 0px;
}
.ranking-in {
padding:10px;
background:url(//image.itmedia.co.jp/images0509/rank_bg.gif);
border:1px solid #CCB;
}
.ranking * {
font-size:13px!important;
font-family:arial, sans-serif;
}
.ranking .rank-nv {
padding:0px 0px 0px 10px;
}
.ranking .rank-nv ul {
width:99%;
margin:0px;
padding:0px;
list-style-type:none;
}
.ranking .rank-nv ul li {
margin:0px 0px 0px 0px;
float:right;
background:url(//image.itmedia.co.jp/images0509/triangle_wh_20x20_2.gif) no-repeat left top #CCC;
position:relative;
z-index:0;
}
.ranking .rank-nv ul li.bg-on {
background:url(//image.itmedia.co.jp/images0509/triangle_wh_20x20_2.gif) no-repeat left top #BD0000;
position:relative;
z-index:1;
}
.ranking .rank-nv ul li a {
padding:2px 6px 2px 24px;
display:block;
color:#777;
}
.ranking .rank-nv ul li.bg-on a {
color:#FFF;
}

.ranking h2 {
margin:0px!important;
padding:7px 7px 7px 10px!important;
color:#FFF!important;
clear:both;
border:0px solid #FFF!important;
background:#BD0000!important;
}
.ranking hr {display:none;}
div#num,
div#num2 {
width:45px;
padding:15px 0px;
font-weight:bold;
color:#FFF;
text-align:center;
position:absolute;
}
div#art {
display:block;
padding:7px 10px 10px 50px;
border:1px solid #DD9;
border-bottom:0px solid #DD9;
background:url(//image.itmedia.co.jp/images0509/rank_bg01.gif) no-repeat #FFF;
height:1%;
}
div.art-btm {
background:url(//image.itmedia.co.jp/images0509/rank_bg02.gif) no-repeat #FFF !important;
}
.rank-btm {
border-bottom:1px solid #CCC;
}
.rank-btm div#art {
border:1px solid #CCC;
border-bottom:0px solid #CCC;
background:url(//image.itmedia.co.jp/images0509/rank_bg02.gif) no-repeat #FFF;
}
div#art a {}
div#art a h5 {
margin:0px;
padding:0px;
color:#960;
}

div#art h3 {
margin:0px;
padding:0px;
line-height:130%;
border:0px solid #FFF!important;
}
div#art a h4 {
margin:0px;
padding:0px;
line-height:130%;
}
div#art p {
margin:0px;
line-height:135%;
}
div#art a p span {}
.idx-dispatch-0,
.idx-dispatch-1 {
display:block;
margin:3px 6px 0px 0px;
line-height:100%;
width:60px;
height:13px;
text-indent:-999px;
float:left;
}
.idx-dispatch-0 {background:url(//image.itmedia.co.jp/images0509/dispatch0.gif);}
.idx-dispatch-1 {background:url(//image.itmedia.co.jp/images0509/dispatch1.gif);}

.header {
margin:0 0 10px 0;
}

.header ul .lion {background:#606899;}

.lc {
background:none;
padding:0;
}


/* ローカルナビ周り　*/
.header #navi1 ul {
padding:0;
}

.header #navi1 ul #itmtop {
margin:2px 5px 0 10px;
}


.header #navi2 {
background:none;
background-color:#606899;
border-top:none;
}
.header #navi2 ul {
background:none;
background-color:#606899;
border-top:none;
}
.header #navi2 ul li {
border:none;
}
.header #navi2 ul li a {
border-color:#BBBBBB;
border-width:1px;
}
.header #navi2 #itmtop {
margin:2px 5px 2px 10px;
}

/* ソーシャルボタン関連　*/
.colBoxCsbBtn {
height:21px;
margin:5px 0;
overflow:hidden;
padding:0 0 5px;
}
.colBoxCsbBtn .csbBtn {
float:right;
height:21px;
margin:0;
overflow:hidden;
padding:0 0 0 10px;
}
.colBoxCsbBtn .csbBtn img {
border:0 none !important;
}
.colBoxCsbBtn .csbBtn a {
border:0 none !important;
}
.colBoxSocialButton {
display:table;
}
.colBoxSocialButton ul {
margin:0;
padding:5px 0;
}
.colBoxSocialButton ul li {
background:none;
float:left;
height:21px;
list-style:none;
margin-bottom:0;
padding-left:0;
}
.colBoxSocialButtonTweet {
width:130px;
}
.colBoxSocialButtonHatena {
width:60px;
}
.colBoxSocialButtonFacebook {
width:107px;
}

/* 今週のトレンド
=============================================== */
.ranking .colBoxTrend {
margin:0 0 5px 0;
}
.ranking .colBoxTrend .colBoxHead {
padding:0 10px 0 0;
float:left;
}
.ranking .colBoxTrend .colBoxHead h2 {
padding:7px 20px 7px 10px !important;
background:url(//image.itmedia.co.jp/ranking/images/ranking_trend_bg.gif) no-repeat right 0 #993 !important;
}
.ranking .colBoxTrend .colBoxTitle {
line-height:30px;
}
.ranking .colBoxTrend .colBoxTitle h3 {
float:left;
padding:0 3px 0 0;
margin:0;
}


/* 右カラム */
.rankingbase .rc {
margin:0;
}
.rankingbase .rc .colBox {
margin:0 0 10px;
padding:0;
}
.rc .colBox h2 {
background:url(//image.itmedia.co.jp/images0509/h2bg3.gif) repeat-x left top #8B92B4;
border-color:#DDDDEE #BBBBBB #BBBBBB #DDDDEE;
border-style:solid;
border-width:0;
clear:both;
color:#FFF;
font-size:14px;
line-height:100%;
margin:0;
padding:5px;
}

.rankingbase .rc .colBox  ol {
margin:0;
padding:0;
list-style-type:none;
}
.rankingbase .rc .colBox  ol li {
border-top:1px solid #DDE;
background:url(//image.itmedia.co.jp/images0509/tot_acrank0.gif) no-repeat left top #FFF;
clear:both;
padding:4px 0;
}
.rankingbase .rc .colBox  ol li.num1,
.rankingbase .rc .colBox  ol li.num2,
.rankingbase .rc .colBox  ol li.num3 {
background:url(//image.itmedia.co.jp/images0509/tot_acrank1.gif) no-repeat left top #FFF;
}
.rankingbase .rc .colBox  ol li a {
min-height:36px;
padding:0 4px 0 0;
font-size:12px !important;
line-height:135% !important;
}
.rankingbase .rc .colBox  ol li span {
display:block;
float:left;
width:34px;
padding:6px 0 12px;
font-weight:bold;
color:#FFF;
text-align:center;
}

.rankingbase .ranking #update {
float:right;
font-weight:normal;
}

#rankform {
width:612px;
padding:20px;
border:2px solid #CCC;
font-size:14px;
line-height:135%;
margin:0 10px 10px;
}
#rankform p {
margin:0 0 10px;
padding:0;
}
#rankform form,
#rankform textarea,
#rankform input {
margin:0;
padding:0;
}

.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
.h10px {
height:10px;
}
.colBoxFoot {
font-size:11px;
line-height:120%;
}
.ranking #rank-all p {
display:none;
}
.topxy {
clear:both;
margin:3px 0;
text-align:right;
}
.topxy span {
font-size:11px;
}

/* 20120117
=============================================== */
div.art {
display:block;
padding:7px 10px 10px 50px;
border:1px solid #DD9;
border-bottom:0px solid #DD9;
background:url(//image.itmedia.co.jp/images0509/rank_bg01.gif) no-repeat #FFF;
height:1%;
}
.rank-btm div.art {
border:1px solid #CCC;
border-bottom:0px solid #CCC;
background:url(//image.itmedia.co.jp/images0509/rank_bg02.gif) no-repeat #FFF;
}
div.art a {}
div.art a h5 {
margin:0px;
padding:0px;
color:#960;
}

div.art h3 {
margin:0px;
padding:0px;
line-height:130%;
border:none!important;
}
div.art a h4 {
margin:0px;
padding:0px;
line-height:130%;
}
div.art p {
margin:0px;
line-height:135%;
}
div.art a p span {}
div.num,
div.num2 {
width:45px;
padding:15px 0px;
font-weight:bold;
color:#FFF;
text-align:center;
position:absolute;
}

.art .rankicon {
margin:0 10px 0 0;
float:left;
}

.art .rankicon a {
background:url(//image.itmedia.co.jp/ranking/images/ranking_noicon.gif) no-repeat;
display:block;
width:80px;
height:60px;
}

.art .rankicon img {
border:1px solid #CCC;
}