@charset "UTF-8";

body { 
padding-top:125px;
text-align: center;
color: #ddd;
background-color: #000;
}

a:link { text-decoration:none; color:#9cf;}
a:visited { text-decoration:none; color:#9cf;}
a:hover { text-decoration:underline; color:#9cf;}
a:active { text-decoration:underline; color:#fff;}

div#breadcrumbs {    
position:absolute;
top:0px;
left:0px;
height: 50px;
width:100%;
text-align:left;
background-color: #034;
border-bottom: double 3px #067;
}

div#header {
position:absolute;
top:53px;
left:0px;
height: 72px;
width:100%;
color: #ddd;
background-color: #067;
}

div#address {
width: 100%;
font-size: 80%;
}
div#address a{
display: block;
color: #9dd;
text-decoration:none;
}
div#address a:hover,a:active{
background-color:#9dd;
text-decoration:none;
color: #000;
}

.navi100px a {
display:inline-block;
width:100px;
text-align: center;
font-size: 90%;
color: #9dd;
}
.navi100px a:hover,a:active {
background-color:#9dd;
text-decoration:none;
color: #000;
}

.navi150px a {
display:inline-block;
width:150px;
text-align: center;
font-size: 90%;
color: #9dd;
}
.navi150px a:hover,a:active {
background-color:#9dd;
text-decoration:none;
color: #000;
}

.navi200px a {
display:inline-block;
width:200px;
text-align: center;
font-size: 90%;
color: #9dd;
}
.navi200px a:hover,a:active {
background-color:#9dd;
text-decoration:none;
color: #000;
}

.navi225px a {
display:inline-block;
width:225px;
text-align: center;
font-size: 90%;
color: #9dd;
}
.navi225px a:hover,a:active {
background-color:#9dd;
text-decoration:none;
color: #000;
}


div#footer {
width: 100%;
color: #ddd;
font-size: 65%;
line-height: 1.5;
border-top: solid 1px #067;
}


ul.logo{ 
margin: 0px;
padding: 0px;
position:absolute;
top:0px;
right:0px;
width:450px; 
overflow:hidden; 
} 
ul.logo li{ 
float:left; 
height:50px; 
display:block; 
} 
ul.logo li a { 
display: block; 
overflow: hidden; 
height: 0px !important; 
background-image: url(panproject/img/0450x0100_logo_all.jpg); 
padding-top:50px; 
} 

.panmusic a { width:150px; background-position:0 0;} 
.guitarplanet a { width:150px; background-position:-150px  -50px;} 
.used a { width:150px; background-position:-300px  0px;} 

.panmusic a:hover { width:150px; background-position:0 -50px;} 
.used a:hover { width:150px; background-position:-300px  -50px;} 



div#news {
width:373px;
height:150px;
text-align:left;
overflow:auto;
padding:2px;
border-top: 1px #78411c solid;
border-right: 1px #78411c solid;
border-bottom: 2px #89522d solid;
border-left: 2px #89522d solid;
}

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

.line750px {
width: 750px;
height:0px;
border: 1px #deb887 solid;
}

.bgWhite {
background-color: #fff;
color: #300;}
.bgWhite a:link { text-decoration:none; color:#369;}
.bgWhite a:visited { text-decoration:none; color:#369;}
.bgWhite a:hover { text-decoration:underline; color:#369;}
.bgWhite a:active { text-decoration:underline; color:#69c;}

.bgYellow {
background-color: #ffb;
}




div#digi {
clear:both;
padding:0 0.5em;
}

div#digi p {
text-align:left;
}

div#digi dl {
width:225px;
text-align:left;
float:left;
margin-left:1em;
background-color:#003;
border:0.5em solid #002;
}

div#digi dl dt {
font-weight:bold;
margin-top:0.5em;
}

div#digi dl a {
width:100%;
display:inline-block;
}

div#digi dl a:hover {
background-color:#234;
}