/****** COMMON ******/ html { .overflow:scroll; .overflow-x:auto; } html,body { margin:0; padding:0; color:#5A5A5A; } body { color:#666; font-size:15px; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; letter-spacing:-1px; line-height:1em; background-color:#f3f3f3; -webkit-text-size-adjust:none; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } strong { font-weight:bold; } button { margin:0; padding:0; border:none; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; cursor:pointer; } li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; font-variant:normal; } hr { display:none; } /* to preserve line-height and selector appearance */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; } textarea, input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; } textarea { resize:none; } input[type="button"], input[type="text"], input[type="image"], textarea {-webkit-appearance:none;-webkit-border-radius:0;} input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;} /* to enable resizing for IE */ input,textarea,select{ *font-size:100%; } /* because legend doesn't inherit in IE */ legend{ color:#000; } label { cursor:pointer; } a { color:#333; text-decoration:none; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; } /* float ÇØÁ¦ */ .f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .f_clear { height:1px; } .f_clear { display:block; min-height:1px; } /* °øÅë */ .wrap { background:#FFF; } .num { letter-spacing:0; } span.bar { padding:0 7px; color:#cfcfcf; } /* header */ #header { position:relative; width:100%; height:34px; background:#ffffff; } #header h1 { float:left; display:inline; width:59px; height:15px; margin:10px 3px 0 10px; background:url('http://m.pann.nate.com/img/nate.gif') no-repeat 0 0; } #header h1 a { display:block; width:59px; height:15px; text-indent:-3000em; overflow:hidden; } #header h2 { float:left; width:16px; height:18px; margin:8px 0 0 0; background:url('http://m.pann.nate.com/img/service_pann.gif') no-repeat 0 0; } #header h2 a { display:block; width:20px; height:18px; text-indent:-3000em; overflow:hidden; } #header legend { display:none; } #header .search { position:relative; padding:6px 46px 0 30px; } #header .search .inputBox { display:block; height:18px; border:2px solid #f11a18; background:#FFFFFF; overflow:hidden; } #header .search .inputBox input.text { width:100%; border:0; font-size:14px; font-family:µ¸¿ò, Dotum, ±¼¸², Gulim, Apple-Gothic, sans-serif; -webkit-border-radius:0; -webkit-appearance:none; } #header .search input.img { float:right; display:inline; width:36px; height:22px; margin:-22px -36px 0 0; } .snb { position:relative; background:url('http://m.pann.nate.com/img/bg_snb.gif') repeat-x 0 0; text-align:center; border-top:1px solid #212121;} .snb ul { padding:6px 11px 0 11px; } .snb ul li { position:relative; float:left; height:32px; background:url('http://m.pann.nate.com/img/bg_snb_bar.gif') no-repeat left 45%; } .snb ul li.home { width:32%; background:none; } .snb ul li.talk { width:32%; } .snb ul li.video { width:32%; } .snb ul li a { display:block; height:26px; text-align:center; padding-top:6px; color:#FFF; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; letter-spacing:-1px; } .snb ul li.on { z-index:1; } .snb ul li.on a { height:24px; margin:0 -2px 0; padding-top:7px; border:1px solid #161616; border-bottom:none; color:#333; background:#FFF; } .snb_sub { clear:both; float:left; width:100%; background:url('../img/bg_snb_sub.gif') repeat-x 0 bottom; } .snb_sub ul { padding:3px; } .snb_sub ul li { float:left; height:33px; } .snb_sub ul li a { display:block; padding:9px 12px 8px 12px; font-size:14px; } .snb_sub ul li.talk a, .snb_sub ul li.video a { color:#dd1e14; } .snb_sub ul li.culture a { color:#ff6600; } .snb_sub ul li.beauty a { color:#f24180; } .snb_sub ul li.review a { color:#458eed; } .snb_sub ul li.travel a { color:#17b0a7; } .snb_sub ul li.food a { color:#97b604; } /* Çì´õ - agreement */ #header_setting { position:relative; height:35px; background:url('http://image.nate.com/mobileimg/main/bg_header_setting.gif') repeat-x; } #header_setting h1 { position:absolute; top:11px; right:10px; background:url('http://image.nate.com/mobileimg/main/nate_bi2.gif') 0 0 no-repeat; width:52px; height:15px; text-indent:-1000em; } #header_setting h1 a { display:block; width:52px; height:15px;overflow:hidden; text-indent:-1000em; font:0/0; } #header_setting h2 { width:100%; text-align:center; padding:9px 0 0 0; color:#fff; } #header_setting h2.cy_setting { position:absolute; top:10px; left:18px; width:auto; text-align:left; padding:0 0 0 12px; background:url('http://image.nate.com/mobileimg/main/set_ico_0526.gif') 0 -47px no-repeat; } #header_setting .setting_complete { position:absolute; top:4px; left:10px; width:142px; height:48px; overflow:hidden; } #header_setting .setting_complete button { padding:1px 8px 0 8px; height:26px; background:url('http://image.nate.com/mobileimg/main/bg_btn3.gif') repeat left bottom; border:1px solid #5a5a5a; color:#fff; font-size:90%; letter-spacing:-1px; text-align:center; white-space:nowrap; box-shadow:1px 1px 1px #a0a0a0; -moz-box-shadow:1px 1px 1px #a0a0a0; -webkit-box-shadow:1px 1px 1px #a0a0a0; } #header_setting .setting_complete button span { margin:0 0 0 -4px; padding:0 0 0 10px; line-height:22px; background:url('http://image.nate.com/mobileimg/main/ico_arrow.gif') no-repeat 0 3px } /****** FOOTER ******/ #footer { width:100%; border-top:1px solid #bfbfbf; background-color:#f3f3f3; text-align:center; color:#5A5A5A; } #footer .foot_wrap { padding:0 0 20px 0; border-top:1px solid #e2e2e2; } #footer ul { margin:17px 0 15px; } #footer ul li { display:inline-block; width:65px; height:16px; padding-left:3px; margin:0; background:url('../img/bg_bar.gif') no-repeat right 50%; text-align:left; } #footer ul li.app { width:109px; } #footer ul li.end { width:65px; background:none; } #footer ul li a { color:#666; text-decoration:none; } #footer a { color:#5A5A5A; } #footer p.privacy { width:100%; margin:12px 0 0 0; height:10px; font-size:12px; letter-spacing:-1px; } #footer p.copyright { width:100%; height:8px; margin-top:17px; font-size:9px; letter-spacing:0; } #footer button { height:26px; padding:1px 8px 0 8px; border:1px solid #aaaaaa; background:url('../img/bg_btn.gif') repeat-x left bottom; font-size:90%; letter-spacing:-1px; text-align:center; white-space:nowrap; box-shadow:1px 1px 0 #d3d3d3; -moz-box-shadow:1px 1px 0 #d3d3d; -webkit-box-shadow:1px 1px 0 #d3d3d3; } #footer button span { line-height:22px; } /* WEB */ * html #footer ul li { display:inline; } *:first-child+html #footer ul li { display:inline; } * html #footer button { margin:0 1px; padding:0; } *:first-child+html #footer button { margin:0 1px; padding:0; } /* List */ .list-wrap { clear:both; width:100%; } .list-wrap h3 { position:relative; clear:both; padding:20px 0 5px 10px; .height:15px; color:#000; border-bottom:2px solid #3c404c; } .list-wrap h3.talk { color:#e82a1e; border-bottom:2px solid #e82a1e; } .list-wrap .more { position:absolute; bottom:2px; right:10px; padding:5px 11px 2px 5px; font-size:0.8em; color:#333; background:url('../img/icon_set.gif') right 7px no-repeat; } div.talk, div.video { background:url('../img/bg_top_talk.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.culture { background:url('../img/bg_top_culture.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.review { background:url('../img/bg_top_review.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.beauty { background:url('../img/bg_top_beauty.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.travel { background:url('../img/bg_top_travel.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.food { background:url('../img/bg_top_food.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} .list-wrap .list:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .list-wrap .list { height:1px; } .list-wrap .list li { clear:both; float:left; width:100%; border-bottom:1px solid #d5d5d5; } .list-wrap .list a.cnbox { width:100%; display:inline-block; } .list-wrap .list .thumb { position:relative; float:left; width:110px; margin:0 12px 0 0; border-right:1px solid #d5d5d5; } .list-wrap .list .thumb img { vertical-align:top; } .list-wrap .list .thumb .timebox { position:absolute; bottom:0; left:0; display:block; width:110px; height:17px; background:#000000; filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; } .list-wrap .list .thumb .time { position:absolute; bottom:1px; left:10px; font-size:70%; color:#efefee; z-index:1; letter-spacing:0; } .list-wrap .list .cont { display:block; margin:8px 10px 5px 123px; } .list-wrap .list .nothumb .cont { margin:8px 10px 7px 10px !important; display:inline-block; } .list-wrap .hot .cont { margin:9px 10px 4px 123px; } /* ¸ÞÀÎ */ .list-wrap .video .cont { margin:15px 10px 5px 123px; } .list-wrap .list .tit { font-size:90%; line-height:1.4; color:#111; word-break:break-all; } .list-wrap .list .tit em { display:inline-block; font-size:80%; color:#FFF; line-height:1.2; margin:-4px 6px 0 0; padding:0 1px; vertical-align:middle; border:1px solid #000; background:#3c404c; } .list-wrap .list .tit em.talk { border:1px solid #cb1f12; background:#e1372a; } .list-wrap .list .tit em.culture { border:1px solid #ec5600; background:#ff6c00; } .list-wrap .list .tit em.beauty { border:1px solid #cb3f70; background:#f84a88;} .list-wrap .list .tit em.review { border:1px solid #3e7dd2; background:#468cec; } .list-wrap .list .tit em.travel { border:1px solid #37918b; background:#64b0ab;} .list-wrap .list .tit em.food { border:1px solid #85a511; background:#a4bf18;} .list-wrap .list .tit em.video { border:1px solid #000; background:#303030;} .list-wrap .list .tit em.ranking { text-align:center; padding:0 4px 0 3px; } .list-wrap .list .tit .count { position:relative; top:-1px; padding-left:3px; font-size:0.8em; color:#de0000; letter-spacing:0; word-break:break-all; white-space:nowrap; } .list-wrap .list .tit img { margin-top:-3px; padding-left:3px; vertical-align:middle; } .list-wrap .list .sub { display:block; margin:2px 0 0 0; font-size:0.8em; color:#b3b3b3; } .list-wrap .list .sub .num { padding:0 1px; } .list-wrap .list .sub .bar { padding:0 4px; } .photo-list { width:auto; margin-left:-1px; } .photo-list:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .photo-list { height:1px; } .photo-list li { float:left; width:33.1%; text-align:center; border-left:1px solid #d5d5d5; } .photo-list .photobox { position:relative; display:block; width:106px; margin:0 auto; padding-bottom:12px; } .photo-list .photobox .tit { display:block; height:35px; font-size:90%; color:#111; line-height:1.4; margin:10px 5px 0 5px; overflow:hidden; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo-list .photobox .thumb .p-count { position:absolute; top:50px; right:0; width:30px; height:15px; background:url('../img/bg_c_photo.png') 0 0 no-repeat; } * html .photo-list .photobox .thumb .p-count { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_c_photo.png', sizingMethod='crop'); } .photo-list .photobox .thumb .p-count em { position:relative; top:1px; display:block; padding-left:14px; font-size:10px; line-height:1.4; color:#fff; letter-spacing:0; } .btn_wrap { font-size:13px; position:relative; padding:15px 0; text-align:center; height:27px; .float:left; width:100%; background:#FFF; } .btn_wrap .more { display:inline-block; padding:5px 14px 4px 5px; background:url('../img/icon_set.gif') right -36px no-repeat; } .btn_wrap .top { position:absolute; top:15px; right:12px; border:1px solid #c6c6c6; padding:4px 5px 3px 18px; background:url('../img/icon_set.gif') 3px -77px no-repeat; height:20px; line-height:1.5;} /* view */ .view-wrap { clear:both; width:100%; border-top:1px solid #c9c9c9; } .pann-title { padding:19px 10px 0 10px; } .pann-title h3 { font-size:16px; line-height:1.2; color:#111; } .pann-title .sub { display:block; padding-top:4px; font-size:0.8em; color:#b3b3b3; } .pann-title .sub a { color:#b3b3b3; } .pann-title .sub a img { position:relative; top:-2px; width:13px; height:11px; margin:0 4px; vertical-align:middle; } .pann-title .bar { padding:0; margin:1px 4px 0 0; } .pann-title em { padding:1px 4px 0 0; } .pann-title em.talk, .pann-title em.video { color:#f40500; } .pann-title em.culture { color:#ff6d00; } .pann-title em.beauty { color:#f14182; } .pann-title em.review { color:#3e7dd2; } .pann-title em.travel { color:#37918b; } .pann-title em.food { color:#85a511; } .video-title { position:relative; clear:both; float:left; width:100%; background:#33373a; border-bottom:1px solid #4e5255; } .video-title .thumb { position:absolute; top:0; left:0; width:120px; margin:0 10px 0 0; border-right:1px solid #4e5255; } .video-title .thumb img { vertical-align:middle; } .video-title .thumb .timebox { position:absolute; bottom:0; left:0; display:block; width:120px; height:17px; background:#000000; filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; } .video-title .thumb .time { position:absolute; bottom:1px; left:10px; font-size:70%; color:#efefee; z-index:1; letter-spacing:0; } .video-title .thumb .play { position:absolute; top:21px; left:48px; } .video-title h3 { padding:10px 0 2px; line-height:1.1; color:#fff; } .video-title .sub { display:block; padding-top:3px; font-size:0.8em; color:#999; } .video-title .sub a { color:#999; } .video-title .sub a img { position:relative; top:-2px; width:13px; height:11px; margin:0 4px; vertical-align:middle; } .video-title .bar { padding:0; margin:1px 4px 0 0; color:#4e5255; } .video-title .cont { position:relative; margin:0 10px 6px 130px; height:auto; min-height:84px; _height:84px; } .view-wrap .content { clear:both; padding:17px 10px; font-size:0.95em; line-height:1.6em; color:#111111; white-space:normal; word-break:break-all; word-wrap:break-word; border-top:1px solid #d5d5d5; margin-top:8px; } div.video .content { border-top-width:0; margin-top:0; } .view-wrap .content img { display:block; margin:7px 0 10px 0; } .navi-btn-top { clear:both; padding:7px 10px 10px 10px; border-bottom:1px solid #d5d5d5; background:#FFF; } div.video .navi-btn-top { padding:10px; } .navi-btn-bot { position:relative; padding:0 10px 20px 10px; margin-top:20px; } .navi-btn a { display:inline-block; height:20px; margin-right:2px; padding:5px 6px 1px; font-size:12px; text-align:center; line-height:1.4; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; } .navi-btn a em { color:#de0000; letter-spacing:0; } .navi-btn-bot .social_plugin { position:absolute; top:0; right:0; line-height:1; } .navi-btn-bot .social_plugin a { font-family:verdana; } .view-plus { font-size:13px; border-top:1px solid #d5d5d5;} .view-plus .listBoard { clear:both; } .view-plus .listBoard a, .view-plus .listBoard span { display:block; padding:8px 10px; border-bottom:1px solid #d5d5d5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .view-plus .listBoard a em, .view-plus .listBoard span em { padding:0 15px 3px 0; margin-right:15px; color:#777; background:url('../img/icon_list.gif') 100% 3px no-repeat; } .view-plus .listBoard a em.next, .view-plus .listBoard span em.next { background:url('../img/icon_list.gif') 100% -27px no-repeat; } .view-plus .btn { text-align:right; padding:15px 10px; } .view-plus .btn a.back { height:25px; text-align:center; display:block; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; padding:8px 0 0; } .view-plus .btn a.top { height:20px; display:inline-block; background:url('../img/icon_set.gif') no-repeat 3px -77px; padding:4px 5px 3px 18px; border:1px solid #c6c6c6; margin:15px 0 0; line-height:1.5; } .revision { color:#999; font-size:0.8em; line-height:1.8; margin:-8px 10px 18px; } .revision strong { display:block; background:url('../img/icon_view.gif') 0 -108px no-repeat; padding-left:16px; padding-top:1px; line-height:1.5; } div.updown { margin:0 auto 23px auto; } /* Ãßõ&¹Ý´ë */ div.updown:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html div.updown { height:1px; } div.updown .btnbox { position:relative; float:left; width:49.9%; text-align:right; } div.updown .btnbox button { float:right; width:40px; height:40px; background:url('../img/icon_view.gif') -5px 0 no-repeat; margin:0 3px; } div.updown .btnbox button span { display:none; } div.updown .btnbox span { display:block; margin:15px 48px 0 0; color:#f40500; font-size:14px; letter-spacing:0; } div.updown .down { float:right; width:50%; text-align:left; } div.updown .down button { float:left; width:40px; height:40px; background:url('../img/icon_view.gif') -52px 0 no-repeat; } div.updown .down span { display:block; margin:15px 0 0 48px; color:#333; } /* reply */ .reply-navi { font-size:0.85em; padding:10px 5px; .float:left; } .reply-navi:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .reply-navi { height:1px; } .reply-navi .total { float:left; padding:0 5px; } .reply-navi .total em { color:#f40500; letter-spacing:0; } .reply-navi .sort { float:right; color:#ccc; } .reply-navi .sort a { color:#999; padding:0 5px 0 4px; line-height:1.4; } .reply-navi .sort a.on { color:#333; } .reply-list { clear:both; border-top:1px solid #ddd; margin-top:-1px; } .reply-list dl { clear:both; position:relative; background:#FFF;padding:12px 10px 0 10px; } .reply-list dl.best { background:#f3f3f3; } .reply-list dl dt { font-size:0.8em; color:#333333; line-height:1.6; } .reply-list dl dt em { color:#999; letter-spacing:0; } .reply-list dl dt em.best { position:relative; top:-1px; font-size:11px; line-height:1.2; display:inline-block; margin:0 6px 1px 0; padding:1px 2px 0 4px; letter-spacing:-1px; color:#fff; border:1px solid #fc240d; background-color:#fc240d; } .reply-list dl dt a img { position:relative; top:-2px; width:13px; height:11px; padding-left:4px; vertical-align:middle; } .reply-list dl dt .bar { padding:0 5px; color:#cfcfcf; } .reply-list dl dd.userText { padding-top:5px; font-size:0.85em; line-height:1.4em; color:#333; white-space:normal; word-break:break-all; word-wrap:break-word; } .reply-list dl dd.userText img { display:block; margin:7px 0 4px 0; } /* border:2px solid #dadada; */ .reply-list dl dd.userText .report { color:#999999; } .reply-list dl dd.btn { border-bottom:1px solid #dbdbdb; margin:0 -10px; padding:7px 10px 10px 10px; } .reply-list dl dd.btn a { display:inline-block; margin:0 5px 5px 0; padding:4px 7px 4px 7px; font-size:12px; color:#666666; border:1px solid #cccccc; background-color:#ffffff; height:14px; line-height:1.1; } .reply-list dl dd.btn em { color:#f40500; } .reply-list dl dd.btn a.delete { padding:4px 5px 4px 16px; background:url('../img/icon_set.gif') 5px -105px no-repeat; background-color:#fff; } .reply-list dl dd.report { color:#999; font-size:0.85em; line-height:1.4em; padding:5px 0 4px 0; } .reply-list dl dd.report .btnOpen { margin-left:9px; padding-right:11px; color:#999; text-decoration:underline; background:url('../img/bg_open.gif') right 0 no-repeat; cursor:pointer; } .reply-list dl dd.report .hide { background-position:right -16px; } .reply-list dl .del { color:#999; font-size:0.85em; line-height:1.4em; padding:0 0 4px 0; } .reply-list dl.best .del { padding:0 0 12px 0; } .reply-list dl dd.updown { position:absolute; top:13px; right:11px; font-size:0.85em; letter-spacing:0; } .reply-list dl dd.updown .btnbox { float:left; color:#f72417; } .reply-list dl dd.updown .btnbox button { float:left; background:url('../img/icon_view.gif') no-repeat 8px -60px; width:20px;height:15px; text-indent:-1000em; overflow:hidden; } .reply-list dl dd.updown .btnbox span { float:left; display:inline-block; } .reply-list dl dd.updown .down { color:#29abf2; } .reply-list dl dd.updown .down button { background-position:1px -84px; width:20px; margin:0 0 0 5px; } .view-best { clear:both; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding-bottom:12px; background:#f3f3f3; } .view-reply { clear:both; border-top:1px solid #DDD; border-bottom:1px solid #DDD; } .reply-best { clear:both; border-top:1px solid #DDD; background:#f3f3f3; } .reply-reply { clear:both; background:#fff; padding-bottom:15px; padding-top:2px; border-bottom:1px solid #ddd; margin-top:-1px; border-top:1px solid #FFF; position:relative; text-align:center; } .reply-reply dl { margin:0 0 0 15px; padding:10px 10px 0 15px; background:url('../img/ico_replysOfReply.gif') 0 12px no-repeat; text-align:left; } .reply-reply dl dd.userText { padding-top:1px; } .reply-reply dl dd.btn { border-bottom-width:0 !important; padding:3px 0 0 10px !important; } .reply-reply dl dd.updown { position:absolute; top:11px; right:11px; font-size:0.85em; letter-spacing:0; } .no-list { padding:40px 0; font-size:14px; text-align:center; color:#333; } .reply-reply .no-list { display:inline-block; background:url('../img/ico_replysOfReply.gif') 0 41px no-repeat; padding-left:14px; margin:40px auto; .width:150px; } /* reply write */ .reply-wrap .reply-write { padding:13px 10px 0; font-size:0.85em; color:#999; } .reply-wrap .reply-write .user { float:left; color:#111; height:21px; line-height:1.5; margin-top:-2px; vertical-align:middle; text-indent:0; } .reply-wrap .reply-write .user .name { color:#999; padding-right:8px; display:inline-block; _float:left; } .reply-wrap .reply-write .user .nameTxt { display:inline-block; width:52px; height:16px; overflow:hidden; vertical-align:top; } .reply-wrap .reply-write .user .nick { width:76px; height:15px; padding:2px 0 2px 4px; border:1px solid #d6d6d6; color:#999; line-height:1.1; } .reply-wrap .reply-write .user em.re { display:inline-block; width:12px; height:16px; background:url('../img/ico_replysOfReply.gif') 0 3px no-repeat; text-indent:-10em; vertical-align:top; _float:left; } .reply-wrap .reply-write .select { float:right; margin-top:-2px; height:17px; line-height:1.6; } .reply-wrap .reply-write .select input { margin:-2px 4px 3px 10px; vertical-align:middle; } .reply-wrap fieldset.write { position:relative; padding:9px 12px 20px 10px; } .reply-wrap fieldset.write legend { display:none; } .reply-wrap fieldset.write textarea { width:100%; height:118px; border:1px solid #d6d6d6; background-color:#fff; line-height:1.4; } .reply-wrap fieldset.write .btn { position:relative; _width:100%; margin:10px 0 0; } .reply-wrap fieldset.write .btn a { display:inline-block; height:18px; padding:5px 14px 3px; font-size:12px; background:url('../img/bg_click_btn.gif') repeat-x left top; border:1px solid #c6c6c6; cursor:pointer; line-height:1.4; } .reply-wrap fieldset.write .btn a.ok { position:absolute; top:0; right:0; padding:5px 10px 3px 10px; } .reply-wrap fieldset.write .btn a.ok span { padding:0 0 0 15px; background:url('../img/ico_ok.gif') 0 1px no-repeat; display:block; } .reply-reply-write { padding-top:4px; margin-top:-1px; border-top:1px solid #FFF; position:relative; } .reply-agree { padding:14px 10px 12px 10px; background-color:#f3f3f3; border-bottom:1px solid #d5d5d5; } .reply-agree dt { padding-bottom:5px; font-size:0.82em; color:#333333; } .reply-agree dd.txt { padding-bottom:5px; font-size:0.8em; line-height:1.6; color:#666; } .reply-agree dd.detail a { font-size:0.8em; color:#69b1de; text-decoration:underline; } .reply-agree dd.check { margin-top:15px; font-size:0.8em; } .reply-agree dd.check input { position:relative; top:2px; margin-right:5px; } /* photo */ .photo_view { position:relative; width:100%; background:#33373a; padding-bottom:21px; } .theme_select { width:232px; padding:0 10px; position:relative; margin:0 auto 9px auto; top:11px; z-index:1; } .theme_select .tit_theme { display:inline-block; width:242px; height:22px; font-size:0.9em; line-height:1.5; color:#fff; margin:0 auto; background:url('../img/bg_photo.gif') top right no-repeat; cursor:pointer; overflow:hidden; } .theme_select .tit_theme span { display:inline-block; width:210px; white-space:nowrap; word-break:break-all; word-wrap:break-word; overflow:hidden; } .theme_select .tit_theme em { font-size:0.95em; margin-left:4px; } .open { background-color:#212326; } .open .theme_select .tit_theme { background-position:right -27px; } .theme_select .slist-wrap { display:none; } .open .theme_select .slist-wrap { display:block; position:absolute; top:29px; left:-1px; width:252px; border:1px solid #0c0c0c; background:#43494e; } .theme_select .slist-wrap ul { padding:6px 7px; } .theme_select .slist-wrap ul li { margin:0 0 2px 0; } .theme_select .slist-wrap ul li a { display:block; width:200px; height:19px; color:#fff; font-size:0.85em; line-height:1.2; padding:3px 4px 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .theme_select .slist-wrap ul li.select { background:#2b2c2f url('../img/bg_photo.gif') right -57px no-repeat; padding-right:25px; } .photo_info { position:relative; top:9px; left:0; width:100%; display:inline-block; z-index:0; _left:-5px;} .photo_info dt { position:relative; margin:0 auto; margin-top:238px; width:240px; color:#fff; font-size:14px; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo_info dt a { color:#fff; font-size:14px; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo_info dt em { color:#f40500; font-size:0.8em; letter-spacing:0; margin-left:3px; } .photo_info dd { position:absolute; top:0; left:50%; display:table; width:253px; height:230px; margin:0 auto; background:#1c1e21; text-align:center; margin-left:-127px; } .photo_info dd * { vertical-align:middle; } .photo_info dd div { display:table-cell; margin:0 auto; background:#1c1e21; text-align:center; overflow:hidden; } *:first-child+html .photo_info dd div span { display:inline-block; height:100%; } .navi_btn { position:absolute; /*top:40px;*/ top:138px; left:0; width:100%; } .navi_btn a, .navi_btn span { position:absolute; top:0; display:block; /*width:30%; height:230px;*/ width:34px;height:30px; background:url('../img/arrow.gif') 0 0 no-repeat; text-indent:-1000em; overflow:hidden; cursor:pointer; } .navi_btn .prev { left:0; } .navi_btn .next { right:0; background-position:right -199px; /*right -100px*/} .open .navi_btn .prev { left:0; background-position:0 -420px; /*0 -321px*/} .open .navi_btn .next { right:0; background-position:right -631px; /*right -532px*/ } .cmt-write { position:relative; top:0; left:0; padding:13px 56px 11px 10px; } .cmt-write legend { color:#333; font-size:0.85em; padding:0 0 5px; height:15px; } .cmt-write input { color:#999; font-size:0.85em; height:18px; border:1px solid #d6d6d6; width:100%; padding:5px 0 0 4px; letter-spacing:-1px; _width:98%; } .cmt-write em { color:#f40500; font-size:0.85em; letter-spacing:0; margin-left:3px; } .cmt-write a.ok { position:absolute; right:10px; top:33px; color:#333; font-size:0.85em; padding:4px 6px; font-size:12px; background:#FFF; border:1px solid #c6c6c6; cursor:pointer; } .cmt-list { padding:0 10px; border-bottom:1px solid #d5d5d5; } .cmt-list li { padding-bottom:12px; } .cmt-list li span.reply { display:block; color:#333; font-size:0.85em; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .cmt-list li span.info { display:block; color:#999; font-size:0.8em; padding:4px 0; } .cmt-list li a.del { display:inline-block; width:16px; height:16px; text-indent:-1000em; overflow:hidden; background:url('../img/icon_set.gif') 3px -109px no-repeat; vertical-align:middle; margin:0 1px; } /* agreement */ .agreement { clear:both; padding:0 10px 20px; } .agreement h3 { color:#333; display:none; } .agreement dl { margin-top:19px; line-height:1.5em; font-size:0.8em; } .agreement dl dt { margin-bottom:15px; color:#333; font-size:1.2em; } .agreement dl dd { margin-bottom:10px; letter-spacing:0; color:#666; } .agreement .btn { margin-top:16px; text-align:center; } .agreement .btn a { display:inline-block; height:19px; padding:5px 6px 0; font-size:0.8em; text-align:center; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; } /* blind : 2010.04 +±èÇý³ª */ .blind { padding:20px 10px; border-top:1px solid #d5d5d5; font-size:0.9em; } .blind .info_txt { padding:11px 0 8px 50px; border:1px solid #dfdfdf; background:url('../img/bg_blind.gif') no-repeat 10px 14px; line-height:1.5em; } .blind p { margin-top:26px; line-height:1.5em; font-size:0.9em; } .blind p strong { color:#f72417; } .blind p span { display:block; margin:16px 0; } .blind p span.mail { display:inline; color:#5c8cb0; } .blind .btn { margin-top:20px; text-align:center; } .blind .btn a { display:inline-block; height:20px; padding:4px 5px 0; font-size:0.9em; text-align:center; background:url('../img/bg_click_btn.gif') repeat-x left top; border:1px solid #c6c6c6; } /*banner*/ .main_banner { width:100%; height:100px; border-top:1px solid #dbdbdb; overflow:hidden; text-align:center; } .main_banner a { display:block; width:100%; height:100px; }