/* --------------common configuration--------------- */

a img     { border: none; border-style: none; }
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.menu_sp:link    { color: Fuchsia; text-decoration: none; }
a.menu_sp:visited { color: Purple; text-decoration: none; }
a.menu_sp:active  { color: Fuchsia; }
a.menu_sp:hover   { color: Fuchsia; text-decoration:underline; }

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;
}

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; }

li { clear: both; }
ol li { margin-bottom: 0px; }
ul li { margin-bottom: 0px; }

/* Table define */
table.general,
table.item,
table.quest             { margin: 1px 0px; }
table.general caption	  { text-align: left; font-size: 10pt; padding-bottom: 2px; }
table.general	th,
table.item th,
table.quest	th          { text-align: center ! important; }
table.topics th         { text-align: left ! important; }

table.general_c         { margin: 2px 0px 2px 4px; margin-left: 30px }
table.general_c caption { text-align: center; font-size: 10pt; padding-bottom: 2px; }
table.general_c	th      { text-align: center ! important; }

/* Table COLOR define */
table.general,
table.general_c,
table.item,
table.quest             { color: Black; background: Gray; }
table.general   caption,
table.general_c 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      { color: Black; background: LightGrey; }
table.item	th          { color: Black; background: #DDF; height: 32px; }
table.quest	th,
table.topics th         { color: Black; background: #DDD; height: 24px; }
table.general	td,
table.general_c	td      { color: Black; background: White; padding-left:5px; }
table.item	td          { color: Black; background: #DDD; padding-left:5px; }
table.quest	td          { padding-left: 6px; }
table.topics td         { padding: 0 15px 0 5px; }

/* Button define */
button.choice {
	width: 140px;
	height: 20;
	text-align: center;
	font-size: 10pt;
	color: #333;
	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-style: outset;
	border-width: 2px;
	cursor: pointer;
	white-space: pre;
}

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

/* 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 15px 20px 20px }
.pd_l10		{ padding-left: 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/titletopbar_head.gif");
	width: 611px;
	height: 89px;
}

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

td.ttlbar_t_body {
	background-color: #DDD;
	padding: 0 20px 7px 10px;
}

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

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: 37px;
}

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

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;
}

/* 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;
}

.newlist_r  { color: #FF0000; background: transparent; font-size: 8pt; }

/* ------------------- header section --------------------- */

#header{}

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

.hwrapper2 {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 70px;
	width: 691px;
}

.hwrapper3 {
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 961px;
}

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

/* header banner */
.hbanner {
	margin: 5px auto auto 0px;
	padding: 0px;
	float: left;
	height: 70px;
	width: 488px;
	text-align: center;
}

.banner1 {
	padding: 0px;
	margin: 22px 0 0 0;
	float: left;
}

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

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

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

/* header navigation */
.navwrapper {
	height: 32px;
	width: 700px;
	margin: 0px;
	padding: 0px;
}

/* 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 -------------------- */

h6.copylight {
	font-family: Verdana;
	font-size: 8pt;
	line-height: 1.5em;
	color: #EEE;
	font-weight: normal;
}

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

/* -------------------contents section TOP-------------------- */

/* 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 {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 15px;
}

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

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

ol.submenulink {
	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";
}

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

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

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; }

/* 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-color: #DDD;
	padding: 0 20px 0 10px;
}

td.bbs_button {
	background-color: #DDD;
	padding: 5px 20px 0 30px;
}

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

/* BBS list */
table.bbs_list_w   { margin: 10px 0 0 11px; }
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 11px; }
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;
	}

/* ----------------------- 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; }
span.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; }


/* -------------------- 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; }