#page a.basket { background: transparent url(../graphic/page/a-basket.png) no-repeat 100% 0; color: #399; float: right; font-size: 11px; font-weight: bold; line-height: 20px; margin: 20px 20px 0 0; padding: 0 30px 0 0; text-decoration: none; }
#page a.basket:hover { background-position: 100% 100%; color: #066; }
#page a.more { background: transparent url(../graphic/page/a-more.png) no-repeat 0 0; display: block; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; margin: 10px 0 0 0; padding: 0 0 0 30px; text-decoration: none; }
#page a.more:hover { background-position: 0 100%; }

#page h1 { color: #ccb700; font-family: georgia, times new roman, times, serif; font-size: 24px; font-weight: normal; line-height: 40px; margin: 10px 0 0 0; padding: 0 0 10px 0; }
#page h1 a { border-right: 2px solid #e5e5e5; color: #ccb700; float: left; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 10px 20px 0 0; padding: 0 20px 0 0; }
#page h2 { font-size: 18px; margin: 10px 0 0 0; }
#page h2 a { text-decoration: none; }
#page h3 { font-size: 12px; margin: 10px 0 0 0; }
#page p { line-height: 1.5em; margin: 10px 0 0 0; }
#page ul { line-height: 1.5em; margin: 10px 0 0 20px; }
#page ul li { background: transparent url(../graphic/page/ul-li.png) no-repeat 0 7px; margin: 5px 0 0 0; padding: 0 0 0 15px; }
#page ul li.price { font-size: 12px; font-weight: bold; }


#page .block { margin: 10px 0 0 0; overflow: hidden; width: 680px; }
#page .panel { clear: right; float: right; margin: 0 0 0 20px; overflow: hidden; width: 320px; }
#page .spot { height: 140px; overflow: hidden; text-align: center; width: 140px; }
#page .spot img { margin: 10px auto; }

#page .splash { clear: right; float: right; margin: 10px 0 0 0; text-align: center; width: 320px; }
#page .splash img { margin: 0 auto; }

#page .feature { background: transparent url(../graphic/page/feature.png) no-repeat 0 100%; font-size: 11px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 10px 0; width: 320px }
#page .feature .spot { float: right; margin: 10px 10px 0 0; }
#page .feature h2 { background: transparent url(../graphic/page/feature-first.png) no-repeat 0 0; margin: 0; padding: 10px 20px 0 20px; }
#page .feature p { margin: 10px 160px 0 20px; }

#page .category { background: transparent url(../graphic/page/category.png) no-repeat 0 0; float: left; margin: 10px 10px 0 0; overflow: hidden; text-align: center; width: 160px }
#page .category .spot { margin: 10px 0 0 10px; }
#page .category h2 { background: transparent url(../graphic/page/category-first.png) no-repeat 0 100%; height: 2em; margin: 0; padding: 10px; }

#page .item { background: transparent url(../graphic/page/item.png) no-repeat 0 100%; font-size: 11px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 10px 0; position: relative; width: 670px }
#page .item .spot { float: left; margin: 10px 0 0 10px; }
#page .item h2 { background: transparent url(../graphic/page/item-first.png) no-repeat 0 0; margin: 0; padding: 10px 20px 0 170px; }
#page .item .spot { float: left; }
#page .item p, #page .item ul { margin: 10px 20px 0 170px; }
#page .item a.more { background-position: 100% 0; bottom: 10px; margin: 0; padding: 0 30px 0 0; position: absolute; right: 10px; }
#page .item a.more:hover { background-position: 100% 100%; }

#page .detail { background: transparent url(../graphic/page/item.png) no-repeat 0 100%; font-size: 11px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 10px 0; position: relative; width: 670px }
#page .detail .spot { float: left; height: auto; margin: 10px 0 0 10px; width: 320px; }
#page .detail .spot img { margin: 20px auto; }
#page .detail h2 { background: transparent url(../graphic/page/item-first.png) no-repeat 0 0; margin: 0; padding: 10px 20px 0 350px; }
#page .detail p, #page .detail ul { margin: 10px 20px 0 350px; }
#page .detail input.but-mid { margin: 20px 0 0 430px; }

#page a.min { color: #999; margin: 0 0 0 30px; }
#page table { border: 2px solid #e5e5e5; border-top: none; border-collapse: collapse; margin: 20px 0 0 0; padding: 0; width: 940px; }
#page th { background: #e5e5e5; border-top: 2px solid #e5e5e5; color: #333; line-height: 1.5em; padding: 5px 10px; vertical-align: top; white-space: nowrap; }
#page th.row { border-right: 2px solid #e5e5e5; }
#page td { border-top: 2px solid #e5e5e5; color: #666; line-height: 1.5em; padding: 10px; vertical-align: top; }
#page th.max, #page td.max { width: 400px; }
#page tr.offline td { background: transparent url(../graphics/page/tr-offline-td.png) repeat 0 0; }
#page td.bar { font-weight: bold; line-height: 30px; width: 500px; }
#page td.bar div { background: #9c0; float: left; height: 30px; margin: 0 10px 0 0; overflow: hidden; }
#page table input { margin: 0; width: 194px; }
#page table select { margin: 0; }
#page table textarea { height: 54px; margin: 0; width: 194px; }
#page table a.more { background-position: 100% 0; float: right; margin: 0; padding: 0 30px 0 0; }
#page table a.more:hover { background-position: 100% 100%; }

#page p.error { background: transparent url(../graphic/page/p-error.png) no-repeat 0 0; color: #c03; display: block; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; padding: 0 0 0 30px; }

#page fieldset { margin: 20px 0 0 0; width: 940px; }
#page table fieldset { width: auto; }
#page fieldset.go { float: right; margin: 20px 0 0 0; width: auto; }
#page fieldset label { float: left; font-weight: bold; line-height: 22px; margin: 0 10px 0 0; text-align: right; width: 230px; }
#page fieldset label.min { width: auto; }
#page fieldset label.check { font-size: 13px; font-weight: normal; width: 525px; }
#page fieldset p.error { float: left; margin: 0; }
#page fieldset img { border: 2px solid #e5e5e5; float: left; margin: 0 10px 0 0; padding: 2px; }

#page fieldset.min { float: left; margin: 0; width: 160px; }
#page fieldset.min label { width: auto; }

#page fieldset input { float: left; margin: 0 10px 0 0; width: 454px; }
#page fieldset input.check { margin: 5px 10px 0 0; width: 15px; }
#page fieldset select { float: left; margin: 0 10px 0 0; }
#page fieldset textarea { float: left; height: 74px; margin: 0 10px 0 0; width: 454px; }
#page fieldset textarea.max { float: left; height: 154px; margin-left: 0; }

#page fieldset .upload { background: transparent url(../graphic/page/but-file.png) no-repeat 0 0; cursor: pointer; float: left; height: 22px; margin: 0 10px 0 0; overflow: hidden; position: relative; width: 20px; }
#page fieldset .upload input.file { filter: alpha(opacity: 0); -moz-opacity: 0; opacity: 0; position: absolute; left: -10px; top: 0; width: 40px; }

#page input.but-mid, #page a.but-mid, #page input.but-mid2, #page a.but-mid2, #page input.but-min, #page a.but-min, #page input.but-min2, #page a.but-min2 { border: none; color: #fff; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; }
#page input.but-mid, #page a.but-mid, #page input.but-mid2, #page a.but-mid2 { background: transparent url(../graphic/page/but-mid.png) no-repeat 0 0; float: none; font-size: 17px; height: 30px; line-height: 30px; margin: 20px 0 0 370px; width: 160px; }
#page input.but-mid2, #page a.but-mid2 { background: transparent url(../graphic/page/but-mid2.png) no-repeat 0 0; }
#page input.but-min, #page a.but-min, #page input.but-min2, #page a.but-min2 { background: transparent url(../graphic/page/but-min.png) no-repeat 0 0; margin: 0 20px 0 0; width: 60px; }
#page input.but-min2, #page a.but-min2 { background: transparent url(../graphic/page/but-min2.png) no-repeat 0 0; }
#page input.but-mid:hover, #page a.but-mid:hover, #page input.but-mid2:hover, #page a.but-mid2:hover, #page input.but-min:hover, #page a.but-min:hover, #page input.but-min2:hover, #page a.but-min2:hover { background-position: 0 100%; }