@charset "UTF-8";




/*
--------------------------------
	zombie.html
--------------------------------
*/


/* ---- font color ---- */

body {
	color: #ccc !important;
}


/* ---- body background ---- */

#body_container {
	background-image: url(../img/body_bg_bk.gif);
}

#body_container #main_column {
	background-image: url(../img/body_bottom_bk.gif);
}


/* ---- from ---- */

#header_container #from {
	background-image: url(../img/zombie/from.jpg);
}


/* ---- title ---- */

#main_column h1 {
	width: 762px;
	height: 400px;
	background-image: url(../img/zombie/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main_column h2 {
	width: 762px;
	height: 60px;
	background-image: url(../img/zombie/header.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/* ---- body ---- */

.contents_container {
	width: 720px;
	margin-top: 40px;
	margin-left: 21px;
}


/* ---- spec ---- */

#spec_container {
	width: 720px;
	margin-bottom: 30px;
}

#spec_container table#spec_table {
	float: left;
	width: 340px;
	border-collapse: separate;
	border-top: 1px solid #202020;
}

#spec_container table#spec_table th {
	padding: 6px 8px;
	border-bottom: 1px solid #202020;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
}

#spec_container table#spec_table td {
	padding: 6px 8px;
	border-bottom: 1px solid #202020;
}

#spec_container table#spec_table td.odd,
#spec_container table#spec_table th.odd {
	background-color: #0c0820;
}

#spec_container table#spec_table td a {
	color: #de1c00;
}

#spec_container #spec_image {
	float: right;
	width: 360px;
	border: 1px solid #202020;
}


/* ---- button ---- */

#button_box {
	width: 680px;
	margin: 0 auto 40px auto;
	text-align: center;
}

#button_box #left_button {
	float: left;
	width: 340px;
}

#button_box #right_button {
	float: right;
	width: 340px;
}

#button_box a {
	display: block;
	width: 280px;
	height: 40px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: 0;
	text-indent: -9999px;
}

#button_box a:hover {
	background-position: 0 -40px;
}

#button_box a#movie_btn {
	background-image: url(../img/movie_btn.gif);
}

#button_box a#interview_btn {
	background-image: url(../img/interview_btn.gif);
}


/* ---- lead ---- */

#lead_box {
	margin-bottom: 40px;
	padding: 10px 340px 10px 10px;
	border: 5px solid #6050a0;
	background-image: url(../img/zombie/lead_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#lead_box h3 {
	width: 366px;
	height: 34px;
	margin-bottom: 24px;
	background-image: url(../img/zombie/lead_catch.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#lead_box p {
	margin-left: 20px;
}


/* ---- lead2 ---- */

#lead_box2 {
	margin-bottom: 60px;
	text-align: center;
}

#lead_box2 h3 {
	width: 720px;
	height: 52px;
	background-image: url(../img/zombie/lead2_catch.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}

#lead_box2 p {
	margin: 16px 0;
	text-align: center;
}


/* ---- japan ---- */

#japan_box {
	margin-bottom: 60px;
	text-align: center;
}

#japan_box h3 {
	width: 720px;
	height: 40px;
	margin-bottom: 16px;
	background-image: url(../img/zombie/japan_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#japan_box p {
	margin-bottom: 10px;
	text-align: left;
}


/* ---- stage ---- */

#stage_box {
	margin-bottom: 60px;
	padding: 19px;
	border: 1px solid #5a48b2;
}

#stage_box p {
	margin-top: 10px;
}


/* ---- story ---- */

#story_box {
	margin-bottom: 60px;
	background-image: url(../img/zombie/story_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#story_box h3 {
	width: 720px;
	height: 40px;
	margin-bottom: 16px;
	background-image: url(../img/zombie/story_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#story_box p {
	padding-right: 200px;
}


/* ---- character ---- */

#character_box h3 {
	width: 720px;
	height: 40px;
	margin-bottom: 16px;
	background-image: url(../img/zombie/character_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#character_box div {
	margin-left: 40px;
}

#character_box div h4 {
	width: 300px;
	height: 34px;
	margin-bottom: 20px;
	background-image: url(../img/zombie/momotaro_name.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#character_box div img {
	margin-bottom: 20px;
}

#character_box div p {
	width: 300px;
}

#character_box #momotaro {
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding-top: 30px;
	padding-left: 340px;
	background-image: url(../img/zombie/momotaro_img.jpg);
	background-repeat: no-repeat;
}

#character_box #momotaro h4 {
	background-image: url(../img/zombie/momotaro_name.gif);
}

#character_box #dorothy {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	margin-bottom: 20px;
	background-image: url(../img/zombie/dorothy_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#character_box #dorothy h4 {
	background-image: url(../img/zombie/dorothy_name.gif);
}

#character_box #snowwhite {
	min-height: 470px;
	height: auto !important;
	height: 470px;
	padding-top: 30px;
	padding-left: 340px;
	background-image: url(../img/zombie/snowwhite_img.jpg);
	background-repeat: no-repeat;
}

#character_box #snowwhite h4 {
	background-image: url(../img/zombie/snowwhite_name.gif);
}


/* ---- arcade ---- */

#arcade_box {
	margin-bottom: 60px;
	text-align: center;
}

#arcade_box h3 {
	width: 720px;
	height: 40px;
	margin-bottom: 16px;
	background-image: url(../img/zombie/arcade_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#arcade_box p {
	margin-bottom: 16px;
	text-align: left;
}


/* ---- wallpaper ---- */

#wallpaper_box {
	margin-bottom: 60px;
	padding: 14px;
	border: 1px solid #505050;
	background-color: #333;
}

#wallpaper_box h3 {
	width: 552px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../img/zombie/wp_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#wallpaper_box ul {
	width: 690px;
}

#wallpaper_box ul li {
	float: left;
	width: 162px;
	margin-right: 14px;
	text-align: center;
}

#wallpaper_box ul li img {
	border: 1px solid #505050;
	margin: 16px 0 4px 0;
}

#wallpaper_box ul li a {
	color: #ccc;
}


/* ---- wallpaper2 ---- */

#wallpaper2_box {
	margin-bottom: 60px;
	padding: 6px;
	border: 1px solid #505050;
	background-color: #333;
}

#wallpaper2_box h3 {
	width: 706px;
	height: 120px;
	background-image: url(../img/zombie/wp2_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#wallpaper2_box p {
	padding: 14px;
}

#wallpaper2_box ul {
	width: 680px;
	margin-left: 14px;
	padding: 14px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

#wallpaper2_box ul li {
	float: left;
	width: 218px;
	margin-right: 10px;
	color: #c00;
	text-align: center;
}

#wallpaper2_box ul li img {
	border: 1px solid #505050;
	margin: 4px 0;
}

#wallpaper2_box ul li a {
	color: #ccc;
}


/* ---- banner ---- */

#banner_box {
	padding-top: 20px;
	border-top: 1px solid #505050;
	text-align: center;
}