/*----------------------------------------------------- ViVid Navi Common -----------------------------------------------------*/ #Login { padding:4px 20px 0 20px; font-size:small; } #Login a { color:#291710; } #Login a:hover { color:#A68200; } .vnclear { clear:both; } .vnclear span { display:none; } .nw { white-space:nowrap; display:inline-block; margin-right:0.3em; } .red { color:#ff0000; } /*----------------------------------------------------- List -----------------------------------------------------*/ #SellH { position:relative; width:768px; height:128px; background:#593829; } #SellH form input { width:230px; height:32px; } img#H1Sell { position:absolute; top:20px; left:0px; width:768px; } #SearchCondition { position:absolute; top:77px; left:20px; width:230px; } #MemberRegist { position:absolute; top:77px; left:269px; width:230px; } #FavoriteList { position:absolute; top:77px; left:518px; width:230px; } .ListNavi { margin-bottom:4px; padding:0 20px; font-size:small; } .ListNaviLeft { width:500px; float:left; } .ListNaviRight { float:right; } .ListNaviRight p { display:inline; } #Sorting { padding:6px 20px; color:#291710; font-size:small; } #Sorting form p { display:inline; float:left; } #ListContents { padding:0 14px 0 14px; background:#E5E1C7; font-size:small; } div.listcontainer { } div.thumbnailbg { width:358px; float:left; margin-bottom:20px; padding:0 6px 3px 6px; background:url(/img/vn_thumb_bg.gif) 0% 0% no-repeat; } div.thumbnailcontainer { width:356px; border:solid 1px #FFFFFF; background:#f2f0e3; } p.thumbnailphoto { width:160px; float:left; } div.thumbnaildetail { width:196px; float:left; } div.thumbnaildetail h3 { padding:7px 0 3px 4px; font-size:small; line-height:110%; color:#FFFFFF; background:url(/img/thumb_name_bg.gif); } div.thumbnaildetail > h3 { padding:5px 4px 6px; font-size:small; color:#FFFFFF; background:url(/img/thumb_name_bg.gif); } div.thumbnaildetail h3 a { color:#FFFFFF; text-decoration:none; } div.thumbnaildetail h3 a:hover { color:#EFD576; text-decoration:underline; } p.thumbnailprice { padding:4px 4px 3px 4px; font-size:110%; font-weight:bold; color:#755741; } p.thumbnailcopy { padding-left:4px; font-size:x-small; line-height:130%; } div.thumbnailfoot { padding:3px 4px 4px 4px; vertical-align:bottom; } p.thumbnailicon { width:164px; float:left; } p.thumbnailicon img { margin-right:4px; } p.thumbnailcheck { width:20px; float:right; text-align:right; } #SellFooter { position:relative; width:768px; height:70px; } img#TextCheck { position:absolute; top:0px; left:317px; width:133px; margin:0px auto; } img#PackContact { position:absolute; top:20px; left:144px; width:230px; } input#Favorite { position:absolute; top:20px; left:394px; width:230px; height:32px; } /*----------------------------------------------------- Detail -----------------------------------------------------*/ #DetailsH { width:768px; padding:20px 0 12px 0; background:#593829; } #DetailsH p { padding-top:12px; text-align:center; font-size:medium; font-weight:bold; color:#fff; } #DetailName { font-size:medium; font-weight:bold; color:#291710; } #DetailName img { margin-right:4px; } #DetailContents { width:728px; padding:8px 20px 0 20px; background:#e5e1c7; } #DetailPhoto { padding:6px 0 0 6px; vertical-align:top; background:url(/img/details_imagesbg.gif); border:1px solid #525252; } #DetailPhoto p img { margin:0 6px 6px 0; vertical-align:top; } p.caution { margin-bottom:8px; text-align:right; font-size:x-small; } #DetailMap { width:392px; float:left; } #DetailMap div { margin:6px 0 8px 0; border:solid 1px #bdb0a9; } #DetailMap p.madori { padding-top:8px; text-align:center; } #Detailparticulars { width:326px; float:right; font-size:small; line-height:120%; color:#291710; } #Detailparticulars table { width:326px; margin-bottom:8px; } #Detailparticulars table th { padding:3px 6px 2px 14px; text-align:left; vertical-align:top; white-space:nowrap; font-weight:normal; border-bottom:solid 1px #291710; background:url(/img/detailpoint.gif) 0 4px no-repeat; } #Detailparticulars table td { padding:3px 0 2px 0; vertical-align:top; border-bottom:solid 1px #291710; } #DetailsFooter { position:relative; width:768px; height:70px; } #DetailsContact { position:absolute; top:20px; left:20px; width:230px; } #DetailFavorite { position:absolute; top:20px; left:269px; width:230px; } #BackPage { position:absolute; top:20px; left:518px; width:230px; } /*----------------------------------------------------- Search.html / Inquiry_form.html -----------------------------------------------------*/ #SearchH { position:relative; width:768px; height:148px; color:#fff; background:#593829; } #SearchH img { position:absolute; top:20px; left:40px; width:219px; height:107px; } #SearchH p { position:absolute; width:459px; top:25px; left:280px; line-height:1.3em; } #FormContainer { width:708px; margin:8px 25px 20px; padding:5px; font-size:small; background:#ffffff; } #FormContainer table { width:100%; } #FormContainer table th { width:25%; padding:3px 4px 2px 4px; text-align:left; vertical-align:top; font-weight:normal; background:#d1cec9; } #FormContainer table td { width:75%; padding:3px 4px 2px 4px; background:#eeece8; } #FormContainer table td.bgwhite { background:#ffffff; } #FormContainer table td.sendingbtn { padding:8px; text-align:center; vertical-align:top; background:#d1cec9; } #FormContainer table td.sendingbtn p { display:inline; padding:0 12px; } #FormContainer table td textarea { width:500px; } .optionbox { width:100%; background:#d1cec9; } .optionboxleft { display:inline; float:left; } .optionboxright { display:inline; float:right; text-align:right; } /*----------------------------------------------------- Inquiry -----------------------------------------------------*/ #InquiryObj table { width:706px; margin:0 1px 4px; border:solid 1px #000000; } #InquiryObj table th { width:25%; padding:3px 4px 2px 4px; text-align:left; vertical-align:top; font-weight:normal; color:#ffffff; background:#000000; } #InquiryObj table td { width:75%; padding:3px 4px 2px 4px; background:#ffffff; } /*----------------------------------------------------- Error / Inquiry_complete -----------------------------------------------------*/ #FormContainer p#Message { padding:4px; background:#EEECE8; } #FormContainer p#BackBtn { padding:8px 0; text-align:center; } /*----------------------------------------------------- Regist.html -----------------------------------------------------*/ #RegistH { position:relative; width:768px; height:148px; color:#fff; background:#593829; } #RegistH img { position:absolute; top:20px; left:40px; width:219px; height:107px; } #RegistH p { position:absolute; width:459px; top:25px; left:280px; line-height:1.3em; } #Contents { position:static; width:728px; margin:20px auto 0px; background:#e5e1c7; } #Contents p { width:600px; }