@charset "utf-8";
@import url(jp/css/general.css);


#body {width:976px; margin-top:22px;}

#whatsnew {float:left; width:306px; height:259px; border-top:1px solid #CCCCCC; margin:30px 16px 0px 0px;}
#whatsnew h3 {float:left; width:92px; height:30px; margin-left:-8px;}
#whatsnew .rss {display:block; width:51px; height:30px; margin:0px -8px 0px 262px;}
#whatsnew .list {position:relative; width:306px; height:220px; margin-top:9px; overflow:auto;}
#whatsnew .list ul {width:306px; margin-top:-5px; text-justify:inter-cluster;}
#whatsnew .list li {border-bottom:1px solid #CCCCCC; padding:3px 0px 6px; }
#whatsnew .list li a {display:block; height:auto; padding:3px 0px 6px; margin-right:7px;}
#whatsnew .list li strong {color:#000000; line-height:150%;}
#whatsnew .list li h4 {color:#4391D4; font-weight:bold; line-height:150%;}
#whatsnew .list li a:hover strong, 
#whatsnew .list li a:hover h4 {color:#7F7F7F;}

	#scrollbar {position:absolute; left:297px; top:0px; width:16px; height:220px; text-align:center; cursor:pointer;}
	#scrollbar .bar {position:absolute; left:0px; top:0px; z-index:1; width:2px; border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF; background:#000000; cursor:pointer;}
	* html #scrollbar .bar {width:16px;}
	#scrollbar .bg {position:absolute; left:0px; top:0px; z-index:0; width:2px; height:220px; border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF; background:#E5E5E5;}
	* html #scrollbar .bg {width:16px;}

#campaign {float:left; width:332px; margin:30px -10px 0px 0px; overflow:hidden;}
#campaign li {float:left; width:auto; margin-right:16px; overflow:hidden;}
#campaign li a {display:block; border:1px solid #CCCCCC; overflow:hidden;}
#campaign li a:hover {border:2px solid #4391D4;}
#campaign li a:hover img {margin:-1px;}

#banner {float:right;width:332px; padding-top:10px;}
#banner li {float:left; width:auto; margin:20px 16px 0px 0px; overflow:hidden;}
#banner li a {display:block; border:1px solid #CCCCCC; overflow:hidden;}
#banner li a:hover {border:2px solid #4391D4;}
#banner li a:hover img {margin:-1px;}


* html #body {width:982px;}
* html #whatsnew {height:260px; overflow:hidden;}
* html #whatsnew .rss {margin-left:259px;}
* html #whatsnew .list ul {width:290px;}
* html #whatsnew .list li a {width:306px;}
* html #scrollbar {left:297px;}
* html #banner {float:left; margin-left:0px;}