@charset "Shift_JIS";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : base.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */
body {
	background-color:#FFFFFF;
	text-align:center;
}
/* .alignCenter */
.alignCenter {
	text-align:center;
}

/* div#header
 * ******************************************************************************** */
div#header {
	width:768px;
	height:80px;
	margin:0 auto;
	text-align:center;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

/* div#container
 * ******************************************************************************** */
div#container {
	width:768px;
	margin:0 auto;
	text-align:left;
}
/* div#content
 * ================================================================================ */
div#container div#content {
	width: 768px;
	margin-bottom: 30px;
	background: url(../images/content_bg.gif) 0 0 repeat-y;
}
/* div.separator */
div#content div.separator {
	margin: 50px 0 0;
}
/* div#contentBottom 
------------------------------------------------------------*/
div#container div#content div#contentBottom {
	position: relative;
	width: 768px;
	height: 31px;
	background: url(../images/content_bottom_bg.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}
/* div.inner
------------------------------------------------------------*/
div#container div#content div.inner {
	margin-left: 55px;
}

/* ul#mainNavi
------------------------------------------------------------*/
ul#mainNavi {
	width: 768px;
}
ul#mainNavi li {
	display: inline;
	float: left;
	width: 384px;
	height: 42px;
	margin-right: 0;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* li.game */
ul#mainNavi li.game {
	background: url(../images/btn_game.jpg) left bottom no-repeat;
}
/* li.editor */
ul#mainNavi li.editor {
	background: url(../images/btn_editor.jpg) left bottom no-repeat;
}
ul#mainNavi li.editor {
	margin-right: 0;
}
ul#mainNavi li a {
	display: block;
	width: 384px;
	height: 42px;
}
/* li.game a */
ul#mainNavi li.game a {
	background: url(../images/btn_game.jpg) 0 0 no-repeat;
}
/* li.editor a */
ul#mainNavi li.editor a {
	background: url(../images/btn_editor.jpg) 0 0 no-repeat;
}
/* li a:hover */
ul#mainNavi li.game a:hover,
ul#mainNavi li.editor a:hover{
	background-position: left bottom;
}


/* ********************************************************************************
 * ■どんなゲーム？
 * file path : /game/index.html
 * body id name : body#game
 * ******************************************************************************** */

/* h2 */
body#game div#container div#content h2 {
	position: relative;
	margin: 0 0 24px 6px;
}
/* h2 span.btnReturn */
body#game div#container div#content h2 span.btnReturn {
	position: absolute;
	top: 28px;
	left: 618px;
}
body#game div#container div#content h2 span.btnReturn a {
	display: block;
	width: 111px;
	height: 24px;
	background: url(../images/btn_pagetop.jpg) no-repeat 0 0;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}

/* div#contentBottom 
------------------------------------------------------------*/
body#game div#container div#content div#contentBottom {
	margin-top: 25px;
}

/* div.inner
 * ================================================================================ */
/* p.description */
body#game div#content div.inner p.description {
	margin: 15px 0 10px;
}
/* p#flashContent1 */
body#game div#content div.inner p#flashContent1 {
	margin-top: 40px;
}
/* #flashContent1 */
body#game div#content div.inner #flashContent1 {
	margin-bottom: 55px;
}

/* ul#editorNavi
------------------------------------------------------------*/
body#game ul#gameNavi {
	display: none;
	width: 659px;
	height: 35px;
	overflow: hidden;
}
body#game ul#gameNavi li {
	float: left;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
body#game ul#gameNavi li a {
	display: block;
	width: 220px;
	height: 35px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* li.story */
body#game ul#gameNavi li.story a {
	background: url(../../game/images/game_tab_story.gif) 0 0 no-repeat;
}
/* li.shikake */
body#game ul#gameNavi li.shikake a {
	background: url(../../game/images/game_tab_shikake.gif) 0 0 no-repeat;
}
/* li.floor */
body#game ul#gameNavi li.floor a {
	width: 219px;
	background: url(../../game/images/game_tab_floor.gif) 0 0 no-repeat;
}
body#game ul#gameNavi li.story a:hover,
body#game ul#gameNavi li.story a.on,
body#game ul#gameNavi li.shikake a:hover,
body#game ul#gameNavi li.shikake a.on,
body#game ul#gameNavi li.floor a:hover,
body#game ul#gameNavi li.floor a.on {
	background-position: 0 100%;
}

/* div#storyContent
 * -------------------------------------------------------------------------------- */
body#game div#storyContent {
	position: relative;
	width: 659px;
	background: url(../../game/images/game_story_content_bg.gif) 0 0 repeat-y;
}
/* div.storyContentTop
------------------------------------------------------------*/
body#game div#storyContent div.storyContentTop {
	width: 659px;
	height: 20px;
	background: url(../../game/images/game_story_content_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.storyContentBottom
------------------------------------------------------------*/
body#game div#storyContent div.storyContentBottom {
	width: 659px;
	height: 20px;
	background: url(../../game/images/game_story_content_bottom.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h3.storyTitle */
body#game div#storyContent h3.storyTitle {
	margin: 21px 0 24px 31px;
}
/* p.txt1, p.txt2, p.img1 */
body#game div#storyContent p.txt1,
body#game div#storyContent p.txt2,
body#game div#storyContent p.img1 {
	margin-left: 29px;
	font-size: 0;
	line-height: 0;
}
/* p.txt1, p.img1 */
body#game div#storyContent p.txt1,
body#game div#storyContent p.img1 {
	margin-bottom: 26px;
}

/* div#shikakeContent
 * -------------------------------------------------------------------------------- */
body#game div#shikakeContent {
	position: relative;
	width: 659px;
	background: url(../../game/images/game_shikake_content_bg.gif) 0 0 repeat-y;
}
/* div.shikakeContentTop
------------------------------------------------------------*/
body#game div#shikakeContent div.shikakeContentTop {
	width: 659px;
	height: 20px;
	background: url(../../game/images/game_shikake_content_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.shikakeContentBottom
------------------------------------------------------------*/
body#game div#shikakeContent div.shikakeContentBottom {
	width: 659px;
	height: 20px;
	background: url(../../game/images/game_shikake_content_bottom.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h3.shikakeTitle */
body#game div#shikakeContent h3.shikakeTitle {
	position:absolute; top:40px; left:31px;
	z-index: 50;
}
/* #flashContent2 */
body#game div#shikakeContent object#flashContent2,
body#game div#shikakeContent param#flashContent2 {
	margin: 0 0 15px 30px;
}
/* p.txt1, p.txt2, p.txt3, p.txt4, p.txt5 */
body#game div#shikakeContent p.txt1,
body#game div#shikakeContent p.txt2,
body#game div#shikakeContent p.txt3,
body#game div#shikakeContent p.txt4,
body#game div#shikakeContent p.txt5 {
	margin: 0 0 35px 31px;
	font-size: 0;
	line-height: 0;
}
/* p.txt1, p.txt5 */
body#game div#shikakeContent p.txt1,
body#game div#shikakeContent p.txt5 {
	margin-bottom: 25px;
}

/* div#floorContent
 * -------------------------------------------------------------------------------- */
body#game div#floorContent {
	position: relative;
	width: 659px;
	background: url(../../game/images/game_floor_content_bg.gif) 0 0 repeat-y;
}
/* div.floorContentTop
------------------------------------------------------------*/
body#game div#floorContent div.floorContentTop {
	width: 659px;
	height: 20px;
	background: url(../../game/images/game_floor_content_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.floorContentBottom
------------------------------------------------------------*/
body#game div#floorContent div.floorContentBottom {
	width: 659px;
	height: 17px;
	background: url(../../game/images/game_floor_content_bottom.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h3.floorTitle */
body#game div#floorContent h3.floorTitle {
	margin: 17px 0 25px 31px;
}
/* p.txt1, p.txt2 */
body#game div#floorContent p.txt1,
body#game div#floorContent p.txt2 {
	margin-left: 31px;
	font-size: 0;
	line-height: 0;
}
/* p.txt1, p.img1 */
body#game div#floorContent p.txt1 {
	margin-bottom: 26px;
}


/* ********************************************************************************
 * ■エディタールーム
 * file path : /editor/index.html
 * body id name : body#editor
 * ******************************************************************************** */

/* h2 */
body#editor div#container div#content h2 {
	position: relative;
	margin: 0 0 24px 6px;
}
/* h2 span.btnReturn */
body#editor div#container div#content h2 span.btnReturn {
	position: absolute;	top:28px; left:618px;
}
body#editor div#container div#content h2 span.btnReturn a {
	display: block;
	width: 111px;
	height: 24px;
	background: url(../images/btn_pagetop.jpg) no-repeat 0 0;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}

/* div.inner
 * ================================================================================ */
/* p.note1 */
body#editor div#content div.inner p.note1 {
	margin: 15px 0 20px;
}

/* ul#editorNavi
------------------------------------------------------------*/
body#editor ul#editorNavi {
	display: none;
	width: 659px;
	height: 35px;
	overflow: hidden;
}
body#editor ul#editorNavi li {
	float: left;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
body#editor ul#editorNavi li a {
	display: block;
	height: 35px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* li.stage */
body#editor ul#editorNavi li.stage a {
	width: 330px;
	background: url(../../editor/images/editor_tab_stage.gif) 0 0 no-repeat;
}
/* li.download */
body#editor ul#editorNavi li.download a {
	width: 329px;
	background: url(../../editor/images/editor_tab_download.gif) 0 0 no-repeat;
}
body#editor ul#editorNavi li.stage a:hover,
body#editor ul#editorNavi li.stage a.on,
body#editor ul#editorNavi li.download a:hover,
body#editor ul#editorNavi li.download a.on {
	background-position: 0 100%;
}

/* div#stageContent
 * -------------------------------------------------------------------------------- */
body#editor div#stageContent {
	position: relative;
	width: 659px;
	background: url(../../editor/images/editor_stage_content_bg.gif) 0 0 repeat-y;
}
/* div.stageContentTop
------------------------------------------------------------*/
body#editor div#stageContent div.stageContentTop {
	width: 659px;
	height: 20px;
	background: url(../../editor/images/editor_stage_content_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.stageContentBottom
------------------------------------------------------------*/
body#editor div#stageContent div.stageContentBottom {
	width: 659px;
	height: 47px;
	background: url(../../editor/images/editor_stage_content_bottom.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h3.stageTitle */
body#editor div#stageContent h3.stageTitle {
	position:absolute; top:40px; left:31px;
	z-index: 50;
}
/* p.txt1, p.txt2, p.txt3, p.txt4, p.txt5 */
body#editor div#stageContent p.txt1,
body#editor div#stageContent p.txt2,
body#editor div#stageContent p.txt3,
body#editor div#stageContent p.txt4,
body#editor div#stageContent p.txt5 {
	margin-left: 31px;
	font-size: 0;
	line-height: 0;
}
/* p.txt5 */
body#editor div#stageContent p.txt5 {
	margin-top: 28px;
}

/* div#downloadContent
 * -------------------------------------------------------------------------------- */
body#editor div#downloadContent {
	position: relative;
	width: 659px;
	background: url(../../editor/images/editor_download_content_bg.gif) 0 0 repeat-y;
}
/* div.stageContentTop
------------------------------------------------------------*/
body#editor div#downloadContent div.downloadContentTop {
	width: 659px;
	height: 20px;
	background: url(../../editor/images/editor_download_content_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.stageContentBottom
------------------------------------------------------------*/
body#editor div#downloadContent div.downloadContentBottom {
	width: 659px;
	height: 87px;
	background: url(../../editor/images/editor_download_content_bottom.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h3.stageTitle */
body#editor div#downloadContent h3.downloadTitle {
	margin: 20px 0 26px 31px;
}
/* p.txt1 */
body#editor div#downloadContent p.txt1 {
	margin-left: 16px;
	font-size: 0;
	line-height: 0;
}
/* p.txt2, p.txt3, p.txt4 */
body#editor div#downloadContent p.txt2,
body#editor div#downloadContent p.txt3,
body#editor div#downloadContent p.txt4 {
	margin-left: 31px;
	font-size: 0;
	line-height: 0;
}
/* p.txt4 */
body#editor div#downloadContent p.txt4 {
	margin-bottom: 18px;
}


/* p.note2 */
body#editor div#content div.inner p.note2 {
	margin: 18px 0 5px;
}