@charset "EUC-JP";

/* =============================================

	News / page.css
	
============================================= */



/* =============================================
	CSS Sprite
============================================= */

h2 a,
ul#NewsMenu li a,
div.NewsMainSubtitle,
div.NewsSideSubtitle dl dt,
div.NewsSideSubtitle ul.LinkMore li a{
	background:url(img/news_common_201001.png);
}

div.NewsSideSubtitle dl dd ul li,
div.NewsSideSubtitle dl dd ul li a.SideNewsRes,
div.NewsList h3,
div.NewsList h3 a.NewsRes,
div.NewsList div.NewsListInfo a.NewsRes,
div#NewsDetail h3,
div#NewsDetail h3 a.NewsRes,
div.NewsContents div.NewsContentsInfo a.NewsRes,
ul#NewsLatestList li,
ul#NewsRelatedList li,
ul#NewsRelatedList li a.NewsRes{
	background:url(img/news_iconset.gif) no-repeat scroll;
}

/*----------------------------------------
	layout
----------------------------------------*/

ul#NewsMenu{margin:15px 0 30px;}
ul#NewsMenu li{float:left;}
	ul#NewsMenu li a{
		width:149px;
		height:43px;
		text-indent:-8000px;
		display:block;
	}
	
	ul#NewsMenu li.NewsMenuAll a{background-position:-16px -1213px;margin:0 11px 0 0;}
	ul#NewsMenu li.NewsMenuMusic a{background-position:-176px -1213px;margin:0 11px 0 0;}
	ul#NewsMenu li.NewsMenuComic a{background-position:-336px -1213px;margin:0 11px 0 0;}
	ul#NewsMenu li.NewsMenuOwarai a{background-position:-496px -1213px;}	

	ul#NewsMenu li.NewsMenuAll a.current,ul#NewsMenu li.NewsMenuAll a:hover{background-position:-16px -1163px;}
	ul#NewsMenu li.NewsMenuMusic a.current,ul#NewsMenu li.NewsMenuMusic a:hover{background-position:-176px -1163px;}
	ul#NewsMenu li.NewsMenuComic a.current,ul#NewsMenu li.NewsMenuComic a:hover{background-position:-336px -1163px;}
	ul#NewsMenu li.NewsMenuOwarai a.current,ul#NewsMenu li.NewsMenuOwarai a:hover{background-position:-496px -1163px;}
	
p#NewsRead{margin:0 0 10px;}
p#NewsRead a{color:#333;}


/*----------------------------------------
	header
----------------------------------------*/

h2 a{
	width:950px;
	height:85px;
	background-position:-15px -1070px;
	text-indent:-8000px;
	margin:0 0 15px;
	display:block;
}

div.news_pannavi{
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
	margin-bottom:10px;
	padding:7px;
}

/*----------------------------------------
	main見出し
----------------------------------------*/

div.NewsMainSubtitle{
	height:39px;
	margin-bottom:5px;
	text-indent:-8000px;
	width:630px;
}

div#NewsLatest_all{background-position:-15px -10px;}
div#NewsTopics_all{background-position:-15px -54px;}
div#NewsRanking_all{background-position:-15px -98px;}
div#NewsImage_all{background-position:-15px -142px;}
div#NewsBlog_all{background-position:-15px -186px;}
div#NewsSearch_all{background-position:-15px -230px;}

div#NewsLatest_music{background-position:-15px -274px;}
div#NewsTopics_music{background-position:-15px -318px;}
div#NewsRanking_music{background-position:-15px -362px;}
div#NewsImage_music{background-position:-15px -406px;}
div#NewsBlog_music{background-position:-15px -450px;}
div#NewsSearch_music{background-position:-15px -494px;}

div#NewsLatest_comic{background-position:-15px -538px;}
div#NewsTopics_comic{background-position:-15px -582px;}
div#NewsRanking_comic{background-position:-15px -626px;}
div#NewsImage_comic{background-position:-15px -670px;}
div#NewsBlog_comic{background-position:-15px -714px;}
div#NewsSearch_comic{background-position:-15px -758px;}

div#NewsLatest_owarai{background-position:-15px -802px;}
div#NewsTopics_owarai{background-position:-15px -846px;}
div#NewsRanking_owarai{background-position:-15px -890px;}
div#NewsImage_owarai{background-position:-15px -934px;}
div#NewsBlog_owarai{background-position:-15px -978px;}
div#NewsSearch_owarai{background-position:-15px -1022px;}

div.NewsUpdate {text-align:right;padding:0 6px 15px 0;}

/*----------------------------------------
	main:リスト記事
----------------------------------------*/

/*-- top新着 --*/
/*-- 詳細:関連するニュース --*/

ul#NewsLatestList{padding:0 0 0 10px;}
ul#NewsRelatedList li,ul#NewsLatestList li{margin:0 0 4px;padding:0 0 0 27px;color:#7c7c7c}
ul#NewsRelatedList li a,ul#NewsLatestList li a{color:#323232;}
ul#NewsRelatedList li.music,ul#NewsLatestList li.music{background-position:8px -555px}
ul#NewsRelatedList li.comic,ul#NewsLatestList li.comic{background-position:8px -655px}
ul#NewsRelatedList li.owarai,ul#NewsLatestList li.owarai{background-position:8px -755px}
ul#NewsRelatedList li.music  a:hover,ul#NewsLatestList li.music  a:hover{color:#ff6bb4;}
ul#NewsRelatedList li.comic a:hover,ul#NewsLatestList li.comic a:hover{color:#6abd00;}
ul#NewsRelatedList li.owarai a:hover,ul#NewsLatestList li.owarai a:hover{color:#e3401c}

ul#NewsLatestList li span{color:#7c7c7c;padding:0 0 0 10px;}

ul#NewsRelatedList li a.NewsRes{
	padding:0 0 0 13px;
	background-position:0 -210px;
	color:#cc0000;
	font-weight:bolder;
	font-size:12px;
}

div.NewsLatestMore{text-align:right;margin:5px 0 15px;padding:0 10px 0 0;}


/*-- リスト --*/
div.NewsList{
	margin:0;
	padding:10px 7px 10px;
	border-bottom:1px #999 solid;
}

div.NewsList h3{font-size:16px;padding:0 0 0 27px;height:22px;}
	div.NewsList h3 a{color:#323232;}

div.NewsList h3.NewsTitle_music{background-position:0 0}
div.NewsList h3.NewsTitle_comic{background-position:0 -70px}
div.NewsList h3.NewsTitle_owarai{background-position:0 -140px}
div.NewsList h3.NewsTitle_music a:hover{color:#ff6bb4;}
div.NewsList h3.NewsTitle_comic a:hover{color:#6abd00;}
div.NewsList h3.NewsTitle_owarai a:hover{color:#e3401c}

div.NewsList div.NewsListThumbnail {
	float:right;
	padding:0 0 0 5px;
	width:130px;
}

div.NewsList div.NewsListThumbnail a img{padding:1px;border:2px #cdcdcd solid;}
div.NewsList div.NewsListThumbnail a:hover img.music{border-color:#ff6bb4;}
div.NewsList div.NewsListThumbnail a:hover img.comic{border-color:#6abd00;}
div.NewsList div.NewsListThumbnail a:hover img.owarai{border-color:#e3401c;}


div.NewsList p.NewsListSummary{margin:0 0 15px;padding:15px 10px 0 25px;}
div.NewsList p.NewsListSummary span{padding:0 10px 0 0;color:#7c7c7c;}

div.NewsList div.NewsListInfo{padding:0 0 0 10px;}
div.NewsList div.NewsListInfo a.NewsRes,
div.NewsList h3 a.NewsRes{
	padding:0 0 0 13px;
	background-position:0 -210px;
	color:#cc0000;
	font-weight:bolder;
	font-size:12px;
}
	div.NewsList div.NewsListInfo a.NewsRes:hover,
	div.NewsList h3 a.NewsRes:hover{color:#333;}

div.NewsList div.NewsBlogInfo{margin:15px 20px 5px;background:#e4e4e4;padding:10px 15px;}
	div.NewsList div.NewsBlogInfo h4{}
	div.NewsList div.NewsBlogInfo p{font-size:11px;margin:10px 0;line-height:140%;font-weight:normal;}
	div.NewsList div.NewsBlogInfo div{font-size:10px;width:100%;text-align:right;}

/*-- 記事詳細 --*/

div#NewsDetail{
	padding:10px 7px 10px;
	background:url(/news/img/newslist_bg.gif);
}
div.NewsDetailmusic{border-top:5px #ff6bb4 solid;}
div.NewsDetailcomic{border-top:5px #6abd00 solid;}
div.NewsDetailowarai{border-top:5px #e3401c solid;}

div#NewsDetail h3{font-size:20px;padding:3px 0 3px 27px;height:22px;margin:7px 7px 0;}
	div#NewsDetail h3 a{color:#323232;}

div#NewsDetail h3.NewsTitle_music{background-position:0 0}
div#NewsDetail h3.NewsTitle_comic{background-position:0 -70px}
div#NewsDetail h3.NewsTitle_owarai{background-position:0 -140px}
div#NewsDetail h3.NewsTitle_music a:hover{color:#ff6bb4;}
div#NewsDetail h3.NewsTitle_comic a:hover{color:#6abd00;}
div#NewsDetail h3.NewsTitle_owarai a:hover{color:#e3401c}

div#NewsDetail div.NewsListThumbnail {
	float:right;
	padding:0 0 0 5px;
	width:240px;
	position: relative;
}

div#NewsDetail div.NewsListThumbnail img{padding:1px;border:2px #cdcdcd solid;}

div.NewsContents{
	background:#fff;
	margin:10px 5px;
	padding:15px 10px;
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:13px;
	line-height:150%;
	z-index:10;
	position: relative;
}

div.NewsContents p{
	margin:0 0 20px;
}

div.NewsContents h4{padding:0 0 10px 8px;}

/*-- 詳細:関連リンク --*/
div.NewsContents ul#NewsLinkList li{list-style-type: disc;margin:0 0 0 25px;}
div.NewsContents ul#NewsLinkList li.music a{color:#ff6bb4;}
div.NewsContents ul#NewsLinkList li.comic a{color:#6abd00;}
div.NewsContents ul#NewsLinkList li.owarai a{color:#e3401c}
div.NewsContents ul#NewsLinkList li a:hover{color:#323232;text-decoration: none}

div.NewsContents div.NewsContentsInfo{font-size:12px;}

	div.NewsContents div.NewsContentsInfo a.NewsRes,
	div.NewsDetailInfo ul.NewsRelatedList li a.NewsRes{
	padding:0 0 0 13px;
	background-position:0 -210px;
	color:#cc0000;
	font-weight:bolder;
	font-size:12px;
}

div.NewsDetailInfo h4{
	margin:30px 0 10px;
	padding:0 0 3px;
	font-size:14px;
	font-weight:bolder;
}

div.NewsDetailInfo h4.music{border-bottom:3px #ff6bb4 solid;}
div.NewsDetailInfo h4.comic{border-bottom:3px #6abd00 solid;}
div.NewsDetailInfo h4.owarai{border-bottom:3px #e3401c solid;}

div.NewsDetailInfo ul#recommendItem{}
	div.NewsDetailInfo ul#recommendItem li{float:left;margin:0 10px 10px 0}
	div.NewsDetailInfo ul#recommendItem li a img{border:2px #cdcdcd solid;}
	div.NewsDetailInfo ul#recommendItem li a:hover img{border:2px #ff6bb4 solid;}

div.NewsDetailInfo div.recommendLink{margin:10px 0;width:100%;text-align:right;}
	div.NewsDetailInfo div.recommendLink a{color:#323232}
	div.NewsDetailInfo div.recommendLink a:hover{text-decoration: none}
	
div.NewsAd{margin:10px 0;}

div.NewsWriteLink{margin:30px 0 10px;}
	div.NewsWriteLink a{
		background:#1e1e1e;
		color:#fff;
		padding:10px 15px;
		text-decoration: none;
		border-radius:5px;
    	-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	div.NewsWriteLink a:hover,div.NewsWriteLink a:hover,{color:#fff;text-decoration: underline;}
	div.NewsWriteLink a.music:hover{background:#ff6bb4}
	div.NewsWriteLink a.comic:hover{background:#6abd00}
	div.NewsWriteLink a.owarai:hover{background:#e3401c}

div.NewsBlogQuote{padding:10px;border-bottom:1px #999 dotted;}
	div.NewsBlogQuote div.NewsBlogInfo{text-align:right;font-size:10px;}
		div.NewsBlogQuote strong a,div.NewsBlogQuote div.NewsBlogInfo a{color:#323232}
		div.NewsBlogQuote strong a:hover,div.NewsBlogQuote div.NewsBlogInfo a:hover{text-decoration: none}

/*-- ページャー --*/
div.NewsPager{margin:30px 0 20px;}
div.NewsPager table{width:630px; margin:0 auto;}
div.NewsPager table tr td{width:50%;}
	div.NewsPager table tr td.Pageback{text-align:left;font-size:12px;}
	div.NewsPager table tr td.Pagenext{text-align:right;font-size:12px;}

div.NewsPager table tr td a{
	position:relative;
	border:4px #ccc solid;
	background:#eee;
	padding:7px 13px;
	color:#4ea6cc;
	text-decoration:none;
	font-weight: bolder;
}
div.NewsPager table tr td a:hover{color:#333;text-decoration:underline}

/*----------------------------------------
	side:見出し
----------------------------------------*/

div.NewsSideSubtitle dl dd ul li a{color:#323232;}
div.NewsSideSubtitle dl dd ul li.music{background-position:8px -550px}
div.NewsSideSubtitle dl dd ul li.comic{background-position:8px -650px}
div.NewsSideSubtitle dl dd ul li.owarai{background-position:8px -750px}
div.NewsSideSubtitle dl dd ul li.music  a:hover{color:#ff6bb4;}
div.NewsSideSubtitle dl dd ul li.comic a:hover{color:#6abd00;}
div.NewsSideSubtitle dl dd ul li.owarai a:hover{color:#e3401c}

div.NewsSideSubtitle dl dd ul li p{padding:0 0 0 14px}

/*---------*/

div.NewsSideSubtitle {
	position:relative;
	margin:0 0 15px;
}

div.NewsSideSubtitle dl dt{
	width:180px;
	height:30px;
	text-indent:-6000px;
}

	div#SideNewsRanking_all dl dt {background-position:-660px -92px;}
	div#SideNewsImage_all dl dt {background-position:-660px -135px;}
	div#SideNewsBlog_all dl dt {background-position:-660px -180px;}
	div#SideNewsTopics_all dl dt {background-position:-660px -48px;}
	div#SideNewsLatest_all dl dt {background-position:-660px -4px;}
	
	div#SideNewsRanking_music dl dt {background-position:-660px -356px;}
	div#SideNewsImage_music dl dt {background-position:-660px -400px;}
	div#SideNewsBlog_music dl dt {background-position:-660px -444px;}
	div#SideNewsTopics_music dl dt {background-position:-660px -312px;}
	div#SideNewsLatest_music dl dt {background-position:-660px -268px;}
	
	div#SideNewsRanking_comic dl dt {background-position:-660px -92px;}
	div#SideNewsImage_comic dl dt {background-position:-660px -135px;}
	div#SideNewsBlog_comic dl dt {background-position:-660px -180px;}
	div#SideNewsTopics_comic dl dt {background-position:-660px -48px;}
	div#SideNewsLatest_comic dl dt {background-position:-660px -4px;}
	
	div#SideNewsRanking_owarai dl dt {background-position:-660px -92px;}
	div#SideNewsImage_owarai dl dt {background-position:-660px -135px;}
	div#SideNewsBlog_owarai dl dt {background-position:-660px -180px;}
	div#SideNewsTopics_owarai dl dt {background-position:-660px -48px;}
	div#SideNewsLatest_owarai dl dt {background-position:-660px -4px;}
			
div.NewsSideSubtitle dl dd{width:298px;}

		div.NewsSideSubtitle dl.dlall dd{border:1px solid #323232;border-top:3px solid #323232;}
		div.NewsSideSubtitle dl.dlmusic dd{border:1px solid #ff6bb4;border-top:3px solid #ff6bb4;}
		div.NewsSideSubtitle dl.dlcomic dd{border:1px solid #6abd00;border-top:3px solid #6abd00;}
		div.NewsSideSubtitle dl.dlowarai dd{border:1px solid #e3401c;border-top:3px solid #e3401c;}

div.NewsSideSubtitle dl dd ul li {
	padding:5px 12px;
	border-bottom:1px dotted #ccc;
}

	div.NewsSideSubtitle dl dd ul li div.blogEntry {
		font-size:10px;
		line-height:150%;
		margin:5px 0 0;
		background:#fff;
	}

	div.NewsSideSubtitle dl dd ul li span {
		padding:5px 0 0;
	}

/* ブログエントリー数 */	
div.NewsSideSubtitle dl dd ul li a.SideNewsRes{
	padding:0 0 0 13px;
	background-position:0 -210px;
	color:#cc0000;
	font-weight:bolder;
	font-size:12px;
	display:inline;
}

	div.NewsSideSubtitle dl dd ul li a.SideNewsRes:hover{color:#333;}
	
/* もっと見る */
div.NewsSideSubtitle ul.LinkMore {
	position:absolute;
	top:5px; right:0;
	width:94px;
	height:20px;
}

	div.NewsSideSubtitle ul.LinkMore li a {
		display:block;
		width:93px;
		height:20px;
		text-indent:-6000px;
	}
	
	div#SideNewsRanking_all ul.LinkMore li a,
	div#SideNewsImage_all ul.LinkMore li a,
	div#SideNewsBlog_all ul.LinkMore li a,
	div#SideNewsTopics_all ul.LinkMore li a,
	div#SideNewsLatest_all ul.LinkMore li a {background-position:-867px -9px;}
		
	div#SideNewsRanking_all ul.LinkMore li a:hover,
	div#SideNewsImage_all ul.LinkMore li a:hover,
	div#SideNewsBlog_all ul.LinkMore li a:hover,
	div#SideNewsTopics_all ul.LinkMore li a:hover,
	div#SideNewsLatest_all ul.LinkMore li a:hover {background-position:-867px -229px;}

	div#SideNewsRanking_music ul.LinkMore li a,
	div#SideNewsImage_music ul.LinkMore li a,
	div#SideNewsBlog_music ul.LinkMore li a,
	div#SideNewsTopics_music ul.LinkMore li a,
	div#SideNewsLatest_music ul.LinkMore li a {background-position:-867px -273px;}
		
	div#SideNewsRanking_music ul.LinkMore li a:hover,
	div#SideNewsImage_music ul.LinkMore li a:hover,
	div#SideNewsBlog_music ul.LinkMore li a:hover,
	div#SideNewsTopics_music ul.LinkMore li a:hover,
	div#SideNewsLatest_music ul.LinkMore li a:hover {background-position:-867px -229px;}
	
	div#SideNewsRanking_comic ul.LinkMore li a,
	div#SideNewsImage_comic ul.LinkMore li a,
	div#SideNewsBlog_comic ul.LinkMore li a,
	div#SideNewsTopics_comic ul.LinkMore li a,
	div#SideNewsLatest_comic ul.LinkMore li a {background-position:-867px -537px;}
		
	div#SideNewsRanking_comic ul.LinkMore li a:hover,
	div#SideNewsImage_comic ul.LinkMore li a:hover,
	div#SideNewsBlog_comic ul.LinkMore li a:hover,
	div#SideNewsTopics_comic ul.LinkMore li a:hover,
	div#SideNewsLatest_comic ul.LinkMore li a:hover {background-position:-867px -229px;}
	
	div#SideNewsRanking_owarai ul.LinkMore li a,
	div#SideNewsImage_owarai ul.LinkMore li a,
	div#SideNewsBlog_owarai ul.LinkMore li a,
	div#SideNewsTopics_owarai ul.LinkMore li a,
	div#SideNewsLatest_owarai ul.LinkMore li a {background-position:-867px -801px;}
		
	div#SideNewsRanking_owarai ul.LinkMore li a:hover,
	div#SideNewsImage_owarai ul.LinkMore li a:hover,
	div#SideNewsBlog_owarai ul.LinkMore li a:hover,
	div#SideNewsTopics_owarai ul.LinkMore li a:hover,
	div#SideNewsLatest_owarai ul.LinkMore li a:hover {background-position:-867px -229px;}	

/*----------------------------------------
	Float Clearfix
----------------------------------------*/

ul#NewsMenu,
ul#recommendItem,
div.NewsSideSubtitle dl dd ul li,
div.NewsList{
    zoom:1;/*for IE 5.5-7*/
}

ul#NewsMenu:after,
ul#recommendItem:after,
div.NewsSideSubtitle dl dd ul li:after,
div.NewsList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}