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:376px;
background:url(http://static.nexon.co.jp/asgard03/menu/menu_guide_bg33.jpg) no-repeat;
font-size:0;
}
#guide{
margin:0;
padding:0;
}
#guide h3,
#guide h4{
display:none;
}
.line{
background-color:#e8e8e8;
height:1px;
}

/*プレイガイド-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-middle{
background:url(http://static.nexon.co.jp/asgard03/global/box01_middle.gif) repeat-y;
width:604px;
padding:0px 0 8px 0;
}
.box-bottom{
background:url(http://static.nexon.co.jp/asgard03/global/box01_bottom.gif) no-repeat;
width:604px;
height:7px;
}


/***以下、武藤追加分***/
/*タブメニュー*/
#guide-tabmenu{
background:transparent url(http://static.nexon.co.jp/asgard03/global/tab_border.gif) no-repeat scroll 100% 100%;
height:26px;
width:572px;
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:9px 0 0 9px;
width:168px;
height:20px;
}
.login-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/login_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:117px;
height:20px;
}
.login-sttl03{
background:url(http://static.nexon.co.jp/asgard03/guide/login_sttl03.gif) no-repeat;
margin:15px 0 0 9px;
width:115px;
height:20px;
}

/*ログインテーブル*/
.login-tbl{
margin:0;
padding:10px 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-tbl .tbl-left{
float:left;
width:286px;
}
.login-tbl .tbl-left table{
width:251px;
}
.login-tbl table .login-tbl-img02{
width:251px;
height:201px;
}
.login-tbl 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{
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{
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{
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{
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{
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{
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{
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-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:9px 0 0 9px;
width:128px;
height:20px;
}
.interface-sttl02{
background:url(http://static.nexon.co.jp/asgard03/guide/interface_sttl02.gif) no-repeat;
margin:15px 0 0 9px;
width:79px;
height:20px;
}

/*インターフェイスキャプション*/
.interface-captop{
margin:0;
padding:10px 0 0 20px;
}
.interface-cap{
margin:0;
padding:15px 0 0 20px;
}

/*インターフェイス解説画像用*/
#interface-ex{
margin:0 auto;
padding:10px 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:top;
}
.interface-tbl table .intface-tbl-txt-end{
padding:7px 0 0 0;
vertical-align:top;
}

.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 5px 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:-2px 0 1px 20px;
width:542px;
padding-top:11px;
}
#guide-tbl table{
margin:0px;
padding:0;
width:542px;
color:#240b0b;
font-size:12px;
vertical-align:middle;
}
#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 5px 15px;
font-weight:bold;
width:190px;
height:10px;
}
#guide-tbl table .scut02-end{
margin:0;
padding:5px; 
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;
}