@charset "utf-8";

---------common configuration---------------

a:link         { color: Blue; text-decoration: none; }
a:visited      { color: navy; text-decoration: none; }
a:active       { color: navy; }
a:hover        { color: Blue; text-decoration:underline; }

a.news:link    { color: White; text-decoration: none; }
a.news:visited { color: White; text-decoration: none; }
a.news:active  { color: White; }
a.news:hover   { color: White; text-decoration:underline; }

a.news_y:link    { color: Yellow; text-decoration: none; }
a.news_y:visited { color: White; text-decoration: none; }
a.news_y:active  { color: White; }
a.news_y:hover   { color: White; text-decoration:underline; }

a.blk:link     { color: Black; text-decoration: none; }
a.blk:visited  { color: Black; text-decoration: none; }
a.blk:active   { color: Black; }
a.blk:hover    { color: Red;   text-decoration:underline; }

a.menu:link    { color: White; text-decoration: none; }
a.menu:visited { color: Silver; text-decoration: none; }
a.menu:active  { color: White; }
a.menu:hover   { color: White; text-decoration:underline; }

a.menu_sp:link    { color: Lime; text-decoration: none; }
a.menu_sp:visited { color: Green; text-decoration: none; }
a.menu_sp:active  { color: Lime; }
a.menu_sp:hover   { color: Lime; text-decoration:underline; }

a img          { border: none; border-style: none; }

body {
	color: Black;
	background: White;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.2em;
	text-align: left;
}

p {
	color: Black;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.2em;
	text-align: left;
	text-indent: 0;
}

th, td {
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
}

th { text-align: center; font-weight: bold; }

td.head {
	background-color: Silver;
	text-align: center;
	font-weight: bold;
}

img      { margin: 0px; }
br.clear { clear: both; }

ol {
	margin-left: 11px;
	padding: 5px;
	text-indent: 5px;
}
li    { clear: both; }
ol li { margin-bottom: 0px; }
ul li { margin-bottom: 0px; }

/* Table define */
table.general,
table.item,
table.jcq,
table.quest,
table.reward            { margin: 5px 0px; }
table.general_c         { margin: 2px 0px 2px 4px; margin-left: 30px }
table.general_r,
table.reward_r          { margin: 0.2em 0em 0.2em 0.4em; float: right; }
table.general   caption,
table.quest     caption,
table.reward    caption	{ text-align: left; font-size: 10pt; padding-bottom: 2px; }
table.general_c caption { text-align: center; font-size: 10pt; padding-bottom: 2px; }
table.general_r,
table.reward_r  caption { text-align: center; font-size: 9pt; padding-bottom: 0.2em; }
table.general	  th,
table.reward    th      { text-align: center ! important; }
table.item      th      { text-align: center ! important; height: 32px; }
table.jcq       th      { text-align: center ! important; height: 18px; }
table.quest	    th      { text-align: center ! important; height: 18px; }
table.topics    th      { text-align: left ! important; height: 18px; }
table.general_c	th      { text-align: center ! important; }
table.general_r th,
table.reward_r  th      { text-align: center ! important; }
table.item	    th      { color: Black; background: #DDF; height: 32px; }
table.quest	    th      { color: Black; background: #DDF; height: 18px; }
table.topics    th      { color: Black; background: #DDD; height: 24px; }
table.jcq       th      { color: Black; background: #FC9; height: 18px; }
table.general	  td,
table.general_c	td,
table.general_r td,
table.item      td      { padding-left:5px; }
table.reward    td,
table.reward_r  td,
table.jcq       td      { text-align: center; }
table.topics    td      { padding: 0 15px 0 5px; }

/* Table COLOR define */
table.general,
table.general_c,
table.general_r,
table.reward,
table.reward_r,
table.item,
table.jcq,
table.quest             { color: Black; background: Gray; }
table.general   caption,
table.general_c caption,
table.general_r caption,
table.reward    caption,
table.reward_r  caption { color: Black; background: White; font-weight: normal; caption-side:top; }
table.quest	    tr,
table.topics    tr      { color: Black; background: White; }
table.general	  th,
table.general_c	th,
table.general_r th,
table.reward    th,
table.rewarf_r  th      { color: Black; background: LightGrey; }
table.item	    th      { color: Black; background: #DDF; }
table.quest	    th      { color: Black; background: #DDF; }
table.topics    th      { color: Black; background: #DDD; }
table.jcq       th      { color: Black; background: #FC9; }
table.general	  td,
table.general_c	td,
table.general_r td      { color: Black; background: White; }
table.reward    td,
table.reward_r  td      { color: DarkBlue; background: White; }
table.item	    td      { color: Black; background: #DDD; }
table.quest	    td      { padding-left: 6px; }
table.jcq       td      { color: Black; background: #C0C0C0; }

col.number              { text-align: right; white-space: nowrap; }
col.center              { text-align: center; }
col.nowrap              { white-space: nowrap; }
col.nowrap_c            { text-align: center; white-space: nowrap; }

/* Button define */
button.choice {
	width: 112px;
	height: 24px;
	text-align: center;
	font-size: 10pt;
	color: Black;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: White;
	border-style: outset;
	border-width: 2px;
	cursor: pointer;
	white-space: pre;
}

button.choice:hover {
	width: 112px;
	height: 24px;
	text-align: center;
	font-size: 10pt;
	color: Red;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: Silver;
	border-style: outset;
	border-width: 2px;
	cursor: pointer;
	white-space: pre;
}

input.item {
	width: 112px;
	height: 20;
	text-align: center;
	font-size: 10pt;
	color: #333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: Silver;
	border: 2px outset #FFE;
	cursor: hand;
}

input.quest {
	width: 112px;
	height: 20;
	text-align: center;
	font-size: 10pt;
	color: #333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: Silver;
	border: 2px outset #FFE;
	cursor: hand;
}

/* for anycolor */
.ColorBlack   { color: Black;   background: transparent; }
.ColorGray    { color: Gray;    background: transparent; }
.ColorSilver  { color: Silver;  background: transparent; }
.ColorWhite   { color: White;   background: transparent; }
.ColorMaroon  { color: Maroon;  background: transparent; }
.ColorRed     { color: Red;     background: transparent; }
.ColorPurple  { color: Purple;  background: transparent; }
.ColorFuchsia { color: Fuchsia; background: transparent; }
.ColorGreen   { color: Green;   background: transparent; }
.ColorLime    { color: Lime;    background: transparent; }
.ColorOlive   { color: Olive;   background: transparent; }
.ColorYellow  { color: Yellow;  background: transparent; }
.ColorNavy    { color: Navy;    background: transparent; }
.ColorBlue    { color: Blue;    background: transparent; }
.ColorTeal    { color: Teal;    background: transparent; }
.ColorAqua    { color: Aqua;    background: transparent; }

.ColorRed_b   { color: Red;     font-weight:bold; }
.ColorMaroon_b{ color: Maroon;  font-weight:bold; }

/* margin and padding */
.mg05-0-05-0	{ margin: 5px 0 5px 0; }
.mg05-05-05-0	{ margin: 5px 5px 5px 0; }
.mg10-0-0-0		{ margin-top: 10px; }
.mgn_gen	    { margin: 5px; }
.pd05	        { padding: 5px; }
.pd1          { padding: 10px; }
.pd_gen		    { padding: 10px 25px 20px 26px; }
.pd_l10	      { padding-left: 10px; }
.pd_btm       { padding-bottom: 10px; }

/* float define */
img.fr01	{ float: right; margin:10px 0 10px 10px; }
img.fl01	{ float: left; margin-right: 10px; }

/* fakeiframe */
div.fakeiframe { margin: 15px 0px 15px 0 ;
	overflow: auto ; 
	width: 545px ; 
	height: 250px ; 
	border: dashed 1px #696969 ;
}

/* titlebar */

td.ttlbar_t {
	background-image: url("../img/titlebar_top.gif");
	width: 611px;
	height: 49px;
}

h4.ttlbar_t {
	font-size: 12pt;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: White;
	text-shadow: 1px 1px 2px Gray;
	margin: 2px 0 0 30px;
}

td.ttlbar {
	background-image: url("../img/titlebar.gif");
	width: 611px;
	height: 34px;
}

h4.ttlbar {
	font-size: 11pt;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: White;
	text-shadow: 1px 1px 2px Gray;
	margin: 0 0 0 30px;
}

td.subttlbar {
	background-image: url("../img/titlebar_s.gif");
	width: 611px;
	height: 30px;
}

h5.subttlbar {
	font-size: 11pt;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFC;
	text-shadow: 1px 1px 2px Gray;
	margin: 0 0 0 50px;
}

td.ttlbar_k {
	background-image: url("../img/titlebar_t.gif");
	width: 611px;
	height: 63px;
}

h4.ttlbar_k {
	font-size: 12pt;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: White;
	text-shadow: 1px 1px 2px Gray;
	margin: 28px 0 0 30px;
}

/* hr define */

hr.dot {
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #CCC;
	height: 2px;
	margin-bottom: 10px;
}

hr.dot_bk {
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #000;
	height: 1px;
	margin-bottom: 5px;
}

/* edit */
span.edit   { text-align: right; }
div.preview { background-color: #EEF; }

/* other */
div.src {
	background-color: Black;
	color: White;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 10px;
}

blockquote.quest {
    margin: 1em;
    padding: 0.2em 0.5em;
    color: Black;
    background: Ivory;
    border-width: 3px;
    border-style: double;
    border-color: Gray;
}
blockquote.quest p { color: Black; background: Ivory; }

----------------- header section ---------------------

#header{}

/* header layout */
.hwrapper1 {
	background-image: url(../img/index_57.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 270px;
	width: 961px;
}

.hwrapper2 {
	margin: 0px;
	padding: 0px;
	height: 213px;
	width: 961px;
}

.hwrapper3 {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 140px;
	width: 691px;
}

/* header logo */
.hlogo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 270px;
}

/* header banner */
.hbanner {
	margin: 5px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 480px;
}

.banner1 {
	margin: 5px;
	padding: 0px;
	float: right;
}

.banner2 {
	padding: 0px;
	margin: 0 0 0 7px;
	float: left;
}

/* header jumpmenu */
.jmenu {
	margin: 9px 0px 0px;
	padding: 0px;
	height: 140px;
	width: 166px;
	float: right;
}

.jmenu_wrapper {
	margin: 0px 0px 3px;
	padding: 0px;
}

.jmenu_form {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 150px;
}

/* header navigation */
.hnav {
	padding: 0px;
	height: 36px;
	width: 753px;
	margin: 0 0 0 187px;
}

/* web search */
.ws_form1 {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 91px;
	background-position: 0px 0px;
}

.ws_form2 {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 391px;
}

.ws_wrapper {
	margin: 0px;
	padding: 0px;
}

------------------- footer section --------------------

.copyright {
	font-family: Verdana;
	font-size: 8pt;
	line-height: 1.5em;
	font-color: White;
	font-weight: normal;
}

td.footmenu {
	height: 35px;
	background-color: #999;
	color: Black;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	text-align: center;
}

-------------------contents section TOP--------------------

/* Contets_bg */
td.contents_bg {
	background-image: url("../img/contents_bg.gif");
	background-repeat: repeat-y;
}

/* headline frame */
td.headline {
	background-image: url("../img/frame_bg.gif");
	background-repeat: repeat-y;
	padding: 15px 50px 10px 50px;
}

/* TOP_submenu */
td.sub {
	border: silver solid 1px;
	padding: 5px;
	font-size: 10pt;
	position: relative;
	left: 0;
}

.sub div{ display:none; }

/* TOP_submenu-link */
.sub div A:link {
	text-decoration: none;
	width: 100%;
	color: #666;
	display: block;
}

.sub div A:visited {
	text-decoration: none;
	width: 100%;
	color: #666;
	display: block;
}

.sub div A:hover {
	color: White;
	text-decoration: none;
	width: 100%;
	background-color: #333;
	display: block;
}

/* mainmenu list */
li.menulist {
	color: White;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/* submenu list */
p.submenulist {
	color: White;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:5px 8px 10px 28px;
	line-height:1.3em;
}

p.submenulink {
	color: #FFE;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:5px 0 0 28px;
	line-height: 1.3em;
}

ol.submenulink {
	color: White;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-left: 16px;
	margin-left: 32px;
	line-height:1.3em;
}

select.submenu {
	font-size: 11px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div.kbnr {
	padding:5px 8px 10px 16px;
}

/* centent top */
li.news {
	margin: 4px 0px 4px 20px;
	color: White;
}

li.topics {
	margin: 5px 5px 5px 20px;
	color: White;
}

/* comment */
span.cmdate { font-size: 8pt; }

------------------ BBS Section --------------------------

/* BBS header */

h4.bbstopbar {
	font-size: 12pt;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: White;
	text-shadow: 1px 1px 2px Gray;
	margin: 12px 0 0 90px;
}

td.bbsttlbar_t_body {
	background-image: url("../img/frame_bg2.gif");
	padding: 20px 30px 0 30px;
}

td.bbs_button {
	padding: 5px 20px 0 30px;
}

td.bbsttlbar_f {
	background-image: url("../img/frame_bottom2.gif");
	width: 783px;
	height: 15px;
	background-repeat: no-repeat;
}

/* BBS list */
table.bbs_list_w   { margin: 10px 0 0 18px; }
table.bbs_list     { margin: 1px 0px; }
table.bbs_list th  { text-align: center ! important; }

table.bbs_list     { color: Black; background: #333; }
table.bbs_list th  { color: White; background: #666; padding: 5px; }
table.bbs_list td  { color: #666; background: #F0F0F0; padding: 5px; height: 35px; }

a.bbs_list:link    { color: RoyalBlue; text-decoration: none; }
a.bbs_list:visited { color: DarlBlue; text-decoration: none; }
a.bbs_list:active  { color: Red; }
a.bbs_list:hover   { color: Red; text-decoration: underline; }

.newlist  { color: #F05C00; background: transparent; font-weight: bold; }
.fnshlist { color: #F05C00; background: transparent; }

div.bbslist_jump {
	text-align: right;
	padding-right: 15px;
}

/* BBS board_view */
table.bbs_board_w	  { margin: 10px 0 20px 18px; }
table.bbs_board		  { margin: 1px 0; }
table.bbs_board th	{ text-align: left ! important; padding-left: 12px; }

table.bbs_board		  { color: Black; background: #333; }
table.bbs_board th	{ color: White; background: #666; padding: 5px; }
table.bbs_board td	{ color: #666; background: #F0F0F0; padding: 0 5px 0 5px; }

a.bbs_board:link	  { color: RoyalBlue; text-decoration: none; }
a.bbs_board:visited	{ color: DarlBlue; text-decoration: none; }
a.bbs_board:active	{ color: Red; }
a.bbs_board:hover	  { color: Red; text-decoration:underline; }

span.board_uid		  { color: #F90; background: transparent }
div.board_res		    { color: Olive; background: transparent; }
span.board_date     { color: Green; background: transparent; }

p.board_top {
	margin: 5px 0 7px 0;
	background: transparent;
	color: #666;
}

table.board_res     { margin: 1px 0px; }
table.board_res th  { text-align: left; font-weight:normal; padding-left:12px; }

table.board_res     { color: Black; background: #333; }
table.board_res th  { color: #666; background: #CCC; padding: 2px 5px 2px 12px; }
table.board_res td  { color: #666; background: #F0F0F0; padding: 2px 5px 2px 12px; }
table.board_res caption {
	color: #666;
	background: #F0F0F0;
	font-weight: normal;
	caption-side: top;
	font-size: 12px;
}

span.HILIGHT {
	font-weight: bold;
	background-color: yellow;
	}

div.board_title {
	color: #DD4500;
	margin-bottom: 5px;
}

-------------------- QUEST Section ---------------------------

p.reward      { margin: 10px 0px; }
p.reward li   { color: Black; background: White; }
p.relation    { padding: 0px 30px 0px 50px; }
p.relation li { padding-left: 50px; }
td.relation   {
	background-image: url("../img/relation.gif");
	height: 80px;
	background-repeat: no-repeat;
}

span.npc    { color: Red; background: White; }
span.mob    { color: #C00; background: White; }
span.place  { color: #60C; background: White; }
span.gitem  { color: Blue; background: White; }
span.nitem  { color: DarkGreen; background: White; }
span.select { color: #066; background: White; }
span.skill  { color: #660; background: White; }
.reward { color: DarkBlue; background: White; }

a.quest:link    { color: RoyalBlue; text-decoration: none; }
a.quest:visited { color: DarkSlateBlue; text-decoration: none; }
a.quest:active  { color: navy; }
a.quest:hover   { color: RoyalBlue; text-decoration:underline; }

/* for coin quest ONLY */
span.coin_blood  { color: Red; background: transparent; }
span.coin_silver { color: Silver; background: transparent; }
span.coin_gold   { color: Gold; background: transparent; }
table.coin { margin: 1em 0em; color: White; background: LightGrey; }
table.coin caption { text-align: left; font-size: 9pt; padding-bottom: 0.2em; }
table.coin caption { color: Black; background: White; font-weight: normal; }
table.coin th { color: Honeydew; background: DimGray; text-align: center; }
table.coin td { color: White; background: Black; }

/* -------------------- AD Section -------------------------- */

div.ad_middle {
	text-align: center ! important;
	margin: 10px 0 8px 0 ! important;
}

div.ad_middle_b {
	text-align: center ! important;
	margin-top: 5px ! important;
}

div.ad_regist {
	text-align: center ! important;
	margin-bottom: 20px ! important;
}

div.ad_rside {
	position: absolute;
	top: 0px;
	margin-height: 0px;
	left: 962px;
	width: 235px;
	height: auto;
}
div.ad_rside div.view_chk {
	width: 214px;
	height: 30px;
	line-height: 30px;
	background-color: #EEE;
	padding-left: 20px;
}
div.ad_rside img { margin: 0px; }