@charset "UTF-8";
/* base.css */
.c-trad-contents{font-size:16px}
.c-trad-contents *{direction:ltr;unicode-bidi:bidi-override}
.c-trad-contents rb,.c-trad-contents rbc,.c-trad-contents rt,.c-trad-contents rtc,.c-trad-contents ruby{unicode-bidi:normal}
.c-trad-contents li,.c-trad-contents ol,.c-trad-contents ul{list-style:none}
.c-trad-contents table{border-spacing:0;border-collapse:collapse}
.c-trad-contents img{vertical-align:bottom;border-width:0;border-style:none}
.c-trad-contents #container:after,.c-trad-contents dl:after,.c-trad-contents ul:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.c-trad-contents .clearfix:after{display:block;clear:both;content:''}
.c-trad-contents .clr{clear:both}
.c-trad-contents *{margin:0;padding:0;color:#333}
.c-trad-contents body{font-family:'Lucida Grande',sans-serif;font-size:100%;background:#fff}
.c-trad-contents body{word-wrap:break-word;word-break:normal!important}
.c-trad-contents select{word-wrap:normal}
.c-trad-contents a{text-decoration:none;color:#03c;outline:0}
.c-trad-contents a:hover{text-decoration:none;opacity:.7;color:#393}
.c-trad-contents .clr{clear:both}
.c-trad-contents #header{width:950px;margin:0 auto}
.c-trad-contents #container{width:950px;margin:0 auto;background-color:#fff}
.c-trad-contents #footer{clear:both;width:950px;margin:30px auto 0 auto}
.c-trad-contents #contents{float:left;width:650px;margin-right:auto;margin-left:0;text-align:left;background-color:#fff}
.c-trad-contents #main{float:right;width:450px;margin:0;margin-right:auto;text-align:left}
.c-trad-contents #sub{line-height:150%;float:left;width:190px;margin:0;margin-right:auto;text-align:left}
.c-trad-contents #extra{float:right;width:295px}
.c-trad-contents h1{font-size:112%;font-weight:700;line-height:160%;margin:0;padding:0;text-align:right}
.c-trad-contents h2{font-size:100%;font-weight:700;font-style:none;line-height:170%;padding:5px 0 5px 30px;color:#630}
.c-trad-contents h3{font-size:120%;margin:10px 0 5px 0;color:#763}
.c-trad-contents .main_box{font-size:80%;line-height:150%;float:left;margin:10px 0 20px 0;padding:0;border:1px solid;border-color:#9cc;background-color:#fff}
.c-trad-contents .sub_box{font-size:90%;margin:10px 0 10px 0;padding:5px;border:1px solid #9cc;background-color:#fff}
.c-trad-contents .extra_box{font-size:80%;line-height:150%;float:right;width:285px;margin:10px 0 0 5px;padding:0;border:1px solid #9cc;background-color:#fff}
.c-trad-contents .yomoumain_box{font-size:90%;clear:both;width:750px;margin:10px 0 20px 0;padding:0;border:1px solid #9cc;background-color:#fff}
.c-trad-contents .yomou_in_box2{font-size:100%;line-height:150%;margin:10px;padding:10px;border:1px solid #9cc;background-color:#fff}
.c-trad-contents .in_box{font-size:95%;line-height:150%;margin:8px 10px;padding:0;background-color:#fff}
.c-trad-contents .a_line{font-size:90%;clear:both;margin:5px 5px 0 0;padding:0;text-align:right}
.c-trad-contents #title_name{display:block;float:left;width:300px;height:65px;margin:10px 0 10px 0;padding:0}
.c-trad-contents #title_name a{display:block;width:300px;height:65px;margin:5px 0 0 0}
.c-trad-contents #title{float:right;width:620px;margin:10px 0 0 0}
.c-trad-contents #marker{font-size:90%;line-height:150%;float:left;margin:15px 0 10px 0;text-align:left}
.c-trad-contents #sashie_style{font-size:70%;font-weight:700;line-height:180%;float:right;width:80px;text-align:center;color:#063}
.c-trad-contents p.mobile{font-size:75%;text-align:right}
.c-trad-contents #main_navi{clear:both;width:950px;margin:0 0 5px 0;padding:5px 0;text-align:center;border-top:1px solid #acc;border-bottom:1px solid #acc;background-color:#fff}
.c-trad-contents ul.menu li{font-size:78%;font-weight:700;display:block;float:left;margin:10px}
.c-trad-contents ul.menu a{font-weight:700;padding:5px;color:#000}
.c-trad-contents ul.menu a:hover{color:#000;background-color:#dee}
.c-trad-contents .attention{color:#d00}
.c-trad-contents ul#undernavi{line-height:150%;display:block;margin:0 0 0 15px}
.c-trad-contents ul#undernavi li{font-size:75%;float:left;margin:0;padding:5px 20px 0 3px;list-style:none;text-align:center;text-decoration:none}
.c-trad-contents ul#undernavi a{height:20px;text-decoration:none;color:#666}
.c-trad-contents ul#undernavi a:hover{color:#c03}
.c-trad-contents #copyright{font-size:75%;clear:both;margin:20px 0;text-align:center}
.c-trad-contents .title_h2{margin:5px 5px 10px 5px;padding:5px;border-bottom:2px solid #6cc}
.c-trad-contents .h2_text{font-size:110%;font-weight:700;line-height:170%;margin:-19px 0 5px 27px;padding:0;color:#630}
.c-trad-contents .sub_box ul.list_g li{font-size:85%;margin:10px 5px 5px}
.c-trad-contents .sub_box .title_h2{height:auto;margin:0;padding:5px;border-bottom:2px solid #6cc}
.c-trad-contents .sub_box .title_h2 .h2_help{font-size:100%;font-weight:700;line-height:auto;margin:0;padding-left:30px;color:#630;background:rgba(0,0,0,0) url(/view/images/help.gif) no-repeat scroll left center}
.c-trad-contents ul.list_g li{font-size:95%;line-height:180%;display:block;margin:0;padding:0;list-style:none;color:#000}
.c-trad-contents ul.list_g a{display:block;color:#000;background-color:#fff}
.c-trad-contents ul.list_g a:hover{color:#393;background-color:#ffd}
.c-trad-contents .attenstion2{font-size:80%;margin-bottom:20px;color:#666}
.c-trad-contents a.tl{font-size:120%;font-weight:700;text-decoration:underline;color:#fd6532}
.c-trad-contents .marginleft{margin-right:5px;margin-left:20px}
.c-trad-contents .ex{line-height:130%;color:#603}
.c-trad-contents .letter_limit{font-size:80%;line-height:150%;color:#666}
.c-trad-contents .novel_h{overflow:hidden;width:600px;word-break:break-all}
.c-trad-contents .ex{overflow:hidden;word-break:break-all}
.c-trad-contents input[type=radio]{margin-right:3px;margin-left:3px}
.c-trad-contents input[type=checkbox]{margin-right:5px;margin-left:10px}
.c-trad-contents .h2_tag{font-size:110%;font-weight:700;line-height:170%;margin:0;padding-left:30px;color:#630;background:url(/view/images/tag.gif) no-repeat 0 1px}
.c-trad-contents .koukoku_header{margin:10px 0 5px 10px}
.c-trad-contents .koukoku_sub{width:160px;height:600px;margin:10px auto 0 auto;text-align:center}
.c-trad-contents .koukoku_728{width:728px;height:90px;margin:20px auto 20px auto;text-align:center}
.c-trad-contents #sub_koukoku{float:right;width:160px;min-height:600px;margin-top:30px}
.c-trad-contents .fixed{position:fixed;top:0}
/* pc */
.c-trad-contents .search_box{border-color:#a7cfe9}
.c-trad-contents .word_tab li{color:#0076c4}
.c-trad-contents .searchForm_box *{-webkit-box-sizing:border-box;box-sizing:border-box}
.c-trad-contents .searchForm_box{font-size:14px;line-height:1}
.c-trad-contents .searchForm_box a{cursor:pointer}
.c-trad-contents .search_label_colon{font-weight:700;color:#666}
.c-trad-contents .padding10{padding:10px}
.c-trad-contents .padding5{padding:5px}
.c-trad-contents .i_padding input[type=text],.c-trad-contents .i_padding select{margin-top:5px;margin-bottom:5px;padding:2px}
.c-trad-contents .pointer{cursor:pointer}
.c-trad-contents .text80{font-size:80%}
.c-trad-contents .content-head_h4{line-height:1.5;margin:20px 0 10px 0;padding-left:10px;border-left:5px double #d5d5d5}
.c-trad-contents .content-head_h4:first-child{margin-top:0}
.c-trad-contents .search_description{font-size:85%;margin:10px 0;color:#666}
.c-trad-contents .search_box{margin:0 0 10px 0;padding:5px;border-width:1px;border-style:solid;background:#f6f6f6}
.c-trad-contents .search_box label:hover{cursor:pointer}
.c-trad-contents .search_box label:hover span{color:#06a}
.c-trad-contents .searchForm_table{line-height:1.4;width:100%}
.c-trad-contents .searchForm_table td,.c-trad-contents .searchForm_table th{padding:5px 10px;vertical-align:top;border:solid 1px #ddd}
.c-trad-contents .searchForm_table th{line-height:1.8;width:160px;text-align:left;background:#eee}
.c-trad-contents .btn-add,.c-trad-contents .btn-allgenre_reject,.c-trad-contents .btn-allgenre_select,.c-trad-contents .btn-radius1,.c-trad-contents .btn-search{cursor:pointer}
.c-trad-contents .btn-search{font-size:108%;display:block;width:80%;margin:0 auto;padding:7px 0;letter-spacing:.5em;border-width:2px;-webkit-box-shadow:0 -2px 0 1px rgba(0,0,0,.1),0 2px 0 1px rgba(255,255,255,.3);box-shadow:0 -2px 0 1px rgba(0,0,0,.1),0 2px 0 1px rgba(255,255,255,.3);text-shadow:0 -1px 2px rgba(0,0,0,.2)}
.c-trad-contents .btn-radius1{float:right;min-height:20px}
.c-trad-contents .btn-add{font-size:12px;padding:.1em .75em;text-shadow:0 -1px 2px rgba(0,0,0,.2)}
.c-trad-contents .btn-add:before{font-family:narou-icon-font;margin-right:.5em;content:'\e906'}
.c-trad-contents .btn-add.select{border-width:1px;border-style:solid}
.c-trad-contents .btn-add.select:before{font-family:narou-icon-font;content:'\e903'}
.c-trad-contents .notwordBox .btn-add,.c-trad-contents .wordBox .btn-add{line-height:2.6;float:right}
.c-trad-contents .checkbox_list li{display:inline-block;width:calc(100% / 3.1);margin:5px 0;vertical-align:top}
.c-trad-contents .checkbox_list label input{float:left;margin:3px 0 0 0}
.c-trad-contents .checkbox_list label span{display:block;float:left;width:calc(100% - 24px);padding:0 10px 0 5px}
.c-trad-contents .tab_box{margin:10px 0}
.c-trad-contents .word_tab li{display:inline-block;margin-bottom:-1px;padding:.5em .75em;border:1px solid #ddd;background:#eee}
.c-trad-contents .word_tab li:hover{background:-webkit-linear-gradient(top,#fefefe 0,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eee));background:linear-gradient(to bottom,#fefefe 0,#eee 100%)}
.c-trad-contents .word_tab li.select{cursor:default;border-bottom-color:#fff;background:#fff}
.c-trad-contents .word_content{border:1px solid #ddd;background:#fff}
.c-trad-contents .notwordBox,.c-trad-contents .wordBox{line-height:1.8;vertical-align:middle}
.c-trad-contents .search_label{font-weight:700;display:inline-block;margin:0;padding:7px 14px;color:#666}
.c-trad-contents .search_text{font-size:105%;width:calc(100% - 200px);height:36px;padding:7px;border:1px solid #ccc;border-radius:5px;-webkit-box-shadow:inset 0 2px 0 0 #eee;box-shadow:inset 0 2px 0 0 #eee}
.c-trad-contents .keyword_box{padding:10px}
.c-trad-contents .replay li{width:100%}
.c-trad-contents .cond{line-height:1.8;margin:15px 0;text-align:right}
.c-trad-contents .genre_list{margin:15px 0 10px 0;padding:10px;border:1px solid #ddd;background:#fff}
.c-trad-contents .genre_list .checkbox_list li{width:calc(100% / 2.3)}
.c-trad-contents .genre_list .btn-radius1{margin-top:3px}
.c-trad-contents .genre_list td:not(:last-child){border-right:0}
.c-trad-contents .genre_list td:last-child{border-left:0}
.c-trad-contents .genre_list .button_box{margin-top:10px;text-align:center}
.c-trad-contents .btn-allgenre_reject,.c-trad-contents .btn-allgenre_select{font-size:108%;width:calc(100% / 3);padding:7px 0}
.c-trad-contents .detail_config_list{margin:15px 0 10px;padding:10px;border:1px solid #ddd;background:#fff}
.c-trad-contents .checkbox_list_noveltype li{display:inline-block;margin:5px 0;vertical-align:top}
.c-trad-contents .checkbox_list_noveltype .type_t{width:calc(100% / 3.1)}
.c-trad-contents .checkbox_list_noveltype input{float:left;margin:3px 0 0 0}
.c-trad-contents .checkbox_list_noveltype span{display:inline-block;float:left;padding:0 10px 0 5px}
.c-trad-contents .checkbox_list_noveltype .type_re{width:330px}
.c-trad-contents .checkbox_list_noveltype li li{margin:0}
.c-trad-contents .checkbox_list_noveltype .type_re_start_symbol{margin-right:5px}
.c-trad-contents .checkbox_list_noveltype .type_e span{padding:0 5px}
.c-trad-contents .search_reach_select{width:100px;margin-right:10px;margin-left:10px}
.c-trad-contents .search_len{width:100px;margin-right:10px;margin-left:10px}
.c-trad-contents .area .btn-radius1{margin-top:5px}
.c-trad-contents .search_label_conf{font-weight:700;line-height:1.8;display:inline-block;float:left;width:165px;color:#666}
.c-trad-contents .search_label_conf .text80{color:#666}
.c-trad-contents .dc_search_label{font-weight:700;line-height:1.8;display:inline-block;margin:10px 0 0 0;color:#666}
.c-trad-contents .search_box li.disabled label *{color:#999}
.c-trad-contents .search_box li.disabled label:hover *{cursor:default;color:#999}
.c-trad-contents .detail_config_list .description{font-size:90%;display:block;margin:10px 0 5px 0;padding:10px;background:#f6f6f6}
.c-trad-contents .order_box{margin:10px 0 20px 0;text-align:center}