@charset "Shift-JIS";
/*  */
/* 
------------------------------------------------------------
Lunatia square common style
file name: common.css
Author: K.Takahashi
create: 2008.10.01
last update: 2009.01.14(K.Takahashi)

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

   1: Browser-style reset
   2: for non-CSS
   3: clearfix
   4: fontfix
   5: column setting (layout only)
   6: common background
   7: especial font-color
   8: general item style
   9: logo_area
  10: MyA box (before login)
  11: MyA box (after login)
  12: category menu
  13: center_column item
  14: footer
;
============================================================
*/
/* Browser-style reset
------------------------------------------------------------ */
html{
	margin: 0;
	padding: 0;
	}
body,th,td {
	font-family: "Arial","�l�r �o�S�V�b�N","Osaka";
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #630;
	line-height: 1.3em;
	}
body {
	text-align: center;/* for ie6 bug */
	}
table {
	border-collapse: collapse;
	}
form {
	margin: 0;
	padding: 0;
	}
a,label{
	cursor: pointer;
	}
img {
	border:none;
	}
a:link {
	color: #06f;
	text-decoration: underline;
	}
a:visited {
	color: #06f;
	text-decoration: underline;
	}
a:hover {
	color: #3399CC;
	text-decoration: underline;
	}
a:active {
	color: #f00;
	text-decoration: underline;
	}

/* for non-CSS
------------------------------------------------------------ */
.aid {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* clearfix
(.clearfix class wraps enclosing block element around inner floated elements)
------------------------------------------------------------ */
html {
	height: 100%;
	}
body {
	height: 100%;
	}
#all{
	min-height: 100%;
	}
* html #all {
	height: 100%;
	}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
	}
.clearfix {
	min-height: 1px;
	display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix { 
	height: 1%;
	}
.clearfix {
	display:block;
	}
/* end MacIE5 */

/* fontfix
(FF & IE7 font fix. "���~��" and more...)
------------------------------------------------------------ */
.fontfix {
	font-family: "�l�r �o�S�V�b�N";
	}

/* column setting (layout only)
------------------------------------------------------------ */
/* common */
div#global_header {
	height: 32px;
	overflow: hidden;
	}
div#all{
	text-align: left;
	width:960px;
	margin: 0 auto;
	}
div#all div#main {
	width: 960px;
	}
div#all div#footer {
	padding: 40px;
	}
/* main 2-column */
div#all div#main div#left_column {
	width: 200px;
	float: left;
	}
div#all div#main div#center_column {
	width: 750px;
	min-height: 780px;
	float: right;
	}
* html #center_column {
	height: 780px;
	}

/* position */
div#all div#footer,
div#all div#main div#left_column,
div#all div#main div#center_column {
	position: relative;
	}

/* common background
------------------------------------------------------------ */
body {
	background: #FFF6D7 url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/bg_page_common.jpg) no-repeat scroll center top;
	}
#center_column {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/bg_main_column.jpg) no-repeat scroll center top;
	}
#footer {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/hr_footer_line.gif) no-repeat scroll center top;
	}
div#global_header {
	background-color: #E9E9E9;
	}

/* especial font-color
------------------------------------------------------------ */
.caution {
	color: #f00;
	}

/* general item style
------------------------------------------------------------ */
.img_css {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}

/* logo_area
------------------------------------------------------------ */
#left_column a.logo_area {
	height: 150px;
	}

/* MyA box (before login)
------------------------------------------------------------ */
#left_column div.mya_box_guest_d {
	width: 164px;
	position: absolute;
	top: 180px;
	left: 20px;
	}
/* form item */
#left_column div.mya_box_guest_d form.usr_login_d {
	width: 158px;
	height: 146px;/* 119+27 */
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/bg_login_form.jpg) no-repeat;
	position: relative;
	}
#left_column div.mya_box_guest_d form.usr_login_d input.usr_id_d,
#left_column div.mya_box_guest_d form.usr_login_d input.usr_pw_d {
	width: 110px;
	height: 15px;
	color: #630;
	background: transparent;
	border: none;
	font-size: 12px;
	position: absolute;
	left: 35px;
	}
#left_column div.mya_box_guest_d form.usr_login_d input.usr_id_d {
	top: 42px;
	}
#left_column div.mya_box_guest_d form.usr_login_d input.usr_pw_d {
	top: 70px;
	}
#left_column div.mya_box_guest_d form.usr_login_d input.usr_crypto_d {
	position: absolute;
	top: 93px;
	left: 26px;
	}
/* input button */
#left_column div.mya_box_guest_d form.usr_login_d input.usr_login_d {
	width: 158px;
	height: 27px;

	overflow: hidden;
	border: none;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_login.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;

	position: absolute;
	top: 119px;
	left: 0px;
	}
#left_column div.mya_box_guest_d form.usr_login_d input.usr_login_d:hover {
	background-position: 0 -27px;
	}
/* button */
#left_column div.mya_box_guest_d a.btn_reminder {
	width: 158px;
	height: 14px;
	margin: 12px 0;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_reminder_.jpg) no-repeat;
	}
#left_column div.mya_box_guest_d a.btn_registration {
	width: 158px;
	height: 54px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_registration.jpg) no-repeat;
	}
#left_column div.mya_box_guest_d a.btn_reminder:hover {
	background-position: 0 -14px;
	}
#left_column div.mya_box_guest_d a.btn_registration:hover {
	background-position: 0 -54px;
	}

/* MyA box (after login)
------------------------------------------------------------ */
#left_column div.mya_box_member_d {
	width: 164px;
	height: 216px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/bg_mya.jpg) no-repeat;
	position: absolute;
	top: 200px;
	left: 18px;
	}
#left_column div.mya_box_member_d span {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
#left_column div.mya_box_member_d div.usr_name_d,
#left_column div.mya_box_member_d div.usr_mya_d,
#left_column div.mya_box_member_d div.usr_lv_d,
#left_column div.mya_box_member_d div.usr_hp_d,
#left_column div.mya_box_member_d div.usr_point_d,
#left_column div.mya_box_member_d a.btn_usr_profile_d,
#left_column div.mya_box_member_d a.btn_usr_mymya_d,
#left_column div.mya_box_member_d a.btn_usr_mail_d,
#left_column div.mya_box_member_d a.btn_usr_logout_d {
	position: absolute;
	}
#left_column div.mya_box_member_d div.usr_lv_d,
#left_column div.mya_box_member_d div.usr_hp_d,
#left_column div.mya_box_member_d div.usr_point_d {
	right: 0;
	}

#left_column div.mya_box_member_d div.usr_title_d {
	width: 100%;
	text-align: center;
	}
#left_column div.mya_box_member_d div.usr_title_d_rare {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background-color: #FF0000;
	}
#left_column div.mya_box_member_d div.usr_name_d {
	width: 140px;
	text-align: center;
	top: 23px;
	}
#left_column div.mya_box_member_d div.usr_mya_d {
	width: 95px;/* (include borders):97px */
	height: 148px;/* (include borders):150px */
	border: 1px solid #C06A03;
	top: 62px;
	}
#left_column div.mya_box_member_d div.usr_lv_d {
	width: 40px;
	top: 60px;
	}
#left_column div.mya_box_member_d div.usr_hp_d {
	width: 40px;
	top: 78px;
	}
#left_column div.mya_box_member_d div.usr_point_d {
	width: 62px;
	text-align: right;
	top: 112px;
	}
/* button */
#left_column div.mya_box_member_d a.btn_usr_profile_d,
#left_column div.mya_box_member_d a.btn_usr_mymya_d,
#left_column div.mya_box_member_d a.btn_usr_mail_d {
	width: 64px;
	height: 19px;
	right: -1px;
	}
#left_column div.mya_box_member_d a.btn_usr_profile_d {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_usr_profile.gif) no-repeat;
	top: 135px;
	}
#left_column div.mya_box_member_d a.btn_usr_mymya_d {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_usr_mymya.gif) no-repeat;
	top: 154px;
	}
#left_column div.mya_box_member_d a.btn_usr_mail_d {
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_usr_mail.gif) no-repeat;
	top: 173px;
	text-decoration: none;
	}
#left_column div.mya_box_member_d a.btn_usr_logout_d {
	width: 64px;
	height: 18px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_usr_logout.gif) no-repeat;
	right: -1px;
	top: 194px;
	}
#left_column div.mya_box_member_d a.btn_usr_profile_d:hover,
#left_column div.mya_box_member_d a.btn_usr_mymya_d:hover,
#left_column div.mya_box_member_d a.btn_usr_mail_d:hover {
	background-position: 0 -19px;
	}
#left_column div.mya_box_member_d a.btn_usr_logout_d:hover {
	background-position: 0 -18px;
	}
/* mini mail */
#left_column div.mya_box_member_d a.btn_usr_mail_d span {
	display: block;
	width: 20px;
	height: 13px;

	color: #fc3;
	font-size: 9px;
	text-align: center;
	text-indent: 0px;

	position: absolute;
	top: 2px;
	left: 37px;
	}

/* category menu
------------------------------------------------------------ */
#left_column ul.cat_menu {
	width: 128px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 501px;
	left: 36px;
	}
#left_column ul.cat_menu li,
#left_column ul.cat_menu li a {
	display: block;
	overflow: hidden;
	height: 22px;
	margin: 0 auto 2px auto;
	text-indent: -9999px;
	}
/* active image <li> */
#left_column ul.cat_menu li.submenu00_top {
	width: 116px;
	margin: 0 auto 5px auto;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu00_top_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu01_talknpc {
	width: 98px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu01_talknpc_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu02_bbs {
	width: 110px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu02_bbs_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu03_ssbbs {
	width: 114px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu03_ssbbs_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu04_minigame {
	width: 72px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu04_minigame_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu05_lunapoint {
	width: 106px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu05_lunapoint_on.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu06_lunalink {
	width: 128px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu06_lunalink_on.jpg) no-repeat;
	}
/* non-active image <a> */
#left_column ul.cat_menu li.submenu00_top a {
	width: 116px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu00_top_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu01_talknpc a {
	width: 98px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu01_talknpc_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu02_bbs a {
	width: 110px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu02_bbs_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu03_ssbbs a {
	width: 114px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu03_ssbbs_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu04_minigame a {
	width: 72px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu04_minigame_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu05_lunapoint a {
	width: 106px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu05_lunapoint_off.jpg) no-repeat;
	}
#left_column ul.cat_menu li.submenu06_lunalink a {
	width: 128px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_submenu06_lunalink_off.jpg) no-repeat;
	}
/* a:hover */
#left_column ul.cat_menu li.submenu00_top a:hover,
#left_column ul.cat_menu li.submenu01_talknpc a:hover,
#left_column ul.cat_menu li.submenu02_bbs a:hover,
#left_column ul.cat_menu li.submenu03_ssbbs a:hover,
#left_column ul.cat_menu li.submenu04_minigame a:hover,
#left_column ul.cat_menu li.submenu05_lunapoint a:hover,
#left_column ul.cat_menu li.submenu06_lunalink a:hover {
	background: none;
	}

/* btn_lunatia_square_top */
#left_column a.btn_lunatia_square_top {
	width: 142px;
	height: 95px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/after090115/btn_official_top.jpg) no-repeat;
	position: absolute;
	top: 692px;
	left: 29px;
	}
#left_column a.btn_lunatia_square_top:hover {
	background-position: 0 -95px;
	}

/* center_column item
------------------------------------------------------------ */
/* page title */
#center_column h1.ttl_page {
	margin: 0 auto;
	padding: 0;
	}
/* breadcrumb */
#center_column div.breadcrumb {
	font: 10px "�l�r �o�S�V�b�N";
	text-align: right;
	width: 670px;
	}
#center_column div.breadcrumb a {
	text-decoration: none;
	}
#center_column div.breadcrumb span {
	padding: 5px;
	}

/* page_content */
#center_column div.page_content {
	width: 690px;
	margin: 0 auto;
	padding-top: 190px;
	}
/* h2 and h3 */
#center_column div.page_content h2,
#center_column div.page_content h3 {
	margin: 10px 0 0 0;
	padding: 0;
	}
#center_column div.page_content h3 {
	margin-left: 10px;
	}
/* text(after h2 and h3) */
#center_column div.page_content p.text_h2,
#center_column div.page_content p.text_h3 {
	margin: 0;
	padding: 5px 0 10px 0;
	}
#center_column div.page_content p.text_h2 {
	margin-left: 10px;
	}
#center_column div.page_content p.text_h3 {
	margin-left: 20px;
	}

/* position */
#center_column h1.ttl_page {
	position: relative;
	top: 125px;
	}
#center_column div.breadcrumb {
	position: absolute;
	top: 186px;
	right: 40px;
	}

/* page control button area */
#center_column div.page_ctrl_button {
	width: 690px;
	margin: 0 auto;
	padding: 10px 0;
	}
	/* (general-purpose button) */
	#center_column div.page_ctrl_button a.btn_prev_page {
		width: 182px;
		height: 44px;
		float: left;
		background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_prev_page.gif) no-repeat;
		}
	#center_column div.page_ctrl_button a.btn_next_page {
		width: 182px;
		height: 44px;
		float: right;
		background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_next_page.gif) no-repeat;
		}
	#center_column div.page_ctrl_button a.btn_top_page {
		width: 227px;
		height: 44px;
		margin: 0 auto;
		background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/btn_top_page.gif) no-repeat;
		}
	#center_column div.page_ctrl_button a.btn_prev_page:hover,
	#center_column div.page_ctrl_button a.btn_next_page:hover,
	#center_column div.page_ctrl_button a.btn_top_page:hover {
		background-position: 0px -44px;
		}

/* footer
------------------------------------------------------------ */
#footer {
	}
#footer div.footer_items {
	width: 550px;/* 460 */
	margin: 0 auto;
	}
#footer a.ci {
	width: 99px;
	height: 29px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/lunatia_square/common/img_mgame_ci.gif) no-repeat;
	float: left;
	}
#footer div.footer_right {
	float: right;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #E6BA6F;
	}
#footer div.footer_right div.caution {
	font-size: 10px;
	}
#footer div.footer_right ul.footer_menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
#footer div.footer_right ul.footer_menu li {
	float: left;
	padding: 0 20px 0 0;
	}

/* scroll button
------------------------------------------------------------ */
#btn_page_scroll_top {
	position: absolute;
	z-index: 900;
	visibility: hidden;
	display: block;
	width: 48px;
	height: 74px;
	overflow: hidden;
}
#btn_page_scroll_top a {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
}
#btn_page_scroll_top a:hover {
	top: -74px;
	border: none;
}