/* update:2012 12 02 */

/*****************
contentsClass "top"
******************/

/*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 left center; padding-left:25px; margin-bottom: 5px;font-size:138.5%; line-height:1.5; font-weight: bold;}
#firstNews a,
#topnews .newsList a{ text-decoration: none; border-bottom: solid 1px}
#firstNews a:hover,
#topnews .newsList a:hover{ text-decoration: none; border-bottom: none}
#firstNews .summary{ margin-left: 25px; font-size:116%; 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;}
#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;}

.pageInfo { font-weight: bold; line-height: 31px; margin-bottom: 10px; background: url("http://image.excite.co.jp/jp/news201006/bg_pageTitle.gif") repeat-x 0 0 ;}
#genreList .newsList{width: 49.3%; height: 360px; clear: none; margin-bottom: 10px; position: relative}
.newsList .inner{ padding: 0 10px}
.newsList li{ font-size: 108%; padding: 5px 0 5px 12px}
.newsList .first {font-size: 131%; line-height: 1.5; font-weight: bold; list-style: none;padding-left: 25px;margin:10px 0 0;
background: url(http://image.excite.co.jp/jp/news201006/icon_arrow04.gif) no-repeat left 8px;}
.newsList .hList{ text-align: center; margin: 10px 0; line-height: 2; }
.newsList .hList span{ display: inline-block; white-space:nowrap; border-right:solid 1px #666; padding:0 5px 0 0; margin:0 5px 5px 0; line-height: 1; }

.laurier .breadcrumbs{border-top: solid 2px #ffaca9;}
.laurier .genreTitle{background:url(http://image.excite.co.jp/jp/news201006/bg_laurierTitle.gif) repeat-x; border:none}
.laurier h3 a{ display: block;background:url(http://image.excite.co.jp/jp/news201006/logo_laurier.gif) no-repeat 0 0;height:34px;width:210px;padding-left: 0;}

.bit .breadcrumbs{border-top: solid 2px #99cc00;}
.bit .genreTitle{background:url(http://image.excite.co.jp/jp/news201006/bg_bitTitle.gif) repeat-x; border:none}
.bit h3 a{ display: block; background:url("http://image.excite.co.jp/jp/news201006/logo_bit.gif") no-repeat 0 0;height:34px;width:190px; padding-left: 0;}

.bitPost .breadcrumbs{border-top: solid 2px #ff9900;}
.bitPost .genreTitle{background:url(http://image.excite.co.jp/jp/news201006/bg_bitPostTitle.gif) repeat-x; border:none}

.odd .breadcrumbs{border-top: solid 2px #78aad6;}
.odd .genreTitle{background:url(http://image.excite.co.jp/jp/news201006/bg_oddTitle.gif) repeat-x; border:none}
.odd h3 a{ display: block;background:url("http://image.excite.co.jp/jp/news201006/logo_odd.gif") no-repeat 0 0;height:34px;width:225px; padding-left: 0;}

.review .breadcrumbs{border-top: solid 2px #9933cc;}
.review .genreTitle{background: url("http://image.excite.co.jp/jp/news201006/bg_reviewTitle.gif") repeat-x; border: none}
.review h3 a{ display: block;background:url("http://image.excite.co.jp/jp/news201006/logo_review.gif") no-repeat 0 0;height:34px;width:225px; padding-left: 0;}

.bit .hSide,.laurier .hSide,.odd .hSide,.review .hSide{ width: 150px}
.bit .time,.laurier .time,.odd .time,.review .time{ display: block; float: left; margin-right: 5px; color: #fff; }
.bit .iconRss,.laurier .iconRss,.odd .iconRss,.review .iconRss{ float:right; margin-top: 10px; padding: 0}

/*information*/
#information dt{ font-size: 116%; font-weight: bold; line-height: 1.5; color: #222}
#information dt .time{ margin-left: 10px;}
#information dd{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #ccc; line-height: 1.5}

#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%;}

.moreView a{ display: block; margin: 0 auto 5px; padding: 5px;
  text-align: center; font-size: 116%; font-weight: bold; color: #1122cc;
  border-radius: 5px; border: solid 1px #ddd; box-shadow: 1px 1px #fff inset;
  background: #f7f7f7;}
.moreView a:hover{ background: #eee;}
.moreView a:before{ content :'▶'; font-size: 10px;}