html, body {  background-color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin:0  }

img { border: 0 }

.rel { position: relative }
.clear { clear: both }
.container { width: 960px; margin-left: auto; margin-right: auto }
.white_wrap { background-color: #FFFFFF}

#top { padding: 5px 0 7px 0; background-color: #555555 }
#top .menu { text-align: right }
#top .menu ul { list-style: none; margin: 0; padding: 0 }
#top .menu ul li { display: inline; margin: 0; padding: 0 }
#top .menu ul li a { color: #FFFFFF; text-decoration: none; font-size: 12px; padding: 0 9px }
#top .menu ul li a:hover { color: #39C9FF; text-decoration: underline }

#logo_menu { height: 120px }
#logo_menu .logo { position: absolute; top: 0; left: 0 }
#logo_menu .main_menu { margin: 0; padding: 0; list-style: none; display: block; position: absolute; left: 572px; top: 0; width: 382px; height: 80px; background: url('../img/b_menu_main.jpg') no-repeat }
#logo_menu .main_menu .item1 { position: absolute; left: 17px; top: 44px }
#logo_menu .main_menu .item2 { position: absolute; left: 90px; top: 53px }
#logo_menu .main_menu .item3 { position: absolute; left: 185px; top: 44px }
#logo_menu .main_menu .item4 { position: absolute; left: 307px; top: 39px }
#logo_menu .main_menu ul { margin: 0; padding: 0 }
#logo_menu .main_menu li { font-weight: bold; margin: 0; padding: 0 }
#logo_menu .main_menu li a { color: #FFFFFF; text-decoration: none; font-size: 14px }
#logo_menu .main_menu li a:hover { color: #555555 }

#contents .main_banner { height: 330px; overflow: hidden; position: relative; margin: 0 0 15px 0 }
#contents .main_banner #box { position: absolute }
#contents .main_banner .item { width: 960px; height: 300px; float: left }
#contents .main_banner .item img { float: left }
#contents .main_banner .item .contents { padding: 0 30px; width: 230px; display: block; float: left }
#contents .main_banner #navi { position: absolute; top: 320px; left: 0; width: 680px; text-align: center }
#contents .main_banner #navi span { cursor: pointer; display: inline-block; padding: 5px; background-image: url('../img/ico_navi.jpg'); background-repeat: no-repeat }
#contents .main_banner #navi span.active { background-image: url('../img/ico_navi_on.jpg'); background-repeat: no-repeat }

#contents .map { width: 270px; float: left }
#contents .salesnet { width: 660px; float: right; padding-left: 20px; margin-top: 20px }
#contents .salesnet .title { font-size: 16px; font-weight: bold; color: #111111; text-align: center }
#contents .salesnet .item { width: 330px; float: left; text-align: center; padding: 20px 0 10px 0; font-size: 12px; color: #535353 }
#contents .salesnet .shadow_short { background-image: url('../img/shadow_vertical_short.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents .salesnet  a { text-decoration: none; color: #39C9FF }
#contents .salesnet  a:hover { text-decoration: underline }
#contents .salesnet .item .name { padding: 10px 0; font-size: 16px; font-weight: bold; color: #EC008C }
#contents .salesnet .item_last { padding: 20px; width: 620px; text-align: center; font-size: 13px; color: #555555; line-height: 140%;  }

#contents .picture_menu { padding: 50px 0 30px 0; background-image: url('../img/b_menu_picture.jpg'); background-repeat: no-repeat }
#contents .picture_menu .item { float: left; width: 300px; padding: 0 0 0 20px }
#contents .picture_menu .item a { text-decoration: none }
#contents .picture_menu .item img { float: left; margin-right: 10px }
#contents .picture_menu .item .title { font-size: 18px; font-weight: bold; color: #A43C42; display: block }
#contents .picture_menu .item .info { font-size: 12px; color: #555555; margin: 15px 0; line-height: 130%; display: block }
#contents .picture_menu .item .more { font-size: 12px; color: #39C9FF; font-weight: bold; display: block }

#contents .contents { font-size: 12px; color: #535353 }
#contents .contents p { font-size: 12px; color: #535353; line-height: 130%; margin: 15px 0 }
#contents .contents h1 { font-size: 20px; font-weight: normal; color: #000000; margin: 15px 0 }
#contents .contents h2 { font-size: 12px; font-weight: bold; color: #39C9FF; margin: 15px 0 }
#contents .contents h3 { font-size: 12px; font-weight: bold; color: #EC008C; margin: 15px 0 }
#contents .contents li { font-size: 12px; color: #555555; line-height: 130%; margin: 7px 0 }
#contents .contents ul, ol { margin: 0 0 0 20px }
#contents .contents a { text-decoration: none; color: #39C9FF }
#contents .contents a:hover { text-decoration: underline }
#contents .contents .large_tbl { width: 960px; margin:0; padding:0}
#contents .contents .large_tbl td { vertical-align: top; padding: 0 20px }
#contents .contents .large_tbl .shadow_short { background-image: url('../img/shadow_vertical_short.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents .contents .large_tbl .shadow_med { background-image: url('../img/shadow_vertical_med.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents .contents .large_tbl .shadow_long { background-image: url('../img/shadow_vertical_long.jpg'); background-repeat: no-repeat; background-position: 100% 50% }

#contents .contents .news { font-size: 17px; margin-bottom: 0 }
#contents .contents .date { font-size: 11px; margin: 0 0 10px 0; font-style: italic; }
#contents .contents .press { width: 460px; float: left; }
#contents .contents .www { width: 460px; float: right }
#contents .contents .sep1 { border-bottom: 1px solid #DDDDDD}

#contents .contents .item_list { position: relative; float: left; width: 430px; height: 220px}
#contents .contents .item_list .image { position: absolute; top:0; left: 0; width: 200px; height: 200px }
#contents .contents .item_list .name { position: absolute; top:0; left: 220px; font-size: 18px; font-weight: bold }
#contents .contents .item_list .subname { position: absolute; top: 20px; left: 220px; font-size: 11px }
#contents .contents .item_list .brief { position: absolute; top: 50px; left: 220px; font-size: 12px }
#contents .contents .item_list .quant { position: absolute; top: 90px; left: 220px; font-size: 12px; font-weight: bold }
#contents .contents .item_list .price { position: absolute; top: 105px; left: 220px; font-size: 12px; font-weight: bold }
#contents .contents .item_list .price span { color: #EC008C }
#contents .contents .item_list .details { position: absolute; top: 145px; left: 220px; font-size: 12px; font-weight: bold }
#contents .contents .item_list .cart { margin: 0; padding: 0; position: absolute; top: 175px; left: 220px; font-size: 12px; font-weight: bold }

#contents .contents .sep { float: left; width: 100px; height: 220px; background-image: url('../img/shadow_vertical_short.jpg'); background-repeat: no-repeat; background-position: 50% 10% }

#contents .product { position: relative; height: 460px }
#contents .product .images { position: absolute; top:0; left: 0; width: 400px; height: 400px }
#contents .product .mask { position: relative; width: 400px; height: 400px; overflow: hidden }
#contents .product #box { position: absolute }
#contents .product #box img { float: left }
#contents .product .miniatures { position: absolute; top:400px; left: 0 }
#contents .product .miniatures img { margin-right: 8px; cursor: pointer }
#contents .product .miniatures img.active { border-top: 2px solid #EC008C }

#contents .product .name { position: absolute; top:0; left: 420px; font-size: 32px; letter-spacing: 2px }
#contents .product .subname { position: absolute; top: 35px; left: 460px; font-size: 26px; letter-spacing: 2px; color: #EC008C }
#contents .product .desc { position: absolute; top: 120px; left: 420px; font-size: 12px }
#contents .product .desc .v_name { margin-top: 20px; font-weight: bold }
#contents .product .desc .v_name span { color: #000000 }
#contents .product .desc .price { font-weight: bold }
#contents .product .desc span { color: #EC008C  }
#contents .product .desc #cart { margin: 20px 0; padding: 0 }
#contents .product .desc #v_ids { display: none }
#contents .product .desc #v_avails { display: none }

#contents #cart form { margin: 0; padding: 0}

#contents #cart .titles { height: 30px; font-size: 14px; font-weight: bold; padding-top: 20px }
#contents #cart .titles .name { width: 260px; float: left; padding-left: 100px; padding-right: 20px; text-align: center }
#contents #cart .titles .qty { width: 120px; text-align: center; float: left }
#contents #cart .titles .price { width: 140px; float: left; text-align: center }
#contents #cart .titles .price_total { width: 140px; text-align: center; float: left }
#contents #cart .titles .del { width: 140px; float: left; text-align: center }

#contents #cart .item { height: 100px; padding: 20px 0;  width: 960px; text-align: center; background-image: url('../img/cart_horizontal_shadow.jpg'); background-repeat: no-repeat; background-position: 0 100%  }
#contents #cart .item .img { width: 80px; float: left }
#contents #cart .item .name { width: 260px; float: left; padding: 20px; font-size: 15px; background-image: url('../img/cart_vertical_shadow.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents #cart .item .name a { color: #000000 }
#contents #cart .item .qty { width: 80px; float: left; padding: 17px 20px; color: #EC008C; font-weight: bold; background-image: url('../img/cart_vertical_shadow.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents #cart .item .qty form { display: inline }
#contents #cart .item .price { width: 100px; float: left; padding: 20px; font-weight: bold; background-image: url('../img/cart_vertical_shadow.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents #cart .item .price_total { width: 100px; float: left; padding: 20px; color: #EC008C; font-weight: bold; background-image: url('../img/cart_vertical_shadow.jpg'); background-repeat: no-repeat; background-position: 100% 50% }
#contents #cart .item .del { width: 100px; float: left; padding: 17px 20px }

#contents #cart .sumup { width: 960px }
#contents #cart .sumup .sum { font-weight: bold; float: left; text-align: center; padding: 20px; padding-left: 520px; width: 100px }
#contents #cart .sumup .price_total { font-weight: bold; float: left; width: 100px; padding: 20px; text-align: center; color: #EC008C }
#contents #cart .sumup .buy_all { float: left; width: 100px; padding: 17px 20px }
#contents #cart .sumup .ship_info { padding: 10px 0 0 520px}


#contents #invoice { width: 960px; padding: 20px 0 }
#contents #invoice .warning { font-weight: bold; color: #EC008C }
#contents #invoice #navmenu { text-align: center; padding-top: 20px }
#contents #invoice form { margin: 0; padding: 0 }
#contents #invoice #billing { width: 470px; padding-right: 10px; float: left }
#contents #invoice #shipping { width: 470px; padding-left: 10px; float: left }
#contents #invoice fieldset { border: 1px solid #AAAAAA; padding: 0 20px }
#contents #invoice legend { font-size: 14px; font-weight: bold; color: #EC008C; padding: 0 5px }
#contents #invoice fieldset div { clear: both; margin-top: 3px; padding: 2px; position: relative; font-size: 12px }
#contents #invoice label {  margin: 2px .5em; display: block; width: 10em; text-align: right; float: left; font-weight: bold; }
#contents #invoice label:after { content: ":" }
#contents #invoice fieldset input, fieldset select, fieldset textarea {	margin: 0; 	width: 60% }
#contents #invoice fieldset .checkbox {	width: auto; }
#contents #invoice fieldset input.validation-error { border: 1px solid #FF0000 }
#contents #invoice th, td { padding: 3px 20px }

#bottom { background-color: #555555; background-image: url('../img/b_bottom.jpg'); background-repeat: no-repeat; background-position: 50% 0 }
#bottom .menu1 { padding: 35px 0 5px 0; text-align: center }
#bottom .menu1 ul { list-style: none; margin: 0; padding: 0 }
#bottom .menu1 ul li { display: inline }
#bottom .menu1 ul li a { color: #FFFFFF; text-decoration: none; font-size: 16px; padding: 0 10px }
#bottom .menu1 ul li a:hover { color: #39C9FF; text-decoration: underline }

#bottom .menu2 { padding: 5px 0 35px 0; text-align: center }
#bottom .menu2 ul { list-style: none; margin: 0; padding: 0 }
#bottom .menu2 ul li { display: inline }
#bottom .menu2 ul li a { color: #FFFFFF; text-decoration: none; font-size: 12px; padding: 0 9px }
#bottom .menu2 ul li a:hover { color: #39C9FF; text-decoration: underline }

#bottom .copyrights { text-align: center; font-size: 11px; color: #888888 }
#bottom .copyrights strong { color: #AAAAAA }

#bottom .authors { padding: 10px 0 15px 0; text-align: center; font-size: 11px; color: #888888 }
#bottom .authors a { font-weight: bold; color: #AAAAAA; text-decoration: none }