@charset "Shift-JIS";
/* 
------------------------------------------------------------
Lunatia official common style
file name: common.css
Author: K.Takahashi
create: 2008.11.28
last update: 2009.04.30(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: login box (before login)
  10: login box (after login)
  11: sub menu
  12: common information sticker (Left column)
  13: contents_header
  14: main_contents
  15: contents_footer
  16: footer
;
============================================================
*/
@import "common_scroll.css";

/* Browser-style reset
------------------------------------------------------------ */
html{
	margin: 0;
	padding: 0;
	}
body,th,td {
	font-family: "Arial","ＭＳ Ｐゴシック","Osaka";
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #630;
	line-height: 1.6em;
	}
body {
	text-align: center;/* for ie6 bug */
	}
table {
	border-collapse: collapse;
	}
form {
	margin: 0;
	padding: 0;
	}
a,label{
	cursor: pointer;
	}
img {
	border:none;
	}
p {
	margin: 0;
	padding: 15px 0;
	}
a:link {
	color: #06f;
	text-decoration: none;
	}
a:visited {
	color: #06f;
	text-decoration: none;
	}
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: "ＭＳ Ｐゴシック";
	}

/* column setting (layout only)
------------------------------------------------------------ */
/* common */
div#global_header {
	height: 32px;
	overflow: hidden;
	}
div#all{
	text-align: left;
	width:940px;
	margin: 0 auto;
	}
div#all div#header {
	width: 940px;
	height: 284px;
	}
div#all div#main {
	width: 940px;
	}
div#all div#footer {
	width: 940px;
	height: 229px;
	}
/* main 2-column */
div#all div#main div#left_column {
	width: 220px;
	float: left;
	}
div#all div#main div#center_column {
	width: 710px;
	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-color: #fffae6;
	background-repeat: no-repeat;
	background-position: center 32px;
	background-attachment: scroll;
	}
#footer {
	padding-top: 30px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_footer.jpg) no-repeat center 30px;
	}
div#global_header {
	background-color: #E9E9E9;
	}

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

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

/* login box (before login)
------------------------------------------------------------ */
#left_column div.login_guest_d {
	width: 200px;
	height: 180px;
	margin-left: 11px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_login.jpg) no-repeat;
	}
/* form item */
#left_column div.login_guest_d form.usr_login_d {
	width: 180px;
	height: 88px;
	margin-left: 10px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_login_input.jpg) no-repeat;
	position: relative;
	}
#left_column div.login_guest_d form.usr_login_d input.usr_id_d,
#left_column div.login_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: 48px;
	}
#left_column div.login_guest_d form.usr_login_d input.usr_id_d {
	top: 9px;
	}
#left_column div.login_guest_d form.usr_login_d input.usr_pw_d {
	top: 37px;
	}
#left_column div.login_guest_d form.usr_login_d input.usr_crypto_d {
	position: absolute;
	top: 62px;
	left: 38px;
	}
/* input button(login) */
#left_column div.login_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/official_ph1/common/btn_login.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;

	position: absolute;
	top: 86px;
	left: 11px;
	}
#left_column div.login_guest_d form.usr_login_d input.usr_login_d:hover {
	background-position: 0 -27px;
	}
/* btn_reminder */
#left_column div.login_guest_d a.btn_reminder {
	width: 159px;
	height: 13px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/btn_reminder.jpg) no-repeat;
	position: absolute;
	top: 123px;
	left: 33px;
	}
#left_column div.login_guest_d a.btn_reminder:hover {
	background-position: 0 -13px;
	}

/* login box (after login)
------------------------------------------------------------ */
#left_column div.login_member_d {
	width: 200px;
	height: 180px;
	margin-left: 11px;
	text-align: center;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_login.jpg) no-repeat;
	position: relative;
	}
/* button */
#left_column div.login_member_d a.btn_logout_d,
#left_column div.login_member_d a.btn_reg_data_d {
	width: 158px;
	height: 27px;
	margin: 0 auto;
	}
#left_column div.login_member_d a.btn_logout_d {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/btn_logout.jpg) no-repeat;
	position: absolute;
	bottom: 77px;
	left: 21px;
	}
#left_column div.login_member_d a.btn_reg_data_d {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/btn_reg.jpg) no-repeat;
	position: absolute;
	bottom: 45px;
	left: 21px;
	}
#left_column div.login_member_d a.btn_logout_d:hover,
#left_column div.login_member_d a.btn_reg_data_d:hover {
	background-position: 0 -27px;
	}

/* sub menu
------------------------------------------------------------ */
#left_column ul.tree1,
#left_column ul.tree1 ul.tree2,
#left_column ul.tree1 ul.tree2 ul.tree3 {
	margin: 0;
	padding: 0;
	}
/* tree1 */
#left_column ul.tree1 {
	padding-bottom: 100px;
	margin-left: 11px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_submenu_btm.jpg) no-repeat 0 bottom;
	}
#left_column ul.tree1 li {
	list-style-type: none;
	}
#left_column ul.tree1 li a {
	width: 200px;
	height: 72px;
	}
/* tree2 */
#left_column ul.tree1 li ul.tree2 li a {
	width: 200px;
	height: 46px;
	}
#left_column ul.tree1 li ul.tree2 li a:hover {
	background-position: 0 -46px;
	}
/* active tree2 */
#left_column ul.tree1 li ul.tree2 li.tree2_act a:hover {
	background-position: 0 0;
	}
/* tree3 */
#left_column ul.tree1 ul.tree2 ul.tree3 {
	padding-bottom: 34px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_submenu03_btm.jpg) no-repeat 0 bottom;
	}
* html #left_column ul.tree1 ul.tree2 ul.tree3 {/* for CSS-bug IE6.xx */
	height: 1%;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li {
	width: 200px;
	/*height: 31px;*/
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_submenu03_mid.jpg) repeat-y;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 ul.tree4 li {
	display: inline;
	width: 120px;
	height: 15px;
	background: none;
}
#left_column ul.tree1 ul.tree2 ul.tree3 ul.tree4 li a {
	width: 120px;
	height: 15px;
	background: none;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li a {
	display: block;
	width: 160px;
	height: 15px;
	overflow: hidden;
	margin-left:30px;
	padding-top: 9px;
	text-decoration: none;
	background: none;
	}
/* tree3(anchor color) */
#left_column ul.tree1 ul.tree2 ul.tree3 li a:link {
	color: #fff;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li a:visited {
	color: #fff;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li a:hover {
	color: #ff9;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li a:active {
	color: red;
	}
/* active tree3 */
#left_column ul.tree1 ul.tree2 ul.tree3 li.tree3_act {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_submenu03_mid_act.jpg) no-repeat;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li.tree3_act a:link {
	color: #ff9;
	font-weight: bold;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li.tree3_act a:visited {
	color: #ff9;
	font-weight: bold;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li.tree3_act a:hover {
	color: #ff9;
	font-weight: bold;
	}
#left_column ul.tree1 ul.tree2 ul.tree3 li.tree3_act a:active {
	color: red;
	font-weight: bold;
	}

/* common maintenance_info
------------------------------------------------------------ */
#left_column div.maintenance_info {
	width: 191px;
	height: 232px;
	margin: 0 auto;
	position: relative;
	left: 3px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/maintenance/bg_maintenace_info.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	}
#left_column div.maintenance_info table.maintenance_data,
#left_column div.maintenance_info table.maintenance_data td {
	width: 91px;
	}
#left_column div.maintenance_info table.maintenance_data {
	height: 56px;
	position: absolute;
	top: 113px;
	left: 50px;
	}
#left_column div.maintenance_info table.maintenance_data td {
	text-align: center;
	vertical-align: top;
	}
#left_column div.maintenance_info table.maintenance_data td.day {
	height: 14px;
	}
#left_column div.maintenance_info table.maintenance_data td.weekday {
	height: 27px;
	}
#left_column div.maintenance_info table.maintenance_data td.time {
	height: 12px;
	}

/* contents_header
------------------------------------------------------------ */
#center_column div.contents_header {
	width: 710px;
	height: 112px;
	position: relative;
	}
/* title */
#center_column div.contents_header h1.page_h1,
#center_column div.contents_header h2.page_h2 {
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
#center_column div.contents_header h1.page_h1 {
	top: 3px;
	}
#center_column div.contents_header h2.page_h2 {
	top: 11px;
	}
/* breadcrumb */
#center_column div.breadcrumb {
	font: 10px "ＭＳ Ｐゴシック";
	text-align: right;
	width: 670px;
	}
#center_column div.breadcrumb a {
	text-decoration: none;
	}
#center_column div.breadcrumb span {
	padding: 5px;
	}
#center_column div.breadcrumb {
	position: absolute;
	top: 83px;
	right: 30px;
	}

/* main_contents
------------------------------------------------------------ */
/* basic */
#center_column div.main_contents {
	width: 710px;
	min-height: 260px;
	padding-bottom: 1px;/* for bug Gecko engine */
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_main_mid.jpg) repeat-y center top;
	position: relative;
	}
* html #center_column div.main_contents {
	height: 260px;
	}
/* h3 title */
#center_column div.main_contents h3.page_h3 {
	width: 677px;
	height: 34px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 3px;
	}
/* basic_body */
#center_column div.main_contents p.basic_body {
	padding: 18px 0 0 0;
	margin: 0 30px;
	}

/* contents_footer
------------------------------------------------------------ */
#center_column div.contents_footer {
	width: 710px;
	height: 137px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_main_btm.jpg) no-repeat;
	position: relative;
	}
/* button */
#center_column div.contents_footer a.btn_prv {
	width: 300px;
	height: 54px;
	position: absolute;
	top: 71px;
	left: 205px;
	}
#center_column div.contents_footer a.btn_prv:hover {
	background-position: 0 -54px;
	}

/* footer
------------------------------------------------------------ */
#footer div.footer_items {
	width: 435px;
	margin: 0 auto;
	position: relative;
	top: 18px;
	}
/* left box (CI) */
#footer a.ci {
	width: 103px;
	height: 31px;
	margin-top: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_ci_mgame_jp.gif) no-repeat;
	float: left;
	}
/* right box */
#footer div.footer_right {
	float: right;
	}
* html #footer div.footer_right {
	padding-left: 10px;
	}
/* caution text */
#footer div.footer_right div.caution {
	color: #97816E;
	font: 10px/1.3em "ＭＳ Ｐゴシック";
	}
/* footer_menu */
#footer div.footer_right ul.footer_menu {
	padding: 0;
	margin: 7px 0;
	list-style-type: none;
	}
#footer div.footer_right ul.footer_menu li {
	float: left;
	padding: 0 20px 0 0;
	}
/* copyright */
#footer div.footer_right div.copyright {
	width: 138px;
	height: 11px;
	margin: 3px 0;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_copyright.gif) no-repeat;
	}

/* --- END */