ol,ul, li, div, h1, form {margin: 0; padding: 0;}
img {border: none}
hr {border: 1px dotted #7FB6F6;}
h2 {color: #0087D4; font-size: 12pt; font-weight: bold; margin: 5px 0 5px 0;}
a {color: #666;}

body {background-color : #C5D3E7; margin: 0; padding: 0; font: 15px/20px 'arial'; color: #666;}

#wrapper {width: 1000px; margin: 0 auto; background-color: #fff; overflow: hidden; border: 1px #ccc none;}
#wrapperblack {width: 1000px; margin: 0 auto; background-color: #000; overflow: hidden; border: 1px #ccc none;}

#head {width: 1000px; height: 420px; float: left; background: url('images/header-white.jpg') no-repeat;}
#headblack {width: 1000px; height: 420px; float: left; background: url('images/header-black.jpg') no-repeat;}

#menu {float: left; position: absolute; width: 170px; top: 160px;}
#menu ul {margin-left: 20px;}
#menu ul li {width: 170px; float: left; list-style-type: none; border-bottom: 1px dotted #fff;}
#menu ul li a {height: 25px; padding-left: 5px; font: normal 13px/25px 'trebuchet ms'; font-weight: bold; color: #fff; display: block; text-decoration: none; cursor: pointer;}
#menu ul li a:hover {border-left: 2px solid #fff;}
/* #menu ul li a:active {background-color: #ccc;} */
#menu ul li a.current {background-color: #7FB6F6;}

#menuh {float: left; position: absolute; width: 155px; top: 238px;}
#menuh ul {margin-left: 220px;}
#menuh ul li {width: 155px; float: left; list-style-type: none; border-bottom: 1px dotted #fff;}
#menuh ul li a {height: 25px; padding-left: 5px; font: normal 13px/25px 'trebuchet ms'; font-weight: bold; color: #fff; display: block; text-decoration: none; cursor: pointer;}
#menuh ul li a:hover {border-left: 2px solid #fff;}
/* #menuh ul li a:active {background-color: #ccc;} */
#menuh ul li a.current {background-color: #7FB6F6;}

#leftside {float: left; margin: 0; width: 180px; padding: 0px 20px 20px 20px; border-right: 1px none #7FB6F6; background-color: #fff;}
#leftside h1 {color: #2F496D; font-size: 12pt; font-weight: bold; padding: 0;}
#leftside p {font-size: 12px; color: #666; margin: 0; padding: 0;}

#maincont {float: left; margin-left: -1px; width: 550px; padding: 0px 20px 20px 20px; color: #666; border-left: 1px dotted #7FB6F6; border-right: 1px dotted #7FB6F6; background-color: #fff;}
#maincont h1 {color: #2F496D; font-size: 12pt; font-weight: bold; padding: 0;}
#maincont p {margin: 0; padding: 0;}

/*
#rightside {float: left; margin-left: 0px; width: 140px; padding: 0px 20px 20px 20px; color: #666; border-left: 1px none #7FB6F6; background-color: #fff;}
#rightside h1 {color: #2F496D; font-size: 12pt; font-weight: bold;}
#rightside p {font-size: 11px;}
*/

#leftside2 {float: left; margin: 0; width: 300px; padding: 0px 20px 20px 20px; background-color: #fff;}
#leftside2 h1 {color: #2F496D; font-size: 12pt; font-weight: bold; padding: 0;}
#leftside2 p {font-size: 11px; color: #666; margin: 0; padding: 0;}

#leftside2black {float: left; color: #ddd; margin: 0; width: 300px; padding: 0px 20px 20px 20px; background-color: #000;}
#leftside2black h1 {color: #97CAFF; font-size: 12pt; font-weight: bold; padding: 0;}
#leftside2black p {font-size: 11px; color: #ddd; margin: 0; padding: 0;}

#maincont2 {float: left; margin-left: -2px; width: 620px; padding: 0px 20px 20px 20px; color: #666; border-left: 1px dotted #7FB6F6; background-color: #fff;}
#maincont2 h1 {color: #2F496D; font-size: 12pt; font-weight: bold; padding: 0;}
#maincont2 p {margin: 0; padding: 0;}

#maincont2black {float: left; margin-left: -2px; width: 620px; padding: 0px 20px 20px 20px; color: #ddd; border-left: 1px dotted #7FB6F6;}
#maincont2black h1 {color: #97CAFF; font-size: 12pt; font-weight: bold; padding: 0;}
#maincont2black p {margin: 0; padding: 0;}

#footer {float: left; font-size: 11px; width: 980px; height: 65px; background: #4B78B7; color: #fff; padding-left: 10px; padding-right: 10px; padding-top: 0px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

.price {height: 24px; background: url('images/price.gif') no-repeat right; padding-right: 10px; line-height: 24px; color: #fff; text-align: right; font-weight: bold;}
.small {font-size: 8pt;}

.pricetable {width: 100%; table-layout: fixed; border: 1px solid #ddd; border-collapse: collapse; font-size: 9pt;}
.pricetable td {text-align: right; padding-right: 5px;}

.shop {width: 100%; border-color: #ddd; border-collapse: collapse; font-size: 9pt;}
.shop th {background-color: #49A4FF; color: #fff;}
.shop th.mag {background-color: #fff; color: #666; border-right: 1px solid #ccc;}
.shop td {padding-left: 5px; padding-right: 5px;}
.shop td.kago {text-align: right; width: 100px;}
.num {border: 1px dotted #ccc; border-top: 1px solid #333; background-color: #DBDBD1; text-align: right;}
legend {font-weight: bold; color: #49A4FF;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail {position: relative; z-index: 0; color: #666;}
.thumbnail:hover {background-color: #ff0000; z-index: 0;}
.thumbnail span {position: absolute; z-index: 5; width: auto; background-color: #fff; left: -1000px; border: 1px solid #666; visibility: hidden; font-size: 9pt; color: #333; text-decoration: none;}
.thumbnail span img {z-index: 10; margin: 10px 10px 10px 10px;}
.thumbnail span p {width: 400px; margin: 10px 10px 10px 10px;}
.thumbnail:hover span {visibility: visible; /* top: -150px; left: 10px; */}