@charset "Shift_JIS";

/*--- 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: #646464;}

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;}
table{border-collapse:collapse;border-spacing:0;margin:0;}
caption,th {text-align: left;}
img{border: 0;vertical-align:bottom;}
ul,ol,li {list-style-type: none;}
a {outline: none;}


br {letter-spacing: 0!important;}
img {-ms-interpolation-mode:bicubic;}
* {filter: inherit;}

/*--- clearfix ---*/
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    * zoom: 1;
}
body{
}
.pagecontainer{
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	margin:0 auto;
}
.maincontainer{
	width: 100%;
	height: 481px;
	position: relative;
	background: #FFF;
}
.main__img{
	position: absolute;
	left: 50%;
	margin-left: -718px;
	bottom: 0;
	text-align: center;
}
.main__logo{
	position: absolute;
	left: 21px;
	top: 18px;
}
.main__wiiu{
	position: absolute;
	right: 0;
	top: 0;
}
.main__img img{
	width: 100%;
	max-width: 1436px;
	height: auto;
}
.main__title{
	position: absolute;
	left: 50%;
	margin-left: -502px;
	bottom: 139px;
}
.main__title img{
	width: 100%;
	max-width: 378px;
	height: auto;
}
.main__text{
	position: absolute;
	right: 50%;
	bottom: 64px;
}
.main__datebg{
	position: absolute;
	left: 50%;
	margin-left: -1280px;
	bottom: 0;
}
.main__date{
	position: absolute;
	left: 50%;
	bottom: 11px;
	margin-left: 90px;
}


.item01-container{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	height: 495px;
	position: relative;
	background: url(../img/item01_bg.png) center top repeat-x;
}
.item01__header{
	position: absolute;
	left: 50%;
	top: 36px;
	margin-left: -1280px;
}

.item01__stitle{
	position: absolute;
	left: 50%;
	top: 36px;
	margin-left: -539px;
}

.item01__title{
	position: absolute;
	left: 50%;
	top: 162px;
	margin-left: -479px;
}

.item01__img{
	position: absolute;
	left: 50%;
	top: 111px;
	margin-left: -138px;
}

.item01__balloon{
	position: absolute;
	left: 50%;
	top: 133px;
	margin-left: 128px;
}

.item01__text{
	position: absolute;
	left: 50%;
	top: 312px;
	margin-left: 146px;
}


.item02-container{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	height: 478px;
	position: relative;
	background: url(../img/item02_bg.png) center top repeat-x;
}

.item02__header{
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -1280px;
}

.item02__stitle{
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -539px;
}

.item02__title{
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -315px;
}

.item02__img01{
	position: absolute;
	left: 50%;
	top: 156px;
	margin-left: -409px;
}

.item02__img02{
	position: absolute;
	left: 50%;
	top: 156px;
	margin-left: -24px;
}

.item02__stext{
	position: absolute;
	left: 50%;
	top: 431px;
	margin-left: 206px;
}

.item03-container{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	background: url(../img/item03_bg.png) center top repeat;
}

.item03__body{
	width: 100%;
	height: 437px;
	position: relative;
}
.item03__header{
	position: absolute;
	left: 50%;
	top: 26px;
	margin-left: -1280px;
}
.item03__stitle{
	position: absolute;
	left: 50%;
	top: 26px;
	margin-left: -539px;
}
.item03__img{
	position: absolute;
	left: 50%;
	top: 76px;
	margin-left: -506px;
}
.item03__title{
	position: absolute;
	left: 50%;
	top: 104px;
	margin-left: 7px;
}
.item03__btn{
	position: absolute;
	left: 50%;
	top: 307px;
	margin-left: 7px;
}
.footer-container{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	height: 239px;
	position: relative;
	background: url(../img/footer_bg.png) center top repeat-x;
}
.footer__btn{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -156px;
}
.footer__copyright{
	position: absolute;
	left: 50%;
	top: 128px;
	margin-left: -361px;
}



#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-y: auto;
	overflow-x: auto;
	z-index: 30000;
}

#overlay .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 960px;
	background: url(../img/bg_modal.png) top left repeat;
}

#overlay .container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#overlay .container .iframewrap {
	position: absolute;
	top: 50%;
	left: 50%;
}

#overlay .container iframe {
	border: none;
	background: transparent;
	position: absolute;
}

#overlay .close {
	position: absolute;
	top: 710px;
	right: 266px;
	display: block;
	width: 249px;
	height: 43px;
	background: url(../img/btn_close2.png) left top no-repeat;
}
#overlay .close:hover{
	background-position: left bottom;
}
.openoverlay {
	position: relative;
	overflow: hidden;
}