/*-----------------------------------------------*/
#Layout_header_main .home {width: 240px; height: 80px; z-index: 100; position: absolute; left: 0; bottom: 0; cursor: pointer;}
#Layout_header_main .nav {z-index: 10; position: absolute; right: 0; bottom: 0;}
#Layout_header_main .topsearch {_width: 250px;}
#Layout_header_main .topsearch {position: absolute; right: 0; top: 7px; }
#Layout_header_main .searchstring {width: 100px; height: 15px; margin-right: 3px; padding: 5px 0 0 5px; background: url(../../images/bg_search_input.gif) no-repeat 0 0}
#Layout_event .start {z-index: 10; position: absolute; right: 0; top: 2px;}
#Layout_event .btn {z-index: 9; position: absolute; right: 250px; bottom: 23px;}
#Layout_event #mainsmenu {width: 880px; height: 192px; display: none; z-index: 99; position: absolute; left: 0; top: 0;}
#menu_wrapper {width: 880px; height: 192px; position: relative; background: url(../../menu/images/bg_menu.jpg) no-repeat 0 0;}
#menu_wrapper #menuList img {vertical-align: 1px; margin-left: 2px;}
#menu_wrapper #menuList li {height: 20px;}
#menu_wrapper #menuList li a:link {font-size: 12px;}
#menu_wrapper #menuList li a:visited {font-size: 12px;}
#menu_wrapper #menuList li a:hover {font-size: 12px;}
#menu_wrapper #menuList li a:active {font-size: 12px;}

#menu_wrapper #smenu01 {width: 80px; position: absolute; left: 258px; top: 18px;}
#menu_wrapper #smenu02 {width: 95px; position: absolute; left: 359px; top: 18px;}
#menu_wrapper #smenu03 {width: 110px; position: absolute; left: 478px; top: 18px;}
#menu_wrapper #smenu04 {width: 65px; position: absolute; left: 596px; top: 18px;}
#menu_wrapper #smenu05 {width: 65px; position: absolute; left: 679px; top: 18px;}
#menu_wrapper #smenu06 {width: 100px; position: absolute; left: 763px; top: 18px;}
#menu_wrapper #menuclose {width: 11px; height: 11px; z-index: 100; position: absolute; cursor: pointer; right: 14px; bottom: 14px;}


/*-----------------------------------------------*/
.imgborder {border: 1px #C2C2C2 solid;}
#ranking_wrapper {width: 248px; height: 191px; position: relative; border: 1px #E5E5E5 solid; border-top: none; border-bottom: 1px #C2C2C2 solid;}
#ranking_container, #cafe_container, #guild_container {padding: 14px}
#ranking_wrapper .tab {height: 21px; float: left; margin-bottom: 10px;}
#ranking_wrapper .tab li {float: left}
#ranking_wrapper .tab li img {vertical-align: top}
#ranking_container .rank, .list {clear: both; overflow: hidden}
#ranking_container .rank li {width: 215px; height: 20px; padding-top: 1px; text-indent: 17px}
#ranking_container .rank li a {width: 180px; display: block; float: left;}
*:first-child+html #ranking_container .rank  li {margin-bottom:-6px;}
#ranking_container .rank .num01 {background: url(../../images/icon_num_01.gif) no-repeat left 2px;}
#ranking_container .rank .num02 {background: url(../../images/icon_num_02.gif) no-repeat left 2px;}
#ranking_container .rank .num03 {background: url(../../images/icon_num_03.gif) no-repeat left 2px;}
#ranking_container .rank .num04 {background: url(../../images/icon_num_04.gif) no-repeat left 2px;}
#ranking_container .rank .num05 {background: url(../../images/icon_num_05.gif) no-repeat left 2px;}
#ranking_container .rank span {display: block; float: left; width: 30px; text-indent: 0; text-align: right}
#ranking_container .rank .rankup {background: url(../../main/images/icon_rank_up.gif) no-repeat left 3px}
#ranking_container .rank .rankdown {background: url(../../main/images/icon_rank_down.gif) no-repeat left 3px}
#ranking_container .rank .rankeq {background: url(../../main/images/icon_rank_eq.gif) no-repeat left 3px}
#ranking_container .rank_footer {clear: both; margin-top: 5px;  border-top: 1px #C2C2C2 solid; padding-top: 3px}
#ranking_container .rank_footer .date {display: block; float: left}
#ranking_container .rank_footer .allview {display: block; float: right}

#cafe_container .list li {width: 215px; height: 20px; padding-top: 1px; text-indent: 17px}
#cafe_container .list .cafe01 {background: url(../../images/icon_cafe_01.gif) no-repeat left 2px;}
#cafe_container .list .cafe02, .cafe03, .cafe04, .cafe05 {background: url(../../images/icon_cafe_02.gif) no-repeat left 2px;}
#cafe_container .cafe_footer {clear: both; margin-top: 5px;  border-top: 1px #C2C2C2 solid; padding-top: 3px}
#cafe_container .cafe_footer .date {display: block; float: left}

/*-----------------------------------------------*/
#notice_container ul {width: 462px; float: left; background: url(../../main/images/bg_news_tab.gif) repeat-x 0 0; margin-bottom: 10px}
#notice_container ul li {float: left; position: relative;}
#notice_container ul li img {vertical-align: top}
#notice_container ul .ar {width: 40px; position: absolute; right: 0; top: 7px;}
#notice_container ul .ar img {vertical-align: 1px}
#notice_container .notice {clear: both}
#notice_container .notice .news_box {width: 116px; text-align: center; float: left; margin-right: 10px;}
#notice_container .notice .news_box p {width: 100px; margin: 0 auto; margin-top: 5px; line-height: 13px;}
#notice_container .notice caption, thead {display: none}
#notice_container .notice td {background: url(../../main/images/bg_wline.gif) repeat-x 0 18px;}
#notice_container .notice #doctype {width:64px}
#notice_container .notice #title {width: 270px}
#notice_container .notice .tag {height: 21px; text-align: center}
#notice_container .notice #announce, #update, #event, #check {float: left; display: none;}


/*-----------------------------------------------*/
#maincontent_container .title {height: 30px; border-bottom: 3px #C2C2C2 solid; margin-bottom: 8px; background: url(../../main/images/title_hotissue.gif) no-repeat 0 bottom;}
#maincontent_container #hotissueframe {margin-bottom: 15px;}


/*-----------------------------------------------*/
#maincontent_container .item {width: 462px;}
#maincontent_container .item .title {height: 30px; position: relative; border-bottom: 3px #C2C2C2 solid; margin-bottom: 8px; background: url(../../main/images/title_item.gif) no-repeat 0 bottom;}
#maincontent_container .item .title a {position: absolute; right: 5px; bottom: -1px;}
#maincontent_container .item .title img {vertical-align: 1px;}
#maincontent_container .item ul li {width: 105px; margin-right: 13px; float: left;}
#maincontent_container .item ul li .itemFile {height: 94px; margin-bottom: 5px; text-align: center; background: url(../../main/images/bg_item.gif) no-repeat 0 0;}


/*-----------------------------------------------*/
#hotissue_container {float: left; margin-bottom: 15px;}
#hotissue_container .news_box {width: 116px; text-align: center; float: left;}
#hotissue_container .news_box p {width: 90px; margin: 0 auto; margin-top: 5px; line-height: 13px;}
#hotissue_container table {width: 334px; margin-left: 8px; float: left;}
#hotissue_container table caption, thead {display: none}
#hotissue_container table td {background: url(../../main/images/bg_wline.gif) repeat-x 0 18px;}
#hotissue_container table #doctype {width:64px;}
#hotissue_container table #title {width: 270px}
#hotissue_container table .tag {height: 21px; text-align: center}

#hotissue_container ul {width: 164px; margin-left: 8px; float: left;}
#hotissue_container ul li {height: 21px; background: url(../../main/images/bg_wline.gif) repeat-x 0 16px;}



/*-----------------------------------------------*/
#Layout_shortcut .title {height: 30px; border-bottom: 3px #C2C2C2 solid; background: url(../../main/images/title_quicklink.gif) no-repeat left bottom}
#Layout_shortcut .imgs {position: relative;}
#Layout_shortcut .imgs img {vertical-align: top;}
#Layout_shortcut .ball {position: absolute; left: -70px; top: 150px;}
#Layout_shortcut .sslnk {position: absolute; left: 0px; top: 150px; z-index: 100;}
#Layout_shortcut ul {width: 126px;  padding: 20px 0; border-left: 1px #D8D8D8 solid; border-right: 1px #D8D8D8 solid; background-color: #F7F7F7; text-align: center;}
#Layout_shortcut ul li {width: 105px; text-indent: 5px; text-align: left; background: url(../../main/images/icon_dot.gif) no-repeat 0 5px; margin: 0 auto;}



/*-----------------------------------------------*/
#Layout_secondarycontent .movie {position: relative; border-bottom: 1px #C2C2C2 solid; background-color: #040E19;}
#Layout_secondarycontent .movie .balloon {position: absolute; left: 250px; top: 0;}
#Layout_secondarycontent ul {width: 248px; text-align: center; border-left: 1px #E5E5E5 solid; border-right: 1px #E5E5E5 solid; background-color: #F7F7F7;}
#Layout_secondarycontent ul li {width: 219px; margin: 0 auto;}



