@charset "utf-8";

body {color: #000; line-height: 18px;}

#mainnav {float:left; border-top: 1px solid #b9dadb; border-right: 1px solid #b9dadb; margin-top: 5px;}
#mainnav li {float: left;}
#mainnav li a {display: block; float: left; border-left: 1px solid #b9dadb; border-bottom: 1px solid #b9dadb; background-color: #fff; padding: 1px;}
#mainnav li a span {display: block; float: left; background: url(../../images/common/bg_mainnav.gif) left top repeat-x; height: 20px; line-height: 20px; color: #003366; cursor: pointer; width: 115px; text-align: center;}
#mainnav li.last span {width: 120px;}
#mainnav li a:hover {text-decoration: none;}
#mainnav li a:hover span, #mainnav li.first a span {background: url(../../images/common/bg_mainnav_on.gif) left top repeat-x; text-decoration: none;}
#mainnav li.current a {border-bottom: none;}

.header_other {padding-bottom: 7px !important;}

.content_border {border-top: 1px solid #d7eaec;}

.signup {padding: 15px 0 50px 7px;}
.signup_txtonly {padding-bottom: 100px;}
.signup_txtonly p {line-height: 18px; padding-bottom: 10px;}
.signup_txtonly p.signup_txtonly_first {font-size: 18px; line-height: 25px;}
.signup_next {padding: 15px 0 150px 7px;}

.frm_common {}
.frm_common h2 {font-size: 18px; color: #003366; font-weight: normal;}
.frm_common table {}
.frm_common table th {width: 85px; padding: 19px 0; vertical-align: top;}
.frm_common table td {padding: 13px 0;}
.frm_common textarea {width: 505px; height: 75px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; overflow-y: scroll;}
.frm_common textarea.textarea_other {width: 570px; height: 130px; overflow: auto; border: 1px solid #000; line-height: 24px; font-size: 14px; padding: 0 0 0 5px;}
.input_common {border: 1px solid #000; height: 23px; width: 247px; padding: 5px 0 0 5px;}
.width_570 {width: 570px;}
.width_390 {width: 390px;}

.frm_signup_anotherid {}
.frm_signup_anotherid table th {padding: 11px 0;}
.frm_signup_anotherid table td {padding: 5px 0;}

.frm_user_acc {}
.frm_user_acc table th {width: 105px;}
.frm_user_acc table td.frm_txtline {padding: 10px 0 0; color: #000099; font-size: 13px; font-weight: bold;}
.vertical_b img { vertical-align: bottom;}
* html .vertical_b img { vertical-align: text-bottom;}
*+html .vertical_b img { vertical-align: text-bottom;}

.frm_submit .input_common {font-size: 14px;}
.frm_submit table th {padding: 13px 0;}
.frm_submit table td {padding: 7px 0;}
.listOption a {color: #000; display: inline-block; padding: 0 2px;}
.listOption a:hover {background-color: #aceded; text-decoration: none;}

.submit_post_01 {padding: 15px 0 200px 7px;}
.submit_post_03 {padding: 15px 0 50px 7px;}

.submit_rss_contents {padding: 35px 0;}
.submit_rss_contents .rate strong {padding-top: 24px;}

.error_report {padding: 60px 0 160px; text-align: center;}

.font_11 {font-size: 11px;}
.font_14 {font-size: 14px;}
.font_18 {font-size: 18px;}

.color_red {color: #ff0000;}
.color_gray {color: #666;}
.color_darkblue {color: #003366;}
.color_orange {color: #ff6600 !important;}
.color_blue {color: #000099 !important;}

.vertical_t {vertical-align: top;}

.float_l {float: left;}
.float_r {float: right;}

.text_under {text-decoration: underline;}

.padd_bottom_5 {padding-bottom: 5px !important;}
.mar_top_5 {margin-top: 5px;}
.mar_top_10 {margin-top: 10px;}
.mar_top_20 {margin-top: 20px;}
.mar_left_10 {margin-left: 10px;}
.mar_left_50 {margin-left: 50px;}
.mar_left_150 {margin-left: 150px;}

.no_padd_bottom {padding-bottom: 0;}
.no_mar_top {margin-top: 0 !important;}

#popup {width: 448px; border: 1px solid #ff6600; margin: 0 auto; padding: 15px;}
.popup_close {text-align: right;}
.popup_close a {color: #666; text-decoration: underline;}
.popup_content {text-align: center; padding: 90px 0;}
.popup_content_other {padding: 5px 0 10px;}

.frm_submit_outside .float_l {width: 700px;}
.frm_submit_outside .float_r {width: 199px; margin-right: 5px;}

.list_service {padding: 20px 0;}
.list_service li {padding: 5px 0;}
.list_service span {color: #666;}
.service_ico {float: left; width: 30px; text-align: center;}

.step_title {background: url(../../images/common/bg_lineOrange.gif) left 4px no-repeat; padding-left: 8px; font-weight: bold; color: #333399;}
.step {}
.step p {float: left; margin-top: 5px;}
.step img {float: right;}

.help {padding: 15px 0 80px 15px; clear:both;}
.help h2 {font-size: 18px; color: #003366; font-weight: normal;}
.help h2 img {vertical-align: middle;}
.help_graph {}
.help_graph_tit {color: #ff6600; margin-top: 20px; line-height: 20px;}
.help_graph p {line-height: 20px; color: #003366;}

.backtop {margin-top: 30px;}
.backtop a {text-decoration: underline; font-size: 14px; color: #3333cc;}

.btn_submit_blue_height29_l {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height29.gif) left top no-repeat; padding-left: 40px;}
.btn_submit_blue_height29_r {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height29.gif) right -29px no-repeat; padding-right: 40px; height: 29px; line-height: 29px;}
* html .btn_submit_blue_height29_l {display: inline;}
*+html .btn_submit_blue_height29_l {display: inline;}
* html .btn_submit_blue_height29_r {display: inline;}
*+html .btn_submit_blue_height29_r {display: inline;}
.btn_submit_blue_height29_r input {background: transparent none; border: none; font-size: 14px; color: #000099; font-weight: bold; padding-top: 5px;}
.btn_submit_blue_height29_r a {font-size: 14px; color: #000099; font-weight: bold;}

.btn_submit_black_height29_l {display: inline-block; background: url(../../images/common/bg_btn_submit_black_height29.gif) left top no-repeat; padding-left: 10px;}
.btn_submit_black_height29_r {display: inline-block; background: url(../../images/common/bg_btn_submit_black_height29.gif) right -29px no-repeat; padding-right: 10px; height: 29px; line-height: 29px;}
* html .btn_submit_black_height29_l {display: inline;}
*+html .btn_submit_black_height29_l {display: inline;}
* html .btn_submit_black_height29_r {display: inline;}
*+html .btn_submit_black_height29_r {display: inline;}
.btn_submit_black_height29_r input {background: transparent none; border: none; font-size: 14px; color: #000099; font-weight: bold; padding-top: 5px;}
.btn_submit_black_height29_r a {font-size: 14px; color: #000099;}

.btn_submit_blue_height41_l {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height41.gif) left top no-repeat; padding-left: 40px;}
.btn_submit_blue_height41_r {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height41.gif) right -41px no-repeat; padding-right: 40px; height: 41px; line-height: 41px;}
* html .btn_submit_blue_height41_l {display: inline;}
*+html .btn_submit_blue_height41_l {display: inline;}
* html .btn_submit_blue_height41_r {display: inline;}
*+html .btn_submit_blue_height41_r {display: inline;}
.btn_submit_blue_height41_r input {background: transparent none; border: none; font-size: 14px; color: #000099; font-weight: bold; padding-top: 5px;}
.btn_submit_blue_height41_r a {font-size: 14px; color: #000099; font-weight: bold;}

.btn_submit_blue_height21_l {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height21.gif) left top no-repeat; padding-left: 20px;}
.btn_submit_blue_height21_r {display: inline-block; background: url(../../images/common/bg_btn_submit_blue_height21.gif) right -21px no-repeat; padding-right: 20px; height: 21px; line-height: 21px;}
* html .btn_submit_blue_height21_l {display: inline;}
*+html .btn_submit_blue_height21_l {display: inline;}
* html .btn_submit_blue_height21_r {display: inline;}
*+html .btn_submit_blue_height21_r {display: inline;}
.btn_submit_blue_height21_r input {background: transparent none; border: none; color: #000099;}
* html .btn_submit_blue_height21_r input {padding-top: 2px;}
*+html .btn_submit_blue_height21_r input {padding-top: 2px;}
.btn_submit_blue_height21_r a {color: #000099;}

.login {float: left; width: 500px;}
.login_bar {float: right;}
.login_bar .list_service {padding: 5px 0;}

.frm_login table th {width: 65px; padding: 12px 0;}
.frm_login table td {padding: 8px 0;}
.forgotPass {color: #000; text-decoration: underline;}

.help_login .help_graph p {color: #666;}

.rss {padding: 15px 0 80px 15px;}
.rss h2 {font-size: 18px; color: #003366; font-weight: normal;}
.rss h2 img {vertical-align: middle;}
.rss_content {margin-top: 10px;}
.list_rss {width: 535px; margin-top: 10px;}
.list_rss li {float: left; padding-top: 20px; width: 330px;}
.list_rss li.even {width: 205px;}
.rss_name {color: #3333cc; padding-bottom: 5px;}
.list_rss select {float: left; margin-right: 5px; width: 110px; font-size: 12px;}

.pagenav {padding: 30px 0 50px;}
.pagenav ul {text-align: center;}
.pagenav ul li {display: inline; margin: 0 5px;}
.pagenav ul li a {color: #000; font-size: 14px; text-decoration: underline;}
.pagenav ul li a:hover, .pagenav ul li.current a {color: #ff0000; text-decoration: none; font-weight: bold;}

#featured_article {margin-bottom:15px; border:1px solid #e4e4e4;}
#featured_article .time_update {float: right; margin-top: -20px; position: relative; color: #333399; font-size: 10px; padding-right: 10px;}
.featured_article_list {padding:7px 0 7px 13px; }
.featured_article_list li{padding:3px; 0 3px 0 ;}
.featured_article_list li a {color:#0066ff;}
#featured_article .more_view {text-align: right; padding: 0 10px 10px 0;}
#featured_article .more_view a {color: #3333cc; text-decoration: underline;}
#featured_article .more_view a:hover {text-decoration: none;}

.bookmark_page {padding: 0 0 30px 0;}
.bookmark_page_l {float: left; width: 610px;}
.bookmark_page_r {float: right; width: 320px;}
.bookmark_search .btn_submit_black_height29_r input {font-weight: normal; font-size: 12px;}
.bookmark_search .btn_submit_black_height29_l {margin: 3px 0 0 5px;}
.input_bookmark_search {border: 3px solid #ff6600; height: 20px; width: 245px; margin: 3px 0 0 5px; padding: 2px 0 0 5px;}
.bookmark_search * {float: left;}
.bookmark_search_noresult {line-height: 30px; margin-top: 10px;}

.show_bookmark_search_result {margin-top: 30px;}
.show_bookmark_search_result a {color: #000;}
.show_bookmark_search_result * {margin-right: 5px;}
.show_bookmark_search_result select {width: 125px;}

.list_bookmark {margin-top: 20px; border-top: 1px solid #c7eaea;}
.list_bookmark li {border-bottom: 1px solid #c7eaea; padding: 10px 0;}
.check_bookmark {float: left; width: 25px;}
.check_bookmark input {margin: 0; padding: 0; font-size: 0; line-height: 0;}
.bookmark_content {float: left; width: 580px;}
.bookmark_name {color: #000099; font-size: 14px;}
.bookmark_name:hover {text-decoration: underline;}
.num_comment {font-size: 11px;}
.bookmark_content .ico {margin-left: 10px;}
.bookmark_img {float: left; margin-right: 10px;}
.bookmark_tool {}
.bookmark_tool * {color: #3333cc; font-size: 11px;}

.support {padding-right: 20px; margin-bottom: 40px;}
.support a {background: url(../../images/common/ico_support.gif) left top no-repeat; line-height: 17px; padding: 2px 0 2px 22px; float: right;}

.box_avatar_fav {margin-bottom: 20px;}
.avatar_fav {float: left; margin-right: 5px;}

.box_label {border-top: 1px solid #93bec0; padding-top: 1px;}
.box_label h2 {background: url(../../images/common/ico_v01.png) left -403px repeat-x; height: 16px; line-height: 16px; padding: 2px 0 0 5px; color: #003399; font-size: 14px; font-weight: normal;}
.change_label {padding: 15px 0 20px 5px;}
.change_label label {color: #3399cc;}
.input_change_label {border: 1px solid #3399cc; width: 195px;}
.btn_create_label {border: none; background: none; color: #3399cc;cursor: pointer;}
.list_label {padding-left: 5px;}
.list_label li {color: #3399cc; line-height: 24px;}
.list_label li a {color: #3399cc;}

#pathway {border-top: 1px solid #a4b9d0; border-bottom: 1px solid #a4b9d0; line-height: 24px; margin-bottom: 0px;}
#pathway * {color: #666; font-size: 11px;}

#sideContents #tag_of_best {float: none; margin-bottom: 20px; width: 298px; height: 292px;}
#sideContents #tag_of_best .tob_list {height: 253px;}

.rss_contents_other .media {float: left;}
.rss_contents_other .text {width: 500px;}

#search_result {margin-bottom: 20px;}
.search_result_tab {margin-bottom: 10px;}
.search_result_tab ul li {float: left; background: url(../../images/common/bg_lineGray.gif) left center no-repeat; padding: 0 9px; font-weight: bold; color: #000}
.search_result_tab ul li.first {background: none; padding: 0 9px 0 0;}
.search_result_tab ul li a {font-weight: normal;}

.search_frm {margin-bottom: 10px;}
.search_frm .input_search {float: left; border: 1px solid #000; width: 525px; height: 22px; margin-right: 3px; font-size: 14px; padding: 2px 0 0 10px;}
* html .search_frm .input_search {padding: 4px 0 0 10px; height: 20px;}
*+html .search_frm .input_search {padding: 4px 0 0 10px; height: 20px;}

.search_result_related {border-top: 1px solid #a4b9d0; border-bottom: 1px solid #a4b9d0; line-height: 24px; margin-bottom: 10px;}
.search_result_related_l {float: left;}
.search_result_related_r {float: right; color: #666;}
.search_result_related_l ul li {float: left; background: url(../../images/common/bg_lineGray.gif) left center no-repeat; padding: 0 9px; color: #000; font-weight: bold;}
.search_result_related_l ul li.first {background: none; padding: 0 9px 0 0;}
.search_result_related_l ul li a {font-weight: normal; text-decoration: underline;}
.search_result_related h1 {display: inline; color: #666;}
.search_result_related h1 span {font-weight: normal;}

.search_result h2 {color: #3333cc; font-size: 18px; text-decoration: underline; font-weight: normal; margin-bottom: 10px;}
.search_result_content {float: left; width: 560px;}
.search_result_img {float: right;}

.no_result h2 {font-size: 14px; color: #000; text-decoration: none; font-weight: bold;}
.no_result h2 span {font-weight: normal;}

.red{color:#ff0000}
.bdbtbone{border-bottom:none!important}

.forPost .with_img{width:455px}
.forPost .subInfo span.red a{ text-decoration:underline; color:#FF0000}

.rss_contents .Related{clear:both; padding:8px 0 20px 58px}
.rss_contents .Related span{background:#edf8f8 none; padding:1px 10px; display:block; color:#666; float: left}
.rss_contents .Related span a{color:#3333CC; text-decoration:underline}

.today_media{border:none!important; margin-bottom: 15px;}
.today_media h2{background:none!important; border-top:1px solid #BDDCDF; color:#3333cc; padding-left:0 !important; height:14px; padding-top:6px; margin-bottom:12px}
.today_media .forPost li{padding-bottom:3px}
.today_media .forPost li a{color:#3333cc}
.today_media .media_list li{height:auto !important}

#noticeable #comment, #noticeable #twitterPost{padding:0 0 15px}
#noticeable .comment{width:133px}
#noticeable .twitterPost{width:504px}
#noticeable{border:1px solid #BDDCDF }
#noticeable .comment a {border-right:1px solid #B9DADB}
#noticeable .comment a span{background:url(../../images/common/comment.gif) no-repeat 2px; text-indent:-1000px; display:block}
#noticeable .twitterPost a span{background:url(../../images/common/twitter.gif) no-repeat 14px; text-indent:-1000px; display:block}
#noticeable h2.comment a strong, #noticeable h2.twitterPost a strong{background:url(../../images/common/bg_tab.gif) repeat-x top; height:27px; padding-top:8px}

#comment .titComment, #twitterPost .titComment{position:relative; color:#0099ff}
#comment .titComment .simpleArea, #twitterPost .titComment .simpleArea{position:absolute; top:0 ; right:0}
#comment .titComment .type_text, #twitterPost .titComment .type_text{border:1px solid #caeded; height:24px; padding:3px 0 0 5px; width:120px; margin-right:4px}
#comment .input_comment, #twitterPost .input_comment{width:99.8%; border:1px solid #a5d5dd; height:75px; margin-top:8px}
* html #comment .input_comment, #twitterPost .input_comment{width:99.4%}
#comment .btnRight, #twitterPost .btnRight{margin-top:8px; text-align:right}
#comment .btnRight input, #twitterPost .titComment .btn_submit_blue_height29_l  input, #twitterPost .btnRight input{font-size:14px; font-weight:normal; color:#006699; cursor:pointer}

#twitterPost .listReply, #comment .listReply  {margin-bottom:15px}
#twitterPost .listReply li, #comment .listReply li{border-bottom:1px solid #ccc; display:inline-block; padding:15px 0; width:100%; color:#333;position:relative}
#twitterPost .listReply li .avatar, #comment .listReply li .avatar{float:left; width:48px; border: 1px solid #F3F8F8; width: 43px; height: 36px; padding-top: 7px; text-align: center;}
#twitterPost .listReply li .nickName, #comment .listReply li .nickName{color:#ff6600; font-weight:700; text-decoration:none}
#twitterPost .listReply li a, #comment .listReply li a{color:#333}
#twitterPost .listReply li .info, #commnet .listReply li .info{margin-top:3px}
#twitterPost .listReply li .info span, #commnet .listReply li .info span{font-size:11px; color:#666; margin-right:10px}
#twitterPost .listReply li .linkarea, #comment .listReply li .linkarea{position:relative; width:100%}
#twitterPost .listReply li .text, #comment .listReply li .text{position:relative; width:578px; float:right}
#twitterPost .listReply li .linkarea span, #comment .listReply li .linkarea span{position:absolute; right:15px; top:-16px}
#twitterPost .listReply li .linkarea a, #comment .listReply li .linkarea a{color:#ff6600;font-size:11px; text-decoration:none; margin-left:10px}

a:hover.btnView{text-decoration:none}
a.btnView{background:url(../../images/common/btn_view_left.gif) left; padding-left:40px; display:inline-block; cursor:pointer; text-decoration:none}
a.btnView span{background:url(../../images/common/btn_view_right.gif) right;display:inline-block; height:36px; text-align:center; padding-right:40px; line-height:36px; color:#2276bb; font-weight:700}
.btnCenter{text-align:center}
.btnWidth430{width:430px}

#comment .listReply li{border-bottom:1px solid #dcf3f3; padding:8px 0}
#comment .listReply li .info span a{color:#ff0000}
#comment .listReply li .linkarea a {font-weight:700; font-size:12px}
#comment .listReply li .nickName{font-weight:normal}
#comment .listReply li ul li{border-bottom:none; display:block; padding:15px 0; width:auto; background:#f5f9f9; padding:5px; color:#666; margin-top:5px}

.author {color: #ff0000; margin-left: 20px;}

.google_banner {margin-bottom: 10px;}

.pagenav_other {border-top: 1px solid #BDDCDF; padding: 7px 0;}
.pagenav_other ul li a {font-family: Arial, sans-serif; font-size: 13px; color: #0099cc;}
.borbottom {border-bottom: 1px solid #BDDCDF;}

.scrollArea .btnScroll{float:left; padding-top:18px}
.scrollArea .rss_contents{width:565px; float:left; padding:0 10px}
.scrollArea .forPost .with_img {width:395px}
.forPost h2 {color:#333399}
* html .forPost h2{padding-top:4px!important}
.bookmarklet{border: 2px solid #99ccff; width:496px;margin:10px auto 0; height:456px; position:relative}
.bookmarklet .top{padding:10px 25px 12px 10px}
.bookmarklet .form{padding:0 25px}
.bookmarklet .form p{display:inline-block; width:100%; padding-bottom:8px}
.bookmarklet .form p label{float:left; width:60px; padding-right:12px}
.bookmarklet .form p span{float:right; width:374px}
.bookmarklet .form p span strong{display:block; text-align:right; font-size:11px; color:#999; font-weight:normal; margin-top:-13px; position:relative}
.bookmarklet .form p span input{width:369px; padding-left:5px; border:1px solid #99ccff; height:18px}
.bookmarklet .form p span textarea{width:369px; padding-left:5px; border:1px solid #99ccff;height:90px}
.bookmarklet .form p span.scroll{padding:5px; padding-right:0; height:100px; border:1px solid #99ccff; line-height:22px; overflow-y:scroll;overflow-y:scroll; width:367px}
* html .bookmarklet .form p span input{width:365px}
* html .bookmarklet .form p span textarea{width:365px}
.bookmarklet .form a{margin-right:8px; color:#3366cc}
.bookmarklet .form a:hover{background:#ccffff none}
.bookmarklet .btnRight{text-align:right}
.bookmarklet .btnRight div{padding:0 0 0 10px; margin-left:3px}
.bookmarklet .btnRight div div{padding:0 10px 0 0}
.bookmarklet .btnRight input{font-weight:normal}

.formLogin{padding:55px 30px 0 50px}
.formLogin p{margin-top:9px}
.formLogin label{float:left; width:64px}
.formLogin span input{width:225px; border: 1px solid #99ccff; padding-left:5px; height:18px}
.formLogin span strong{color:#F00; font-weight:normal; font-size:11px; padding-left:5px}
.formLogin .save{width:300px; text-align:right; padding-top:5px}
.formLogin .btn input{font-weight:normal}
.formLogin .btn{padding-left:65px; padding-top:10px}
.formLogin .btn div.right{padding-left:10px; margin-left:3px}
.formLogin .btn div.right div{padding-right:10px}
.bookmarklet .linkbottom{position:absolute; bottom:20px; right:25px; color:#ff6600; text-decoration:underline}
#today_media h2{color:#333399}
* html #today_media h2{padding-top:4px}
#noticeable .listed{color:#333399; font-size:11px; padding-bottom:15px}
#noticeable h2 a{color:#333399}
.pageList {padding:0 0 20px 65px;text-align:left}
.pageList li a, .pageList li span {color:#000;font-size:14px;text-decoration:underline}
.pageList li {display:inline;padding:0 4px; font-size:14px}
.pageList li a:hover, .pageList li span {color:#FF0000;text-decoration:none}
.pageList li span {font-weight:700}
#choixbar{width:800px; margin:0 auto; position:relative}
#choixbar .rss_contents{background:url(../../images/common/bgtit_choixbar.gif) repeat-x top; padding:1px; border:1px solid #ccc; height:36px}
#choixbar .rss_contents .r99{height:32px; background:url(../../images/common/bg_v01.gif); margin-top:1px}
#choixbar .rss_contents .r99 strong{padding-top:8px}
#choixbar h1{float:left; padding:5px 12px 5px 5px}
#choixbar .rss_contents .text .title a span{color:#3333CC}
#choixbar .rss_contents .with_img{width:600px; margin-right:10px}
#choixbar .rss_contents .subInfo{padding-top:6px; font-size:11px}
#choixbar .rss_contents .subInfo .linkarea{float:right; margin-right:5px}
#choixbar .rss_contents .subInfo a{text-decoration:underline}
#choixbar .rss_contents .subInfo .linkarea a{margin-right:5px; font-size:12px}
#choixbar .contentChoixbar{border:3px solid #666; border-top:none; position:relative}
#choixbar #comment .listReply li, #choixbar #twitterPost .listReply li{border:none}
#choixbar #comment .listReply li .text{width:580px}
.forchoixbar{padding-left:80px; margin-right:78px; padding-top:10px}
#choixbar .seemore{clear:both; padding:10px 0 5px; display:inline-block; width:100%}
#choixbar .seemore a{color:#ff6600!important}
#choixbar .close{position:absolute; top:46px; right:8px}
#choixbar #twitterPost{padding-left:42px}
#choixbar #twitterPost .left{float:left; width:80px; color:#666}
#choixbar #twitterPost .right{float:right; width:640px}
#choixbar .formLogin .btn div{margin-left:3px;padding-left:10px}
#choixbar .formLogin .btn div div {padding-right:10px}
#choixbar .formLogin .btn {padding-left:58px;display:inline-block}
#choixbar .btn_submit_blue_height29_r input{color:#3366cc}
#choixbar .formLogin {padding:25px 0 95px 105px}
#choixbar .linkbottom{position:absolute; left:350px; top:280px; color:#ff6600; z-index:10}
#choixbar .formLogin label{color:#666}
.blu{color:#3366cc}
.blu01{color:#3333ff}
#choixbar .complete{text-align:center; padding:120px 0; color:#3333cc; font-size:14px}
* html #choixbar .fixie{margin-top:-2px}
*+html #choixbar .fixie{margin-top:-2px}
.topKey dt{position:relative; font-size:30px; line-height:30px; margin-bottom:5px}
.topKey dt a{position:absolute; top:5px; right:0; font-size:12px; color:#ff0000}
.topKey dd.img{float:right; padding-left:10px}
.topKey dd a{text-decoration:underline}
.topKey dd.info{margin-top:15px; display:inline-block; width:100%}
.topKey dd.info p{margin-bottom:15px}
.topKey dd.info img{vertical-align:middle}
.topKey dd.info .linkarea a{font-size:11px; color:#333399}
h2.tit, .bglineComment{background:url("../../images/common/ico_v01.png") repeat-x left -380px;height:14px;margin-bottom:18px;padding:6px 0 0 9px;border-top:1px solid #bddcdf; margin-top:20px; color:#333399}
h2.tit img{vertical-align:middle}
* html h2.tit, * html .bglineComment{padding-top:4px}
.forkey .listReply{margin-top:10px}
.forkey .listReply li{border-bottom:none!important; border-top:1px solid #caeded; color:#666!important}
.bottomkey {color:#666; margin-bottom:20px; line-height:22px}
.bottomkey  a{margin-right:15px; color:#0000ff; text-decoration:underline}
.boxbd{border:1px solid #E4E4E4; margin-bottom:7px}
.boxbd h3{background:url("../../images/common/ico_v01.png") repeat-x 1px -421px;border-bottom:1px solid #E4E4E4;color:#333399;height:19px;padding:5px 0 0 6px}
.boxbd .listcomment li{padding:10px 15px; color:#666}
.boxbd .listcomment li img{vertical-align:middle; margin-right:5px}
.boxbd .listRanking, .boxbd .listtwit{padding:10px}
.boxbd .listRanking li, .boxbd .listtwit li{background:url(../../images/common/ico_comment.gif) no-repeat left 2px; padding-left:20px; margin-bottom:8px;}
.boxbd .listRanking li a, .boxbd .listtwit li a{ color:#3366cc}
.boxbd .listRanking li span, .boxbd .listtwit li span{color:#0000cc; font-size:11px; margin-left:5px; text-decoration:underline}
.boxbd .listtwit li{background:url(../../images/common/ico_twit.gif) no-repeat left 2px}
#comment .listReply li .text .tit .titlink{color:#0066ff; margin-right:15px}
#comment .listReply li .text .tit .comment{color:#0033cc; font-size:11px}
#comment .listReply li .text .info{color:#666}
#comment, #twitterPost{padding-bottom:15px}
.bglineComment{height:auto; margin-top:0; padding-top:4px; padding-right:10px}
.bglineComment .date{float:right; font-size:11px}
#twitterPost .tit .linktit{font-weight:700; color:#0000cc; margin-right:15px}
#twitterPost .tit .linktwit{color:#0033cc; font-size:11px; text-decoration:underline}
#twitterPost .boxtwit{padding-bottom:10px}
#choixbar .ico_notice{background:url(../../images/common/ico_face.gif) no-repeat left top} 
#comment #twitterPost, #comment #twitterPost .boxtwit{padding-bottom:0}
#comment #twitterPost .listReply{margin-bottom:0}
#comment #twitterPost .listReply li .nickName, #comment .listReply li .nickName {color:#FF6600;font-weight:700;text-decoration:none;}
#comment #twitterPost .listReply li .linkarea a, #comment .listReply li .linkarea a {font-size:11px; font-weight:normal}

 
 .select_ball_icon {width:64px; height:27px; background:url('../../images/common/bg_select_ball_icon.jpg') no-repeat left top;}
 .select_ball_icon input , .select_ball_icon img{vertical-align:middle;}
 .icon_list {position:absolute; right:0; top:27px; width:400px; padding:5px 0 5px 5px ; background:#ffffff;  font-size:0%; line-height:0%; border:1px solid #f3f8f8;z-index: 10000}
 .icon_list li {float:left; font-size:0%; line-height:0%; margin:0 5px 5px 0!important ; background:none !important; height: 34px; width: 43px !important; text-align: center; border:1px solid #f3f8f8 !important; padding: 9px 0 0 0 !important;}
 .icon_list li.icon_list_close {float: none; border: none !important; height: auto !important; width: auto !important;font-size: 12px; line-height: 18px; text-align: right;}
 .icon_list_close a {color: #00ccff !important; font-size: 12px; line-height: 18px; text-decoration: underline;}
 .icon_list li.icon_list_close span {cursor: pointer;}

.simpleArea .select_ball_icon {width:64px; height:27px; background:url('../../images/common/bg_select_ball_icon.jpg') no-repeat left top;}
.simpleArea .select_ball_icon input , .simpleArea .select_ball_icon img{vertical-align:middle;}
.simpleArea .icon_list {position:absolute; right:0; top:27px; width:400px; padding:5px 0 5px 5px ; background:#ffffff;  font-size:0%; line-height:0%; border:1px solid #f3f8f8;z-index: 10000}
.simpleArea .icon_list li {float:left; font-size:0%; line-height:0%; margin:0 5px 5px 0!important ; background:none !important; height: 34px; width: 43px !important; text-align: center; border:1px solid #f3f8f8 !important; padding: 9px 0 0 0 !important;}
.simpleArea .icon_list li.icon_list_close {float: none; border: none !important; height: auto !important; width: auto !important;font-size: 12px; line-height: 18px; text-align: right;}
.simpleArea .icon_list_close a {color: #00ccff !important; font-size: 12px; line-height: 18px; text-decoration: underline;}
.simpleArea .icon_list li.icon_list_close span {cursor: pointer;}
.u_class {background:#edf8f8 none; padding:1px 5px; float: left;}
.u_class li {background:#edf8f8 none; padding:1px 5px; float: left;}