body.guide{
background:#fbfbf5 url(http://static.nexon.co.jp/asgard03/guide/guide_bg.jpg) no-repeat 50% 32px;
color:#4a4847;
}
#guide-menu{
width:186px;
height:346px;
background:url(http://static.nexon.co.jp/asgard03/menu/menu_guide_bg33.jpg) no-repeat;
font-size:0;
}
#guide{
margin:0;
}
#guide h3,
#guide h4{
display:none;
}
.line{
background-color:#e8e8e8;
height:1px;
}
.line01{
background:url(http://static.nexon.co.jp/asgard03/guide/town_line.gif) no-repeat;
height:1px;
}
.line02{
background:url(http://static.nexon.co.jp/asgard03/guide/line_arrow.gif) no-repeat;
height:20px;
}
/*プレイガイドタイトル*/
#battle-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_ttl.gif) no-repeat 100% 0;
}
#community-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/community_ttl.gif) no-repeat 100% 0;
}
#level-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/level_ttl.gif) no-repeat 100% 0;
}
#town-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/town_ttl.gif) no-repeat 100% 0;
}
#play-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/play_ttl.gif) no-repeat 100% 0;
}
#etc-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/etc_ttl.gif) no-repeat 100% 0;
}
.battle-basic-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_basic_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:77px;
height:20px;
}
.battle-basic-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_basic_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:63px;
height:20px;
}
.battle-group-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_group_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:131px;
height:20px;
}
.battle-group-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_group_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:117px;
height:20px;
}
.battle-group-sttl03{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_group_sttl03.gif) no-repeat;
margin:15px 0 0 9px;
width:222px;
height:20px;
}
.battle-castle-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_castle_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:192px;
height:20px;
}
.battle-castle-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_castle_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:152px;
height:20px;
}
.battle-dungeon-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_dungeon_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:275px;
height:20px;
}
.battle-dungeon-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/battle_dungeon_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:191px;
height:20px;
}
.community-chat-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/community_chat_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:125px;
height:20px;
}
.community-emotion-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/community_emotion_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:140px;
height:20px;
}
.community-guild-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/community_guild_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:157px;
height:20px;
}
.level-statas-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/level_statas_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:278px;
height:20px;
}
.level-statas-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/level_statas_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:237px;
height:20px;
}
.level-skill-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/level_skill_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:157px;
height:20px;
}
.level-skill-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/level_skill_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:159px;
height:20px;
}
.town-personal-store-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/town_personal_store_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:195px;
height:20px;
}
.town-personal-store-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/town_personal_store_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:87px;
height:20px;
}
.town-store-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/town_store_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:208px;
height:20px;
}
.town-store-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/town_store_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:105px;
height:20px;
}
.play-quest-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/play_quest_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:211px;
height:20px;
}
.play-quest-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/play_quest_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:173px;
height:20px;
}
.play-skill-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/play_skill_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:184px;
height:20px;
}
.play-skill-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/play_skill_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:178px;
height:20px;
}
.play-supporter-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/play_supporter_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:159px;
height:20px;
}
.etc-pet-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/etc_pet_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:194px;
height:20px;
}
.etc-enchant-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/etc_enchant_sttl01.gif) no-repeat;
margin:9px 0 0 9px;
width:193px;
height:20px;
}
.etc-enchant-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/etc_enchant_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:178px;
height:20px;
}
/*プレイガイド-box*/
.box-top{
background:url(http://static.nexon.co.jp/asgard03/global/box01_top01.gif) no-repeat;
width:604px;
height:7px;
margin-top:5px;
}
.box-top01{
background:url(http://static.nexon.co.jp/asgard03/global/box01_top01.gif) ;
width:604px;
height:8px;
margin-top:5px;
}
.box-middle{
background:url(http://static.nexon.co.jp/asgard03/global/box01_middle.gif) repeat-y;
width:604px;
padding:0px 0 8px 0;
}
.box-middle-01{
background:url(http://static.nexon.co.jp/asgard03/global/box01_middle.gif) repeat-y;
width:604px;
padding:0px 0 4px 0;
}
.box-bottom{
background:url(http://static.nexon.co.jp/asgard03/global/box01_bottom.gif) no-repeat;
width:604px;
height:7px;
}

/*プレイガイド-tab */
#guide-tab{
clear:both;
position:relative;
width:512px;
margin:0 0 0 3px;
line-height:18px;
}
#guide-tab h3{
position:absolute;
width:92px;
height:12px;
margin:0;
background:url(../../../img/portal/top/gamedialy_ttl.gif);
}

#battle-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/battle_tab01.gif);
}
#battle-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/battle_tab02.gif);
}
#battle-tab03{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/battle_tab03.gif);
}
#battle-tab04{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/battle_tab04.gif);
}
#community-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/community_tab01.gif);
}
#community-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/community_tab02.gif);
}
#community-tab03{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/community_tab03.gif);
}
#town-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/town_tab01.gif);
}
#town-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/town_tab02.gif);
}
#play-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/play_tab01.gif);
}
#play-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/play_tab02.gif);
}
#play-tab03{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/play_tab03.gif);
}
#etc-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/etc_tab01.gif);
}
#etc-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/etc_tab02.gif);
}
#level-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/level_tab01.gif);
}
#level-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/level_tab02.gif);
}
.battle-btn01{
position:absolute;
margin:0;
}
.battle-btn02{
position:absolute;
left:108px;
margin:0;
}
.battle-btn03{
position:absolute;
left:250px;
margin:0;
}
.battle-btn04{
position:absolute;
left:334px;
margin:0;
}
.community-btn01{
position:absolute;
margin:0;
}
.community-btn02{
position:absolute;
left:98px;
margin:0;
}
.community-btn03{
position:absolute;
left:215px;
margin:0;
}
.town-btn01{
position:absolute;
margin:0;
}
.town-btn02{
position:absolute;
left:119px;
margin:0;
}
.play-btn01{
position:absolute;
margin:0;
}
.play-btn02{
position:absolute;
left:92px;
margin:0;
}
.play-btn03{
position:absolute;
left:245px;
margin:0;
}
.etc-btn01{
position:absolute;
margin:0;
}
.etc-btn02{
position:absolute;
left:104px;
margin:0;
}
.level-btn01{
position:absolute;
margin:0;
}
.level-btn02{
position:absolute;
left:115px;
margin:0;
}
/*戦闘システム-TABLE */
#battle-table{
margin:-1px 0 2px 20px;
width:564px;
padding-top:11px;
}
#battle-table table{
margin:0px;
width:564px;
line-height: 18px;
}
#battle-table table .img{
padding:15px 14px 15px 0;
vertical-align:top;
font-size: 0;
}
#battle-table table .img-s{
background:url(http://static.nexon.co.jp/asgard03/guide/town_border01.gif) no-repeat;
background-position:bottom left;
padding:2px 10px 2px 0;
vertical-align:middle;
}
#battle-table table .img-s img{
margin:0px 11px 1px 0; 
vertical-align:middle;
}
#battle-table table .img-n{
padding:2px 10px 2px 0;
vertical-align:middle;
}
#battle-table table .img-n img{
margin:0px 11px 1px 0; 
vertical-align:middle;
}
#battle-table table .img-top{
padding:0 14px 15px 0;
vertical-align:top;
}
#battle-table table .img-bottom{
padding:15px 14px 0 0;
vertical-align:top;
font-size: 0;
}
#battle-table table .text{
margin:0;
padding-top:13px;
vertical-align:text-top;
}
#battle-table table .text-top{
margin:0;
padding-top:0px;
vertical-align:text-top;
}
#battle-table table .text-bottom{
margin:0;
padding-bottom:8px;
vertical-align:text-top;
}
#battle-table table .orengebox{
background-color:#ee5c13;
padding:8px 0 4px 13px;
color:#e8e8e8;
width:302px;
margin:0;
vertical-align:text-top;
}
#battle-table table .orengebox span{
color:#f0f319;
font-weight:bold;
}


/***以下、ログイン,職業,インターフェイス,基本操作,***/
/*タブメニュー*/
#guide-tabmenu{
background:transparent url(http://static.nexon.co.jp/asgard03/global/tab_border.gif) no-repeat scroll 100% 100%;
height:26px;
width:576px;
margin:0 0 10px 12px;
padding:0;
}
#guide-tabmenu ul{
list-style-type:none;
margin:0;
padding:0;
vertical-align:bottom;
}
#guide-tabmenu li{
display:inline;
float:left;
margin:0 2px 0 0;
padding:0;
}
#guide-tabmenu img{
border:none;
vertical-align:bottom;
}


/***ログイン***/
/*ログインタイトル*/
#login-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/login_ttl.gif) no-repeat 100% 0;
}
/*ログインサブタイトル*/
.login-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/login_sttl01.gif) no-repeat;
margin:0 0 6px 10px;
width:168px;
height:20px;
}
.login-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/login_sttl02.gif) no-repeat;
margin:15px 0 6px 10px;
width:117px;
height:20px;
}
.login-sttl03{
background:url(http://static.nexon.co.jp/asgard03/guide/login_sttl03.gif) no-repeat;
margin:15px 0 6px 10px;
width:115px;
height:20px;
}

/*ログインテーブル*/
.login-tbl{
margin:0;
padding:3px 0 0 20px;
width:574px;
}
.login-tbl table{
width:574px;
}
.login-tbl table .login-tbl-img01{
width:230px;
}
.login-tbl table .login-tbl-txt01{
vertical-align:top;
padding:0 10px 0 0;
}

.login-tbl02{
margin:-4px 0 -2px 0;
padding:0 0 0 20px;
width:574px;
}
.login-tbl02 .tbl-left{
float:left;
width:286px;
margin:0;
padding:0;
}
.login-tbl02 .tbl-left table{
width:251px;
}
.login-tbl02 table .login-tbl-img02{
width:251px;
height:201px;
}
.login-tbl02 table .login-tbl-txt02{
width:251px;
vertical-align:top;
padding:0 25px 0 0;
}

/*ログイン矢印*/
.line-arrow{
display:block;
width:574px;
height:20px;
margin:6px 0;
background:url(http://static.nexon.co.jp/asgard03/guide/line_arrow.gif) no-repeat 100% 0;
}

/***職業***/
/*職業タイトル*/
#job-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/job_ttl.gif) no-repeat 100% 0;
}
/*戦士サブタイトル*/
.job-soldier-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_soldier_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:456px;
height:20px;
}
/*盗賊サブタイトル*/
.job-thief-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_thief_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:428px;
height:20px;
}
/*聖職者サブタイトル*/
.job-saint-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_saint_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:518px;
height:20px;
}
/*魔術師サブタイトル*/
.job-magician-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_magician_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:488px;
height:20px;
}
/*修道士サブタイトル*/
.job-monk-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_monk_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:504px;
height:20px;
}
/*騎士サブタイトル*/
.job-knight-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_knight_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:462px;
height:20px;
}
/*吟遊詩人サブタイトル*/
.job-troubadour-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_troubadour_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:411px;
height:20px;
}
/*預言者サブタイトル*/
.job-prophet-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_prophet_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:365px;
height:20px;
}
/*阿修羅サブタイトル*/
.job-asura-sttl{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/guide/job_asura_sttl.gif) no-repeat;
margin:0 0 0 9px;
width:372px;
height:20px;
}

/*職業メニュー*/
#guide-jobmenu-top{
padding:16px 0 0;
width:584px;
background:url(http://static.nexon.co.jp/asgard03/guide/bg_jobmenu_top.gif) no-repeat left top;
}
#guide-jobmenu-btm{
padding:0 0 16px;
width:584px;
background:url(http://static.nexon.co.jp/asgard03/guide/bg_jobmenu_btm.gif) no-repeat left bottom;
}
#guide-jobmenu{
margin:0 0 9px 9px;
width:584px;
background:url(http://static.nexon.co.jp/asgard03/guide/bg_jobmenu.gif) repeat-y;
}
#guide-jobmenu-btm:after {
content: "";
display: block;
clear: both;
}

#guide-jobmenu ul{
margin:0;
padding:0 0 0 15px;
list-style-type:none;
}
#guide-jobmenu ul li{
float:left;
margin:0 25px 0 0;
}
#guide-jobmenu ul li span{
display:none;
}
/* 戦士 */
#guide-jobmenu ul li.job01{
width:59px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_01.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job01 a:link,
#guide-jobmenu ul li.job01 a:visited,
#guide-jobmenu ul li.job01 a:hover,
#guide-jobmenu ul li.job01 a:active{
display:block;
width:59px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_01.gif) no-repeat left center;
}
/* 盗賊 */
#guide-jobmenu ul li.job02{
width:60px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_02.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job02 a:link,
#guide-jobmenu ul li.job02 a:visited,
#guide-jobmenu ul li.job02 a:hover,
#guide-jobmenu ul li.job02 a:active{
display:block;
width:60px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_02.gif) no-repeat left center;
}
/* 聖職者 */
#guide-jobmenu ul li.job03{
width:70px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_03.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job03 a:link,
#guide-jobmenu ul li.job03 a:visited,
#guide-jobmenu ul li.job03 a:hover,
#guide-jobmenu ul li.job03 a:active{
display:block;
width:70px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_03.gif) no-repeat left center;
}
/* 魔術師 */
#guide-jobmenu ul li.job04{
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_04.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job04 a:link,
#guide-jobmenu ul li.job04 a:visited,
#guide-jobmenu ul li.job04 a:hover,
#guide-jobmenu ul li.job04 a:active{
display:block;
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_04.gif) no-repeat left center;
}
/* 修道士 */
#guide-jobmenu ul li.job05{
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_05.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job05 a:link,
#guide-jobmenu ul li.job05 a:visited,
#guide-jobmenu ul li.job05 a:hover,
#guide-jobmenu ul li.job05 a:active{
display:block;
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_05.gif) no-repeat left center;
}
/* 預言者 */
#guide-jobmenu ul li.job06{
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_06.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job06 a:link,
#guide-jobmenu ul li.job06 a:visited,
#guide-jobmenu ul li.job06 a:hover,
#guide-jobmenu ul li.job06 a:active{
display:block;
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_06.gif) no-repeat left center;
}
/* 騎士 */
#guide-jobmenu ul li.job07{
margin-top:3px;
width:60px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_07.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job07 a:link,
#guide-jobmenu ul li.job07 a:visited,
#guide-jobmenu ul li.job07 a:hover,
#guide-jobmenu ul li.job07 a:active{
display:block;
width:60px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_07.gif) no-repeat left center;
}
/* 吟遊詩人 */
#guide-jobmenu ul li.job08{
margin:3px 0 0 0;
width:83px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_08.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job08 a:link,
#guide-jobmenu ul li.job08 a:visited,
#guide-jobmenu ul li.job08 a:hover,
#guide-jobmenu ul li.job08 a:active{
display:block;
width:83px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_08.gif) no-repeat left center;
}
/* 阿修羅 */
#guide-jobmenu ul li.job09{
margin-top:3px;
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_09.gif) no-repeat left bottom;
}
#guide-jobmenu ul li.job09 a:link,
#guide-jobmenu ul li.job09 a:visited,
#guide-jobmenu ul li.job09 a:hover,
#guide-jobmenu ul li.job09 a:active{
display:block;
width:72px;
height:22px;
background:url(http://static.nexon.co.jp/asgard03/guide/jobmenu_09.gif) no-repeat left center;
}

/*職業リード文*/
.job-read-txt{
width:564px;
margin:0 0 0 20px;
padding:10px 0 15px;
}

/*職業テーブル*/
.job-tbl-top{
background:url(http://static.nexon.co.jp/asgard03/guide/job_tbl_top.gif) no-repeat;
width:564px;
height:18px;
margin:0 0 0 20px;
}
.job-tbl-middle{
background:url(http://static.nexon.co.jp/asgard03/guide/job_tbl_middle.gif) repeat-y;
width:544px;
margin:0 0 0 20px;
padding:0 10px;
}
.job-tbl-bottom{
background:url(http://static.nexon.co.jp/asgard03/guide/job_tbl_bottom.gif) no-repeat;
width:564px;
height:20px;
margin:0 0 10px 20px;
padding:0;
}
.job-tbl-middle table{
width:542px;
padding:0;
margin:0;
}
.job-tbl-middle td{
vertical-align:top;
}
.job-tbl-middle .job-tbl-item-start{
padding:2px 0 5px 10px;
width:80px;
border-bottom:solid 1px #eeeee7;
}
.job-tbl-middle .job-tbl-txt-start{
padding:0 0 5px 10px;
border-bottom:solid 1px #eeeee7;
}
.job-tbl-middle .job-tbl-item{
padding:7px 0 5px 10px;
width:80px;
border-bottom:solid 1px #eeeee7;
}
.job-tbl-middle .job-tbl-txt{
padding:5px 0 5px 10px;
border-bottom:solid 1px #eeeee7;
}
.job-tbl-middle .job-tbl-item-end{
padding:7px 0 0 10px;
width:80px;
}
.job-tbl-middle .job-tbl-txt-end{
padding:5px 0 0 10px;
vertical-align:top;
}

/*職業イメージ*/
.job-img{
width:564px;
height:213px;
margin:0 0 0 20px;
padding:0;
}

/***インターフェイス***/
/*インターフェイスタイトル*/
#interface-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/interface_ttl.gif) no-repeat 100% 0;
}
/*インターフェイスサブタイトル*/
.interface-sttl01{
background:url(http://static.nexon.co.jp/asgard03/guide/interface_sttl01.gif) no-repeat;
margin:0 0 6px 10px;
width:128px;
height:20px;
}
.interface-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/interface_sttl02.gif) no-repeat;
margin:15px 0 6px 10px;
width:79px;
height:20px;
}

/*box*/
.interface-box-top{
background:url(http://static.nexon.co.jp/asgard03/global/frame_head.gif) no-repeat;
height:14px;
width:604px;
}
.interface-box-middle{
background:url(http://static.nexon.co.jp/asgard03/global/box01_middle.gif) repeat-y;
width:604px;
padding:0 0 2px 0;
}
.interface-box-middle02{
background:url(http://static.nexon.co.jp/asgard03/global/box01_middle.gif) repeat-y;
width:604px;
padding:0;
}
.interface-box-bottom{
background:url(http://static.nexon.co.jp/asgard03/global/frame_foot.gif) no-repeat;
height:15px;
width:604px;
}

/*インターフェイスキャプション*/
.interface-captop{
margin:0;
padding:3px 0 0 20px;
}
.interface-cap{
margin:0;
padding:15px 0 0 20px;
}

/*インターフェイス解説画像用*/
#interface-ex{
margin:0 auto;
padding:3px 0 0 0;
text-align:center;
}

/*インターフェイステーブル*/
.interface-tbl{
margin:0;
padding:8px 30px 0 30px;
width:544px;
}
.interface-tbl table{
padding:7px;
width:544px;
}
.interface-tbl table .intface-tbl-txt-cap{
padding:7px;
color:#240b0b;
font-weight:bold;
width:130px;
vertical-align:top;
border-bottom:solid 1px #eeeee7;
}
.interface-tbl table .intface-tbl-txt{
padding:7px 0 7px 0;
vertical-align:top;
border-bottom:solid 1px #eeeee7;
}
.interface-tbl table .intface-tbl-txt-cap-end{
padding:7px 0 0 7px;
color:#240b0b;
font-weight:bold;
width:130px;
vertical-align:bottom;
}
.interface-tbl table .intface-tbl-txt-end{
padding:7px 0 0 0;
vertical-align:bottom;
}

.interface-tbl02{
margin:0 0 0 20px;
padding:10px 0 15px 0;
width:574px;
border-bottom:solid 1px #eeeee7;
}
.interface-tbl02 table{
margin:0;
width:574px;
}
.intface-tbl02-img{
width:230px;
vertical-align:top;
margin:0;
padding:0;
}
.intface-tbl02-txt{
vertical-align:top;
padding:0 10px 0 0;
}

.interface-tbl03{
margin:0 0 0 20px;
padding:5px 0 15px 0;
width:574px;
border-bottom:solid 1px #eeeee7;
}
.interface-tbl03 table{
margin:0;
width:574px;
}

.interface-tbl04{
margin:0;
padding:5px 0 0 20px;
width:574px;
}
.interface-tbl04 table{
margin:0;
width:574px;
}

.interface-txt{
margin:5px 0 0 20px;
width:563px;
}
.interface-txt p{
margin:0;
padding:0;
}

/***基本操作***/
/*基本操作タイトル*/
#basic-ttl{
background:url(http://static.nexon.co.jp/asgard03/guide/basic_ttl.gif) no-repeat 100% 0;
}
/*基本操作サブタイトル*/
.basic-mouse-sttl{
background:url(http://static.nexon.co.jp/asgard03/guide/basic_mouse_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:146px;
height:20px;
}
.basic-shortcut-sttl{
background:url(http://static.nexon.co.jp/asgard03/guide/basic_shortcut_sttl.gif) no-repeat;
margin:9px 0 0 9px;
width:133px;
height:20px;
}

/*基本操作タブ*/
#basic-tab01{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/basic_tab01.gif);
}
#basic-tab02{
position:relative;
width:584px;
height:27px;
margin:0 0 0 6px;
background:url(http://static.nexon.co.jp/asgard03/guide/basic_tab02.gif);
}
.basic-btn01{
position:absolute;
margin:0;
}
.basic-btn02{
position:absolute;
left:121px;
margin:0;
}

/*マウス解説画像*/
.basic-mouse-img01{
margin:5px 0 0 0;
}

/*ガイドテーブル*/
#guide-tbl{
margin:0 0 1px 20px;
width:542px;
padding-top:8px;
}
#guide-tbl table{
margin:0px;
padding:0;
width:542px;
color:#240b0b;
font-size:12px;
vertical-align:middle;
}
#guide-tbl table .scut01-start{
margin:0;
padding:0 0 5px 15px;
font-weight:bold;
border-bottom:solid 1px #eeeee7;
width:190px;
height:10px;
}
#guide-tbl table .scut02-start{
margin:0;
padding:0 0 5px 0; 
border-bottom:solid 1px #eeeee7;
height:10px;
}
#guide-tbl table .scut01{
margin:0;
padding:5px 0 5px 15px;
font-weight:bold;
border-bottom:solid 1px #eeeee7;
width:190px;
height:10px;
}
#guide-tbl table .scut02{
margin:0;
padding:5px; 
border-bottom:solid 1px #eeeee7;
height:10px;
}
#guide-tbl table .scut01-end{
margin:0;
padding:5px 0 0 15px;
font-weight:bold;
width:190px;
height:10px;
}
#guide-tbl table .scut02-end{
margin:0;
padding:5px 0 0 0; 
height:10px;
}

/*共通で使ってるもの*/
a.txt-gray:link{
color:#4a4847;
}
a.txt-gray:hover{
color:#4a4847;
text-decoration:none;
}
a.txt-gray:visited{
color:#4a4847;
}

.clr{
clear:both;
}

