table.list { width: 100%; border: 0px; table-layout: fixed; } table.list thead tr { height: 28px; } table.list thead tr a { color: #929292; } table.list thead tr strong { color: #429e21; } table.list thead th { background-color: #f7f7f7; font-weight: 100; border: 0px; border-bottom: 1px solid #e8e8e8; } table.list tbody td { height: 30px; border: 0px; border-bottom: 1px solid #ededed; } table.list tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; } /* list */ #wrapList { width:955px;} #wrapList .top { padding-top: 10px; height: 22px; margin-bottom: 5px; border-bottom: 1px solid #ccc; background: url('../imgs/list_top_line.gif') left top repeat-x; } #wrapList .top .pageInfo { float: left; } #wrapList .top .sort { float: right; margin: 0px; padding: 0px; list-style: none; } #wrapList .top .sort li { display: inline; margin: 0px; margin-right: 5px; padding: 0px; padding-right: 5px; } #wrapList .top .sort li.backgroundNone { background: none; } #wrapList .middle { margin: 0px; margin-bottom: 20px; padding: 0px; padding-top: 5px; padding-left: 3px; list-style: none; } #wrapList .middle li.list { float: left; width: 200px; height: 280px; } #wrapList .middle li.list .goodsController { width: 200px; height: 160px; margin-bottom: 5px; } #wrapList .middle .MarginLeft { margin-left: 48px; _margin-left: 42px; } #wrapList .middle li.list .info { margin: 0px; padding: 0px; color: #777; text-align: center; line-height: 1.4em; } #wrapList .middle li.list .info .icon { display: block; margin-top: 5px; text-align: center; font-size: 0em; line-height: 0em; } #wrapList .middle li.list .info .icon img { padding-bottom: 3px; padding-right: 3px; height: 13px; } #wrapList .middle li.list .info a { color: #777; } #wrapList .middle li.list .info a:hover { color: #777; text-decoration: underline; } #wrapList .middle li.list .price { font-weight: 900; color: #000; } #wrapList .middle li.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; } #wrapList .bottom { clear: both; margin-top: 5px; } #wrapList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; } /* view */ #wrapView { width: 955px; } #wrapView .goodsInfo { margin-bottom: 30px; width: 955px; } #wrapView .goodsInfo h2.goodsName { margin: 0px; margin-bottom: 10px; padding: 10px; font-weight: 900; font-size: 1.25em; color: #444; background-color: #f7f7f7; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #wrapView #formGoodsDetail .goodsImgs { float: left; width: 450px; vertical-align: middle; text-align: center; padding:0 0 0 0px } #wrapView #formGoodsDetail .goodsDetailImg { display: block; width: 450px; margin-bottom: 10px; text-align: center; } #wrapView #formGoodsDetail .goodsThumnailImg { margin-right: 5px; width: 50px; height: 50px; border: 1px solid #e9e9e9; cursor: pointer; } #wrapView #formGoodsDetail fieldset { border: 0px; } #wrapView #formGoodsDetail input.info { width: 100px; height: 16px; border: 1px solid #ddd; } #wrapView #formGoodsDetail input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; } #wrapView #formGoodsDetail textarea.info { width: 460px; height: 80px; border: 1px solid #ddd; } #wrapView #formGoodsDetail input.width40 { width: 40px; } #wrapView #formGoodsDetail input.width50 { width: 50px; } #wrapView #formGoodsDetail input.width100 { width: 100px; } #wrapView #formGoodsDetail input.width200 { width: 200px; } #wrapView #formGoodsDetail input.width300 { width: 300px; } #wrapView #formGoodsDetail input.width400 { width: 400px; } #wrapView #formGoodsDetail .detailInfo { float: right; width: 470px; padding-left:0px;} #wrapView #formGoodsDetail .detailInfo p.button { margin: 0px; padding: 0px; height: 16px; text-align: right; } #wrapView #formGoodsDetail fieldset.info { margin: 0px; margin-left: 5px; padding: 0px; padding-top: 5px; padding-bottom: 5px; border: 0px; border-bottom: 1px solid #d5d5d5; height: 100%; background: url('../imgs/view_bg_detail.gif') 120px 4px repeat-y; } #wrapView #formGoodsDetail fieldset.info.bgBold { background-color: #f9f9f9; } #wrapView #formGoodsDetail fieldset.info .infoArea { padding-top: 4px; padding-bottom: 4px; } #wrapView #formGoodsDetail fieldset.info .infoArea div.title { float: left; padding-left: 14px; width: 120px; color: #000; line-height: 1.4em; color: #444; background: url('../imgs/view_icon_detail_arrow.gif') left 4px no-repeat; } #wrapView #formGoodsDetail fieldset.info .infoArea div.input { float: left; padding-left: 5px; line-height: 1.4em; text-align: left; } #wrapView #formGoodsDetail fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; } #wrapView #formGoodsDetail fieldset.info .infoArea div.input img { vertical-align: top; } #wrapView #formGoodsDetail fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; } #wrapView #formGoodsDetail .coupon { margin: 0px; padding: 0px; margin-left: 5px; padding-top: 5px; } #wrapView #formGoodsDetail .coupon ul.list { margin: 0px; padding: 0px; list-style: none; } #wrapView #formGoodsDetail .coupon ul.list li { margin-top: 5px; padding: 10px; height: 100%; border: 5px solid #e9e9e9; overflow: hidden; } #wrapView #formGoodsDetail .coupon ul.list li.couponImg { margin-top: 5px; padding: 10px; border: 5px solid #e9e9e9; overflow: hidden; } #wrapView #formGoodsDetail .coupon ul.list .couponInfo { float: left; width: 180px; line-height: 1.8em; } #wrapView #formGoodsDetail .coupon ul.list .couponSale { float: right; padding-top: 10px; font-familiy: verdana; font-size: 1.33em; color: #ff6c13; } #wrapView #formGoodsDetail p.control { clear: both; margin: 0px; padding: 0px; padding-top: 10px; height: 44px; text-align: center; } #wrapView #formGoodsDetail p.control img { vertical-align: top; } #wrapView #formGoodsDetail .price { color: #444; } #wrapView #formGoodsDetail .quantity { float: left; ime-mode: disabled; width: 30px; height: 18px; text-align: right; border: 1px solid #e9e9e9; } #wrapView #formGoodsDetail .btQuantity { float: left; padding-left: 3px; width: 11px; } #wrapView #formGoodsDetail .btQuantity img { float: left; margin-top: 2px; width: 11px; height: 8px; } #wrapView #formGoodsDetail .quantityTxt { float: left; padding-left: 5px; padding-top: 2px; } #wrapView #formGoodsDetail #totalPrice { color: #d02c00; } #wrapView .content { margin-bottom: 10px; line-height: 1.4em; overflow: hidden; } #wrapView .content p { line-height: 1.4em; } #wrapView .delivery { margin-bottom: 10px; padding: 10px; color: #666; line-height: 1.6em; } #wrapView .delivery p { line-height: 1.4em; } #wrapView .deliveryChange { margin-bottom: 10px; padding: 10px; color: #666; line-height: 1.6em; } #wrapView .deliveryChange p { line-height: 1.4em; } #wrapView .ui-tabs-nav { clear: both; margin: 0px; margin-bottom: 5px; padding: 0px; width: 100%; background: url('../imgs/view_bg_tab.gif') left bottom repeat-x; overflow: hidden; list-style: none; } #wrapView .ui-tabs-nav li { float: left; _display: inline; margin-right: -1px; border: 1px solid #d4d4d4; color: #333; } #wrapView .ui-tabs-nav li a { _float: left; display: block; height: 20px; padding: 9px 33px 0px 34px; color: #666; text-decoration: none; } #wrapView .ui-tabs-nav li a:hover { color: #333; background: #f4f4f4;} #wrapView .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid #f4f4f4; background: #f4f4f4; } #wrapView .ui-tabs-nav li.ui-tabs-selected a { color: #333; font-weight: 900; letter-spacing:-1px; } #wrapView div.ui-tabs-selected { display: block; } #wrapView div.ui-tabs-hide { display: none; } body#en #wrapView .ui-tabs-nav li a { padding: 9px 15px 0px 16px; } body#en #wrapView .ui-tabs-nav li.ui-tabs-selected a { color: #333; font-weight: 900; letter-spacing: 0px; } #wrapView #relation ul.list { margin: 0px; margin-top: 15px; margin-bottom: 20px; padding: 0px; padding-top: 5px; padding-left: 3px; list-style: none; } #wrapView #relation ul.list li.list { float: left; width: 200px; height: 210px; } #wrapView #relation ul.list li.list .goodsController{width:200px; height:160px;} #wrapView #relation ul.list .MarginLeft { margin-left: 24px; _margin-left: 20px; } #wrapView #relation ul.list li.list .info { margin: 0px; padding: 0px; color: #777; text-align: center; line-height: 1.4em; } #wrapView #relation ul.list li.list .info .icon { display: block; margin-top: 5px; text-align: center; font-size: 0em; line-height: 0em; } #wrapView #relation ul.list li.list .info .icon img { padding-bottom: 3px; padding-right: 3px; height: 13px; } #wrapView #relation ul.list li.list .info a { color: #777; } #wrapView #relation ul.list li.list .info a:hover { color: #777; text-decoration: underline; } #wrapView #relation ul.list li.list .price { font-weight: 900; color: #000; } #wrapView #wrapSnsUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; } #wrapView #wrapSnsUrl .snsDirectWrite { color: #3d730a; } #wrapView #wrapSnsWrite { margin-top: 5px; margin-bottom: 5px; } #wrapView #wrapSnsWrite fieldset { margin: 0px; padding: 0px; border: 0px; } #wrapView #wrapSnsWrite #snsMessage { margin: 0px; padding: 0px; width: 696px; border: 1px solid #ddd; } #wrapView #wrapSnsWrite fieldset.essential { float: left; margin: 0px; margin-top: 3px; padding: 0px; border: 0px; } #wrapView #wrapSnsWrite fieldset.essential .username { margin-left: 0px; height: 18px; border: 1px solid #ddd; background: url('../imgs/twitter_bg_id.gif') #fff no-repeat; } #wrapView #wrapSnsWrite fieldset.essential .passwd { height: 18px; border: 1px solid #ddd; background: url('../imgs/twitter_bg_passwd.gif') #fff no-repeat; } #wrapView #wrapSnsWrite fieldset.essential .id { margin-left: 0px; height: 18px; border: 1px solid #ddd; background: url('../imgs/me2day_bg_id.gif') #fff no-repeat; } #wrapView #wrapSnsWrite fieldset.essential .userkey { height: 18px; border: 1px solid #ddd; background: url('../imgs/me2day_bg_passwd.gif') #fff no-repeat; } #wrapView #wrapSnsWrite fieldset.essential span { vertical-align: top; } #wrapView #wrapSnsWrite #snsMessageCount { float: right; font: 900 1.33em verdana; text-align: center; color: #ccc; } #sns ul.list { margin: 0px; margin-top: 5px; padding: 3px; list-style: none; } #sns ul.list li { clear: both; margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; height: 100%; border-bottom: 1px solid #ddd; overflow: hidden; } #sns ul.list li img { float: left; width: 48px; border: 2px solid #e9e9e9; } #sns ul.list li .snsContent { float: left; margin-left: 10px; width: 650px; } #sns ul.list li .snsContent .date { padding-left: 5px; font: 0.92em tahoma; color: #999; } #sns ul.list li .snsContent p { margin-top: 5px; line-height: 1.4em; color: #666; overflow: hidden; } #snsPagingBt { margin-top: 5px; margin-bottom: 20px; } #snsLoading { padding-top: 10px; width: 720px; height: 26px; text-align: center; } #snsPagingBt a { display: block; padding-top: 10px; width: 720px; height: 26px; text-align: center; font-weight: 900; background: url('../imgs/sns_bt_more.gif') left top no-repeat; } #snsPagingBt a:hover { background: url('../imgs/sns_bt_more_over.gif') left top no-repeat; } /* trackback list */ #wrapTrackbackUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; } #wrapTrackback { margin: 0px; margin-bottom: 10px; padding: 0px; width: 955px; list-style: none; } #wrapTrackback li { margin-top: 5px; } #wrapTrackback .trackback { clear: both; border-top: 1px solid #dadada; } #wrapTrackback .trackback .picture { float: left; padding-top: 10px; padding-bottom: 10px; width: 130px; text-align: center; } #wrapTrackback .trackback .trackbackArea { float: left; width: 590px; } #wrapTrackback .info { display: table-cell; vertical-align: middle; padding: 10px; } *html #wrapTrackback .info { display: inline; zoom: 1; } *:first-child+html #wrapTrackback .info { display: inline; zoom: 1; } #wrapTrackback .info img { vertical-align: middle; } #wrapTrackback .info .name { color: #555; } #wrapTrackback .info .date { padding-left: 5px; font: 0.92em tahoma; color: #999; } #wrapTrackback .info .button { padding-left: 5px; } #wrapTrackback .viewSubject { clear: both; padding: 10px; padding-bottom: 0px; color: #666; line-height: 1.4em; overflow: hidden; white-space: nowrap; } #wrapTrackback .viewContent { clear: both; padding: 10px; padding-top: 3px; color: #666; line-height: 1.4em; overflow: hidden; } /* trackback paging */ .pagingTrackbackBt { clear: both; width: 955px; height: 26px; text-align: center; } /* wrapReviewList */ #wrapReviewList { width: 955px; } #wrapReviewList table.middle { width: 100%; border: 0px; border-top: 1px solid #e6e6e6; table-layout: fixed; border-bottom: 1px solid #eaeaea; } #wrapReviewList table.middle thead tr { height: 24px; } #wrapReviewList table.middle thead th { background-color: #f8f8f8; font-weight: 100; border: 0px; border-bottom: 1px solid #e6e6e6; } #wrapReviewList table.middle thead #number { width: 50px; font-size: 0.92em; color: #666; } #wrapReviewList table.middle thead #image { width: 80px; font-size: 0.92em; color: #666; } #wrapReviewList table.middle thead #subject { font-size: 0.92em; color: #666; } #wrapReviewList table.middle thead #name { width: 100px; font-size: 0.92em; color: #666; } #wrapReviewList table.middle thead #date { width: 80px; font-size: 0.92em; color: #666; } #wrapReviewList table.middle tbody tr { } #wrapReviewList table.middle tbody td { border: 0px; } #wrapReviewList table.middle tbody tr.list td { padding-top: 10px; padding-bottom: 10px; } #wrapReviewList table.middle tbody tr.line { border: 0px; border-top: 1px solid #eaeaea; } #wrapReviewList table.middle tbody tr.line td { border: 0px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eaeaea; } #wrapReviewList table.middle tbody tr.review td.content { padding: 10px 20px; 10px 20px; color: #777; line-height: 1.4em; background: url('../imgs/review_bg_dotline.gif') repeat-x; } #wrapReviewList table.middle tbody tr.review td.content .images { text-align: center; } #wrapReviewList table.middle tbody tr.review td.content .images img { width: 300px; } #wrapReviewList table.middle tbody tr.review td.content .button { clear: both; margin-top: 5px; text-align: right; } #wrapReviewList table.middle tbody td.number { font: 0.92em tahoma; color: #777; text-align: center; } #wrapReviewList table.middle tbody td.number strong { color: #ff6f06; } #wrapReviewList table.middle tbody td.number img { padding-top: 2px; } #wrapReviewList table.middle tbody td.subject { padding-left: 5px; color: #666; line-height: 1.8em; overflow: hidden; white-space : nowrap; } #wrapReviewList table.middle tbody td.subject .rate { margin-right: 5px; display: inline-block; width: 78px; height: 13px; background: url('../imgs/review_bg_rate.gif'); } #wrapReviewList table.middle tbody td.subject .rate .rateOn { float: left; overflow: hidden; } *+html #wrapReviewList table.middle tbody td.subject .rate .rateOn { margin-top: -1px; } *html #wrapReviewList table.middle tbody td.subject .rate .rateOn { margin-top: -1px; } #wrapReviewList table.middle tbody td.subject a { font-weight: 900; color: #666; } #wrapReviewList table.middle tbody td.subject a:hover { text-decoration: underline; } #wrapReviewList table.middle tbody td.subject img { vertical-align: middle; } #wrapReviewList table.middle tbody td.image { overflow: hidden; white-space : nowrap; text-align: center; } #wrapReviewList table.middle tbody td.image img { width: 50px; height: 50px; } #wrapReviewList table.middle tbody td.name { overflow: hidden; white-space : nowrap; text-align: center; } #wrapReviewList table.middle tbody td.name a { color: #555; } #wrapReviewList table.middle tbody td.name img { vertical-align: middle; } #wrapReviewList table.middle tbody td.date { font: 0.92em tahoma; color: #777; text-align: center; } #wrapReviewList table.middle tbody td.noList { padding-top: 50px; padding-bottom: 50px; color: #666; text-align: center; } #wrapReviewList .bottom { margin-top: 5px; } #wrapReviewList .bottom .listBtPage { float: left; } #wrapReviewList .bottom .listBtWrite { float: right; } #wrapReviewList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; } /* wrapReviewWrite */ #wrapReviewWrite { margin-bottom: 20px; width: 955px; } #wrapReviewWrite #rateSelectBox { position: relative; padding-left: 6px; padding-top: 3px; width: 96px; height: 16px; cursor: pointer; background: url('../imgs/review_bg_rate_selectbox.gif'); } #wrapReviewWrite #rateSelectBox .rate { display: inline-block; width: 78px; height: 13px; background: url('../imgs/review_bg_rate.gif'); } #wrapReviewWrite #rateSelectBox .rate #rateOn { float: left; overflow: hidden; } #wrapReviewWrite #rateSelectBox ul#rateList { z-index: 1100; position: absolute; left: 0px; top: 18px; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 5px; width: 100px; height: 85px; font-size: 0em; background-color: #fff; border: 1px solid #bbb; list-style: none; cursor: pointer; } #wrapReviewWrite #rateSelectBox ul#rateList li { margin: 0px; padding: 0px; padding-left: 5px; height: 18px; } #wrapReviewWrite #rateSelectBox ul#rateList li:hover { background-color: #e9e9e9; } #wrapReviewWrite #rateSelectBox ul#rateList li .rate { display: inline-block; width: 78px; height: 13px; background: url('../imgs/review_bg_rate.gif'); } #wrapReviewWrite #rateSelectBox ul#rateList li .rateOn { float: left; overflow: hidden; } #wrapReviewWrite #formReviewWrite { border-top: 1px solid #c6c6c6; } #wrapReviewWrite #formReviewWrite fieldset { border: 0px; } #wrapReviewWrite #formReviewWrite input.info { width: 100px; height: 16px; border: 1px solid #cbcbcb; } #wrapReviewWrite #formReviewWrite input.infoFile { width: 100px; height: 18px; border: 1px solid #cbcbcb; } #wrapReviewWrite #formReviewWrite textarea.info { width: 530px; height: 80px; border: 1px solid #cbcbcb; } #wrapReviewWrite #formReviewWrite input.width40 { width: 40px; } #wrapReviewWrite #formReviewWrite input.width50 { width: 50px; } #wrapReviewWrite #formReviewWrite input.width100 { width: 100px; } #wrapReviewWrite #formReviewWrite input.width200 { width: 200px; } #wrapReviewWrite #formReviewWrite input.width300 { width: 300px; } #wrapReviewWrite #formReviewWrite input.width400 { width: 530px; } #wrapReviewWrite #formReviewWrite fieldset.info { height: 100%; background: url('../imgs/review_write_bg.gif') repeat-y; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; color: #737373; line-height: 1.4em; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea div.input { float: left; padding-left: 5px; line-height: 1.4em; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea div.input img { vertical-align: top; } #wrapReviewWrite #formReviewWrite fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; } #wrapReviewWrite #formReviewWrite p.control { margin-top: 20px; text-align: center; } #wrapReviewWrite #formReviewWrite p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; } /* wrapQnaList */ #wrapQnaList { width: 955px; } #wrapQnaList table.middle { width: 100%; border: 0px; border-top: 1px solid #e6e6e6; table-layout: fixed; border-bottom: 1px solid #eaeaea; } #wrapQnaList table.middle thead tr { height: 24px; } #wrapQnaList table.middle thead th { background-color: #f8f8f8; font-weight: 100; border: 0px; border-bottom: 1px solid #e6e6e6; } #wrapQnaList table.middle thead #number { width: 50px; font-size: 0.92em; color: #666; } #wrapQnaList table.middle thead #answer { width: 100px; font-size: 0.92em; color: #666; } #wrapQnaList table.middle thead #subject { font-size: 0.92em; color: #666; } #wrapQnaList table.middle thead #name { width: 100px; font-size: 0.92em; color: #666; } #wrapQnaList table.middle thead #date { width: 80px; font-size: 0.92em; color: #666; } #wrapQnaList table.middle tbody tr { } #wrapQnaList table.middle tbody td { border: 0px; } #wrapQnaList table.middle tbody tr.list td { padding-top: 10px; padding-bottom: 10px; } #wrapQnaList table.middle tbody tr.line { border: 0px; border-top: 1px solid #eaeaea; } #wrapQnaList table.middle tbody tr.line td { border: 0px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eaeaea; } #wrapQnaList table.middle tbody tr.qna td.content { padding: 10px 20px; 10px 20px; color: #777; line-height: 1.4em; background: url('../imgs/qna_bg_dotline.gif') repeat-x; } #wrapQnaList table.middle tbody tr.qna td.content .contentsArea { margin-left: 0px; } #wrapQnaList table.middle tbody tr.qna td.content .contentsArea p { margin: 0px; padding: 0px; line-height: 1.7em; } #wrapQnaList table.middle tbody tr.qna td.content .contentsArea p.answer { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e9e9e9; } #wrapQnaList table.middle tbody tr.qna td.content .button { clear: both; margin-top: 5px; text-align: right; } #wrapQnaList table.middle tbody td.number { font: 0.92em tahoma; color: #777; text-align: center; } #wrapQnaList table.middle tbody td.number strong { color: #ff6f06; } #wrapQnaList table.middle tbody td.number img { padding-top: 2px; } #wrapQnaList table.middle tbody td.answer { overflow: hidden; white-space : nowrap; text-align: center; } #wrapQnaList table.middle tbody td.answer strong { color: #478500; } #wrapQnaList table.middle tbody td.subject { padding-left: 5px; color: #666; line-height: 1.8em; overflow: hidden; white-space : nowrap; } #wrapQnaList table.middle tbody td.subject a { font-weight: 900; color: #666; } #wrapQnaList table.middle tbody td.subject a:hover { text-decoration: underline; } #wrapQnaList table.middle tbody td.subject img { vertical-align: middle; } #wrapQnaList table.middle tbody td.name { overflow: hidden; white-space : nowrap; text-align: center; } #wrapQnaList table.middle tbody td.name a { color: #555; } #wrapQnaList table.middle tbody td.name img { vertical-align: middle; } #wrapQnaList table.middle tbody td.date { font: 0.92em tahoma; color: #777; text-align: center; } #wrapQnaList table.middle tbody td.noList { padding-top: 50px; padding-bottom: 50px; color: #666; text-align: center; } #wrapQnaList .bottom { margin-top: 5px; } #wrapQnaList .bottom .listBtPage { float: left; } #wrapQnaList .bottom .listBtWrite { float: right; } #wrapQnaList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; } /* wrapQnaWrite */ #wrapQnaWrite { margin-bottom: 20px; width: 955px; } #wrapQnaWrite #formQnaWrite { border-top: 1px solid #c6c6c6; } #wrapQnaWrite #formQnaWrite fieldset { border: 0px; } #wrapQnaWrite #formQnaWrite input.info { width: 100px; height: 16px; border: 1px solid #cbcbcb; } #wrapQnaWrite #formQnaWrite input.infoFile { width: 100px; height: 18px; border: 1px solid #cbcbcb; } #wrapQnaWrite #formQnaWrite textarea.info { width: 530px; height: 80px; border: 1px solid #cbcbcb; } #wrapQnaWrite #formQnaWrite input.width40 { width: 40px; } #wrapQnaWrite #formQnaWrite input.width50 { width: 50px; } #wrapQnaWrite #formQnaWrite input.width100 { width: 100px; } #wrapQnaWrite #formQnaWrite input.width200 { width: 200px; } #wrapQnaWrite #formQnaWrite input.width300 { width: 300px; } #wrapQnaWrite #formQnaWrite input.width400 { width: 530px; } #wrapQnaWrite #formQnaWrite fieldset.info { height: 100%; background: url('../imgs/qna_write_bg.gif') repeat-y; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; color: #737373; line-height: 1.4em; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea div.input { float: left; padding-left: 5px; line-height: 1.4em; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea div.input img { vertical-align: top; } #wrapQnaWrite #formQnaWrite fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; } #wrapQnaWrite #formQnaWrite p.control { margin-top: 20px; text-align: center; } #wrapQnaWrite #formQnaWrite p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; } /* paging */ a.pagingBt { margin-right: 2px; } a.pagingBt img { vertical-align: middle; } a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #999; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; } a.pagingBtList:hover { text-decoration: underline; } a.pagingBtListFirst { border-left: 0px; } a.pagingBtListBold { color: #eb302f; font-weight: 900; } /* etc */ .width30 { width: 30px; } .width50 { width: 50px; } .width400 { width: 400px; } body#zh table.middle thead tr { height: 28px; } body#zh table.middle thead { font-size: 1.08em; }