/* update:2011/08/12 */

/*****************
contentsClass "genre"
******************/

.genre .inner{padding:0 10px;}

/*topnews*/
#topnews { overflow: hidden; margin-bottom: 10px;}
#topnews #section01{ width: 65%; float: left;}
#topnews #section02{ width: 34%; float: right;}
#firstNews{ border-bottom: dotted 1px #666; padding-bottom: 10px; margin-bottom: 5px ; overflow: hidden}
#firstNews h1{background: url(http://image.excite.co.jp/jp/news201006/icon_arrow04.gif) no-repeat 0 2px; /*padding-left:25px;*/ margin-bottom: 8px;font-size:138.5%; line-height:1.5; font-weight: bold;}
#firstNews a,
#firstNews .summary{ margin-left: 25px; font-size:108%; line-height:1.5; /*color:#222*/}
#section01 .newsList{ font-size: 116%; padding: 0 10px;}
#section01 .newsList li{font-size: 100%; list-style:outside none ; padding:5px 0 5px 25px; background: url(http://image.excite.co.jp/jp/news201006/icon_arrow04.gif) no-repeat left 5px; list-style: none}
#topnews #photoNewsBox{ margin-bottom: 10px; padding: 10px; border: dotted 1px #ccc; background: #f7f7f7; overflow: hidden}
#topnews #photoNewsBox h2{background:url(http://image.excite.co.jp/jp/med/shared/camera_16x14.gif) no-repeat left; padding-left:23px; margin-bottom: 5px;}
#topnews #photoNewsBox .thumb{ background: #fff; width: 154px; margin:0 auto 3px;padding:2px;border:solid 1px #ccc;}
#topnews #photoNewsBox img{ width: 154px;}

/*newsList*/
.newsList{ margin-bottom:15px; clear: both; overflow: hidden}
.newsList li{line-height:1.3;list-style:disc inside none; padding: 7px 10px; color:#0033ff; font-size:116%;}
.newsList li .icon{ margin-right:5px;}

#keywords{ line-height: 1.3; margin:0 0 10px; width: 99%; background: #f6ffe2; border:solid 1px #fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 0px 2px gray;
-webkit-box-shadow: 0px 0px 2px gray;
-moz-box-shadow: 0px 0px 2px gray;
-o-box-shadow: 0px 0px 2px gray;
}
#keywords .keyList li{padding:5px 0 5px 25px; background: url(http://image.excite.co.jp/jp/news201006/icon_arrow04.gif) no-repeat left 5px; list-style: none; line-height:1.3; color:#0033ff;font-size:116%;}

/* genrePhotoRank */
.genrePhotoRank{}
.genrePhotoRank .inner{ overflow: hidden; text-align: center; margin: 0 0 10px; _zoom:1;}
.genrePhotoRank .item{ display: block; float: left; width: 30%; height: 130px; padding: 10px 1px; margin: 0 2% 10px 0;}
.genrePhotoRank .item .thumb img{ max-width: 150px; max-height: 100px;
    width: expression(this.width > 150 ? 150: true); /*for ie6*/
    height: expression(this.height > 100 ? 100: true); /*for ie6*/
}
.genrePhotoRank .item p{ text-align: left; line-height: 1.8;}
.genrePhotoRankList .rank{ display: block;  height: 0; width: 22px; padding: 18px 0 0; margin: 0 10px 0 20px; overflow: hidden; float: left; display: inline;}
.genrePhotoRankList .num1{ background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat 0 0 ;}
.genrePhotoRankList .num2{ background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat -22px 0;}
.genrePhotoRankList .num3{ background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat -44px 0;}