/*
create:2010 06 17 
update:2010 06 25
*/

/*****************
service@layout 
******************/
#wrapper{ width: 100%; min-width:920px;margin: 0 auto;text-align: left; background:#fff;}
* html #wrapper {
width : expression( (document.documentElement.clientWidth < 920)? "920px" : "auto");
height:1%;}
#wrapperInner{ margin: 0 10px 10px;overflow: hidden;}
#container{width: 990px; margin: 0 auto;}
#contents{ width: 675px; float: left; line-height: 1.8; color: #111;}
#sidebar{ width:300px; float:right; background:#fff;}

/*****************
share
******************/
#attention { width: 990px; overflow:hidden; margin:10px 0;}
#attention p { width:820px; float:left; text-align:left; color:#999; font-size:10px;}
#attention .powered {width:140px; float:right; color:#999; overflow:hidden;}
#attention .powered span { color:#999; font-size:10px; line-height:31px; float:left;}


/*****************
navigation
******************/
#nav{ margin:10px 1px; background:url(http://image.excite.co.jp/jp/share/images/bg_genreNavUl.gif); height: 40px; overflow: hidden;}
#nav .tab_container{ display:none; }
#nav .active{height: 31px; display:block;}
#nav li,#nav a{display:block; float:left;}
#nav a:hover,#nav .cr a{ text-decoration:underline}
#genreNav{ width: 990px; overflow:hidden; margin: 0 auto;}
#genreNav li,#genreNav li a{ line-height:37px;}
#genreNav li{margin-top:3px; overflow:hidden; padding-right: 1px; background:url(http://image.excite.co.jp/jp/share/images/bg_genreNavLi.gif) no-repeat right; }
#genreNav li a{padding:0 10px; color:#fff; text-decoration:none;border-right:solid 1px #000;}
#genreNav li a:hover,
#genreNav .cr a{ background:url(http://image.excite.co.jp/jp/share/images/bg_navAhover.gif) no-repeat center;}
.subGenreNav{background:url(http://image.excite.co.jp/jp/share/images/bg_subGenreNavUl.gif); height: 31px; padding:0 10px; overflow:hidden; clear:both;}
.subGenreNav li,.subGenreNav a{line-height:31px;}
.subGenreNav a{ padding:0 10px; text-decoration:none; color:#222; font-weight: bold}