body { color: #555; font-size: 12px; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0 } table { font-size: 12px } form { margin: 0; padding: 0 } div.body { margin: 0; padding: 0; width: 800px } div.menu { margin: 0; padding: 0; width: 151px; float: left } div.main { margin: 0; padding: 0; width: 630px; float: right; overflow: hidden; } p.title { background-color: #D2691E; margin: 0; padding: 0; width: 100% } /**/ div.intro { margin: 0; padding: 0 } /**/ #login { color: #fff; background: #ff7d00 url("../img/login_back.gif") no-repeat; margin: 0; padding: 0; border: solid 2px #ff7d00 } /**/ #new { color: #555; border: solid 1px #c0c0c0; width: 100%; } #personal { color: #555; background-color: #FFFAFA; width: 100% } #manage { color: #555; background-color: #FAEBD7; width: 100% } #profile { color: #333; line-height: 14px; margin-bottom: 10px; padding-bottom: 15px; width: 100%; border-bottom: 4px double #D2691E } #profile_no { font-size: 14px; margin-top: 15px; margin-bottom: 5px; padding: 0; width: 100% } #profile_icon { text-align: right; margin-top: 20px; padding: 2px; width: 100%; border: solid 1px #ddd } #profile_icon table { margin-right: 0px; margin-left: auto; } /**/ #info { width: 100%; border: solid 1px #808080 } p.day { color: #2d6000; margin: 0 5px; padding: 0 } p.intro { margin: 0 5px 5px 10px; padding: 0 } p.line { margin: 10px; padding: 0; border-bottom: 1px solid #ccc } /**/ div.banner { margin: 2px 0 0; padding: 0; width: 100% } /**/ div.spacial { margin: 3px 0 3px; padding: 0; width: 100% } .special { color: #696969; line-height: 14px; background-color: transparent; background-position: 0 0; border: solid 3px #FF8C00 } /**/ div.header { background-color: #FFC98D; margin: 0 0 0 2px; padding: 0; width: 798px } /**/ div.search { background-color: #FFC98D; margin: 0; padding: 0 0 0 5px; width: 558px; float: left} div.search table { color: #D2691E; font-size: 12px; margin: 0; padding: 0 } p.search { margin: 0; padding: 3px 0; width: 100% } p.search a:link { color: #ffc; text-decoration: underline; margin: 0; padding: 0 } p.search a:visited { color: #ffc; text-decoration: underline; margin: 0; padding: 0 } p.search a:hover { color: #ffc; text-decoration: underline; margin: 0; padding: 0 } div.search_bottom { background-color: #FFC98D; text-align: left; margin: 0 0 0 0; padding: 3px 0 0 0; width: 235px; float: right } div.search_bottom table { color: #2d6000; font-size: 12px; margin: 0; padding: 0 } .button_search { background-color: #fff; margin: 0; padding: 1px; border: solid 1px #333 } /**/ div.search_50 { text-align: center; margin: 0 auto; padding: 0; width: 95% } p.search_50 { background-image: url("../img/mark_3.gif"); background-repeat: no-repeat; margin: 0; padding: 2px 2px 2px 10px } p.search_50 a { text-decoration: none; margin: 0; padding: 0 } p.search_50 a:vlink { text-decoration: none; margin: 0; padding: 0 } p.search_50 a:hover { color: black; background-color: #ffe; margin: 0; padding: 0 } .button_50 { color: #336233; background-color: #a5d796; margin-right: 3px; margin-left: 3px; padding: 2px 1px 0 3px; border: solid 1px #3f7d19 } .search_initial { color: #529714; font-weight: bold; border-bottom: 2px dotted #ddd } /*control-menu*/ div.controlmenu-area { margin: 2px 0 0; padding: 0; width: 630px } div.controlmenu-area ul { list-style-type: none; display: inline; margin: 0; padding: 0 } div.controlmenu-area li { list-style-type: none; display: inline; margin: 0; padding: 0; height: 25px; float: left } #cm01 a { text-decoration: none; display: block; height: 15px; float: left } #cm01 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm02 a { text-decoration: none; display: block; height: 15px; float: left } #cm02 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm03 a { text-decoration: none; display: block; height: 15px; float: left } #cm03 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm04 a { text-decoration: none; display: block; height: 15px; float: left } #cm04 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm05 a { text-decoration: none; display: block; height: 15px; float: left } #cm05 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm06 a { text-decoration: none; display: block; height: 15px; float: left } #cm06 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm07 a { text-decoration: none; display: block; height: 15px; float: left } #cm07 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm08 a { text-decoration: none; display: block; height: 15px; float: left } #cm08 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm09 a { text-decoration: none; display: block; height: 15px; float: left } #cm09 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm10 a { text-decoration: none; display: block; height: 15px; float: left } #cm10 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } /*control-menu */ #cm11 a { text-decoration: none; display: block; height: 15px; float: left } #cm11 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm12 a { text-decoration: none; display: block; height: 15px; float: left } #cm12 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm13 a { text-decoration: none; display: block; height: 15px; float: left } #cm13 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm14 a { text-decoration: none; display: block; height: 15px; float: left } #cm14 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm15 a { text-decoration: none; display: block; height: 15px; float: left } #cm15 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm16 a { text-decoration: none; display: block; height: 15px; float: left } #cm16 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm17 a { text-decoration: none; display: block; height: 15px; float: left } #cm17 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm18 a { text-decoration: none; display: block; height: 15px; float: left } #cm18 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm19 a { text-decoration: none; display: block; height: 15px; float: left } #cm19 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm20 a { text-decoration: none; display: block; height: 15px; float: left } #cm20 a:hover { text-decoration: none; background-color: #ffdba9; display: block; height: 15px; float: left } #cm01 a, #cm02 a, #cm03 a, #cm04 a, #cm05 a, #cm06 a, #cm07 a, #cm08 a, #cm09 a, #cm10 a { line-height: 18px; height:18px; } #cm01 a img, #cm02 a img, #cm03 a img, #cm04 a img, #cm05 a img, #cm06 a img, #cm07 a img, #cm08 a img, #cm09 a img, #cm10 a { vertical-align: middle; margin-right: 2px; } #cm11 a, #cm12 a, #cm13 a, #cm14 a, #cm15 a, #cm16 a, #cm17 a, #cm18 a, #cm19 a, #cm20 a { line-height: 18px; height:18px; } #cm11 a img, #cm12 a img, #cm13 a img, #cm14 a img, #cm15 a img, #cm16 a img, #cm17 a img, #cm18 a img, #cm19 a img, #cm20 a { vertical-align: middle; margin-right: 2px; } /**/ #details { color: #333; line-height: 1.2em; width: 100% } /**/ #cart { color: #333; line-height: 130%; width: 100%; border: solid 1px #c0c0c0 } /**/ div.category { background-color: #FFFAFA; margin: 5px 0 0; padding: 0; width: 100% } p.category { background-image: url("../img/mark_2.gif"); background-repeat: no-repeat; margin: 0; padding: 0 0 3px 10px } /**/ div.navi { color: #696969; font-size: 12px; font-weight: bold; background-color: #F5F5F5; margin-bottom: 5px; padding-top: 5px; padding-bottom: 3px; padding-left: 10px; width: 630px; clear: both; border-bottom: 1px solid #dcdcdc } div.navi a { color: gray; font-weight: bold; text-decoration: none } div.navi a:vlink { color: #28a225; font-weight: bold; text-decoration: none } div.navi a:hover { color: #ff7800; font-weight: bold } div.delivery { margin-top: 20px; padding: 0; width: 100% } #greeting { color: #696969; width: 100%; border: solid 1px #c0c0c0 } #count { color: #808080; line-height: 130%; margin-left: 50%; width: 50% } #change { background-color: #FFEFD5; width: 100% } #call { color: #2d6000; margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; width: 50%; border: double 3px; align: center } #history { color: #696969; line-height: 130%; background-color: #f0f8ff; width: 100% } p.profile { padding-left: 20px } /**/ .textbox { background-color: #fff; padding: 1px; width: 100%; border: solid 1px #696969 } .textbox_2 { background-color: #fff; padding: 1px; border: solid 1px #696969 } .button { color: #333; background-color: #fff; margin: 0; padding: 0; border: solid 1px } td.category { color: #696969; font-size: 14px; line-height: 120%; padding-left: 5px } p.comment { color: #333; line-height: 130%; margin-top: 5px; margin-left: 5px } p.goodsname { background-color: #fdf5e6; padding-left: 5px; border-bottom: 1px solid #ffa07a; border-left: 3px solid #ffa07a } p.price { color: #0000ff; font-weight: bold; margin: 0px; padding: 0px } th.cart { border-bottom: 3px double #c0c0c0 } .greeting { background-color: #dcdcdc; border-bottom: 3px solid #c0c0c0 } .underline { border-bottom: 1px dotted #c0c0c0 } .underline_2 { border-bottom: 1px dotted #ccc } /**/ p.name { font-size: 14px; margin: 5px 0; padding: 0 } p.proxy_name { font-size: 18px; margin: 5px 0; padding: 0 } /*p.d_name { color: #2d6000; font-size: 14px; font-weight: bold; text-decoration: none; margin: 5px 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid #2d6000 }*/ /*p.name a:link { color: #2d6000; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid #2d6000 }*/ /*p.name a:visited { color: #2d6000; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid #2d6000 }*/ /*p.name a:hover { color: #2d6000; font-size: 14px; font-weight: bold; text-decoration: none; background-color: #faffeb; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid #2d6000 }*/ p.d_name { font-size: 14px; font-weight: bold; text-decoration: none; margin: 5px 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid } p.name a:link { font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid } p.name a:visited { font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid } p.name a:hover { font-size: 14px; font-weight: bold; text-decoration: none; background-color: #FFEFD5; margin: 0; padding: 0 0 0 3px; width: 100%; border-left: 10px solid } /*h4 { color: #2d6000; font-size: 1.2em; font-weight: bold; text-decoration: none; margin: 0; padding-left: 3px; width: 100%; border-left: 10px solid #2d6000 }*/ /**/ h4 { font-size: 1.2em; font-weight: bold; text-decoration: none; margin: 0; padding-left: 3px; width: 100%; border-left: 10px solid } /**/ div.footer { font-size: 12px; line-height: 150%; text-align: center; margin-right: auto; margin-left: auto; padding: 10px 0 0; width: 800px; clear: both; align: center } p.footer { text-align: center; margin: 0 auto; padding-top: 5px; width: 798px; border-top: 3px double #ccc } .bold { font-weight: bold } /**/ .new { padding: 3px; border: dotted 1px #ccc } .date { font-weight: bold; margin: 0; padding: 0; border-bottom: 3px double #ccc } div.mypage { margin-top: 3px; padding: 0 } p.name_tonner { color: #D2691E; font-size: 1.2em; font-weight: bold; margin: 5px 0 0; padding: 0 0 2px 15px; border-bottom: 1px dotted #D2691E } .tonner_icon { padding-top: 5px; padding-bottom: 3px; padding-left: 3px; border-bottom: 3px double #D2691E } p.qsol_banner { margin: 5px 0; padding: 0; width: 100%; text-align: right; } table.supplier_profile { color: #333; line-height: 14px; margin-bottom: 10px; padding-bottom: 15px; width: 100%; border-bottom: 4px double #D2691E } table.supplier_profile td { width: 50% } table.supplier_count { color: #808080; line-height: 130%; width: 100% }