@charset "shift-jis";
/*
=====================================================================
*
*
*
* ===================================================================
*/
#Wrapper {
	background: url(../img_index/common/main_bg.jpg) no-repeat top center;
}
	#TopContentHeader {
	}
	/* ie6 Hack */
	*html div#TopContentHeader {
	}
	/* ie6 Hack */
	/* ie7 Hack */
	*:first-child+html div#TopContentHeader {

	}
	/* ie7 Hack */

	#banner_happyprice {
		position: relative;
		width: 1px;
		height: 206px;
	}
	/* ie6 Hack */
	*html div#banner_happyprice {
		/* height: 184px; */
	}
	/* ie6 Hack */

	#banner_happyprice a {
		position: absolute;
		left: 20px;
		top: 140px;
	}

	#LinkContainer{
		width: 960px;
		clear: left;
		margin-bottom: 21px;

	}


	#GalleryLinkContentHeader{
		width: 260px;
		margin-top: 76px;
	}





		#TopContentHeader .left {
			width: 373px;
		}
		#TopContentHeader .right {
			width: 587px;
		}



			#TopGlobalNav {
				margin-top: 12px;
			}
				#TopGlobalNav li {
					float: left;
					display: block;
				}
				#TopGNAbout {
					width: 181px;
				}
				#TopGNStory {
					width: 115px;
				}
				#TopGNAction {
					width: 166px;
				}
				#TopGNCharacter {
					width: 125px;
				}


	#TopContent {
	}
		#TopMovieSection {
			background:  url(../img_index/common/bg_image.gif) no-repeat top left;
			height: 124px;
			width: 374px;
			margin-bottom: 15px;
			margin-left: 2px;
		}
			#TopMovieSection ul {
				padding-top: 10px;
				padding-left: 12px;
				width: 351px;
			}
				#TopMovieSection ul li {
					width: 170px;
				}

	#TopContentFooter {
		width: 100%;
		padding-top: 390px;
		padding-bottom: 41px;
	}

	/* ie6 Hack */
	*html div#TopContentFooter {
		margin-top: 0px;
		padding-bottom: 0px;
	}
	/* ie6 Hack */
	/* ie7 Hack */
	*:first-child+html div#TopContentFooter {
		padding-bottom: 40px;
	}
	/* ie7 Hack */

		#TopNewsSection {
			padding-top: 10px;
			margin-bottom: 10px;
		}
			#TopNewsSection .left {
				width: 580px;
				padding-left: 5px;
			}
				#TopNewsSection .left {
					margin-top: 10px;
				}
					#TopNewsSection .left li {
						font-size: 85%;
						margin-bottom: 5px;
					}



						#TopNewsSection li .date{
							font-size: 95%;
							color: #754C24;
							width: 80px;
							float: left;
							display: inline;
							margin-right: 10px;
						}

						#TopNewsSection li .text {
							width: 490px;
							float: left;
							display: inline;


						}

						#TopNewsSection li a{
							color: #996633;
						}
						#TopNewsSection li a:hover,
						#TopNewsSection li a:focus		{ color:#BB8855; }


			#TopNewsSection .right {
				width: 240px;
				margin-top: 5px;
			}

				#TopNewsSection .right img{
					margin-bottom: -5px;
				}



		#TopBunnerSection{
			width: 960px;
			padding-top: 20px;
			margin-bottom: 5px;
		}

			#TopBunnerSection .block{
				width: 960px;
			}
		/* iOs Hack */
		body.iOS #TopBunnerSection {
		}
		/* iOs Hack */

			/* iOs Hack */
			body.iOS #TopBunnerSection .block{
			}
			/* iOs Hack */


				#TopBunnerSection .linkBox{
					float: left;
					display: inline;
					width: 240px;
					height: 73px;
				}

				#TopBunnerSection .presidentLink{
					position: absolute;
					width: 240px;
					font-size: 10px;
					text-align: left;
					margin-top: 35px;
					margin-left: 15px;
				}

				#TopBunnerSection .guidebookNav{
					width: 105px;
					height: 20px;
					padding-left: 10px;
					padding-top: 10px;
				}


		#TopLinkSection{
			width: 960px;
			text-align: left;
		}


			#TopLinkSection .linkBox{
				float: left;
				display: inline;
			}


			#TopLinkSection .leftBlock{
				float: left;
				display: inline;
				width: 890px;
			}

				#TopLinkSection .leftBlock .linkBox{
				}

				#TopLinkSection .leftBlock .pdfLinkBox {
					width: 165px;
				}
					#TopLinkSection .leftBlock .pdfLinkBox a {
						display: block;
						margin-left: 5px;
						margin-top: 32px;
					}

			#TopLinkSection .rightBlock{
				float: right;
				display: inline;
				width: 240px;
			}







		#TopSpecSection {
			width: 960px;
		}
			#TopSpecSection ul {
				clear: left;
			}
				#TopSpecSection ul li {
					float: left;
				}
				#SpecImage {
					position: relative;
					width: 950px;
					margin-left: 5px;
					margin-top: 3px;
					margin-bottom: 25px;
				}
					/* download button */
					#SpecImage .download {
						position: absolute;
						top: 12px;
						left: 194px;
					}
					#SpecImage .aboutDownload {
						position: absolute;
						top: 85px;
						left: 194px;
					}


				#ClubNintendo {
					width: 100%;
					text-align: center;
					margin-bottom: 25px;
				}



				#PresidentImage{
					width: 320px;
					height: 73px;
					cursor: pointer;
					margin-top: 0px;
				}



					#PresidentImage .img{
						width: 320px;
						height: 73px;
						padding-bottom: -20px;
					}


							#PresidentImage a{
								color: #996633;
								text-decoration: none;
							}

							#PresidentImage a:hover,a:focus{
								color:#BB8855;
								text-decoration: underline;
							}




				#AttentionImage {
					position: relative;
				}
					#AttentionImage a {
						font-size: 10px;
						position: absolute;
						top: 6px;
						left: 506px;
						color: #754C24;
					}

	#CopyLight {
		padding-top: 15px;
		padding-bottom: 7px;
		text-align: center;
	}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 width: 100%;
 max-width: 1280px;
 min-width: 960px;
 margin: 0 auto;
 background: url(../img_index/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;
}