@charset "utf-8"; body { font-family: AvantGarde Bk BT,Arial;font-size: 12px; padding: 0px; margin: 0px; line-height : 1.5em; background: url(../images/default/bg.gif) #FFDA4B top repeat-x; text-align:center; } form { margin: 0px; } #submit { height:22px; } #font-red { color: #F00; } #wrap { width: 760px; margin : 0px auto} #header { width: 760px; background: url(../images/default/top.jpg) right no-repeat; height: 135px; text-align: left; border-bottom: 2px solid #FAFF59; } #header .leftarea { width: 335px; float:left; } #header .rightarea { width: 325px; padding: 110px 0px 0px 100px;float:right; } #topmenu { width: 760px; background: url(../images/default/bg-menu.gif) repeat; } #topmenu li { display: inline; font-size: 14px; background: url(../images/default/dot-menu.gif) left no-repeat; padding: 0px 10px 0px 18px; font-weight: bold; line-height :38px; } #topmenu li a { color:#000;text-decoration:none; } #topmenu li a:hover { color: brown; } #topmenuline { font-size:0; width: 760px; height: 6px; margin: 0px 0px 1px 0px; background: url(../images/default/bg-menu2.gif) repeat-x; border-top: 2px solid #ECF245; } #mainarea { width: 760px; background-color: #513307;} #mainarea .table-space { font-size:0; width: 100%; height: 10px; background-color: #513307; } #mainarea .bigarea { margin: 10px 10px 0px 10px; float:left;display:inline; } #mainarea .bigarea .table-yellow-top { font-size:0; width: 510px; height: 10px; background: url(../images/default/bg-table-yellow3-top.gif) no-repeat; } #mainarea .bigarea .table-yellow-main { width: 490px; padding: 0px 10px; background-color:#FCFFE3; text-align:left; } #mainarea .bigarea .table-yellow-main h1 { color: #3D1402; font-size: 14px; font-weight: bold;margin: 0px;} #mainarea .bigarea .table-yellow-main p { margin: 10px 0px 0px 0px;} #mainarea .bigarea .table-yellow-main .jump { color: #CCC; width: 490px; text-align:right; margin: 0px 0px 5px 0px; border-bottom: 1px solid #CCC;} #mainarea .bigarea .table-yellow-main .jump a { color:#354E01; width: 490px; text-align:right; text-decoration:none; } #mainarea .bigarea .table-yellow-main .jump a:hover { color: #F00; } #mainarea .bigarea .table-yellow-main h2 { color: #3D1402; width: 480px; background-color:#FAE398; font-size: 14px; font-weight: bold;margin: 0px; padding: 3px 5px;} #mainarea .bigarea .table-yellow-main .listtype { font-size:10px; color: #999; background: url(../images/default/arrow-2.gif) left top no-repeat; padding: 0px 5px 0px 12px;} #mainarea .bigarea .table-yellow-main .listtype a { font-size:12px; color: #3D1402; text-decoration:none;} #mainarea .bigarea .table-yellow-main .listtype a:hover { font-size:12px; color: #F00; text-decoration: underline;} #mainarea .bigarea .table-yellow-main .description { color:#777; margin: 0px; padding: 5px;} #mainarea .bigarea .table-yellow-main .description p { margin: 0px;} #mainarea .bigarea .table-yellow-main .story { width: 235px; margin: 5px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC;float:left;display:inline; } #mainarea .bigarea .table-yellow-main .story h3 { font-size: 14px; font-weight: bold; color:#FF7800; margin: 0px; } #mainarea .bigarea .table-yellow-main .story h3 a { font-size: 12px; color:#00F; margin: 0px; text-decoration: underline; font-weight: normal;} #mainarea .bigarea .table-yellow-main .story h3 a:hover { font-size: 12px; color:#F00; text-decoration: none;} #mainarea .bigarea .table-yellow-main .story .more { width: 235px; } #mainarea .bigarea .table-yellow-main .story .more a { color: #F00; text-decoration: underline; } #mainarea .bigarea .table-yellow-main .story .more a:hover { color: #00F; text-decoration: none; } #mainarea .bigarea .table-yellow-main .more { color:#F00; width: 490px; text-align:right; margin: 0px; } #mainarea .bigarea .table-yellow-main .more a { color:#F00; } #mainarea .bigarea .table-yellow-bottom { font-size:0; width: 510px; height: 10px; background: url(../images/default/bg-table-yellow3-bottom.gif) no-repeat; } #mainarea .leftarea { width: 510px; margin: 10px 10px 0px 10px; float:left;display:inline; } #mainarea .leftarea .left { width: 220px; margin: 0px; float:left; } #mainarea .leftarea .left .table-red-top { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-red-top.gif) no-repeat; } #mainarea .leftarea .left .table-red-main { width: 220px; padding: 0px; background-color:#FFEF86; text-align:left; } #mainarea .leftarea .left .table-red-main p { margin: 0px 10px; } #mainarea .leftarea .left .table-red-main h1 { color:#FFF; width: 200px; padding: 0px 10px; background-color:#DE2F00; font-size: 14px; font-weight: bold;margin: 0px; } #mainarea .leftarea .left .table-red-main .main { padding: 10px 0px 0px 0px; } #mainarea .leftarea .left .table-red-main .more { font-size: 12px; padding: 0px 10px; margin: 0px; text-align:right; } #mainarea .leftarea .left .table-red-main .more a { color: #F00; text-decoration:underline; } #mainarea .leftarea .left .table-red-main .more a:hover { color: #00F; text-decoration:none; } #mainarea .leftarea .left .table-red-bottom { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-red2-bottom.gif) no-repeat; } #mainarea .leftarea .right { width: 280px; margin-left:10px; background-color:#FCFFE3 ; float:right;text-align:left; } #mainarea .leftarea .right .table-yellow-top { font-size:0; width: 280px; height: 10px; background: url(../images/default/bg-table-yellow-top.gif) no-repeat; } #mainarea .leftarea .right .table-yellow-main h1 { color: #3D1402; width: 260px; background-color:#FCFFE3; font-size: 14px; font-weight: bold;padding: 0px 10px; margin: 0px; } #mainarea .leftarea .right .table-yellow-main .list { background: url(../images/default/arrow-2.gif) left top no-repeat; padding: 0px 5px 0px 12px;margin: 0px 10px;} #mainarea .leftarea .right .table-yellow-main .main { padding: 5px 10px; } #mainarea .leftarea .right .table-yellow-main a { color:#354E01;text-decoration:none;} #mainarea .leftarea .right .table-yellow-main a:hover { color:#F00;} #mainarea .leftarea .right .table-yellow-main .more { font-size: 12px; padding: 0px 10px; margin: 0px; text-align:right; } #mainarea .leftarea .right .table-yellow-main .more a { color: #999; text-decoration:underline; } #mainarea .leftarea .right .table-yellow-main .more a:hover { color: #F00; text-decoration:none; } #mainarea .leftarea .right .table-yellow-bottom { font-size:0; width: 280px; height: 10px; background: url(../images/default/bg-table-yellow-bottom.gif) no-repeat; } #mainarea .rightarea { width: 220px; margin: 10px 10px 0px 0px; float:right;display:inline; } #mainarea .rightarea .table-orange-top { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-orange-top.gif) no-repeat; } #mainarea .rightarea .table-orange-main { width: 220px; padding: 0px; background-color:#F18E29; text-align:left; } #mainarea .rightarea .table-orange-main h1 { width: 200px; background-color:#F18E29; font-size: 14px; font-weight: bold;padding: 0px 10px; margin: 0px; } #mainarea .rightarea .table-orange-main .list { background: url(../images/default/arrow-1.gif) left top no-repeat; padding: 0px 5px 0px 12px;margin: 0px 10px;} #mainarea .rightarea .table-orange-main a { color:#000;text-decoration:none;} #mainarea .rightarea .table-orange-main a:hover { color:#FF0;} #mainarea .rightarea .table-orange-main .more { font-size: 12px; padding: 0px 10px; margin: 0px; text-align:right; } #mainarea .rightarea .table-orange-main .more a { color: #FF0; text-decoration:underline; } #mainarea .rightarea .table-orange-main .more a:hover { color: #000; text-decoration:none; } #mainarea .rightarea .table-orange-bottom { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-orange-bottom.gif) no-repeat; } #mainarea .rightarea .table-red-top { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-red-top.gif) no-repeat; } #mainarea .rightarea .table-red-main { width: 220px; padding: 0px; background-color:#FCFFE3; text-align:left; } #mainarea .rightarea .table-red-main h1 { color:#FFF; width: 200px; padding: 0px 10px; background-color:#DE2F00; font-size: 14px; font-weight: bold;margin: 0px; } #mainarea .rightarea .table-red-main .unit { width: 200px; margin: 5px 10px; border-bottom: 1px solid #CCC;} #mainarea .rightarea .table-red-main .unit p { margin: 0px; } #mainarea .rightarea .table-red-main .unit .title { font-size: 14px; font-weight: bold; color:#FF7800 } #mainarea .rightarea .table-red-main .unit .more a { color: #F00; text-decoration:underline; } #mainarea .rightarea .table-red-main .unit .more a:hover { color: #00F; text-decoration:none; } #mainarea .rightarea .table-red-bottom { font-size:0; width: 220px; height: 10px; background: url(../images/default/bg-table-red-bottom.gif) no-repeat; } #mainarea .rightarea .table-red-main .more { color: #3D1402; width: 200px; text-align:right;} #mainarea .rightarea .table-red-main .more a { color: #3D1402; } #shoparea { margin: 0px; padding: 0px; width: 760px; background-color: #513307;} #shoparea .left { width: 180px; margin: 10px; float:left; display:inline; } #shoparea .left .table-red3-top { font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-red3-top.gif) no-repeat; } #shoparea .left .table-red3-main { width: 180px; padding: 0px; background-color:#FFEF86; text-align:left; } #shoparea .left .table-red3-main h1 { color:#FFF; width: 160px; padding: 0px 10px; background-color:#DE2F00; font-size: 14px; font-weight: bold;margin: 0px 0px 10px 0px; } #shoparea .left .table-red3-main .list { color:#513307; width: 160px; padding: 0px 10px; } #shoparea .left .table-red3-main .list a { color:#513307; text-decoration:none;} #shoparea .left .table-red3-main .list a:hover { color:#F00; text-decoration:underline;} #shoparea .left .table-red3-bottom { margin: 0px 0px 10px 0px; font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-red3-bottom.gif) no-repeat; } #shoparea .left .table-orange2-top { font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-orange2-top.gif) no-repeat; } #shoparea .left .table-orange2-main { background-color:#F18E29; width: 180px; padding: 0px; background-color:#F18E29; text-align:left; } #shoparea .left .table-orange2-main h1 { color:#000; width: 160px; padding: 0px 10px; background-color:#F18E29; font-size: 14px; font-weight: bold;margin: 0px; } #shoparea .left .table-orange2-main .unit { width: 160px; margin: 5px 10px; border-bottom: 1px solid #CCC; padding: 0px;} #shoparea .left .table-orange2-main .unit p { margin: 0px; } #shoparea .left .table-orange2-main .unit .title { font-size: 12px; font-weight: bold; color:#FFF } #shoparea .left .table-orange2-main .unit .more { text-align:right; background: url(../images/default/button_details.jpg) right no-repeat;padding: 5px; } #shoparea .left .table-orange2-main .unit .more a { color: #060; text-decoration:none; } #shoparea .left .table-orange2-main .unit .more a:hover { color: #00F; text-decoration:underline; } #shoparea .left .table-orange2-bottom { font-size:0; background-color:#F18E29; width: 180px; height: 10px; background: url(../images/default/bg-table-orange2-bottom.gif) no-repeat; } #shoparea .center { width: 360px; margin: 10px 0px; float:left; display:inline;} #shoparea .center .title { color: #FFF; width: 360px; margin: 5px 0px; text-align:left; font-weight: bold; } #shoparea .center .title a { color: #FFF; text-decoration:none; } #shoparea .center .title_page { color: #8D590C; width: 360px; margin: 5px 0px; text-align:right; } #shoparea .center .title_page a { color: #FFF; text-decoration:none; } #shoparea .center .big { width: 360px; margin: 0px; float:left;} #shoparea .center .connected { color: #FFF; width: 340px; font-weight: bold; margin: 10px 0px 0px 0px; } #shoparea .center td a { color: #513307; text-decoration:none; } #shoparea .center .big .table-yellow3-top { font-size:0; width: 360px; height: 10px; background: url(../images/default/bg-table-yellow5-top.gif) no-repeat; } #shoparea .center .big .table-yellow3-main { background-color:#FCFFE3; width: 340px; padding: 0px 10px; text-align:left; } #shoparea .center .big .table-yellow3-main .non { width: 340px; height: 200px; margin: 0px; text-align:center; font-weight: bold;} #shoparea .center .big .table-yellow3-main .count { width: 340px; margin: 0px; text-align:right;} #shoparea .center .big .table-yellow3-main .checkout { width: 340px; margin: 0px; text-align:center; } #shoparea .center .big .table-yellow3-main .title { width: 340px; font-size: 14px; font-weight: bold; color:#000 } #shoparea .center .big .table-yellow3-main .price { font-weight: bold; color:#F00 } #shoparea .center .big .table-yellow3-main .addcart { width: 90px ; height: 15px; padding: 3px 5px; margin: 3px; background: url(../images/default/button_add_to_cart.gif) no-repeat; } #shoparea .center .big .table-yellow3-main .addcart a{ color:#513307; text-decoration:none; } #shoparea .center .big .table-yellow3-main .addcart a:hover { color: #FFF; text-decoration:underline; } #shoparea .center .big .table-yellow3-bottom { background-color:#F18E29; font-size:0; width: 360px; height: 10px; background: url(../images/default/bg-table-yellow5-bottom.gif) no-repeat; } #shoparea .center .left { width: 178px; margin: 0px 2px 4px 0px; float:left; display:inline;} #shoparea .center .left .table-orange4-top { font-size:0; width: 178px; height: 10px; background: url(../images/default/bg-table-yellow4-top.gif) no-repeat; } #shoparea .center .left .table-orange4-main { height: 100px; background-color:#FCFFE3; width: 168px; padding: 0px 5px; text-align:left; } #shoparea .center .left .table-orange4-main .details { width: 60px ;height: 15px; padding: 3px 5px; margin: 3px; background: url(../images/default/button_details.jpg) no-repeat; } #shoparea .center .left .table-orange4-main .details a { color: #060; text-decoration:none; } #shoparea .center .left .table-orange4-main .details a:hover { color: #00F; text-decoration:underline; } #shoparea .center .left .table-orange4-main .addcart { width: 85px ;height: 15px; padding: 3px 5px; margin: 3px; background: url(../images/default/button_add_to_cart.gif) no-repeat; } #shoparea .center .left .table-orange4-main .addcart a{ color:#513307; text-decoration:none; } #shoparea .center .left .table-orange4-main .addcart a:hover { color: #FFF; text-decoration:underline; } #shoparea .center .left .table-orange4-bottom { background-color:#F18E29; font-size:0; width: 178px; height: 10px; background: url(../images/default/bg-table-yellow4-bottom.gif) no-repeat; } #shoparea .center .right { width: 178px; margin: 0px 0px 4px 2px; float:right; display:inline;} #shoparea .center .right .table-orange4-top { font-size:0; width: 178px; height: 10px; background: url(../images/default/bg-table-yellow4-top.gif) no-repeat; } #shoparea .center .right .table-orange4-main { height: 100px; background-color:#FCFFE3; width: 168px; padding: 0px 5px; text-align:left; } #shoparea .center .right .table-orange4-main .details { width: 60px ; height: 15px; padding: 3px 5px; margin: 3px; background: url(../images/default/button_details.jpg) no-repeat;} #shoparea .center .right .table-orange4-main .details a { color: #060; text-decoration:none; } #shoparea .center .right .table-orange4-main .details a:hover { color: #00F; text-decoration:underline; } #shoparea .center .right .table-orange4-main .addcart { width: 85px ; height: 15px; padding: 3px 5px; margin: 3px; background: url(../images/default/button_add_to_cart.gif) no-repeat; } #shoparea .center .right .table-orange4-main .addcart a{ color:#513307; text-decoration:none; } #shoparea .center .right .table-orange4-main .addcart a:hover { color: #FFF; text-decoration:underline; } #shoparea .center .right .table-orange4-bottom { background-color:#F18E29; font-size:0; width: 178px; height: 10px; background: url(../images/default/bg-table-yellow4-bottom.gif) no-repeat; } #shoparea .right { width: 180px; margin: 10px; float:left; display:inline; } #shoparea .right .table-orange3-top { font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-orange2-top.gif) no-repeat; } #shoparea .right .table-orange3-main { background-color:#F18E29; width: 180px; padding: 0px; background-color:#F18E29; text-align:left; } #shoparea .right .table-orange3-main h1 { color:#000; width: 160px; padding: 0px 10px; background-color:#F18E29; font-size: 14px; font-weight: bold;margin: 0px; } #shoparea .right .table-orange3-main .unit { width: 160px; margin: 5px 10px; border-bottom: 1px solid #CCC; padding: 0px;} #shoparea .right .table-orange3-main .unit p { margin: 0px; } #shoparea .right .table-orange3-main .unit .title { font-size: 12px; font-weight: bold; color:#FFF } #shoparea .right .table-orange3-main .unit .more { text-align:right; background: url(../images/default/button_details.jpg) right no-repeat;padding: 5px; } #shoparea .right .table-orange3-main .unit .more a { color: #060; text-decoration:none; } #shoparea .right .table-orange3-main .unit .more a:hover { color: #00F; text-decoration:underline; } #shoparea .right .table-orange3-bottom { background-color:#F18E29;margin: 0px 0px 10px 0px;font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-orange2-bottom.gif) no-repeat; } #shoparea .right .table-red4-top { font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-red3-top.gif) no-repeat; } #shoparea .right .table-red4-main { width: 180px; padding: 0px; background-color:#FCFFE3; text-align:left; } #shoparea .right .table-red4-main h1 { color:#FFF; width: 160px; padding: 0px 10px; background-color:#DE2F00; font-size: 14px; font-weight: bold;margin: 0px; } #shoparea .right .table-red4-main .unit { width: 160px; margin: 5px 10px; border-bottom: 1px solid #CCC;} #shoparea .right .table-red4-main .unit p { margin: 0px; } #shoparea .right .table-red4-main .unit .title { font-size: 14px; font-weight: bold; color:#FF7800 } #shoparea .right .table-red4-main .unit .more a { color: #F00; text-decoration:underline; } #shoparea .right .table-red4-main .unit .more a:hover { color: #00F; text-decoration:none; } #shoparea .right .table-red4-bottom { font-size:0; width: 180px; height: 10px; background: url(../images/default/bg-table-red4-bottom.gif) no-repeat; } #shoparea .right .table-red4-main .more { color: #3D1402; width: 160px; text-align:right;} #shoparea .right .table-red4-main .more a { color: #3D1402; } #mainarealine { width: 760px; height: 10px; background: url(../images/default/bg-bottom.gif) no-repeat; } #bottommenu { width: 760px;margin: 5px 0px; } #bottommenu a { color: #7D4B03; text-decoration:none; font-weight: bold; } #bottommenu a:hover { color: red; } #copyright { text-align:left; width: 760px;color: #7D4B03; }