@import url('layout.css');
@import url('common.css');

.installation .step {list-style-type:none; width:589px; margin:21px 0 0 15px; padding:0;}
.installation .step li {margin:0; padding-bottom:17px;}
.installation .step .title {background:#000; color:#CBCBCB;}
.installation .step .title img {margin-right:10px; vertical-align:middle;}
.installation .step .image {padding:16px 0 18px 40px;}
.installation .step .top {width:567px; margin:0 auto; padding-top:5px; border-top:1px solid #303030; text-align:right;}

.quest .subcontent {padding-top:31px; padding-left:37px;}
.quest .subcontent h2 {padding-bottom:10px;}
.quest .subcontent .box {margin-right:13px; padding:13px 10px 23px 18px; border:1px solid #343434; background:#0C0C0C; line-height:14px; }
.quest .subcontent .box dl dt {padding:0 0 0 7px; background:#000 url("/images/common/bul2.gif") no-repeat 0 7px; color:#D09D00; font-weight:bold;}
.quest .subcontent .box dl dd {padding:5px 0 25px 7px; color:#A2A2A2;}
.quest .subcontent .box dl dd.last {padding-bottom:0;}
.quest .subcontent .box dl dd strong {color:#E1E1E1;}
.quest .subcontent .block1 {padding-bottom:25px;}
.quest .subcontent .block1 .flash {padding:5px 0;}
.quest .subcontent .block1 strong {color:#B60808;}
.quest .subcontent .block2 {padding-bottom:22px;}
.quest .subcontent .block2 .wrap_table1 {width:542px; margin:15px 0 5px 0; padding-bottom:1px; border-bottom:2px solid #343434; }
.quest .subcontent .block2 .wrap_table1 tbody th,
.quest .subcontent .block2 .wrap_table1 tbody td {padding:5px 0 4px; border-bottom:1px solid #000; background:#1A1A1A; color:#A8A8A8; text-align:center; font-size:11px; }
.quest .subcontent .block2 .wrap_table1 tbody th {border-right:1px solid #000;}
.quest .subcontent .block2 .wrap_table2 {width:542px; margin:0; padding-top:13px; padding-bottom:1px; border-bottom:2px solid #343434; background:#000 url("/images/guide/quest/line1.gif") repeat-x 0 8px; }
.quest .subcontent .block2 .wrap_table2 tbody th,
.quest .subcontent .block2 .wrap_table2 tbody td {padding:5px 0 4px; border-bottom:1px solid #000; background:#1A1A1A; color:#A8A8A8; font-size:11px; }
.quest .subcontent .block2 .wrap_table2 tbody th {border-right:1px solid #000; color:#D07A00; font-weight:normal;}
.quest .subcontent .block2 .wrap_table2 tbody td {padding-left:16px;}
.quest .subcontent .block3 {overflow:auto;}
.quest .subcontent .block3 ul {clear:both; margin:4px auto 6px; padding:0; list-style-type:none; overflow:auto;}
.quest .subcontent .block3 ul.line2 {width:378px;}
.quest .subcontent .block3 ul li {float:left; width:189px; padding:0 0 17px; color:#D07A00; font-weight:bold; text-align:center;}
.quest .subcontent .block3 ul li img {margin-bottom:4px;}
.quest .subcontent .block3 p {clear:both; padding:0 5px; color:#A2A2A2;}

.creating_character {}
.creating_character .step {list-style-type:none; width:589px; margin:21px 0 0 15px; padding:0;}
.creating_character .step li {margin:0; padding-bottom:17px; color:#cbcbcb;}
.creating_character .step li strong {color:#da9c0d;}
.creating_character .step li em {color:#ff0000; font-style:normal;}
.creating_character .step .title1 {background: url("/images/common/step1.gif") no-repeat; padding: 2px 0 10px 74px;}
.creating_character .step .title2 {background: url("/images/common/step2.gif") no-repeat; padding: 2px 0 10px 74px;}
.creating_character .step .title3 {background: url("/images/common/step3.gif") no-repeat; padding: 2px 0 20px 74px;}
.creating_character .step .title em {color:#166eff; font-style:normal; font-weight:bold;}
.creating_character .step .image {padding:0 0 25px 0; text-align:center;}
.creating_character .step .top {width:567px; margin:0 auto; padding-top:5px; border-top:1px solid #303030; text-align:right;}

.items .subcontent {padding-top:8px; padding-left:34px;padding-right:44px;}
.items .wrap_tabmenu ul {margin:0; padding:0; list-style-type:none;}
.items .wrap_tabmenu li {float:left;}
.items .box1 {border:1px solid #585858; background:#0c0c0c; margin-bottom:12px; padding:13px 19px; color:#a2a2a2; line-height:14px; }
.items .box1 h2 {padding:0 0 4px 6px; background: url("/images/common/bul2.gif") no-repeat 0 6px; color:#d09d00; font-weight:bold;}
.items .box1 h2.ty1 {font-weight:normal;}
.items .box1 h2 span {font-weight:normal; color:#E9E9E9;}
.items .box1 table {border:1px solid #585858; margin:5px 5px 15px; width:98%; font-size:11px;}
.items .box1 table td {padding:5px; border:1px solid #585858; background:#000; text-align:center;}
.items .box1 table tr.th td {background:#111111;}
.items .box1 table tr.th2 td {background:#1A1A1A;}

.items .wrap_list {background:#000000; border:1px solid #5b595a; padding:10px 8px 10px;}
.items .wrap_list dl dt {padding-bottom:4px; color:#f37607; font-weight:bold;}
.items .wrap_list dl dd {padding-bottom:24px;}
.items .wrap_list dl.last dd {padding-bottom:0;}
.items .wrap_list dl dd table {border:1px solid #5b595a; width:100%;}
.items .wrap_list dl dd table th, 
.items .wrap_list dl dd table td {border:1px solid #5b595a; color:#8a7f6b; padding:8px 10px 10px; line-height:14px;}

.other .subcontent {padding-top:31px; padding-left:34px;padding-right:44px;}
.other .wrap_list dl dd table {font-size:11px;}
.other .wrap_list dl dd table td.tip {color:#a8a8a8;}
.other .wrap_list dl dd table td.img {padding:0; text-align:center;}
.other .wrap_list dl dd table td.ty1 {padding:5px 5px 7px; background:#111111; color:#a8a8a8; text-align:center;}
.other .wrap_list dl dd table td.ty1a {padding:5px 5px 7px; background:#111111; color:#a8a8a8;}
.other .wrap_list dl dd table td.ty2 {padding:5px 5px 7px; background:#1a1a1a; color:#FFF; text-align:center;}
.other .wrap_list dl dd table td.ty2a {padding:5px 5px 7px; background:#1a1a1a; color:#FFF;}

.craft .box1 .tip {color:#598527;}
.craft .wrap_tabmenu {width:372px; height:115px; margin:0 0 7px 63px; padding:31px 0 0 76px; background: url("/images/guide/item/tabmenu_bg3.jpg") no-repeat; text-align:center;}
.craft .wrap_tabmenu ul li {padding-right:15px;}
.craft .wrap_list dl dd table th {padding:0; background:#111111; color:#a8a8a8; font-weight:normal; font-size:11px;}
.craft .wrap_list dl dd table td {padding:4px 3px 5px 5px;  font-size:11px;}
.craft .wrap_list dl dd table td.img {padding:3px;}
.craft .wrap_list dl dd table td.ty1 {}
.craft .wrap_list dl dd table td.ty2 {color:#FFF;}
.craft .wrap_list dl dd table td.ty3 {color:#ff0000;}
.craft .wrap_list .ty1 {border:1px solid #363636;  font-size:11px;}
.craft .wrap_list .ty1 th, .craft .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; font-weight:normal;}
.craft .wrap_list .ty1 thead th {background:#111111; color:#FFF;}
.craft .wrap_list .ty1 tbody th.ty1 {background:#1a1a1a; color:#f37607;}
.craft .wrap_list .ty1 tbody th.ty2 {background:#000; color:#ff0000;}
.craft .wrap_list .ty1 tbody td {color:#FFF;}
.craft .wrap_list .ty1 tbody td.grass {color:#598527;}
.craft .wrap_list .ty1 tbody td.image {text-align:center;}
.craft .wrap_list .ty1 tbody td .subtitle {color:#f37607;}
.craft .wrap_list .ty1 tbody td .beige {color:#8a7f6b;}
.craft .wrap_list .ty1 tbody td.num {text-align:center;}

.accessory .wrap_tabmenu {width:529px; height:112px; margin:0 0 7px 24px; padding:34px 0 0 24px; background: url("/images/guide/item/tabmenu_bg6.jpg") no-repeat; text-align:center;}
.accessory .wrap_tabmenu ul li {padding-right:0;}
.accessory .wrap_list img.s {float:right;  margin:0 4px 5px 0;}
.accessory .wrap_list dl dt {background: url("/images/guide/item/Item_C_D_S_Tit.gif") no-repeat right top; padding-bottom:7px}
.accessory .wrap_list dl dd table td {padding:6px 3px 7px 5px; font-size:11px;}
.accessory .wrap_list dl dd table thead th {padding:4px 3px 5px 5px;  background:#111111; color:#a8a8a8; font-weight:normal; font-size:11px;}
.accessory .wrap_list dl dd table tbody th {padding:3px 3px 4px 5px; color:#FFF; text-align:left; font-weight:normal; font-size:11px;}
.accessory .wrap_list dl dd table tbody th img {vertical-align:middle;}
.accessory .wrap_list dl dd table tbody td {color:#FFF; }
.accessory .wrap_list dl dd table tbody td.num {text-align:center;}
.accessory .wrap_list .ty1 {border:1px solid #363636; }
.accessory .wrap_list .ty1 th, .accessory .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; font-weight:normal; }
.accessory .wrap_list .ty1 tbody th {background:#111111; color:#a8a8a8; font-size:11px;}
.accessory .wrap_list .ty1 tbody td {background:#1a1a1a; line-height:14px; font-size:11px;}
.accessory .wrap_list .ty1 tbody td.img {text-align:center; background:#000;}
.accessory .wrap_list .ty1 tbody td.ty1 {color:#f37607; font-weight:bold;}
.accessory .wrap_list .ty1 tbody td.ty2 {color:#fffl; }
.accessory .wrap_list .ty1 tbody td.ty3 {color:#a8a8a8;}

.armor .wrap_tabmenu {width:372px; height:115px; margin:0 0 7px 63px; padding:31px 0 0 76px; background: url("/images/guide/item/tabmenu_bg3.jpg") no-repeat; text-align:center;}
.armor .wrap_tabmenu ul li {padding-right:15px;}
.armor .wrap_cmt {color:#FFF; text-align:right; padding-right:5px;}
.armor .wrap_list .ty1 {border:1px solid #363636; background:#000; margin-bottom:15px; font-size:11px; }
.armor .wrap_list .last {margin-bottom:0;}
.armor .wrap_list .ty1 th {padding:5px 3px; border:1px solid #363636; color:#a8a8a8; font-weight:normal; text-align:left;}
.armor .wrap_list .ty1 th .title {color:#d09d00; font-weight:bold;}
.armor .wrap_list .ty1 th .text {color:#FFF;}
.armor .wrap_list .ty1 td {padding:4px 3px; border:1px solid #363636; line-height:14px; text-align:right;}
.armor .wrap_list .ty1 td.img {text-align:center; background:#000;}
.armor .wrap_list tr.th td {background:#111111; text-align:center;}
.armor .wrap_list tr.th2 td {background:#1A1A1A; text-align:center;}

.weapon .wrap_tabmenu {width:529px; height:112px; margin:0 0 7px 24px; padding:34px 0 0 24px; background: url("/images/guide/item/tabmenu_bg6.jpg") no-repeat; text-align:center;}
.weapon .wrap_tabmenu ul li {padding-right:0;}
.weapon .wrap_list .ty1 {border:1px solid #363636; background:#000; font-size:11px; }
.weapon .wrap_list .ty1 th {padding:5px 3px; border:1px solid #363636; color:#a8a8a8; font-weight:normal; text-align:left;}
.weapon .wrap_list .ty1 th .title {color:#d09d00;}
.weapon .wrap_list .ty1 th .text {color:#FFF;}
.weapon .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; line-height:14px; text-align:center;}
.weapon .wrap_list .ty1 td.img {text-align:center; background:#000;}
.weapon .wrap_list tr.th td {background:#1A1A1A;}