@charset "utf-8";
/* CSS Document */

/* move textbox height */
textarea {-moz-box-sizing:border-box;}

#kuchikomi_list, #kuchi_write {margin:0 auto; text-align:left;}
div.kuchi_exp {width:620px; margin:0 auto; padding:10px; border:1px solid #d9d9d9; text-align:left}

/* star */
ul#large_star {float:left; margin-left:5px;}
ul#large_star li.on_l {float:left; width:9px; height:17px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -39px -37px no-repeat;}
ul#large_star li.on_r {float:left; width:9px; height:17px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -53px -37px no-repeat;}
ul#large_star li.off_l {float:left; width:9px; height:17px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -39px -10px no-repeat;}
ul#large_star li.off_r {float:left; width:9px; height:17px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -53px -10px no-repeat;}


/* delete kuchi complate */
#hd p {float:left; margin-left:5px;}
#hd span.e01 {font-weight:bold;}
#kuchikomi_list .kuchikomi_regist_btn {float:left; width:95px; height:23px; background:url(//img.ntcdn.net/images/note/btn/btn_orange.gif) -321px -10px no-repeat;}
#kuchikomi_list .kuchi_count {float:left; margin-right:14px; font-weight:bold;}
#bd div.wrap_kuchi div.eval {padding:3px 0 2px 0;}
#bd div.wrap_kuchi div.eval p {display:inline; font-size:smaller; margin-left:7px;}
#bd div.wrap_kuchi div.eval p span {font-weight:bold;}
#bd h3.kuchi_title {clear:both; padding:2px 8px 2px 8px; font-size:small;}
#bd div.kuchi_contents {padding:4px 8px 4px 8px; background-color:#ffffff;}
#bd div.kuchi_refer {float:left; margin:4px 0 2px 0;}
#bd div.kuchi_refer p.refer_count {float:left; margin-right:9px;}
#bd div.kuchi_refer a.bookmark_btn {float:left; width:87px; height:18px; background:url(//img.ntcdn.net/images/note/btn/btn_white.gif) -199px -10px no-repeat} 
#bd div.kuchi_btn {float:right; margin:4px 0 2px 0;}
#bd div.kuchi_btn a.mod {float:left; width:58px; height:18px; background:url(//img.ntcdn.net/images/note/btn/btn_white.gif) -10px -10px no-repeat}
#bd div.kuchi_btn a.del {float:left; width:58px; height:18px; background:url(//img.ntcdn.net/images/note/btn/btn_white.gif) -73px -10px no-repeat}
#hd_title {padding-bottom:2px; border-bottom:1px solid #d9d9d9;}
#hd_title p {float:left; margin-left:3px; font-weight:bold;}
#hd_title a {display:block; float:right;}




div#kuchi_write table {width:100%; margin-top:2px}
div#kuchi_write table th {vertical-align:top;}
div#kuchi_write table col.th {vertical-align:top; width:10%;}
div#kuchi_write table th.title {letter-spacing:4px}
div#kuchi_write table th.content {text-align:right; padding-right:7px;}
div#kuchi_write table th.rating {text-align:right; padding-right:7px;}
div#kuchi_write #kuchi_title {width:99%;}
div#kuchi_write #kuchi_contents {width:98.3%; height:200px; padding:4px;}
div#kuchi_write table td {padding-bottom:5px;}
div#kuchi_write table td table {border-collapse:collapse; border:1px solid #d9d9d9;}
div#kuchi_write table td table th {border:1px solid #d9d9d9; vertical-align:middle;}
div#kuchi_write table td table td {border:1px solid #d9d9d9; padding:3px 5px 3px 5px;}
div#kuchi_write table td table thead td {text-align:center; font-weight:bold;}
div#kuchi_write p.regst_btn {text-align:center; margin-top:13px; margin-bottom:5px; padding-bottom:15px; border-bottom:1px solid #d9d9d9;}
div#kuchi_write p.regst_btn input {width:88px; height:25px;}

/* mynote kuchi */
#content{float:right; margin-top:18px;}
#content .bu_tit{float:left; background:url(//img.ntcdn.net/images/note/bu/bu_tit_my_long.gif) no-repeat; width:13px; height:29px; margin-right:5px;}
#content h3 span{font-size:small;}
#my_kuchi_list h3{font-size:small; margin:5px 0;}
div.ho_cnt{background-color:#e6eec4; padding:3px 10px;}
div.fo_cnt{background-color:#ffdfd1; padding:3px 10px;}
div.sh_cnt{background-color:#cde7fa; padding:3px 10px;}
div.pl_cnt{background-color:#dfe0fd; padding:3px 10px;}
div.se_cnt{background-color:#f9dffa; padding:3px 10px;}
div.et_cnt{background-color:#e3e3e3; padding:3px 10px;}
#my_kuchi_list p.kuchi_count{float:left; font-size:x-small; line-height:160%; margin-top:2px;}
#my_kuchi_list p.kuchi_count sapn{font-weight:bold;}
#my_kuchi_list dl.kuchi_view{clear:both; width:747px; margin:2px 0 4px 0;}
#my_kuchi_list dt{font-weight:bold; padding:2px 8px;}
.ho_tit{background-color:#f2f6e1;}       
.fo_tit{background-color:#ffefe8;}       
.sh_tit{background-color:#e6f3fc;}       
.pl_tit{background-color:#efeffe;}       
.se_tit{background-color:#fceffc;}       
.et_tit{background-color:#f1f1f1;}       
#my_kuchi_list dd{background-color:#FFFFFF; padding:6px 7px;}
#my_kuchi_list div.btn_togo{cursor:pointer; float:left; margin:2px 0 0 5px; background:url(//img.ntcdn.net/images/note/btn/btn_mynote_kuchi.png) no-repeat; width:134px; height:18px;}
#my_kuchi_list div.list{float:left; background:url(//img.ntcdn.net/images/note/bu/bu_btn_ico_sec1.3.gif) no-repeat; width:45px; height:12px; margin:3px 3px 0 0;}
#my_kuchi_list div.bu_ho{background-position:-10px -70px;}
#my_kuchi_list div.bu_fo{background-position:-60px -70px;}
#my_kuchi_list div.bu_sh{background-position:-110px -70px;}
#my_kuchi_list div.bu_pl{background-position:-160px -70px;}
#my_kuchi_list div.bu_se{background-position:-210px -70px;}
#my_kuchi_list div.bu_et{background-position:-260px -70px;}

/* renewal kuchikomi write */
textarea, input{padding:0 3px;}
#inputKuchiTable th{vertical-align:top; width:94px; text-align:right; font-weight:normal; padding-right:3px;}
#inputKuchiTable .avg_select th{border:1px solid #D9D9D9;vertical-align:middle; background-color:#f1f1f1; vertical-align:middle; text-align:center; padding-top:0px; font-weight:normal;}
#inputKuchiTable .input_con{border:1px solid #c9c9c9; width:607px; font-size:small;}
.ex_kuchi{font-size:10px; color:#8f8f8f;}
.ln_kuchi_area{border-top:1px solid #d9d9d9; margin:12px 0;}
.kao_select{float:left; background-image:url(//img.ntcdn.net/images/note/ico/ico_kao_sprite.gif); background-repeat:no-repeat; width:31px; height:31px; margin-right:6px; cursor:pointer;}
.kao_1_off{background-position:-6px -6px;}
.kao_1_on{background-position:-6px -44px;}
.kao_2_off{background-position:-43px -6px;}
.kao_2_on{background-position:-43px -44px;}
.kao_3_off{background-position:-80px -6px;}
.kao_3_on{background-position:-80px -44px;}
.kao_4_off{background-position:-117px -6px;}
.kao_4_on{background-position:-117px -44px;}
table.avg_select{border:1px solid #D9D9D9;border-collapse:collapse; width:100%;}
table.avg_select th{width:30px;}
table.avg_select td{border:1px solid #D9D9D9;padding:3px 5px;}
#loginMember{margin-left:90px;}
#loginMember .lm_top{background:url(//img.ntcdn.net/images/note/h/kuchikomi_osusume.gif) no-repeat left bottom;  height:19px; width:553px;}
#loginMember .lm_bottom{padding:0 10px 10px 10px; border:1px solid #c9c9c9; border-top:none; width:507px;}
#loginMember .lm_bottom p{font-size:10px; line-height:170%;}
#loginMember .lm_bottom img.fr{margin-top:-65px; margin-right:44px; cursor:pointer; display:inline;}
#loginMember .lm_bottom div{background:url(//img.ntcdn.net/images/note/bg/bg_kuchikomi_input.gif) no-repeat left; width:100%; height:103px;}  
.hit8{height:8px;}
#not_note_body dd p{margin-bottom:3px; letter-spacing:0.1px;} 

/* renewal kuchikomi list */
#kuchi_hd div.fl{width:100px; padding:2px; cursor:pointer; border:1px solid #cacaca; margin-right:10px;}
#kuchi_hd div.fl p{background-repeat:no-repeat; width:100px; height:100px;}
#kuchi_hd div.fr {width:593px;}
#kuchi_hd div.fr .avg{font-size:medium; float:left; margin-right:3px;}
#kuchi_hd div.fr .exp{width:462px; margin-top:10px; float:left;}
#kuchi_bd{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-bottom:3px; margin-bottom:8px;}
#kuchi_bd li.clear{padding-top:7px; border-top:1px solid #c9c9c9;}
#kuchi_bd .user_info{float:left; width:110px;}
#kuchi_bd .user_info .photo{float:left; border:1px solid #cacaca; padding:2px;}
#kuchi_bd .user_info .photo p{background-repeat:no-repeat; width:42px; height:42px;}
#kuchi_bd .my_info{float:left; margin-left:5px; padding-top:15px;}
#kuchi_bd .my_info p{background:url(//img.ntcdn.net/images/note/bu/bu_note_modify.gif) no-repeat 0 3px; padding-left:12px; height:14px;}
#kuchi_bd .my_info p.count{background-image:url(//img.ntcdn.net/images/note/bu/bu_kuchi_count.gif);}
#kuchi_bd .kuchi_info{float:right; width:593px;}
#kuchi_count{margin-left:116px;}
#kuchi_count p{float:left; vertical-align:middle; margin-top:5px;}
#kuchi_count ul{float:left; margin-left:10px;}
#kuchi_count ul li{float:left;}
#kuchi_count ul li a{border:1px solid #8f8f8f; padding:3px 3px 3px 6px; float:left; margin:0 3px;}
#kuchi_count ul li a:hover{background-color:#8f8f8f; color:#FFFFFF; text-decoration:none;}
#kuchi_count ul li.next_pre a{border:none; background-color:#ffffff;}
#kuchi_count ul li.next_pre a:hover{border:none; background-color:#ffffff; color:#333333;}
#kuchi_count ul li.now a{border:1px solid #FFFFFF; color:#333333;}
#kuchi_count ul li.now a:hover{background-color:#ffffff; color:#333333;}
#not_note_body dd.finish{padding-left:55px; line-height:160%;}
#not_note_body dd.finish p{padding-left:50px;}
#not_note_body dd.no_kuchi{line-height:160%;}
#not_note_body dd.no_kuchi li, #not_note_body dd.finish li{line-height:160%;}
div.commnet_list div.com_tit{border:1px solid #d9d9d9; background-color:#f1f1f1; padding:3px 7px; border-bottom:none;}
div.commnet_list ul{clear:both; border-bottom:1px solid #d9d9d9;}
div.commnet_list li{border-top:1px solid #d9d9d9; padding:7px 0 8px 7px; clear:both;}
div.commnet_list li.new_togo{border-top:none;}
div.commnet_list div.new{background:url(//img.ntcdn.net/images/note/bu/bu_new.gif) no-repeat; width:27px; height:11px; float:left; margin:3px 3px 0 0;}
div.commnet_list div.new_line{background:url(//img.ntcdn.net/images/note/line/line_new_comment.gif) no-repeat; width:594px; height:11px; margin-left:-7px;}
div.bu_select{position:absolute; display:none; border:1px solid; background-color:#ffffff; padding:5px 0 0 5px; margin-top:-20px; width:135px;}
div.bu_select img{padding-bottom:5px;}
div.friend_mail{width:226px; height:251px; padding:7px; display:none; position:absolute; border:1px solid #adadad; background-color:#FFFFFF; z-index:100;}
div.friend_mail input, div.friend_mail textarea{border:1px solid #D9D9D9; width:218px; margin-bottom:6px;}
div.friend_mail textarea{height:90px; margin-bottom:10px;}
a.co_op{ background-image:url(//img.ntcdn.net/images/note/btn/btn_comment_open.gif); width:68px;}
a.co_cls{background-image:url(//img.ntcdn.net/images/note/btn/btn_comment_close.gif); width:86px;}
a.sanko_y{background-image:url(//img.ntcdn.net/images/note/btn/btn_sanko_yes.gif); width:28px;}
a.co_op, a.co_cls, a.sanko_y{float:left; display:block; padding-top:2px; background-repeat:no-repeat; background-position:0 3px; height:18px;} 
img.com_mod_box{cursor:pointer; padding:2px; background-color:#ffffff;}
input.com_mod_box{width:110px;}
textarea.com_mod_box{margin:8px 0; width:578px; height:55px; font-size:small;}
span.com_mod_text{color:#8f8f8f; font-size:x-small; margin-left:70px;}

.com_mod_box{border:1px solid #c9c9c9; background-color:#ffefe3;}
.bu_avg{background-image:url(//img.ntcdn.net/images/note/bu/bu__kuchi_avg.gif);}
.my_avg .fl .small_star li{margin-top:3px;}
.my_avg .fl span.c_red{float:left; font-weight:bold; margin-left:5px;}
.my_avg .fl p{float:left; margin-left:7px; font-size:x-small;}
.bu_avg, .bu_mody, .bu_delete{ background-repeat:no-repeat; background-position: 0 3px; width:13px; height:16px; float:left; margin-right:5px;}
.bu_delete{background-image:url(//img.ntcdn.net/images/note/bu/bu_delete_kuchi.gif); cursor:pointer; margin-right:0px;}
.bu_dt_mody{background:url(//img.ntcdn.net/images/note/bu/bu_modify_date.gif) no-repeat 0 3px; width:13px; height:13px; float:left;}
.bu_mody{background-image:url(//img.ntcdn.net/images/note/bu/bu_modify_kuchi.gif); cursor:pointer;}
.bu_baby{background-image:url(//img.ntcdn.net/images/note/bu/bu__kuchi_comment.gif); padding-left:15px;}
.sanko_yn{background-image:url(//img.ntcdn.net/images/note/bu/bu_no_one.gif); padding-left:10px; }
.bu_baby, .sanko_yn{float:left; background-repeat:no-repeat; background-position:0 5px; height:15px;}
.frd_mail{float:left; background:url(//img.ntcdn.net/images/note/bu/bu_mail.gif) no-repeat 0 6px; height:15px; padding-left:14px; font-size:x-small; margin-left:4px; cursor:pointer;}
.in_np{border:1px solid #e01e36; width:150px;}
.in_delete{border:1px solid #e01e36; color:#e01e36; padding:6px 7px; clear:both; margin-bottom:5px; margin-top:5px;}
.in_delete p{letter-spacing:-1px;}
.com_write{margin-top:3px;}
.com_write .w_tit{border:1px solid #d9d9d9; background-color:#f1f1f1; padding:3px 7px; border-bottom:none;}
.com_write .w_body{border:1px solid #d9d9d9; padding:7px;}
.com_write  textarea{border:1px solid #d9d9d9; margin-top:5px; font-size:small; width:569px; padding:9px 2px; overflow-y:auto; height:55px; color:#8f8f8f;}
.w_body table{margin-bottom:5px;}
.w_body input{border:1px solid #d9d9d9;}
.w_body .ex{font-size:x-small; text-align:left; color:#8f8f8f;}
.c_8f{color:#8f8f8f;}
.tit_ku_osusu{background:url(//img.ntcdn.net/images/note/h/kuchikomi_osusume_two.gif) no-repeat; width:576px; height:17px;}
.spd_login{background:url(//img.ntcdn.net/images/note/btn/btn_kuchi_input_two.gif) no-repeat; width:116px; height:29px; float:right; cursor:pointer;}
.both{clear:both;}
.fs_xs{font-size:x-small;}
.top_go{display:block; margin-top:5px; float:right; background:url(//img.ntcdn.net/images/note/bu/bu_go_top.gif) 10px 0px no-repeat; width:27px; height:10px; padding-left:10px;}
.kao_no{float:left; margin-right:5px; background-image:url(//img.ntcdn.net/images/note/ico/ico_kao_big_sprite.gif); background-repeat:no-repeat;  width:50px; height:50px;}
.big_kao_1, .big_kao_0{background-position:-10px -10px;}
.big_kao_2{background-position:-68px -10px;}
.big_kao_3{background-position:-126px -10px;}
.big_kao_4{background-position:-187px -10px;}

div.viewCmt{cursor:pointer;}
div.viewCmt div{background:url(//img.ntcdn.net/images/note/bu/bu_comment_left.gif) no-repeat left; float:left; width:21px; height:17px; padding-top:0px;}
div.viewCmt p.clear{background:url(//img.ntcdn.net/images/note/bu/bu_comment_right.gif) no-repeat right; float:left; height:17px; padding:0 3px 0px 3px; vertical-align:middle;}
div.viewCmt p.clear .cmt_count{color:#333333; font-weight:bold;float:left;margin-top:-1px;}
div.viewCmt p.clear .cmt_text{float:left; margin-top:-1px;color:#df7e39; font-size:x-small;}