@charset "UTF-8";

/* ========================================
	base
======================================== */
html,
body {
	height: 100%;
	background-color: #FFF;
}
body > #wrapper {
	height: auto;
}

#wrapper {
	position: relative;
	height:100%;/* for IE6 */
	min-height:100%;
}

/* ========================================
	#main-visual
======================================== */
#main-visual {
	background: url(../images/top_bg01.png) center top repeat;
	height: 591px;
}

#logo {
	top: 338px;
	left: 356px;
}

#logo2{
	display: none;
	position: absolute;
	top:0;
}

.no-js #logo2{
	display: none;
}

#copy {
	top: 57px;
	left: 460px;
}

#main-img01 {
	top: 0;
	left: 43px;
}

#main-img02 {
	top: 0;
	left: -182px;
	overflow: hidden;
}

#logo,
#copy,
#main-img01,
#main-img02 {
	position: absolute;
	display: none;
}
.no-js #logo,
.no-js #copy,
.no-js #main-img01,
.no-js #main-img02 {
	display: block;
}

/* ========================================
	contents
======================================== */
#main-bg1 {
	background: url(../images/main_bg01.png) center 0 repeat;
}

#main-bg2 {
	background: url(../images/main_bg02.png) center 0 no-repeat;
}

#main-bg3 {
	background: url(../images/main_bg03.png) center 0 repeat-x;
}

#main-bg4 {
	background: url(../images/main_bg04.png) center bottom repeat-x;
}

#main-inner1 {
	height: 895px;
	padding-top: 39px;
	margin: 0 auto;
}

/* ＃job-navi */
#job-navi {
	position: relative;
}

#navi-ttl {
	position: absolute;
	top: 17px;
	left: -43px;
}

#navi01 {
	position: absolute;
	top: 10px;
	left: 307px;
}
#navi02 {
	position: absolute;
	top: 10px;
	left: 652px;
}
#navi03 {
	position: absolute;
	top: 355px;
	left: -17px;
}
#navi04 {
	position: absolute;
	top: 380px;
	left: 324px;
} 
#navi05 {
	position: absolute;
	top: 382px;
	left: 649px;
}

#star-job {
	position: absolute;
	top: 0px;
	left: -320px;
}

/* job以外 */
#main-inner2 {
	height: 312px;
	margin: 0 auto;
}

#main-bg5 {
	background: url(../images/main_bg05.png) center 0 repeat;
}
#main-bg6 {
	background: url(../images/main_bg06.png) center 286px repeat-x;
}

#navi06 {
	position: absolute;
	top: 13px;
	left: -13px;
}
#navi07 {
	position: absolute;
	top: 13px;
	left: 420px;
}
#navi08 {
	position: absolute;
	top: 20px;
	left: 731px;
}
#main-inner1 .up-icon01 {
	position: absolute;
	top: 44px;
	left: -15px;
	z-index: 20;
}
#main-inner1 .up-star {
	position: absolute;
	top: 32px;
	left: -22px;
	z-index: 21;
}

#main-inner2 .up-icon01 {
	position: absolute;
	top: 9px;
	left: 405px;
	z-index: 20;
}
#main-inner2 .up-star {
	position: absolute;
	top: -3px;
	left: 398px;
	z-index: 21;
}

#star-other {
	position: absolute;
	top: 9px;
	left: -255px;
}


/* navi-mouseover */
#navi01 .nav-off,
#navi02 .nav-off,
#navi03 .nav-off,
#navi04 .nav-off,
#navi05 .nav-off,
#navi06 .nav-off,
#navi07 .nav-off,
#navi08 .nav-off,
.spec-detail .nav-off {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#navi01 .nav-on,
#navi02 .nav-on,
#navi03 .nav-on,
#navi04 .nav-on,
#navi05 .nav-on,
#navi06 .nav-on,
#navi07 .nav-on,
#navi08 .nav-on,
.spec-detail .nav-on {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}
.amibo-star
 {
	position: absolute;
	top: 184px;
	left: 31px;
	z-index: 16;
}
/* ========================================
	#spec
======================================== */
#spec {
	background: url(../common/navi_bg.png) center top repeat;
}

#spec-inner {
	height: 193px;
}

.spec-pack {
	position: absolute;
	top: 22px;
	left: 233px;
}
.spec-ico {
	position: absolute;
	top: 22px;
	left: 368px;
}
.spec-cero {
	position: absolute;
	top: 22px;
	left: 428px;
}

.spec-network {
	position: absolute;
	top: 83px;
	left: 428px;
}
.spec-amiibo {
	position: absolute;
	top: 83px;
	left: 368px;
}

.spec-img01 {
	position: absolute;
	top: 22px;
	left: 496px;
}
.spec-img02 {
	position: absolute;
	top: 52px;
	left: 496px;
}
.spec-img03 {
	position: absolute;
	top: 83px;
	left: 496px;
}

.spec-detail {
	position: absolute;
	top: 107px;
	left: 496px;
}

.spec-yoyaku {
	position: absolute;
	top: 151px;
	left: 230px;
}

.spec-yoyaku span {
	position: absolute;
	top: 0;
	left: 281px;
}

.spec-other {
	position: absolute;
	top: 150px;
	left: 231px;
}

.spec-other-theme {
	position: absolute;
	top: 0;
	left: 0;
}

.spec-other-guide {
	position: absolute;
	top: -30px;
	left: 262px;
}

#star-spec {
	position: absolute;
	top: 10px;
	left: -270px;
	position: relative;
}

.star01,
.star02,
.star03 {
	position: absolute;
	top: 0;
	left: 0;
}

/* ========================================
	#footer
======================================== */
#footer {
	text-align: left;
}

#footer .copyright {
	float: right;
}


/* ========================================
	iframe
======================================== */
#update-area {
	position: relative;
	width: 716px;
	height: 102px;
	/*margin: 0 auto;*/
	padding: 11px 29px 11px 33px;
	background: url(../images/update_bg.png) left top no-repeat;
}

/* update.html */
#update-area iframe {
	width: 716px;
	height: 80px;
	overflow: hidden;
}

.js #update-inner {
	height: 80px;
	overflow: hidden;
}
.no-js #update-inner {
	height: 80px;
	overflow: scroll;
	overflow-x: hidden;
}

#update-inner dl {
	width: 696px;
	margin: 5px 0;
	font-size: 14px;
	line-height: 140%;
}
#update-inner dt {
	float: left;
	width: 95px;
	color: #999;
}
#update-inner dd {
	width: 580px;
	padding-left: 120px;
	color: #2592A5;
}
#update-inner dd a {
	color: #2592A5;
}


#update-inner dd a:link, #update-inner dd a:visited {
	text-decoration: underline;
}
#update-inner dd a:hover, #update-inner dd a:active {
	text-decoration: none;
}



#main-bg7{
	background: url(../images/main_bg07.png) center 20px repeat;
}

#main-inner3{
	/*height:825px;*/
	height: 420px;
	position: relative;
	background: url(../images/main_bg07_top.png) center top repeat-x;
}


#main-inner3 .info-collaboration {
	position: absolute;
	/*top: 450px;*/
	top: 40px;
	left: 39px;
}

#main-inner3 .info-collaboration-btn1 {
	position: absolute;
	top: 104px;
	left: 12px;
	width: 219px;
	height: 203px;
}

#main-inner3 .info-collaboration-btn2 {
	position: absolute;
	top: 104px;
	left: 261px
}
#main-inner3 .info-collaboration-btn .nav-on {
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

#main-inner2 {
	height: 286px;
	margin: 0 auto;
}
#main-bg6 {
	background: url(../images/main_bg06.png) center bottom repeat-x;
	padding-bottom:25px;
}

#tvcm-btn{
	position: absolute;
	top: 39px;
	right: -10px;
}
#tvcm-btn .nav-on{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.info-txt{
	position: absolute;
	/*top: 780px;*/
	top: 370px;
	left: 36px;
}
.info-txt a{
	display: block;
	position: absolute;
	top: 0;
	left: 467px;
	width: 72px;
	height: 23px;
}
.info-txt a .nav-on{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.item {
	position: absolute;
	/*top: 450px;*/
	top: 40px;
	left: 577px;
	width: 346px;
	height: 315px;
	background: url(../images/item.png) 0 0 no-repeat;
}

.item-new {
	position: absolute;
	top: -6px;
	left: 104px;
	display: none;
}

.item.new .item-new {
	display: block;
}

.item-inner {
	margin: 0 auto;
	width: 266px;
}

.item-ttl {
	margin: 25px 0 0 0;
	text-align: center;
}

.item-ttl2 {
	margin: 10px;
	color: #FF8C2B;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	height: 45px;
}
.item-ttl2.line1 {
	line-height: 45px;
}
.item-bnr {
	margin: 10px 0;
	text-align: center;
}
.item-date {
	margin-bottom: 10px;
	color: #777777;
	font-size: 14px;
}

.item-copy {
	color: #777777;
	font-size: 14px;
	line-height: 1.4;
}

.item-copyright {
	margin-top: 2px;
	color: #777777;
	font-size: 11px;
	line-height: 1.4;
	text-align: right;
}

.item-btn {
	position: absolute;
	top: 160px;
	left: 144px;
}
.item-btn .nav-off {
	position: absolute;
	top: 0;
	left: 0;
}
.item-btn .nav-on {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/*スライダー*/
.slider {
	position: relative;
	margin: 0 auto;
	width: 326px;
	height: 275px;
	overflow: hidden;
}
.slider .slider-main {
	position: absolute;
	top: 0;
	left: 0;
}
.slider .slider-main li {
	width: 326px;
	height: 275px;
	float: left;
	position: relative;
}
.slider .slider-prev,
.slider .slider-next {
	position: absolute;
	top: 100px;
	display: none;
}

.slider .slider-prev {
	left: 8px;
}
.slider .slider-next {
	right: 8px;
}



#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}


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