@charset "shift_jis";

/* ========================================
	#mainvisual
======================================== */
body#index {
	position: relative;
	background: url(../images/bg_footer.jpg) left top repeat;
}

body#index #header-logo {
	max-width: 1600px;
}

.mainvisual-wrap1 {
	background: url(../images/bg_page01.jpg) center 0 no-repeat;
}

.mainvisual-wrap2 {
	background: url(../images/bg_page02.jpg) center 300px no-repeat;
}

.mainvisual-wrap3 {
	background: url(../images/bg_page03.jpg) center 600px no-repeat;
}

.mainvisual-wrap4 {
	position: absolute;
	width:100%;
	height: 940px;
	background: url(../images/bg_page04.png) center 778px no-repeat;
}

#flashcontent{
	position: absolute;
	width:100%;
	height: 891px;
	z-index: 150;
}

#mainvisual {
	position: relative;
	margin: 0 auto 16px auto;
	width: 960px;
	height: 874px;
}

#mainvisual .ttl {
	position: absolute;
	top: 58px;
	left: 230px;
}

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

#mainvisual .topnavi01 {
	position: absolute;
	top: 4px;
	left: 19px;
}

#mainvisual .topnavi02 {
	position: absolute;
	top: 0;
	left: 230px;
}

#mainvisual .topnavi03 {
	position: absolute;
	top: 118px;
	left: 440px;
}

#mainvisual .topnavi04 {
	position: absolute;
	top: 118px;
	left: 610px;
}

#mainvisual .topnavi05 {
	position: absolute;
	top: 118px;
	left: 780px;
}

#mainvisual ul.topnavi li span {
	position: absolute;
	top: -13px;
	left: -7px;
}

#mainvisual .douga {
	width: 340px;
	height: 212px;
	position: absolute;
	top: 549px;
	left: 599px;
	background: url(../images/bg_douga_video.jpg) no-repeat left top;
}

#mainvisual .douga video {
	margin: 10px 0 0 9px;
}

#mainvisual .leaf {
	position: absolute;
	top: 691px;
	right: 0;
}

/* --------------------------------
	#spec
-------------------------------- */
body#index .inner {
	position: relative;
	padding-top: 891px;
}

#spec {
	float: left;
	position: relative;
	width: 461px;
	height: 142px;
	margin-left: 166px;
	background: url(../images/spec_bg.png) left top no-repeat;
}

#spec .spec-pack {
	position: absolute;
	top: 12px;
	left: 21px;
}

#spec .spec-ico {
	position: absolute;
	top: 13px;
	left: 127px;
}

#spec .spec-cero {
	position: absolute;
	top: 13px;
	left: 181px;
}

#spec .spec-network {
	position: absolute;
	top: 69px;
	left: 127px;
}

#spec .spec-info {
	position: absolute;
	top: 106px;
	left: 19px;
}

#spec .spec-img01 {
	position: absolute;
	top: 16px;
	left: 236px;
}

#spec .spec-img02 {
	position: absolute;
	top: 53px;
	left: 236px;
}

#spec .spec-img03 {
	position: absolute;
	top: 76px;
	left: 236px;
}

.movie {
	float: left;
	margin-left: 18px;
}


/* ========================================
	#footer
======================================== */
#footer {
	background: url(../images/bg_footer.jpg) left top repeat;
	margin-top: 20px;
	padding: 0;
}

.footer-inner {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 7px;
}

.footer-inner ul {
	float: right;
	padding: 7px 4px 0 0;
	display: table;
}

.footer-inner li {
	float: left;
}

.footer-inner li.ftr-nintendo {
    background: url("../common/line_footer_navi.png") no-repeat scroll right top transparent;
    padding-right: 10px;
}

.footer-inner .copyright {
	float: left;
	padding: 9px 0 0 4px;
}


/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
	width: 690px;
	height: 682px;
	margin-left: -345px;
}

#popBody {
	padding-top: 15px;
	background: transparent;
}

#popWrap {
	position: relative;
	width: 690px;
	height: 667px;
	margin: 0 auto;
	background: url("../images/callaway_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/callaway_bg.png",sizingMethod="crop");
}

#popWrap .pop-ttl {
	padding: 35px 0 12px 0;
	text-align: center;
}

#popWrap .callaway-logo {
	float: left;
	margin: 0 15px 8px 25px;
}

#popWrap .callaway-txt {
	float: left;
}

#popWrap .callaway-official {
	width: 660px;
	margin: 10px 0 0 4px;
}

#popWrap .callaway-official dl {
	height: 54px;
	margin-bottom: 15px;
}

#popWrap .callaway-official dl dt {
	float: left;
	margin-top: 7px;
	margin-left: 20px;
}

#popWrap .callaway-official dl dd {
	float: left;
	margin-top: 2px;
	margin-left: 15px;
}

#popWrap .pop-img {
	margin-left: 25px;
}

#popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 0;
}