@import "common.css";

body {margin:0; background:#FF5D10}
div, td, th, ul, ol, li, dl, dt, dd, p {color:#333;	}

a:link, a:visited {color:#333; text-decoration:none}
a:hover, a:active {color:#333; text-decoration:underline}

/*°í½ºÅé·ù °ÔÀÓ¹æ¹ý*/
#guide {width:800px; height:650px; }
#top {position:relative; height:56px; background:url(../img/classic/guide_top.gif) no-repeat; z-index:50}
#top .logo {position:absolute; top:36px; left:17px; }
#top .title {position:absolute; top:33px; left:198px; width:545px; height:25px; padding-left:10px; font-size:14px; font-weight:bold; background:url(../img/classic/guide_title.gif) no-repeat left bottom;  }
#middle {position:relative; height:550px; background:url(../img/classic/guide_bg.gif) repeat-y; }
#middle .left {position:absolute; top:0; left:17px; width:158px;  }
#middle .content {position:absolute; top:0; left:199px; z-index:10; width:582px; height:548px; padding-top:18px; background:url(../img/classic/guide_topbar.gif) no-repeat; overflow:auto; 
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#E6E6E6;
scrollbar-3dlight-color:#C7C7C7;
scrollbar-arrow-color:#797979;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#C7C7C7;
scrollbar-base-color:#FFFFFF;
}
html>body #middle .content {height:530px;}
#middle .illust_nemo {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_nemo.gif) no-repeat left bottom; }
#middle .illust_hexadlx {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_hexadlx.gif) no-repeat left bottom; }
#middle .illust_onecard {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_onecard.gif) no-repeat left bottom; }
#middle .illust_bby {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_bby.gif) no-repeat left bottom; }
#middle .illust_mine {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_mine.gif) no-repeat left bottom; }
#middle .illust_yut {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_yut.gif) no-repeat left bottom; }
#middle .illust_bridge {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_bridge.gif) no-repeat left bottom; }
#middle .illust_blocky {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_blocky.gif) no-repeat left bottom; }
#middle .illust_mahjong {position:absolute; bottom:-36px; left:8px; width:191px; height:260px; background:url(../img/classic/guide_illust_mahjong.gif) no-repeat left bottom; } /*070514*/
#btm {height:44px; background:url(../img/classic/guide_btm.gif) no-repeat; text-align:right; }
#btm .btn {flost:right; padding:10px 15px 0 0; }

/* ¿ÞÂʸ޴º */
#lmenu {margin:59px 0 0 0; overflow:hidden; clear:both; background:url(../img/classic/bg_left.gif) repeat-y}
#lmenu li {padding:10px 0 5px 0; display:block; background:url(../img/classic/guide_menu01.gif) no-repeat; color:#FFF; font-weight:bold;  clear:both; }
#lmenu li a {color:#FFFFFF; text-decoration:none; padding-left:20px; display:block}
#lmenu li a:hover {color:#F7FFAF; text-decoration:none }
#lmenu li.selected, #lmenu li.selected:hover {background-position: 0 -30px; color:#F7FFAF; text-decoration:none }
#lmenu li.selected a {color:#F7FFAF; }
#lmenu .dep2 {clear:both; padding:7px 0 0 0; background:url(../img/classic/guide_menu02_t.gif) no-repeat left 5px; }
html>body #lmenu .dep2 {padding:2px 0 5px 0; background:url(../img/classic/guide_menu02_t.gif) no-repeat left 0; }
#lmenu .dep2 li {padding:4px 0 1px 0; background:url(../img/classic/guide_menu02.gif) no-repeat; color:#FFF; font-weight:normal;}
#lmenu .dep2 li a {color:#FFF;  }
#lmenu .dep2 li a:hover {color:#F7FFAF;  }
#lmenu .dep2 li.selected, #lmenu .dep2 li.selected:hover {font-weight:bold; background-position: 0 -19px; color:#F7FFAF;  }
#lmenu .dep2 li.selected a {color:#F7FFAF; }

/*°ÔÀÓ°¡ÀÌµå ¹Ú½º*/
.guidebox_t {background:url(../img/classic/guidebox_t.gif) no-repeat; height:5px; overflow:hidden; }
.guidebox_m {background:url(../img/classic/guidebox_m.gif) repeat-y; text-align:center; height:335px; }
.guidebox_b {background:url(../img/classic/guidebox_b.gif) no-repeat; height:5px; overflow:hidden; }

.guidebox_t01 {background:url(../img/classic/guidebox_t.gif) no-repeat; height:3px; overflow:hidden; }
.guidebox_m01 {background:url(../img/classic/guidebox_m.gif) repeat-y; text-align:center; padding:0 3px; }
.guidebox_b01 {background:url(../img/classic/guidebox_b.gif) no-repeat; height:3px; overflow:hidden; }

/* °ÔÀÓ°¡ÀÌµå ¹Ú½º ¶óÀÎ */
.line {background:url(../img/common/dot.gif) center repeat-x;}