@charset "utf-8";

/*************************
  common layout CSS
*************************/

.wrap{
	text-align:left;
	position:relative;
	min-height: 1em;
  display: inline-table;
}

.wrap:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wrap {
    height: 1em;
}
.wrap {
    display: block;
}

/**/
.left{
	float:left;
}
.right{
	float:right;
}

/**************
 Page Layout
***************/
.popup{
	margin:0 auto;
	padding:0;
	width:480px;
	height:auto;
	position:relative;
}
#header{
}

#header h1{
}

.popup h2{
	margin:30px auto;
	position:relative;
	text-align:left;
}
.popup h3{
	position:relative;
	text-align:left;
	vertical-align:middle;
}

/***********************
 main_box = Blue box 
************************/

#main_box{
	border:solid 5px #043459;
	top:-5px;
	width:470px;
}

#copyright{
	width:208px;
	margin:10px auto 20px auto;
}

#read {
	margin:0 auto;
}

/***********************
 liner_notes = Red ox 
************************/
.liner_notes {
	margin:40px auto 0 auto;
	padding:0;
	width:360px;
	height:auto;
	border:solid 5px #C70026;
}

.liner_notes_title {
	width:360px;
	height:50px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#title_01 {	background:url(../img/track_title_01.gif) no-repeat; }
#title_02 {	background:url(../img/track_title_02.gif) no-repeat; }
#title_03 {	background:url(../img/track_title_03.gif) no-repeat; }
#title_04 {	background:url(../img/track_title_04.gif) no-repeat; }
#title_05 {	background:url(../img/track_title_05.gif) no-repeat; }
#title_06 {	background:url(../img/track_title_06.gif) no-repeat; }
#title_07 {	background:url(../img/track_title_07.gif) no-repeat; }
#title_08 {	background:url(../img/track_title_08.gif) no-repeat; }
#title_09 {	background:url(../img/track_title_09.gif) no-repeat; }
#title_10 {	background:url(../img/track_title_10.gif) no-repeat; }
#title_11 {	background:url(../img/track_title_11.gif) no-repeat; }
#title_12 {	background:url(../img/track_title_12.gif) no-repeat; }

.liner_notes_txt {
	margin:0 auto;
	padding:20px;
	width:320px;
}

.liner_notes_track{
	width:50px;
	height:15px;
	display:block;
	text-indent:-9999px;
	margin: 5px 5px;
}

.writer {
	float:right;
	text-align:right;
	margin:0 15px 10px 0;
}

/* not link */
#track_01 {	background:url(../img/track_01.gif) no-repeat;background-position: -10px 0px; }
#track_02 {	background:url(../img/track_02.gif) no-repeat;background-position: -10px 0px; }
#track_03 {	background:url(../img/track_03.gif) no-repeat;background-position: -10px 0px; }
#track_04 {	background:url(../img/track_04.gif) no-repeat;background-position: -10px 0px; }
#track_05 {	background:url(../img/track_05.gif) no-repeat;background-position: -10px 0px; }
#track_06 {	background:url(../img/track_06.gif) no-repeat;background-position: -10px 0px; }
#track_07 {	background:url(../img/track_07.gif) no-repeat;background-position: -10px 0px; }
#track_08 {	background:url(../img/track_08.gif) no-repeat;background-position: -10px 0px; }
#track_09 {	background:url(../img/track_09.gif) no-repeat;background-position: -10px 0px; }
#track_10 {	background:url(../img/track_10.gif) no-repeat;background-position: -10px 0px; }
#track_11 {	background:url(../img/track_11.gif) no-repeat;background-position: -10px 0px; }
#track_12 {	background:url(../img/track_12.gif) no-repeat;background-position: -10px 0px; }

/* prev link */
a#track_01,a#track_02,a#track_03,a#track_04,a#track_05,
a#track_06,a#track_07,a#track_08,a#track_09,a#track_10,
a#track_11,a#track_12 {
	width:60px;
	background-position: 0px 0px;
}
a#track_01:hover, a#track_02:hover, a#track_03:hover, a#track_04:hover, a#track_05:hover,
a#track_06:hover, a#track_07:hover, a#track_08:hover, a#track_09:hover, a#track_10:hover,
a#track_11:hover, a#track_12:hover {
	background-position: -70px 0px;
}

/* next link */
.track_next a#track_01, .track_next a#track_02, .track_next a#track_03, .track_next a#track_04,
.track_next a#track_05, .track_next a#track_06, .track_next a#track_07, .track_next a#track_08,
.track_next a#track_09, .track_next a#track_10, .track_next a#track_11, .track_next a#track_12 {
	width:60px;
	background-position: -10px 0px;
}
.track_next a#track_01:hover, .track_next a#track_02:hover, .track_next a#track_03:hover, .track_next a#track_04:hover, .track_next a#track_05:hover, .track_next a#track_06:hover, .track_next a#track_07:hover, .track_next a#track_08:hover, .track_next a#track_09:hover, .track_next a#track_10:hover, .track_next a#track_11:hover, .track_next a#track_12:hover {
	background-position: -80px 0px;
}


.icon {
	margin:5px 0;
	display:block;
}

.track {
	width:380px;
	height:25px;
	margin:10px auto 20px auto;
}

.track_prev {
	float:left;
	width:75px;
	height:15px;
}

.track_next {
	float:right;
	width:75px;
	height:15px;
	margin-right:0;
}

/************
 index.html
************/
a#btn_entry{
	background: url("../img/btn_oubo.gif") no-repeat;
	width:182px;
	height:47px;
	display:block;
	margin:0 auto;
}

a#btn_entry:hover {
	background-position:0px -47px;
}