@charset "utf-8";

html {
	height:100%;
}
body {
	height: 100%;
	background-color: #FFFFFF;
	color: #000;
	line-height: 1.5;
	letter-spacing: -0.5px;
	-webkit-text-size-adjust: none;
}
a {
	color: #000;
	text-decoration: none;
}
/*a:hover{
	text-decoration: underline;
}*/

h1, h2, h3, h4, h5, dt, dd, li {
	line-height: 1;
	font-size:0;
}
img {
	vertical-align: top;
}
/* ----------------------------------------------
Layout
---------------------------------------------- */
#Wrapper {
	/*width:1024px;*/
	/*height:600px;*/
	height:100%;
	min-height:100%;
	position:relative;
}

body > #Wrapper {
	height: auto;
}

#contents{
	position:absolute;
	width:1024px;
	/*width:100%;*/
	height:550px;
	padding-bottom:70px;
	top:50%;
	left:50%;
	margin-top:-325px;
	margin-left:-512px;
	/*overflow:hidden;*/
	/*margin:0 auto;*/
}

#preload_outer {
	position: relative;
	width: 1px;
	height: 1px;
}

#preload {
	position: absolute;
	width: 10px;
	height: 10px;
	overflow: hidden;
	left: -1000px;
}
#shoulder{
	width:312px;
	height:55px;
}
#Main{
	padding-top:95px;
}
h1, #Main div{
	text-align: center;
	margin: 0 auto;
}

h1 {
	margin-bottom:34px;
	text-align: center;
}

h1 div{
	background-image:url("../img/index/imgTitle.gif");
	background-repeat: no-repeat;
	width:630px;
	height:136px;
}
h1.middle{
	margin-top:10px;
}
div#btnDownWapper{
	margin-bottom:59px;
}
span#Download, span#Download_ie, span#Download_o{
	background-image:url("../img/index/btnDownload.jpg");
	background-repeat: no-repeat;
	width:540px;
	height:26px;
	cursor:pointer;
	display:block;
	margin:0px auto;
}
/*
div#Download_o.IE9, div#Download_ie.IE9{
	margin-bottom:54px;
}
*/
div#AttentionIE.IE9{
	background-image:url("../img/index/attentionIE.gif");
	background-repeat: no-repeat;
	width:445px;
	height:30px;
}
div#Attention{
	background-image:url("../img/index/attention.gif");
	background-repeat: no-repeat;
	width:460px;
	height:28px;
}
div#AttentionBGM{
	background-image:url("../img/index/attentionBGM.gif");
	background-repeat: no-repeat;
	width:291px;
	height:14px;
}
div#Attention.IE9{
	margin-bottom:12px;
}
div#Attention.Other{
	margin-bottom:12px;
}
div#Attention.Other2{
	margin-bottom:12px;
}
div#btnEnter{
	background-image:url("../img/index/btnEnter.gif");
	background-repeat: no-repeat;
	width:257px;
	height:49px;
	cursor:pointer;
	margin-bottom:12px;
}
div#btnStart01, div#btnStart01_o{
	background-image:url("../img/index/btnStart01.gif");
	width:300px;
	height:30px;
	cursor:pointer;
	margin-bottom:30px;
}
div#btnStart02, div#btnStart02_o{
	background-image:url("../img/index/btnStart02.gif");
	background-repeat: no-repeat;
	width:300px;
	height:30px;
	cursor:pointer;
	margin-bottom:98px;
}
div#btnStart02_o.Other{
	margin-bottom:53px;
}
div#btnWapper{
	margin-bottom:12px;
}
span#btnStart03, span#btnStart03_o{
	background-image:url("../img/index/btnPlay.gif");
	background-repeat: no-repeat;
	width:124px;
	height:18px;
	cursor:pointer;
	display:block;
	margin:0px auto;
}
#Footer {
	clear:both;
/*	padding-bottom:46px;*/
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 70px;
	min-width: 1024px;
	/*overflow: hidden;*/
}
#Footer dt, #Footer dd, #Footer li {
	float:left;
}
#Footer li {
	padding-top:3px;
	padding-bottom:2px;
}
#Footer dl {
	padding-right:10px;
	padding-left:18px;
}
#Footer dt {
	margin-right:15px;
	padding-top:2px;
}
#Footer dt div{
	background-image:url("../img/index/share.gif");
	background-repeat: no-repeat;
	width:31px;
	height:15px;
}
#Footer dd {
	margin-right:4px;
	margin-bottom:-1px;
}
#FooterRight{
	width:600px;
	float:right;
}

#plusOne{
	/*background-image:url("../img/index/ico_01.gif");*/
	background-repeat: no-repeat;
/*	width:16px;
	height:16px;*/
	width:22px;
	height:22px;
	/*cursor:pointer;*/
	margin-top:-4px;
	display:block;
}

#FooterTools{
	position:absolute;
	width:401px;
	height:68px;
	background-image:url("../img/index/MemoLine.jpg");
	background-repeat: no-repeat;
	float:left;
	margin-left:12px;
}
#Footer ul#FooterMenu {
/*	float:right;*/
	display:inline;
}
#Footer ul#Language, #Footer ul#sound {
	/*padding-left:19px;
	padding-right:18px;*/
}
#Footer ul#Language li {
	border:none;
	padding-top:4px;
	padding-bottom:1px;
}
#Footer ul#Language li.BorderText {
	font-size:14px;
	color:#000000;
	/*margin-right:12px;*/
	padding:0;
}
#Footer ul#Language li.BorderText.mr {
	margin-right:19px;
}
#Footer ul#Language li.BorderText.mlmr {
	margin-left:18px;
	margin-right:5px;
}
#Footer ul#Language li#FooterJapanese {
	margin-right:20px;
}
#Footer ul#FooterMenu li {
	/*padding-right:12px;*/
	margin-right:5px;
	color:#000;
	font-size:11px;
	cursor:pointer;
}
#Footer ul#FooterMenu li.BorderText {
	font-size:14px;
	margin-right:5px;
	/*padding-right:0;
	padding-top:2px;*/
	padding:0;
}
div#FooterMenu00{
	background-image:url("../img/index/btnBunner.gif");
	background-repeat: no-repeat;
	width:179px;
	height:22px;
	cursor:pointer;
}
#Footer ul#FooterMenu li div#FooterJapanese{
	/*background-image:url("../img/index/ja.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:45px;*/
	/*height:11px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li span#FooterJapanese a{
	color:#666;
}
#Footer ul#FooterMenu li div#FooterEnglish{
	/*background-image:url("../img/index/en_off.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:34px;*/
	/*height:11px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li div#FooterMenu01{
	/*background-image:url("../img/index/footer_01.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:82px;*/
	/*height:14px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li div#FooterMenu02{
	/*background-image:url("../img/index/footer_02.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:43px;*/
	/*height:12px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li div#FooterMenu03{
	/*background-image:url("../img/index/footer_03.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:43px;*/
	/*height:12px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li div#FooterMenu04{
	/*background-image:url("../img/index/footer_04.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:101px;*/
	/*height:12px;
	cursor:pointer;*/
}
#Footer ul#FooterMenu li div#FooterMenu05{
	/*background-image:url("../img/index/footer_05.gif");
	background-repeat: no-repeat;*/
	/*font-size:11px;
	color:#000;*/
	/*width:69px;*/
	/*height:12px;*/
}
#Footer ul#FooterMenu li.Last {
	padding-right:14px;
	padding-left:2px;
	padding-top:3px;
	margin-right:0;
	border:none;
}
#Footer ul#sound li.Last {
	padding-right:14px;
	padding-left:2px;
	padding-top:0px;
	margin-right:0;
	border:none;
}
#Footer ul#sound li.Last div{
	background-image:url("../img/index/sound_on.gif");
	background-repeat: no-repeat;
	width:12px;
	height:17px;
	cursor:pointer;
}

#MemoLine {
	float:right;
	margin-left:390px;
/*	margin-bottom:16px;*/
	margin-bottom:10px;
	/*background-image:url("../img/index/MemoLine.jpg");*/
	background-repeat: no-repeat;
}
#MemoLine li {
	float:left;
	margin-right:22px;
	border:none;
	/*margin-top: 170px;*/
}
#MemoLine li.right {
	float:right;
	padding-top:5px;
	height: 50px;
}
#Experiment{
/*	background-image:url("../img/index/experiment.gif");
	background-repeat: no-repeat;*/
/*	width:89px;*/
	width:109px;
	height:55px;
	cursor:pointer;
	float:left;
}
#Made{
/*	background-image:url("../img/index/made.gif");
	background-repeat: no-repeat;*/
	margin-top:2px;
	margin-left:33px;
	width:93px;
	height:60px;
	cursor:pointer;
	float:left;
}
#Play{
/*	background-image:url("../img/index/made.gif");
	background-repeat: no-repeat;*/
	margin-left:33px;
	margin-top:10px;
	width:128px;
	height:45px;
	cursor:pointer;
	float:left;
}



/* ----------------------------------------------
COMMON
---------------------------------------------- */

/* General Classes
------------------------- */

.clearfix:after {
	display: block;
	visibility: hidden;
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#footer_menu00{
	background-image:url("../img/index/footer_menu00.jpg");
	position: absolute;
	width:800px;
	height:338px;
	overflow:auto;
	top:114px;
	left:50%;
	margin-left:-400px;
	background-color:#000;
	z-index:120;
}

#bClose{
	position: absolute;
/*	top:104px;*/
	top:10px;
/*	left:868px;*/
	left:50%;
	margin-left:355px;
	width:28px;
	height:28px;
	cursor:pointer;
	z-index:150;
}

.footer_menu01{
	position: absolute;
	width:752px;
	height:385px;
	overflow:auto;
/*	top:154px;*/
	/*top:114px;
	left:134px;*/
	top:114px;
	left:50%;
	margin-left:-376px;
	background-color:#000;
	z-index:70;
}

#footer_content{
	font-size:13px;
	line-height:1.5em;
	color:#FFF;
	/*background-image:url("../img/index/footer_menu01.gif");*/
	width:735px;
	/*height:744px;*/
}

#chrome_download_link{
	text-decoration: underline;
	color: #FFF;
	cursor: pointer;
}

#wrapper{
	visibility:hidden;
}

#background{
	position: absolute;
/*	top:94px;*/
	top:54px;
	/*left:112px;*/
	left:50%;
	margin-left:-400px;
	background-image:url("../img/index/bg.gif");
	width:800px;
	height:480px;
	z-index:50;
	/*margin:0 auto;*/
}

#close{
	position: absolute;
/*	top:104px;*/
	top:60px;
/*	left:868px;*/
	left:50%;
	margin-left:354px;
	width:28px;
	height:28px;
	cursor:pointer;
	z-index:100;
}

#meisterOff{
	background-color:#FFF;
	/*position: absolute;*/
	width:119px;
	height:22px;
	top:10px;
	right:22px;
	cursor: pointer;
}

#meisterOffImg{
	background-image:url("../img/index/btnPuzzlemeisterOff.gif");
	background-repeat: no-repeat;
	position: relative;
	width:119px;
	height:22px;
}

#meisterOn{
	background-color:#FFF;
	/*position: absolute;*/
	width:119px;
	height:22px;
	/*top:-170px;
	right:22px;*/
	cursor: pointer;
}

#meisterOnImg{
	background-image:url("../img/index/btnPuzzlemeisterOn.gif");
	background-repeat: no-repeat;
	position: relative;
	width:119px;
	height:22px;
}

#meisterList{
	background-color:#000;
	/*position: absolute;*/
	position: absolute;
	top:-107px;
	right:23px;
	width:118px;
	/*top:473px;*/
	/*left:806px;*/
}

#meisterList div{
	position: relative;
	/*top:10px;*/
	top:0px;
	margin:10px;
	width:100px;
	height:90px;
	overflow:hidden;
}

#meister{
	background-color:#333;
	position: relative;
	width:110px;
	height:60px;
}

#meister .meister{
	list-style: none;
	color:#fff;
}

#meister .meister li{
	margin-top: 0px;
	display: block;
	min-width: 112px;
	text-align: left;
	font-size:12px;
	height:13px;
	padding:1px 0px;
	font-weight: bold;
}

.mw_cont {
	display: none;
}
#btnEnterCont, #btnStart03Cont, #btnStart03_oCont, #btnStart01Cont, #btnStart01_oCont, #btnPuzzleFocus {
	background-image:url("../img/index/btnReset.gif");
	color: #000;
	width:315px;
	height:35px;
	cursor:pointer;
	margin-bottom:30px;
}