@charset "utf-8";
/*----------------------------------------------------------
	shared
-----------------------------------------------------------*/
html {
	overflow-y: scroll;
	background: #000;
}
body {
	/*position: relative;*/
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
	text-align: center;
	color: #3c3c3c;
}

a {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #0099cc;
	text-decoration: underline;
}

#noscript {
	padding: 300px 0 0 0;
	width: 100%;
	font-weight: bold;
	color: #ff0;
}

/*----------------------------------------------------------
	container
-----------------------------------------------------------*/
#container {
	width: 100%;
	min-width: 1020px;
	background: #dbcdaa url(../img/bg_base.jpg) repeat-x 0 0;
}

/*----------------------------------------------------------
	content
-----------------------------------------------------------*/
#content {
	position: relative;
	width: 100%;
	background: transparent url(../img/bg.jpg) no-repeat 50% 0;
}
#content #headerBar {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 10px;
	background: transparent url(../img/header_bar.png) no-repeat 50% 0;
	line-height: 0;
	font-size: 1px;
}
#content #footerBar {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 10px;
	background: transparent url(../img/footer_bar.png) no-repeat 50% 0;
	line-height: 0;
	font-size: 1px;
}
#content #contentIn {
	margin: 0 auto;
	width: 1020px;
	text-align: left;
}
#content .content .floatImg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .content .floatImg {
	width: 100%;
	zoom: 1;
}
#content .content .floatImg img {
	float: left;
}

#content .content #contentNav {
	position: absolute;
	top: 30px; left: 30px;
}
#content .content #contentNav li img {
	vertical-align: bottom;
}

/*----------------------------------------------------------
	nav
-----------------------------------------------------------*/
#nav {
	position: relative;
	width: 100%; height: 164px;
}
#nav h1 {
	position: absolute;
	top: 10px; left: 0;
}
#nav ul {
	position: absolute;
	top: 55px; right: 0;
	width: 820px;
}
#nav ul li {
	float: left;
	width: 205px; height: 50px;
}
#nav ul li a,
#nav ul li span {
	display: block;
	overflow: hidden;
	width: 205px; height: 50px;
	text-indent: -9999em;
}

#nav ul li#nav01 a,
#nav ul li#nav01 span {
	background: transparent url(../img/nav01.png) no-repeat;
}
#nav ul li#nav02 a,
#nav ul li#nav02 span {
	background: transparent url(../img/nav02.png) no-repeat;
}
#nav ul li#nav03 a,
#nav ul li#nav03 span {
	background: transparent url(../img/nav03.png) no-repeat;
}
#nav ul li#nav04 a,
#nav ul li#nav04 span {
	background: transparent url(../img/nav04.png) no-repeat;
}
#nav ul li#nav05 a,
#nav ul li#nav05 span {
	background: transparent url(../img/nav05.png) no-repeat;
}
#nav ul li#nav06 a,
#nav ul li#nav06 span {
	background: transparent url(../img/nav06.png) no-repeat;
}
#nav ul li#nav07 a,
#nav ul li#nav07 span {
	background: transparent url(../img/nav07.png) no-repeat;
}
#nav ul li#nav08 a,
#nav ul li#nav08 span {
	background: transparent url(../img/nav08.png) no-repeat;
}
#nav ul li a:hover {
	background-position: 0 -50px !important;
}

#nav ul li.current a,
#nav ul li.current a:hover,
#nav ul li.current span { 
	background-position: 0 -100px !important;
}

#nav .amazonBtn {
	position: absolute;
	top: 0; right: 2px;
	width: 230px; height: 55px;
}
#nav .amazonBtn a {
	display: block;
	overflow: hidden;
	width: 230px; height: 55px;
	background: transparent url(../img/btn_amazon_head.png) no-repeat 0 0;
	text-indent: -9999em;
}
#nav .amazonBtn a:hover {
	background-position: 0 -55px;
}

/*----------------------------------------------------------
	foot
-----------------------------------------------------------*/
#foot {
	position: relative;
	width: 100%; height: 60px;
}
#foot div {
	position: absolute;
	top: 0; right: 20px;
}
#foot div a {
	display: block;
	overflow: hidden;
	width: 220px; height: 50px;
	background: transparent url(../img/btn_pagetop.png) no-repeat 0 0;
	text-indent: -9999em;
}
#foot div a:hover {
	background-position: 0 -50px;
}
#foot .amazonBtn {
	position: absolute;
	top: 0; right: 246px;
}
#foot .amazonBtn a {
	display: block;
	overflow: hidden;
	width: 230px; height: 50px;
	background: transparent url(../img/btn_amazon.png) no-repeat 0 0;
	text-indent: -9999em;
}
#foot .amazonBtn a:hover {
	background-position: 0 -50px;
}

/*----------------------------------------------------------
	heading
-----------------------------------------------------------*/
#heading {
	position: relative;
	width: 100%;
}
#heading ul {
	position: absolute;
	top: 28px; right: 10px;
	font-size: 12px;
	line-height: 1.2em;
	color: #fff;
}
#heading ul li {
	display: inline;
}
#heading ul li a {
	color: #facc00;
}

/*----------------------------------------------------------
	header
-----------------------------------------------------------*/
#header {
	width: 100%;
	background: #000;
}
#header .in {
	position: relative;
	margin: 0 auto;
	width: 1020px; height: 46px;
}
#header .logo {
	position: absolute;
	top: 8px; left: 5px;
}
#header .sns {
	position: absolute;
	top: 10px; right: 120px;
}
#header .sns li {
	display: inline;
	float: left;
	padding: 0 5px 0 0;
}
#header .nav {
	position: absolute;
	top: 12px; right: 5px;
}
#header .nav li {
	display: inline;
	float: left;
}

/*----------------------------------------------------------
	footer
-----------------------------------------------------------*/
#footer {
	width: 100%;
	background: #000;
}
#footer .in {
	position: relative;
	margin: 0 auto;
	width: 1020px; height: 70px;
}
#footer div {
	position: absolute;
}
#footer .cero {
	top: 6px; right: 5px;
}
#footer .copyright {
	top: 18px; left: 5px;
}