@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family: Verdana, Geneva, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding: 0;
   background:#FAFAFA;
   letter-spacing:1px;
   line-height:1.6;
}

h1,h2,h3,h4,h5,hr {
   margin:0;
   display:block;
   clear:both;
}

p {
   margin:0 0 1em 0;
   padding:0;
   font-size:88%;
}

br {
   letter-spacing:normal;
}

hr {
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #ddd;
   height:1px;
}

em {
   color:#990000;
   font-style:normal;
}

img {
   border:0;
}

a {
   color:#333333;
   text-decoration:none;
}

a:hover {
   color:#333333;
   text-decoration:none;
}

div#main a, div#side a {
   color:#005088;
   text-decoration:none;
}

div#main a:hover, div#side a:hover {
   color:#005088;
   text-decoration:underline;
}

dt {
   font-weight:bold
}

dd {
   margin:0;
   padding: 0;
}

h1 {
   font-size:119%;
   margin:0;
   padding:10px 0;
   line-height:1.0;
}

h2 {
   font-size:100%;
}

h2.item {
   background:#EBE9EB;
   padding:0 0 0 1em;
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;
}

h3 {
   font-size:94%;
}

div.navi{
   text-align:center;
   margin:15px 0;
   padding:0;
}

#search .searchbtn {
   height:23px;
   font-size:100%;
   color:#333;
   border:2px outset blue;
   background:#cc9900;
   text-align:center;
}

div#cat_box ul{
    margin:20px 10px 0;
    padding:0;
}

div#cat_box li {
    font-size:75%;
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
    list-style:none;
    }

/* ========TEMPLATE WIREFRAME======== */
div#top {
   width:920px;
   margin:0 auto;
   padding: 0 10px;
   background:#fff;
}

div#header {
   width:920px;
   position:relative;
   background:#0033CC;
}

div#logo a {
   color:#fff;
}

div#logo a:hover {
   color:#ddd;
   border-bottom:none;
}

div#menu {
   float:left;
   width:920px;
   margin:0 0 20px 0;
   background:#111;
}

div#contents {
   width:920px;
   clear:both;
   float:left;
}

div#main {
   float:left;
   width:620px;
}

div#side {
   float:right;
   width:280px;
   padding:5px;
   background:#EBE9EB;
}

div#totop {
   clear:both;
}

div#footer {
   width:920px;
   clear:both;
   padding:10px 0;
}

#search {
   float:right;
   margin:0;
   padding:0 5px 0 0;
}

div#main dl {
   margin:0;
   padding:0;
}

div#logo{
   padding:20px 10px 0 20px;
   font-weight:bold;
   font-size:175%;
   color:#fff;
   float:left;
}

div#banner{
   text-align:right;
   padding:15px 10px;
}

div#menu ul {
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   font-size:75%;
}
div#menu li {
   float:left;
   margin:0;
   padding:0;
}
div#menu li a {
   text-transform: uppercase;
   display:block;
   padding:8px 20px;
   color:#fff;
}

div#menu li a:hover {
   color:#cc9900;
   background:#393500;
   border:none;
}

div#side dl {
   margin:0;
   padding:15px;
}
div#side dd, div#side dd a{
   display: block;
}

div#side dd.sub{
   text-indent:1em;
}

div#totop {
   padding:10px 0;
   text-align:right;
   font-size:82%;
}

div#totop a{
   padding:0 0 0 12px;
   background:url(img/arrow.gif) 0 50% no-repeat;
}

div#footer_menu{
   border-bottom:1px dotted #333333;
   padding:0 0 10px;
}

div#footer_info{
   text-align:center;
   padding:15px 0;
}

div#footer_link{
   text-align:center;
   padding:10px 0;
   font-size:70%;
}

div#footer{
   text-align:center;
   padding:5px 0;
   font-size:88%;
   font-weight:bold
}

div#sort{
   text-align:right;
}

div#buy {
   display: block;
   clear: both;
   margin: 0;
   padding: 10px 0;
}

div#buy a:link, div#buy a:visited {
    padding: 3px 8px;
    margin: 0;
    font-size:88%;
    font-weight:bold;
    color: #333;
    background: #cc9900;
    border: 1px outset silver;
}

div#buy a:hover, div#buy a:active {
    color: #cc9900;
    background: #393500;
    border: 1px inset silver;
    text-decoration: none;
}