/* menu.css...20150203 */
BODY{
 margin: 0 auto;
 padding: 0;
 color: darkslateblue;
 background: powderblue no-repeat right bottom fixed url("../sgraphix/pdbg-trans.png");
 text-align: left;
 font-family: "MS UI Gothic","Osaka";
 font-size: 12px;
 zoom:1;
}

IMG{
 border: 0px;
 vertical-align: bottom;
}
IMG.right{ float: right; }
IMG.left{ float: left; }
IMG.border{
 border-width: 1px;
 border-color: #606878
 border-style: solid;
}

IMG.rad{
 border-radius: 10px;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
}

DIV{
 text-align: left;
 vertical-align: bottom;
}

DIV.mainbody{
 position:relative;
 left:50%;
 margin-left:-350px;
 width:700px;
}

DIV.mainbox{
 background: url("../sgraphix/pdbg_box.png");
 padding: 4px;
 margin: 0px;
 border-color: darkslateblue;
 border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-collapse: collapse;
}

DIV.counter{
 font-weight: bold;
 text-align: right;
}

DIV.titlebox{
 padding: 4px;
 background: url("../sgraphix/pdbg_box.png");
 border-color: darkslateblue;
 border-width: 1px;
 border-style: solid;
 border-collapse: collapse;
}

DIV.sidemenu{
 text-align: right;
 margin-top:-24px;
}

DIV.whatsnew{
 width: 376px;
 float: left;
}

DIV.spacememo{
 width: 320px;
 float: right;
}

DIV.menubox{
 padding: 0px;
 margin: 0px;
 width: 320px;
 float: right;
 text-align: right;
}

DIV.captionbox{
 width: 376px;
 height: 246px;
 float: left;
}

DIV.capinfo{
 height: 160px;
}

DIV.shopinfo{
 height: 86px;
}

IMG.sidemenu{
 z-index: 1;
 width: 64px;
 height: 64px;
}

IMG.menubox{
 width: 64px;
 height: 64px;
}

IMG.smallbox{
 width: 12px;
 height: 12px;
 padding: 0px;
 margin: 0px;
}

DIV.spacer{
 height: 7px;
 padding: 0px;
 margin: 0px;
 font-size: 6px;
}

DIV.shoplist{
 width: 76px;
 float: left;
}

SPAN.titlecaption{
 vertical-align: top;
 color: white;
}

SPAN.white{ color: #ffffff; }
SPAN.normal{ color: #506878; }
SPAN.caption{ color: #8080a0; font-size:10px; }
SPAN.crimson{ color: crimson; }
SPAN.info{
 font-weight: bold;
 font-size: 12px;
 color: mediumslateblue;
}

BR.clear{ clear: both;}
A:link   { text-decoration:none; color: royalblue; }
A:visited{ text-decoration:none; color: cadetblue; }
A:active { text-decoration:underline; color: #ff4040; }
A:hover  { text-decoration:underline; color: #ff4040; }
A.H3.menu:hover  { text-decoration:underline; color:green }