@charset "shift_jis";

html,
body {
	height: 100%;
}
body > #wrapper {
	height: auto;
}
#wrapper {
	height:100%;/* for IE6 */
	min-height:100%;
	background: url(../images/footer_bg.jpg) 0 60px repeat;
}

#header {
	height: auto;
}


/* ========================================
	#mainvisual
======================================== */
#mainvisual {
	margin: 0 auto;
	min-width: 960px;
	overflow: hidden;
	max-width: auto;
	background: #0D1005;
}

#mainvisual .mainvisual-wrap1 {
	background: url(../images/bg_main01.jpg) center top no-repeat;
}

#mainvisual .mainvisual-wrap2 {
	background: url(../images/bg_main02.jpg) center 250px no-repeat;
}

#mainvisual .mainvisual-wrap3 {
	background: url(../images/bg_main03.jpg) center 500px no-repeat;
}

#mainvisual .inner {
	margin: 0 auto;
	width: 960px;
	height: 739px;
	position: relative;
}

#mainvisual .ttl {
	height: 290px;
	margin: 0 auto;
	position: absolute;
		top: 11px;
		left: 236px;
}

#mainvisual ul.topnavi {
	position: absolute;
	top: 602px;
	left: 0;
}

#mainvisual ul.topnavi li {
	position: absolute;
}

#mainvisual ul li.topnavi01 {
	top: 0;
	left: 11px;
}

#mainvisual ul li.topnavi02 {
	top: 32px;
	left: 198px;
}

#mainvisual ul li.topnavi03 {
	top: 0;
	left: 386px;
}

#mainvisual ul li.topnavi04 {
	top: 32px;
	left: 573px;
}

#mainvisual ul li.topnavi05 {
	top: 0;
	left: 761px;
}


/* ========================================
	#main
======================================== */
#main {
	width: 100%;
	background: #0D1005;
}

.main-inner {
	margin: 0 auto;
	padding-top: 1px;
	width: 960px;
	height: 140px;
	background: #0D1005;
}


/* --------------------------------
	#spec
-------------------------------- */
.main-inner #spec {
	margin: 0 auto;
	width: 720px;
}

.main-inner #spec ul {
	position: relative;
}

.main-inner #spec ul li {
	position: absolute;
}

.main-inner #spec ul li.spec-package {
		top: 0;
		left: 48px;
}

.main-inner #spec ul li.spec-ico {
		top: 0;
		left: 158px;
}

.main-inner #spec ul li.spec-cero {
		top: 44px;
		left: 159px;
}

.main-inner #spec ul li.spec-btn {
		top: 68px;
		left: 217px;
}

.main-inner #spec ul li.spec-img01 {
		top: 0;
		left: 217px;
}

.main-inner #spec ul li.spec-img02 {
		top: 24px;
		left: 217px;
}

.main-inner #spec ul li.spec-img03 {
		top: 46px;
		left: 244px;
}

.main-inner #spec ul li.spec-img05 {
		top: 0;
		left: 442px;
}

.main-inner #spec ul li.spec-img06 {
		top: 0;
		left: 682px;
}

.main-inner #spec ul li.spec-img07 {
		top: 95px;
		left: 45px;
}


/* ========================================
	#footer
======================================== */
#footer {
	clear: both;
	width: 100%;
	min-height:100%;
	color: #FFFFFF;
	background: url(../images/footer_bg_top.jpg) repeat-x left top;
}

#footer .foot-inner {
	background: url(../images/footer_bg_inner.png) no-repeat center 29px;
}

#footer .foot-inner p.copyright {
	float: left;
	margin: 0;
}

#footer ul {
	float: right;
	margin: 0;
	padding: 0;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 min-width: 960px;
 width: 100%;
 background: url(../images/bnr_eshop_bg.png);
 position: relative;
 z-index: 10;
}
.bnr-eshop-sale::before{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FFF;
 left: 0;
 bottom: 0;
 position: absolute;
}
.bnr-eshop-sale a{
 display: block;
 max-width: 960px;
 margin: 0 auto;
 width: 70%;
}
.bnr-eshop-sale a img{
 max-width: 960px;
 width: 100%;
 height: auto;
}
.no-touchevents .bnr-eshop-sale a{
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
 opacity: 0.85;
}