@charset "shift-jis";
/* ===================================================================
	CSS information
	file name  :  shared.css
	style info :  header&footerreset
	date:2011.8.26
=================================================================== */
html,
body,
table{
	width: 100%;
	height: 100%;
}
body{
	text-align: center;
}
#header{
	position: relative;
	top: 0;
	width: 100%;
	height: 110px;
	/*min-width: 1061px;*/
	min-width: 960px;
	margin: 0 auto;
	text-align: left;
	z-index: 100;
}
#header p,#header ol {
	position: absolute;
}
#header p#logo {
	top: 27px;
	left: 26px;
}
#header p.category {
	top: 0;
	right: 20px;
}
#header #headernav {
	position: relative;
	top: 81px;
	width: 100%;
	height: 29px;
	border-top: 1px #bebebe solid;
	border-bottom: 1px #bebebe solid;
	background-color: #ffffff;
}
#header #headernav p {
	top: 8px;
	left: 26px;
}
#header #headernav ol {
	width: 600px;
	height: 12px;
	top: 8px;
	right: 26px;
	line-height: 1;
}
#header #headernav ol li {
	float: right;
	height: 12px;
	padding-right: 24px;
	line-height: 1;
	background: url(../shared/tp_arrow.gif) center right no-repeat;
}
#header #headernav ol li.lastchild {
	padding: 0;
	background-image: none;
}
#footer{
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	/*min-width: 1076px;*/
	min-width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../shared/bg_footer.png) bottom left repeat-x;
}
#footer ul li,#footer p {
	position: absolute;
}
#footer p.logo {
	top: 15px;
	left: 15px;
}
#footer ul li {
	top: 16px;
}
#footer ul li.btn01 {
	right: 387px; 
}
#footer ul li.btn02 {
	right: 192px; 
}
#footer ul li.btn03 {
	right: 0px; 
}
#footer p.btn_nintendo {
	top: 69px;
	left: 15px; 
}
#footer p.copyright {
	top: 73px;
	left: 50%;
	margin-left: -31px;
	line-height: 1.1;
}
#footer p.twitter {
	top: 69px;
	right: 0; 
}

/*--- reset */
body {font:13px/1.4 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;*font-size:small;*font:x-small;color: #4b4b4b;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html {overflow-y: scroll;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align: left;}
q:before,q:after {
	content: '';
}
img,abbr,acronym,fieldset {
	border: 0;
	vertical-align:bottom;
}
ul,li {list-style-type: none;}
a {outline: none;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
input {*padding-top: 3px;}

/*ClearFix-*/
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */