﻿@charset "UTF-8";

div#toppage_content{
	width:580px;
	padding-top:11px;
	text-align:center;
}
/* ----------------------------------------------------------------------
	campaign area
---------------------------------------------------------------------- */

div#toppage_content div#top_campaign_area{
	width:580px;
	height:150px;
}

/* ----------------------------------------------------------------------
	infomation area
---------------------------------------------------------------------- */

div#toppage_content div#information_area{
	width:560px;
	margin:12px auto 0 auto;
	text-align:left;
}

/* ----------------------------------------------------------------------
	information area
---------------------------------------------------------------------- */

div#toppage_content div#information_area div#news_area{
	position:relative;
}

div#toppage_content div#information_area div#forum_area{
	position:relative;
	margin-top:18px;
}

div#toppage_content div#information_area div#youtube_area{
	position:relative;
	margin-top:18px;
}

div#toppage_content div#information_area h3.ttl{
	width:560px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
}

div#toppage_content div#information_area h3#news{
	background:url(../images/top/ttl_news.png) left top no-repeat;
}

div#toppage_content div#information_area h3#forum{
	background:url(../images/top/ttl_forum.jpg) left top no-repeat;
}

div#toppage_content div#information_area h3#youtube{
	background:url(../images/top/ttl_youtube.jpg) left top no-repeat;
}

div#toppage_content div#information_area p.btn_more{
	position:absolute;
	right:19px;
	top:14px;
}

div#top_news_list{
	margin:2px 20px 0px 20px;
	width:520px;
}

div#top_news_list ul li{
	line-height:1.3em;
	background:url(../images/top/dotted_line.png) left bottom repeat-x;
	padding:6px 0 3px 0px;
	font-size:12px;
	display:inline-block;
}
div#top_news_list ul li:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
/* Hides from IE-mac \*/
div#top_news_list ul li{display: block;}
/* End hide from IE-mac */

div#top_news_list ul li span{
	display:block;
}
div#top_news_list ul li span.newsicon{
	width:72px;
	float:left;
	margin:0 10px 0 0px;
}
*html div#top_news_list ul li span.newsicon{
	display:inline;
}
div#top_news_list ul li span.newsttl{
	width:365px;
	float:left;
}

div#top_news_list ul li span.newsdate{
	white-space:nowrap;
	text-align:right;
	color:#AAAAAA;
	width:64px;
	float:right;
}
div#top_news_list ul li br{
	display:none;
}

div#top_news_list ul li span.newsttl a:link{
	color:#CCCCCC;
	text-decoration:none;
}

div#top_news_list ul li span.newsttl a:visited{
	color:#CCCCCC;
	text-decoration:none;
}

div#top_news_list ul li span.newsttl a:hover{
	color:#59c2ff;
	text-decoration:underline;
}

div#top_forum_list{
	margin:2px 20px 0px 20px;
	width:520px;
}

div#top_forum_list ul li{
	line-height:1.3em;
	background:url(../images/top/dotted_line.png) left bottom repeat-x;
	padding:6px 0 3px 0px;
	font-size:12px;
	display:inline-block;
}

div#top_forum_list ul li:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
/* Hides from IE-mac \*/
div#top_forum_list ul li{display: block;}
/* End hide from IE-mac */

div#top_forum_list ul li a:link{
	color:#CCCCCC;
	text-decoration:none;
}

div#top_forum_list ul li a:visited{
	color:#CCCCCC;
	text-decoration:none;
}

div#top_forum_list ul li a:hover{
	color:#59c2ff;
	text-decoration:underline;
}

div#top_youtube_list{
	margin:13px 10px 0px 20px;
	width:530px;
}

div#top_youtube_list ul li{
	float:left;
	width:96px;
	display:inline;
	margin-right:10px;
}

div#top_youtube_list ul li span{
	display:block;
}
div#top_youtube_list ul li span.thumbnail{
	font-size:0px;
	width:96px;
	float:left;
}

div#top_youtube_list ul li span.thumbnail img{
	width:96px;
	height:72px;
}

div#top_youtube_list ul li span.videottl{
	width:96px;
	float:left;
	margin-top:4px;
	font-size:11px;
	line-height:14px;
}

div#top_youtube_list ul li span.videoview{
	color:#AAAAAA;
	width:96px;
	float:left;
	margin-top:3px;
	font-size:10px;
	line-height:13px;
}
div#top_youtube_list ul li br{
	display:none;
}

div#top_youtube_list ul li span.videottl a:link{
	color:#CCCCCC;
	text-decoration:underline;
}

div#top_youtube_list ul li span.videottl a:visited{
	color:#CCCCCC;
	text-decoration:underline;
}

div#top_youtube_list ul li span.videottl a:hover{
	color:#59c2ff;
	text-decoration:none;
}

#top_forum_list .forumlist {width:440px; float:left;  overflow:hidden;}
#top_forum_list .forumdate {width:70px;  float:right; overflow:hidden; color:#aaaaaa;text-align:right;}