@charset "Shift-JIS";
/*  */
/* 
------------------------------------------------------------
file name: mini_game.css
Author: M.Choi
create: 2008.10.14

======================= contents ===========================

   1: page title
   2: h2 h3
;
============================================================
*/

/* page title
------------------------------------------------------------ */
#center_column h1.ttl_page {
	width: 198px;
	height: 21px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h1_minigame.jpg) no-repeat;
	}

/* h2 h3
------------------------------------------------------------ */
#center_column div.page_content h2.ttl_h2_01{
	width: 350px;
	height: 42px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h2_game01.gif) no-repeat;
	}
#center_column div.page_content h2.ttl_h2_02{
	width: 350px;
	height: 42px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h2_game02.gif) no-repeat;
	}
#center_column div.page_content h2.ttl_h2_02d{
	width: 350px;
	height: 42px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h2_game_d02.gif) no-repeat;
	}	
#center_column div.page_content h2.ttl_h2_03{
	width: 350px;
	height: 42px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h2_game03.gif) no-repeat;
	}	
#center_column div.page_content h2.ttl_h2_03d{
	width: 350px;
	height: 42px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/h2_game_d03.gif) no-repeat;
	}
/* 
------------------------------------------------------------ */
.txt01{
	font-size: 10px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	line-height: 1.2em;
	color: #f00;
	}
.txt02{
	font-size: 10px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	line-height: 1.2em;
	}	
#center_column div.page_content p.text {
	margin: 0;
	padding: 10px 0 20px 2px;
	}
#center_column div.page_content div.game01,
#center_column div.page_content div.game02,
#center_column div.page_content div.game03 {
	position:relative;
	margin:15px 0 20px 15px;
	width: 650px;
	height: 282px;
	}
	
#center_column div.page_content div.game01{
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_game01.gif) no-repeat;
	}
#center_column div.page_content div.game02{
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_game02.gif) no-repeat;
	}
#center_column div.page_content div.game03{
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_game03.gif) no-repeat;
	}


#center_column div.page_content div.game01 a.img_game01,
#center_column div.page_content div.game02 a.img_game02,
#center_column div.page_content div.game03 a.img_game03 {
	position:absolute;
	width: 318px;
	height: 256px;
	top:12px;
	left:12px;
	}
#center_column div.page_content div.game01 a.img_game01 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/game01_img.jpg) no-repeat;
	}
#center_column div.page_content div.game02 a.img_game02 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/game02_img.jpg) no-repeat;
	}
#center_column div.page_content div.game03 a.img_game03 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/game03_img.jpg) no-repeat;
	}	
#center_column div.page_content div.game01 div.txt_game01,
#center_column div.page_content div.game02 div.txt_game02,
#center_column div.page_content div.game03 div.txt_game03 {
	position:absolute;
	width: 280px;
	height: 120px;
	top:80px;
	left:350px;
	}
#center_column div.page_content div.game01 div.button,
#center_column div.page_content div.game02 div.button,
#center_column div.page_content div.game03 div.button {
	position:absolute;
	width: 182px;
	top:210px;
	right:70px;
	float: right;
	}
	#center_column div.page_content div.game01 div.button  a.btn_play,
	#center_column div.page_content div.game02 div.button  a.btn_play,
	#center_column div.page_content div.game03 div.button  a.btn_play {
		width: 182px;
		height: 44px;
		background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/btn_play.gif) no-repeat;
		}
	#center_column div.page_content div.game01 div.button  a.btn_play:hover,
	#center_column div.page_content div.game02 div.button  a.btn_play:hover,
	#center_column div.page_content div.game03 div.button  a.btn_play:hover {
		background-position: 0px -44px;
		}
/* game01.html
------------------------------------------------------------ */							
#center_column div.page_ctrl_button {
	width: 690px;
	margin: 0 auto;
	padding: 10px 0;
	}
	#center_column div.page_ctrl_button a.btn_top_game {
		width: 222px;
		height: 44px;
		margin: 0 auto;
		background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/btn_top_game.gif) no-repeat;
		}
	#center_column div.page_ctrl_button a.btn_top_game:hover {
		background-position: 0px -44px;
		}
#center_column div.page_content div.flash_area {
	margin:15px 0 0 15px;
	padding:34px 0 0 50px;
	width: 600px;/*650*/
	height: 478px;/*512*/
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_game.gif) no-repeat;
	}
#center_column div.page_content div.bottom_area {
	margin:0 0 20px 15px;
	width:650px;
	height: 389px;
	}
#center_column div.page_content div.bottom_area div.rank_area {
	padding: 50px 0 0 28px;
	width: 310px;/*338*/
	height: 339px;/*389*/
	float:left;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_rank.gif) no-repeat;
	}
	#center_column div.page_content div.bottom_area div.rank_area table {
	width: 290px;
	height: 330px;
	text-align: center;
	}
	#center_column div.page_content div.bottom_area div.rank_area table tr{
	height: 30px;
	}
	
#center_column div.page_content div.bottom_area div.play_area {
	padding: 50px 0 0 30px;
	width: 282px;/*312*/
	height: 339px;/*389*/
	float:right;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/mini_game/bg_play.gif) no-repeat;
	}
	
#center_column div.page_content div.bottom_area div.play_area table.item_03 {
	width:240px;
	text-align:center;
	border:solid 1px #b28850;
	margin:10px 0;
	}	
#center_column div.page_content div.bottom_area div.play_area table.item_03 th {
	height:20px;
	}