@charset "UTF-8";

html {
font-size: 100%;
overflow: -moz-scrollbars-vertical;
}

body {
background: #00ADC6 none center top repeat-x scroll;
color: #fff;
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: "Meiryo", "Helvetica", "Verdana", Arial, sans-serif;
}

div.layout {
margin: 0 auto;
padding: 10px;
width: 750px;
background-color: #fff;
color: #333;
font-size: 1.2em;
*zoom: 1;
}

div.layout:after {
display: block;
content: ".";
visibility: hidden;
height: 0;
overflow: hidden;
clear: both;
}

hr.layout {
display: none;
}

#header {
width: 770px;
padding: 25px 0 0 0;
background: #00ADC6;
color: #fff;
}

#siteid {
margin: 0;
width: 250px;
height: 50px;
float: left;
background: url(logo.jpg) center center no-repeat scroll;
}

#siteid a:link,
#siteid a:visited {
display: block;
width: 250px;
height: 50px;
text-indent: 250px;
overflow: hidden;
white-space: nowrap;
}

#siteid a:active,
#siteid a:focus {
outline: none;
}

#description {
margin: 0;
width: 280px;
height: 55px;
background: url(subtitle.jpg) left center no-repeat scroll;
text-indent: 280px;
overflow: hidden;
white-space: nowrap;
float: right;
}

#eyecatch {
background: #fff url(eyecatch.jpg) center top no-repeat scroll;
text-align: center;
overflow: hidden;
height: 250px;
border-bottom: 1px solid #00ADC6;
}

#content {
width: 750px;
background: #fff url(main_top.jpg) center top no-repeat scroll;
}

#h2-ad {
margin: 0 0 10px 0;
width: 500px;
float: right;
}

#h3-track {
display: none;
}

#sub {
margin: 0;
padding: 0;
width: 240px;
float: left;
}

ul.menu {
margin: 0 0 10px 0;
padding: 0;
width: 240px;
}

.menu li {
margin: 0 0 1px 0;
width: 240px;
list-style: none;
}

#menudesc {
margin-top: 10px;
height: 50px;
line-height: 50px;
white-space: nowrap;
text-align: center;
overflow: hidden;
font-size: 12px;
background: #00ADC6 url(menudesc.jpg) left top no-repeat scroll;
color: #fff;
}

.menu li a.trackname {
display: block;
margin: 0;
width: 240px;
text-indent: 240px;
line-height: 50px;
overflow: hidden;
white-space: nowrap;
color: #00ADC6;
background: #DAF3F7 url(menu.jpg) center center no-repeat scroll;
}

.menu li a.trackname:active,
.menu li a.trackname:focus {
outline: none;
}

#spacetour a.trackname {
background-position: 0 0;
}

#spacetour a.trackname:hover {
background-position: -240px 0;
}

#beer a.trackname {
background-position: 0 -50px;
}

#beer a.trackname:hover {
background-position: -240px -50px;
}

#hajimari a.trackname {
background-position: 0 -100px;
}

#hajimari a.trackname:hover {
background-position: -240px -100px;
}

#hajimaremix a.trackname {
background-position: 0 -150px;
}

#hajimaremix a.trackname:hover {
background-position: -240px -150px;
}

.menu li dl {
margin: 0 3px 1px 3px;
padding: 5px 7px;
background: #f0f9f9 none right center no-repeat scroll;
border-bottom: 5px solid #DAF3F7;
}

#spacetour-info {
background-image: url(spacetour-info.gif);
background-position: right 50px;
}

#beer-info {
background-image: url(beer-info.jpg);
background-position: right 215px;
}

#hajimari-info {
background-image: url(hajimari-info.jpg);
background-position: right 10px;
}

#hajimaremix-info {
background-image: url(hajimaremix-info.jpg);
background-position: right 20px;
}

.menu li dt {
margin: 5px 0 0 0;
padding-top: 5px;
border-top: 1px dashed #00ADC6;
color: #00ADC6;
font-size: 10px;
}

.menu li dt.sample {
border-top: none;
}

.menu li dd {
margin: 0 0 5px 0;
color: #111;
}

.menu li dd img {
border: none;
}

div.info {
font-size: 10px;
}

.info p {
margin: 5px;
}

p.banner {
text-align: center;
}

/*
Main
------------------------------------------------------------*/
div.column {
margin: 0 0 10px 0;
clear: right;
background: #EBEBEB url(column_bottom.jpg) center bottom no-repeat scroll;
padding: 0 0 10px 0;
float: right;
width: 500px;
}

.column h2 {
margin: 0;
padding: 15px 10px 5px 10px;
background: #EBEBEB url(column_top.jpg) center top no-repeat scroll;
font-size: 12px;
font-weight: normal;
border-bottom: solid 5px #32BDD0;
letter-spacing: 0.5em;
}

ul.store {
margin: 10px 10px 0 10px;
padding: 0;
background-color: #fff;
color: #999;
list-style: none;
*zoom: 1;
}

ul.store:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow: hidden;
clear: both;
}

.store li {
margin: 0;
font-size: 12px;
width: 160px;
height: 80px;
float: left;
*display: inline;
*zoom: 1;
line-height: 80px;
white-space: nowrap;
text-align: center;
overflow: hidden;
}

.store li a:link,
.store li a:visited {
color: #333;
display: block;
width: 160px;
height: 80px;
line-height: 80px;
}

.store li a:hover {
text-decoration: none;
color: #fff;
background-color: #333;
}

.store li a span.nobanner {}

.store li img {
border: none;
vertical-align: middle;
}

#store-itunes img {
margin: 10px 0;
}
#store-mora img {}
#store-morawin img {}


#store-yahoo-mora img,
#store-yahoo-itunes img {
margin: 10px 0 0 0;
*display: block;
}

#store-yahoo-itunes a,
#store-yahoo-mora a {
text-decoration: none;
}

span.label {
display: block;
*zoom: 1;
margin: 0 auto;
width: 150px;
background-color: #666;
color: #fff;
line-height: 15px;
height: 15px;
font-size: 10px;
overflow: hidden;
}

#store-yahoo-mora span.label {
background-color: #FFBF0C;
color: #333;
}


#store-hmv img {}
#store-ongen img {
margin-top: 21px;
}
#store-listen img {
margin: 15px 0;
}
#store-musico img {
margin-top: 15px;
}
#store-olio img {}
#store-mysound img {
margin: 15px 0;
}
#store-napster img {
margin: 15px 0;
}

ul.live {
margin: 10px 10px 0 10px;
padding: 0;
list-style: none;
}

.live li {
margin: 0 0 1px 0;
padding: 10px 0 10px 10px;
width: 470px;
height: 70px;
background-color: #fff;
color: #333;
position: relative;
*zoom: 1;
clear: both;
overflow: hidden;
}

.live h3 {
margin: 0;
padding: 10px 0 0 0;
*padding-top: 0;
font-size: 16px;
color: #00ADC6;
width: 350px;
background-color: #fff;
vertical-align: middle;
float: left;
line-height: 1.4;
}

.live h3 span.date {
display: block;
margin: 0;
font-size: 30px;
color: #CCEEF1;
font-weight: normal;
letter-spacing: -0.1em;
line-height: 1em;
*line-height: 1.3em;
}

.live p {
margin: 0;
padding: 0;
float: left;
height: 70px;
width: 109px;
line-height: 70px;
text-align: center;
border-left: 1px solid #ebebeb;
}

.live p a:link,
.live p a:visited {
color: #f39;
margin: 0 0 0 10px;
display: block;
height: 70px;
text-decoration: none;
position: relative;
font-size: 10px;
}

.live p a:hover {
background-color: #f6f6f6;
color: #f39;
text-decoration: none;
}

.chakuuta {
background-color: #fff;
margin: 10px 10px 0 10px;
padding: 10px;
}

.chakuuta table {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ebebeb;
color: #333;
}

.chakuuta table td {
padding: 5px 10px;
border: 1px solid #ebebeb;
border-style: solid dashed;
}

.chakuuta table tr.even td {
background-color: #f6f6f6;
}

.chakuuta table th {
padding: 15px 10px 10px 10px;
color: #00ADC6;
border: 1px solid #ebebeb;
border-style: solid dashed;
border-bottom-width: 5px;
}

.chakuuta a:link,
.chakuuta a:visited {
color: #f39;
}

.chakuuta dl.footnote {
margin: 10px 0 0 0;
padding: 10px;
border: 1px solid #CCEEF1;
background-color: #DAF3F7;
color: 
}

.chakuuta dl.footnote dt {
font-weight: bold;
}

.chakuuta dl.footnote dd {
margin: 5px 0 5px 10px;
}

#footer {
clear: both;
background: #fff url(main_bottom.jpg) center bottom no-repeat scroll;
border-bottom: 25px solid #00ADC6;
}

p.copy {
margin: 0 auto 20px auto;
width: 600px;
height: 25px;
background: #fff url(copyright.jpg) left center no-repeat scroll;
text-indent: 600px;
white-space: nowrap;
overflow: hidden;
}

p.nav {
margin: 0 0 20px 0;
text-align: center;
color: #ccc;
}

p.nav a:link,
p.nav a:visited {
color: #aaa;
}

p.nav a:hover {
color: #333;
}

img.banner {
border: none;
}