@import url("png.css");

/* Common CSS *************************/

* {
	margin:0;
	padding:0;
}

html, body {
	font-family:"MS PGothic","MS UI Gothic","MS PMincho";
	color:#28282e;
	font-size:12px;
	text-align:center;
	background-color:#FFFFFF;
}

#outline {
	margin:0 auto;
	width:800px;
}

#header {
	position:relative;
	height:320px;
	width:100%;
	background-image:url("../images/randomwork_image.jpg");
	background-repeat:no-repeat;
}

#footer {
	position:relative;
	height:128px;
	width:100%;
	background-image:url("../images/copyright.jpg");
	background-repeat:no-repeat;
}

#contents {
	position:relative;
	width:800px;
	padding-top:96px;
	padding-bottom:64px;
	text-align:left;
	background-image:url("../images/line.jpg");
	background-repeat:repeat-y;
}

#logo {
	position:absolute;
	top:80px;
	left:64px;
}

.menu_home {
	position:absolute;
	top:32px;
	left:576px;
}

.menu_sitemap {
	position:absolute;
	top:32px;
	left:672px;
}


.background_game {
	position:absolute;
	top:0px;
	left:80px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_blog {
	position:absolute;
	top:0px;
	left:240px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_download {
	position:absolute;
	top:0px;
	left:400px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_link {
	position:absolute;
	top:0px;
	left:560px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_rss091 {
	position:absolute;
	bottom:0px;
	left:80px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_rss100 {
	position:absolute;
	bottom:0px;
	left:240px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_rss200 {
	position:absolute;
	bottom:0px;
	left:400px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.background_mail {
	position:absolute;
	bottom:0px;
	left:560px;
	height:96px;
	width:160px;
	background-image:url("../images/menu_button.png");
}

.menu_game {
	position:absolute;
	top:32px;
	left:112px;
}

.menu_blog {
	position:absolute;
	top:32px;
	left:272px;
}

.menu_download {
	position:absolute;
	top:32px;
	left:432px;
}

.menu_link {
	position:absolute;
	top:32px;
	left:592px;
}

.menu_rss091 {
	position:absolute;
	bottom:32px;
	left:112px;
}

.menu_rss100 {
	position:absolute;
	bottom:32px;
	left:272px;
}

.menu_rss200 {
	position:absolute;
	bottom:32px;
	left:432px;
}

.menu_mail {
	position:absolute;
	bottom:32px;
	left:592px;
}

/* Top Page ***************************/

#main_image {
	height:448px;
	width:608px;
	/* border:solid 1px; */
	background-image:url("../main_image/illust.jpg");
	background-repeat:no-repeat;
}

#list {
	position:relative;
	float:right;
	width:294px;
	height:318px;
	padding:32px 0px;
}

#update {
	position:relative;
	float:left;
	width:294px;
	height:318px;
	padding:32px 0px;
}

#banner {
	width:608px;
	height:80px;
	text-align:center;
}

.game_banner {
	float:left;
	height:64px;
	width:200px;
}

.game_banner_caption {
	float:right;
	height:64px;
	width:78px;
}

textarea {
	position:absolute;
	top:32px;
	left:0px;
	width:292px;
	height:318px;
	color:#28282e;
	font-size:12px;
	background-color:#FFFFFF;
	border:solid 1px #293F2D;
 }

/* SiteMap ****************************/

#sitemap_line {
	width:608px;
	margin-bottom:32px;
	line-height:16px;
}

.sitemap_margin {
	margin:0px 16px;
	background-image:url("../../sitemap/images/sitemap.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

/* Game *******************************/

#game_image {
	float:left;
	height:96px;
	width:300px;
	margin-bottom:32px;
}

#game_caption {
	float:right;
	height:96px;
	width:292px;
	margin-bottom:32px;
}

/* Download ***************************/

.about_material {
	line-height:16px;
}

.thumbnail_genre {
	margin-bottom:16px;
	width:608px;
	height:16px;
	font-weight:bold;
}

.thumbnail {
	border:solid 1px #000000;
}

/* Link *******************************/

.link_genre {
	margin-bottom:16px;
	height:16px;
	width:608px;
	font-weight:bold;
}

.link_banner {
	float:left;
	height:64px;
	width:200px;
}

.link_caption {
	float:right;
	height:64px;
	width:392px;
	line-height:16px;
}

/* 404 Not Found! *********************/

.image_404 {
	width:608px;
	height:448px;
	background-image:url("./common/images/");
	background-repeat:no-repeat;
}

/* Margin *****************************/

.text_margin_16px { margin:0px 16px; }
.text_margin_32px { margin:0px 32px; }
.text_margin_64px { margin:0px 64px; }
.text_margin_96px { margin:0px 96px; }
.margin_16px { height:16px; }
.margin_32px { height:32px; }

/* IMGÝ’è ****************************/
a img { border:none; }

.clear {
	clear:both;
	height:0px;
	line-height:0px;
}