/* reset.css */
html, body, div, span, object, iframe, h2, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* General Classes */
#container {width:100%;margin:0 auto;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, #container:after, #wrapper:after {content:"";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #container {display:block;}
.clear {clear:both;}


body{font-family:arial;margin:0;background: #fff url(../imgs/top_bgtile.gif) repeat-x top center; width:100%;}
img {border:0px;}
.clear{clear:both;}
#container {width: 100%; background:url(../imgs/bottom_bgtile.gif) repeat-x bottom center;}
#wrapper {clear: both; background: url(../imgs/iwata_foot.gif) no-repeat bottom; margin: 0 auto; width: 1200px;}
#wrapper {*padding-bottom: 150px}


#head{
	background:url(../imgs/iwata_head/iwata_head.png) no-repeat top;
	width:1200px;
	height: 560px;
	margin: 0px auto;
	position: relative;
}
#head h1 {margin: 0; cursor: pointer;}
#head h1 a {cursor: pointer; background: url(../imgs/iwata_head/rhythm_heaven_logo.png) no-repeat 0 0; height: 195px; width: 289px; float: left; margin: 0; position: absolute; left: 150px; top: 5px; text-indent: -9999em; overflow: hidden;}

#head .page-header {clear: both; float: left; position: absolute; top: 228px; left: 173px; height: 332px; width: 755px; text-align: center;}
#head .page-header img.page-image {float: none; margin: 15px auto 0; width: 590px}

#nintendo-logo {position: absolute; top: 20px; right: 246px;}

#nav {background: #fff; clear: both; float: left; margin: 30px 0; position: relative; left: 175px; width: 780px;}
#nav.bottom {left: 0; margin-bottom: 0;}
#nav ul {list-style:none; margin: 0; padding: 0;float: left; clear: both;}
#nav.bottom ul {margin-top: 30px; width: 780px;}
#nav ul li{background:url(../imgs/bul.gif) no-repeat left 3px;padding-left:23px;float: left;clear: both;height:20px;margin: 4px 0;}
#nav ul li a{float: left;font-weight: bold;text-decoration:none;color:#000000;font-size:14px;margin:0; padding: 0;}
#nav ul li a:hover {color:#f25822}
#nav ul li.current{background:url(../imgs/bul_selected.gif) no-repeat left 3px;}
#nav.bottom ul li.current{background:url(../imgs/bul_selected_up.gif) no-repeat left 3px;}
#nav ul li.current a{color:#f25822}

#nav a:focus {outline: none;}

#content-holder {
	background: url(../imgs/iwata_content.gif) no-repeat bottom center;
	clear: both; float: left;
	padding: 0 0 0 120px;
	width:1025px;
	margin: 0 auto 130px;
}
#content {clear: both; float: left; margin: 0; padding: 0 0 60px 60px;}
#content h2 {clear: both; float: left; margin: 30px 0; width: 100%; }
#content a {color: #f25822; text-decoration: none;}
#content a:hover {color: #333; text-decoration: none;}

.dialog_row{background: #fff; float: left;margin-bottom:30px;clear:both; width: 780px;}
.developer_row{margin-bottom:20px;font-size:14px;color:#747474;clear:both;}
.spk{font-size:14px;font-weight:bold;color:#747474;float:left;width:100px; margin-right: 20px;}
.spk span {clear: both; float: left; font-weight: normal; font-size: 12px;}
.dlg{font-size:14px;color:#747474;float:left;width:660px;line-height: 1.4em; text-align: center}
.dlg p {text-align: left; margin: 0 0 25px 0;}
.dlg p span {font-size: .9em; color: #333; clear: both; float: left;}
.dlg img.thumb {clear: both; margin: 0 auto; width: 250px;}
.inner-txt {font-size: .9em; color: #333; clear: both; margin: 0 auto; float: left; width: 100%; text-align: center;}
* html .inner-txt {margin-bottom: -30px;}
h2{font-size:18px;font-weight:bold;color:#f25822;margin-bottom:25px;}

#footer{clear: both; float: left; color:#333; font-size:11px; text-align:center; background:#fff;width:100%; margin: 0; padding-bottom: 20px;}
#footer ul {clear: both; list-style: none; margin: 14px auto 0; width: 730px;}
#footer ul li {float: left; margin: 0 12px 0 0; padding: 0 0 0 12px;}
#footer p.copy {color: #333; font-size: .9em; clear: both; float: none; margin: 0 auto; padding: 4px 0 0 0;}

.hr_dot{
	float: left;
	height:1px;
	width:780px;
	background:url(../imgs/dots-horiz.gif) repeat-x center;
	clear:both;
}
.hr_dot hr {display: none;}
#content .backtotop{clear: both; float:left;}
#content .backtotop a.top {color:#c7a530;font-weight:bold;text-decoration:none;font-size:12px; background: url(../imgs/top_arrow.gif) no-repeat right 8px; padding-right: 16px; height: 20px; float:left;margin-left:3px;margin-top:1px;}
#content .backtotop a:hover.top {color: #f25822; background: url(../imgs/top_arrow_hover.gif) no-repeat right 8px;}