@charset "shift_jis";

/* FONT 対応サイズ表*/
/*---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217	%
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html, body	{height:100%;}
body			  {background:#c61223;}


/*---------------------------------------------------------------------
Header Layout
---------------------------------------------------------------------*/
#header		{background:#c61223; width:100%; min-width:768px;}
	#head-inner	{width:768px; margin:0 auto; height:57px; position:relative;}
	#nintendo,
	#wii,
	#logo,
	#txt-logo	{position:absolute;}
	
	#nintendo	{top:25px; left:0;}
	#nintendo a	{display:block; height:100%; width:72px;}
	#wii			{top:16px; right:0;}
	#wii a		{display:block; height:100%; width:81px;}
	#logo			{top:17px; left:314px;}
	#txt-logo	{top:170px; left:283px;}

/*---------------------------------------------------------------------
Wrapper Layout
---------------------------------------------------------------------*/
#wrapper		{width:768px; margin:0 auto;}
	#container	{margin-bottom:20px; padding:30px 15px 0 15px;}
	
	/* common layout */
	.section		{clear:both; position:relative;}
	
	/* package layout */
	#package				{margin-bottom:7px;}
	#img-package		{float:left; display:inline; margin-left:20px;}
	#smc-sp					{width:435px; float:right; position:relative; padding-top:25px;}
	#pack-info			{position:absolute; top:130px; left:40px;}
	#cero						{position:absolute; top:178px; left:365px;}
	#item						{position:absolute; top:90px; left:350px;}
	
	/* bnr-president layout */
	#bnr-president	{margin-bottom:14px; background:#fff;}
	#bnr-president a:hover img	{opacity:0.85; filter:alpha(opacity=85);}
	
	/* soft-info layout */
	#soft-info		{width:738px; height:108px; background:url(../images/bg_soft-info.gif) no-repeat left top; margin-bottom:27px;}
	*+ html #soft-info p img	{vertical-align:top;}
	#info1			{position:absolute; top:16px; left:15px;}
	#info2			{position:absolute; top:48px; left:15px;}
	#info3			{position:absolute; top:79px; left:15px;}
	
	/* description layout */
	#description	{height:170px;}
	#description h4	{border-bottom:1px solid #d9bc6a; padding-bottom:19px; width:528px;}
	#description p		{padding-top:19px;}
	#img-playing		{position:absolute; top:-2px; left:557px;}
	
	/* smc & history layout */
	#smc				{background:url(../images/bg_box1.gif) no-repeat left top; width:738px; height:327px; margin-bottom:10px;}
	#history			{background:url(../images/bg_box2.gif) no-repeat left top; width:738px; height:192px; margin-bottom:15px;}
	
	.box_title,
	#txt_desc,
	#smc-package,
	#capture,
	#box-copyright,
	#img-smh-s,
	#img-smh-b,
	#book,
	#sound			{position:absolute;}
	
	.box_title		{top:19px; left:18px;}
	#txt_desc		{top:73px; left:31px;}
	#smc-package	{top:156px; left:29px;}
	#capture			{top:65px; right:0;}
	#box-copyright	{top:302px; right:16px;}
	*+ html #box-copyright img	{vertical-align:top;}
	
	#img-smh-b		{top:68px; left:30px;}
	#img-smh-s		{top:87px; left:384px;}
	#book				{top:81px; left:110px;}
	#sound			{top:81px; left:466px;}
	
	#book dt,
	#sound dt		{margin-bottom:7px; font-size:0;}
	#book dd,
	#sound dd		{padding:0 0 0 3px; font-size:0;}
	
	/* btn-guidebook */
	#btn-guidebook	{width:97px; height:21px; margin:0 0 0 auto; background:url(../images/btn_guidebook.gif) no-repeat left top;}
	#btn-guidebook a	{display:block; overflow:hidden; height:0; padding-top:21px; background:url(../images/btn_guidebook.gif) no-repeat left top;}
	#btn-guidebook a:hover	{background:url(../images/btn_guidebook_on.gif) no-repeat left top;}

/*---------------------------------------------------------------------
Footer Layout
---------------------------------------------------------------------*/
#footer	{height:30px; position:relative;}
	#btn-mario25th		{position:absolute; top:0; left:262px;}
	#btn-mario25th a				{display:block; overflow:hidden; height:0; padding-top:32px; width:244px; background:url(../images/btn_return-top.gif) no-repeat left top;}
	#btn-mario25th a:hover	{background:url(../images/btn_return-top_on.gif) no-repeat left top;}
	
	#btn-go-mario25th		{position:absolute; top:0; left:235px;}
	#btn-go-mario25th a				{display:block; overflow:hidden; height:0; padding-top:32px; width:294px; background:url(../images/guidebook/btn_return-top.gif) no-repeat left top;}
	#btn-go-mario25th a:hover	{background:url(../images/guidebook/btn_return-top_on.gif) no-repeat left top;}
	
	#btn-nintendo		{position:absolute; top:65px; left:331px;}
	#btn-nintendo a				{display:block; overflow:hidden; height:0; padding-top:31px; width:103px; background:url(../images/btn_nintendo.gif) no-repeat left top;}
	#btn-nintendo a:hover	{background:url(../images/btn_nintendo_on.gif) no-repeat left top;}
	
	#btn-close		{position:absolute; top:65px; left:332px;}
	#btn-close a				{display:block; overflow:hidden; height:0; padding-top:31px; width:103px; background:url(../images/guidebook/btn_close.gif) no-repeat left top;}
	#btn-close a:hover	{background:url(../images/guidebook/btn_close_on.gif) no-repeat left top;}
	
	#copyright			{position:absolute; top:0; left:50%; margin-left:-50px;}
	

/* guidebook */
#guidebook	{background:url(../images/guidebook/bg_guidebook.gif) no-repeat left top; width:700px; height:432px; padding:20px 19px; margin-bottom:30px; position:relative;}
	#guidebook h3				{position:absolute; top:82px; left:30px;}
	#guidebook #info		{position:absolute; top:142px; left:30px;}
	#guidebook #imgBook	{position:absolute; top:80px; left:463px;}
	#guidebook #comment	{position:absolute; top:272px; left:30px;}
	#guidebook #btnLink	{position:absolute; top:420px; left:141px;}
	
	#gb #btnClose				{width:103px; height:31px; margin:0 auto;}
	#gb #btnClose a			{display:block; overflow:hidden; height:0; padding-top:31px; width:103px; background:url(../images/guidebook/btn_close.gif) no-repeat left top;}
	#gb #btnClose a:hover	{background:url(../images/guidebook/btn_close_on.gif) no-repeat left top;}