﻿@charset "UTF-8";

/* 
============================================================
	ver1.1 2009.05.12
	**- AngelSenki -**
	URL: http://www.angelsenki.jp/
	author:Q Entertainment, Inc.
============================================================
 */

@import url(share.css);
@import url(textstyle.css);


#LeftMenu #subttl ul{
	margin:0;
	}
#LeftMenu #subttl h2{
	background:url(../../images/LM/LMttl_03database.gif) no-repeat 0 0;
	}

#LeftMenu #subttl ul li.job a,
#LeftMenu #subttl ul li.job a:link,
#LeftMenu #subttl ul li.job a:visited{
	background:url(../../images/LM/LM_subttl03_job.gif) no-repeat 0 0;
	}
#LeftMenu #subttl ul li.job a:hover,
#LeftMenu #subttl ul li.job a:active,
#LeftMenu #subttl ul li.job a:focus{
	background:url(../../images/LM/LM_subttl03_job.gif) no-repeat 0 100%;
	}
#LeftMenu #subttl ul li.pet a,
#LeftMenu #subttl ul li.pet a:link,
#LeftMenu #subttl ul li.pet a:visited{
	background:url(../../images/LM/LM_subttl03_pet.gif) no-repeat 0 0;
	}
#LeftMenu #subttl ul li.pet a:hover,
#LeftMenu #subttl ul li.pet a:active,
#LeftMenu #subttl ul li.pet a:focus{
	background:url(../../images/LM/LM_subttl03_pet.gif) no-repeat 0 100%;
	}
#LeftMenu #subttl ul li.item a,
#LeftMenu #subttl ul li.item a:link,
#LeftMenu #subttl ul li.item a:visited{
	background:url(../../images/LM/LM_subttl03_item.gif) no-repeat 0 0;
	}
#LeftMenu #subttl ul li.item a:hover,
#LeftMenu #subttl ul li.item a:active,
#LeftMenu #subttl ul li.item a:focus{
	background:url(../../images/LM/LM_subttl03_item.gif) no-repeat 0 100%;
	}
#LeftMenu #subttl ul li.guild a,
#LeftMenu #subttl ul li.guild a:link,
#LeftMenu #subttl ul li.guild a:visited{
	background:url(../../images/LM/LM_subttl03_guild.gif) no-repeat 0 0;
	}
#LeftMenu #subttl ul li.guild a:hover,
#LeftMenu #subttl ul li.guild a:active,
#LeftMenu #subttl ul li.guild a:focus{
	background:url(../../images/LM/LM_subttl03_guild.gif) no-repeat 0 100%;
	}
#LeftMenu #subttl ul li.monster a,
#LeftMenu #subttl ul li.monster a:link,
#LeftMenu #subttl ul li.monster a:visited{
	background:url(../../images/LM/LM_subttl03_monster.gif) no-repeat 0 0;
	}
#LeftMenu #subttl ul li.monster a:hover,
#LeftMenu #subttl ul li.monster a:active,
#LeftMenu #subttl ul li.monster a:focus{
	background:url(../../images/LM/LM_subttl03_monster.gif) no-repeat 0 100%;
	}

#DataBase h1				{ background:url(../../images/h1/h1ttl_database.gif) no-repeat 50% 50%; }
#DataBase h1.job			{ background:url(../../images/h1/h1ttl03_jobdata.gif) no-repeat 50% 50%; }
#DataBase h1.pet			{ background:url(../../images/h1/h1ttl03_petdata.gif) no-repeat 50% 50%; }
#DataBase h1.item			{ background:url(../../images/h1/h1ttl03_itemdata.gif) no-repeat 50% 50%; }
#DataBase h1.guild			{ background:url(../../images/h1/h1ttl03_guilddata.gif) no-repeat 50% 50%; }
#DataBase h1.monster			{ background:url(../../images/h1/h1ttl03_monsterdata.gif) no-repeat 50% 50%; }

#DataBase h2.item01					{ background:url(../../images/h2/h2ttl03_item01.gif) no-repeat 50% 50%; }
#DataBase h2.job01					{ background:url(../../images/h2/h2ttl03_job01.gif) no-repeat 50% 50%; }
#DataBase h2.job02					{ background:url(../../images/h2/h2ttl03_job02.gif) no-repeat 50% 50%; }
#DataBase h2.job03					{ background:url(../../images/h2/h2ttl03_job03.gif) no-repeat 50% 50%; }
#DataBase h2.job04					{ background:url(../../images/h2/h2ttl03_job04.gif) no-repeat 50% 50%; }
#DataBase h2.job05					{ background:url(../../images/h2/h2ttl03_job05.gif) no-repeat 50% 50%; }
#DataBase h2.job06					{ background:url(../../images/h2/h2ttl03_job06.gif) no-repeat 50% 50%; }
#DataBase h2.job07					{ background:url(../../images/h2/h2ttl03_job07.gif) no-repeat 50% 50%; }
#DataBase h2.job08					{ background:url(../../images/h2/h2ttl03_job08.gif) no-repeat 50% 50%; }
#DataBase h2.job09					{ background:url(../../images/h2/h2ttl03_job09.gif) no-repeat 50% 50%; }
#DataBase h2.job10					{ background:url(../../images/h2/h2ttl03_job10.gif) no-repeat 50% 50%; }
#DataBase h2.job11					{ background:url(../../images/h2/h2ttl03_job11.gif) no-repeat 50% 50%; }
#DataBase h2.job12					{ background:url(../../images/h2/h2ttl03_job12.gif) no-repeat 50% 50%; }
#DataBase h2.item01					{ background:url(../../images/h2/h2ttl03_item01.gif) no-repeat 50% 50%; }
#DataBase h2.item02					{ background:url(../../images/h2/h2ttl03_item02.gif) no-repeat 50% 50%; }
#DataBase h2.item03					{ background:url(../../images/h2/h2ttl03_item03.gif) no-repeat 50% 50%; }
#DataBase h2.pet01					{ background:url(../../images/h2/h2ttl03_pet01.gif) no-repeat 50% 50%; }
#DataBase h2.guild01				{ background:url(../../images/h2/h2ttl03_guild01.gif) no-repeat 50% 50%; }
#DataBase h2.guild02				{ background:url(../../images/h2/h2ttl03_guild02.gif) no-repeat 50% 50%; }
#DataBase h2.guild03				{ background:url(../../images/h2/h2ttl03_guild03.gif) no-repeat 50% 50%; }

#DataBase h2.indexttl01				{ background:url(../../images/h2/h2ttl03_index01.gif) no-repeat 50% 50%; }
#DataBase h2.indexttl02				{ background:url(../../images/h2/h2ttl03_index02.gif) no-repeat 50% 50%; }
#DataBase h2.indexttl03				{ background:url(../../images/h2/h2ttl03_index03.gif) no-repeat 50% 50%; }
#DataBase h2.indexttl04				{ background:url(../../images/h2/h2ttl03_index04.gif) no-repeat 50% 50%; }
#DataBase h2.indexttl05				{ background:url(../../images/h2/h2ttl03_index05.gif) no-repeat 50% 50%; }


#DataBase h3.jobtxt01				{ background:url(../../images/h3/h3ttl03_jobtxt01.gif) repeat-x 0 0; }
#DataBase h3.jobtxt02				{ background:url(../../images/h3/h3ttl03_jobtxt02.gif) repeat-x 0 0; }
#DataBase h3.pet_txt01				{ background:url(../../images/h3/h3ttl03_pet_txt01.gif) repeat-x 0 0; }
#DataBase h3.pet_txt02				{ background:url(../../images/h3/h3ttl03_pet_txt02.gif) repeat-x 0 0; }
#DataBase h3.pet_txt03				{ background:url(../../images/h3/h3ttl03_pet_txt03.gif) repeat-x 0 0; }
#DataBase h3.pet_txt04				{ background:url(../../images/h3/h3ttl03_pet_txt04.gif) repeat-x 0 0; }
#DataBase h3.pet_txt05				{ background:url(../../images/h3/h3ttl03_pet_txt05.gif) repeat-x 0 0; }
#DataBase h3.guildtxt01				{ background:url(../../images/h3/h3ttl03_guildtxt01.gif) repeat-x 0 0; }
#DataBase h3.guildtxt02				{ background:url(../../images/h3/h3ttl03_guildtxt02.gif) repeat-x 0 0; }
#DataBase h3.guildtxt03				{ background:url(../../images/h3/h3ttl03_guildtxt03.gif) repeat-x 0 0; }
#DataBase h3.guildtxt04				{ background:url(../../images/h3/h3ttl03_guildtxt04.gif) repeat-x 0 0; }
#DataBase h3.guildtxt05				{ background:url(../../images/h3/h3ttl03_guildtxt05.gif) repeat-x 0 0; }
#DataBase h3.guildtxt06				{ background:url(../../images/h3/h3ttl03_guildtxt06.gif) repeat-x 0 0; }
#DataBase h3.guildtxt07				{ background:url(../../images/h3/h3ttl03_guildtxt07.gif) repeat-x 0 0; }
#DataBase h3.guildtxt08				{ background:url(../../images/h3/h3ttl03_guildtxt08.gif) repeat-x 0 0; }

.mp_mapthum{
	margin:0 auto 10px;
	width:550px;
	}

/* Job Index
------------------------------------------------------------------------------------------------------*/
.jobindex{
	margin:0 auto;
	padding:80px 40px 0;
	width:540px;
	height:720px;
	background:url(../../images/database/job/job_tree_bg.jpg) repeat-x 0 0;
	}
.joblist_left{
	margin:0 auto;
	padding:0 10px;
	width:220px;
	float:left;
	}
.joblist_right{
	margin:0 auto;
	padding:0 10px;
	width:220px;
	float:right;
	}

.joblist_left ul li{
	height:100%;
	position:relative;
	}
.joblist_left ul li a{
	height:100px;
	display:block;
	text-indent:-9999px;
	outline:none;
	}
.joblist_left ul li.job1st_01 a	{ margin-top:25px; background:url(../../images/database/job/jobbnr_01.jpg) no-repeat 0 0; }
.joblist_left ul li.job1st_02 a	{ margin-top:80px; background:url(../../images/database/job/jobbnr_02.jpg) no-repeat 0 0; }
.joblist_left ul li.job1st_03 a	{ margin-top:80px; background:url(../../images/database/job/jobbnr_03.jpg) no-repeat 0 0; }
.joblist_left ul li.job1st_04 a	{ margin-top:80px; background:url(../../images/database/job/jobbnr_04.jpg) no-repeat 0 0; }

.joblist_right ul li{
	height:100%;
	position:relative;
	}
.joblist_right ul li a{
	height:70px;
	display:block;
	text-indent:-9999px;
	outline:none;
	}
.joblist_right ul li.job2nd_01 a	{ background:url(../../images/database/job/jobbnr_05.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_02 a	{ margin-top:10px; background:url(../../images/database/job/jobbnr_06.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_03 a	{ margin-top:30px; background:url(../../images/database/job/jobbnr_07.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_04 a	{ margin-top:10px; background:url(../../images/database/job/jobbnr_08.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_05 a	{ margin-top:30px; background:url(../../images/database/job/jobbnr_09.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_06 a	{ margin-top:10px; background:url(../../images/database/job/jobbnr_10.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_07 a	{ margin-top:30px; background:url(../../images/database/job/jobbnr_11.jpg) no-repeat 0 0; }
.joblist_right ul li.job2nd_08 a	{ margin-top:10px; background:url(../../images/database/job/jobbnr_12.jpg) no-repeat 0 0; }



/* MiniMenu
------------------------------------------------------------------------------------------------------*/
#DataBase #cmenu{
	margin:5px auto 0;
	position:relative;
	width:628px;
	height:55px;
	background:url(../../images/share/cmenu_bg.gif) no-repeat 0 100%;
	}
#DataBase #cmenu li{
	position:absolute;
	list-style:none;
	}
#DataBase #cmenu a{
	display:block;
	text-indent:-9999px;
	outline:none;
	text-decoration: none;
	height:35px;
	}

/* MiniMenu Fighter */
#DataBase #cmenu li.cmenu_job1_01			{ left:0; width:115px; }
#DataBase #cmenu li.cmenu_job1_02			{ left:115px; width:98px; }
#DataBase #cmenu li.cmenu_job1_03			{ left:213px; width:98px; }
#DataBase #cmenu li.cmenu_job1_04			{ left:311px; width:100px; }

#DataBase #cmenu li.cmenu_job1_01 a,
#DataBase #cmenu li.cmenu_job1_01 a:link,
#DataBase #cmenu li.cmenu_job1_01 a:visited{
	background:url("../../images/database/cmenu_job01.gif") no-repeat 0 0;
	}
#DataBase #cmenu li.cmenu_job1_01 a:hover,
#DataBase #cmenu li.cmenu_job1_01 a:active,
#DataBase #cmenu li.cmenu_job1_01 a:focus{
	background:url("../../images/database/cmenu_job01.gif") no-repeat 0 100%;
	}
#DataBase #cmenu li.cmenu_job1_02 a,
#DataBase #cmenu li.cmenu_job1_02 a:link,
#DataBase #cmenu li.cmenu_job1_02 a:visited{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -115px 0;
	}
#DataBase #cmenu li.cmenu_job1_02 a:hover,
#DataBase #cmenu li.cmenu_job1_02 a:active,
#DataBase #cmenu li.cmenu_job1_02 a:focus{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -115px 100%;
	}
#DataBase #cmenu li.cmenu_job1_03 a,
#DataBase #cmenu li.cmenu_job1_03 a:link,
#DataBase #cmenu li.cmenu_job1_03 a:visited{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -213px 0;
	}
#DataBase #cmenu li.cmenu_job1_03 a:hover,
#DataBase #cmenu li.cmenu_job1_03 a:active,
#DataBase #cmenu li.cmenu_job1_03 a:focus{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -213px 100%;
	}
#DataBase #cmenu li.cmenu_job1_04 a,
#DataBase #cmenu li.cmenu_job1_04 a:link,
#DataBase #cmenu li.cmenu_job1_04 a:visited{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -311px 0;
	}
#DataBase #cmenu li.cmenu_job1_04 a:hover,
#DataBase #cmenu li.cmenu_job1_04 a:active,
#DataBase #cmenu li.cmenu_job1_04 a:focus{
	background:url("../../images/database/cmenu_job01.gif") no-repeat -311px 100%;
	}

/* MiniMenu Hunter */
#DataBase #cmenu li.cmenu_job2_01			{ left:0; width:115px; }
#DataBase #cmenu li.cmenu_job2_02			{ left:115px; width:98px; }
#DataBase #cmenu li.cmenu_job2_03			{ left:213px; width:98px; }
#DataBase #cmenu li.cmenu_job2_04			{ left:311px; width:100px; }

#DataBase #cmenu li.cmenu_job2_01 a,
#DataBase #cmenu li.cmenu_job2_01 a:link,
#DataBase #cmenu li.cmenu_job2_01 a:visited{
	background:url("../../images/database/cmenu_job02.gif") no-repeat 0 0;
	}
#DataBase #cmenu li.cmenu_job2_01 a:hover,
#DataBase #cmenu li.cmenu_job2_01 a:active,
#DataBase #cmenu li.cmenu_job2_01 a:focus{
	background:url("../../images/database/cmenu_job02.gif") no-repeat 0 100%;
	}
#DataBase #cmenu li.cmenu_job2_02 a,
#DataBase #cmenu li.cmenu_job2_02 a:link,
#DataBase #cmenu li.cmenu_job2_02 a:visited{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -115px 0;
	}
#DataBase #cmenu li.cmenu_job2_02 a:hover,
#DataBase #cmenu li.cmenu_job2_02 a:active,
#DataBase #cmenu li.cmenu_job2_02 a:focus{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -115px 100%;
	}
#DataBase #cmenu li.cmenu_job2_03 a,
#DataBase #cmenu li.cmenu_job2_03 a:link,
#DataBase #cmenu li.cmenu_job2_03 a:visited{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -213px 0;
	}
#DataBase #cmenu li.cmenu_job2_03 a:hover,
#DataBase #cmenu li.cmenu_job2_03 a:active,
#DataBase #cmenu li.cmenu_job2_03 a:focus{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -213px 100%;
	}
#DataBase #cmenu li.cmenu_job2_04 a,
#DataBase #cmenu li.cmenu_job2_04 a:link,
#DataBase #cmenu li.cmenu_job2_04 a:visited{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -311px 0;
	}
#DataBase #cmenu li.cmenu_job2_04 a:hover,
#DataBase #cmenu li.cmenu_job2_04 a:active,
#DataBase #cmenu li.cmenu_job2_04 a:focus{
	background:url("../../images/database/cmenu_job02.gif") no-repeat -311px 100%;
	}

/* MiniMenu Wizard */
#DataBase #cmenu li.cmenu_job3_01			{ left:0; width:115px; }
#DataBase #cmenu li.cmenu_job3_02			{ left:115px; width:98px; }
#DataBase #cmenu li.cmenu_job3_03			{ left:213px; width:98px; }
#DataBase #cmenu li.cmenu_job3_04			{ left:311px; width:100px; }

#DataBase #cmenu li.cmenu_job3_01 a,
#DataBase #cmenu li.cmenu_job3_01 a:link,
#DataBase #cmenu li.cmenu_job3_01 a:visited{
	background:url("../../images/database/cmenu_job03.gif") no-repeat 0 0;
	}
#DataBase #cmenu li.cmenu_job3_01 a:hover,
#DataBase #cmenu li.cmenu_job3_01 a:active,
#DataBase #cmenu li.cmenu_job3_01 a:focus{
	background:url("../../images/database/cmenu_job03.gif") no-repeat 0 100%;
	}
#DataBase #cmenu li.cmenu_job3_02 a,
#DataBase #cmenu li.cmenu_job3_02 a:link,
#DataBase #cmenu li.cmenu_job3_02 a:visited{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -115px 0;
	}
#DataBase #cmenu li.cmenu_job3_02 a:hover,
#DataBase #cmenu li.cmenu_job3_02 a:active,
#DataBase #cmenu li.cmenu_job3_02 a:focus{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -115px 100%;
	}
#DataBase #cmenu li.cmenu_job3_03 a,
#DataBase #cmenu li.cmenu_job3_03 a:link,
#DataBase #cmenu li.cmenu_job3_03 a:visited{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -213px 0;
	}
#DataBase #cmenu li.cmenu_job3_03 a:hover,
#DataBase #cmenu li.cmenu_job3_03 a:active,
#DataBase #cmenu li.cmenu_job3_03 a:focus{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -213px 100%;
	}
#DataBase #cmenu li.cmenu_job3_04 a,
#DataBase #cmenu li.cmenu_job3_04 a:link,
#DataBase #cmenu li.cmenu_job3_04 a:visited{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -311px 0;
	}
#DataBase #cmenu li.cmenu_job3_04 a:hover,
#DataBase #cmenu li.cmenu_job3_04 a:active,
#DataBase #cmenu li.cmenu_job3_04 a:focus{
	background:url("../../images/database/cmenu_job03.gif") no-repeat -311px 100%;
	}

/* MiniMenu Priest */
#DataBase #cmenu li.cmenu_job4_01			{ left:0; width:115px; }
#DataBase #cmenu li.cmenu_job4_02			{ left:115px; width:98px; }
#DataBase #cmenu li.cmenu_job4_03			{ left:213px; width:98px; }
#DataBase #cmenu li.cmenu_job4_04			{ left:311px; width:100px; }

#DataBase #cmenu li.cmenu_job4_01 a,
#DataBase #cmenu li.cmenu_job4_01 a:link,
#DataBase #cmenu li.cmenu_job4_01 a:visited{
	background:url("../../images/database/cmenu_job04.gif") no-repeat 0 0;
	}
#DataBase #cmenu li.cmenu_job4_01 a:hover,
#DataBase #cmenu li.cmenu_job4_01 a:active,
#DataBase #cmenu li.cmenu_job4_01 a:focus{
	background:url("../../images/database/cmenu_job04.gif") no-repeat 0 100%;
	}
#DataBase #cmenu li.cmenu_job4_02 a,
#DataBase #cmenu li.cmenu_job4_02 a:link,
#DataBase #cmenu li.cmenu_job4_02 a:visited{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -115px 0;
	}
#DataBase #cmenu li.cmenu_job4_02 a:hover,
#DataBase #cmenu li.cmenu_job4_02 a:active,
#DataBase #cmenu li.cmenu_job4_02 a:focus{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -115px 100%;
	}
#DataBase #cmenu li.cmenu_job4_03 a,
#DataBase #cmenu li.cmenu_job4_03 a:link,
#DataBase #cmenu li.cmenu_job4_03 a:visited{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -213px 0;
	}
#DataBase #cmenu li.cmenu_job4_03 a:hover,
#DataBase #cmenu li.cmenu_job4_03 a:active,
#DataBase #cmenu li.cmenu_job4_03 a:focus{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -213px 100%;
	}
#DataBase #cmenu li.cmenu_job4_04 a,
#DataBase #cmenu li.cmenu_job4_04 a:link,
#DataBase #cmenu li.cmenu_job4_04 a:visited{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -311px 0;
	}
#DataBase #cmenu li.cmenu_job4_04 a:hover,
#DataBase #cmenu li.cmenu_job4_04 a:active,
#DataBase #cmenu li.cmenu_job4_04 a:focus{
	background:url("../../images/database/cmenu_job04.gif") no-repeat -311px 100%;
	}

