/* CSS Document */

/* コンテンツエリアのスタイル設定　*/

#recommend{
	background:#ffffff;
/*    filter: Alpha(opacity=100　finishOpacity=65 style=1 startX=65, finishX=100);*/
	border:1px solid #009999;
	width:90%;
	text-align:left;
	margin:10px auto 0px auto;
    padding:3px 5px;
}

.content_img {
    float:left;
	margin:0px;
	padding:0px;
	width:140px;
}

/*　曲一覧インデックスのスタイル設定　*/
.indexbar{
	width:560px;
	height:33px;
	margin:35px auto 0px auto;
	padding:0px;
	list-style:none;
}

.indexmenu{
    float:left;
	background:#e6f0ff;
	width:36px;
	text-align:center;
	margin:1px 1px 1px 1px;
}
.indexmenu a{
	background:#e6f0ff;
	display:block;
	line-height:18px;
}

.indexmenu a:hover{
	background:#b1e2eb;
}

.indexmenu1{
    float:left;
	background:#e6f0ff;
	width:60px;
	text-align:center;
	margin:1px 1px 1px 1px;
	line-height:18px;
}

.indexmenu2{
    float:left;
	background:#e6f0ff;
	width:104px;
	text-align:center;
	margin:1px 1px 1px 1px;
}
.indexmenu2 a{
	background:#e6f0ff;
	display:block;
	line-height:18px;
}

.indexmenu2 a:hover{
	background:#b1e2eb;
}


/* 見出しのスタイル設定　*/
.index_outside {
	margin:15px auto 0px auto;
	padding:0px;
    border:5px solid #eeeeee;
	width:46px;
	height :35px;
	voice-family :"\"}\"";
	voice-family : inherit;
	width:38px;
	height :25px;
	}

html>body #index_outside{
	width:38px;
	height :25px;
}

.index_inside {
	width:36px;
	background :#ffffff;
	padding:0px;
	line-height:23px;
    border:1px solid #6699cc;
}


/* 曲目リストのスタイル設定　*/
.midilist {
    width:510px;
	margin:10px auto 10px auto;
    padding:1px;
    border:1px solid #6699cc;
}

.midilist td{
	margin:10px 0px 10px 0px;
	text-align:center;
}

.midilist_inside {
    padding:2px;
    border:1px solid #6699cc;
	background-color:#ffffff;
}


body {
/*	background:   url("/images/common/background_mbox.jpg"); */
	background:   url("/images/common/gbq2_1bw.jpg");
	background-position:center;
}

.indexbar{
    margin-top:20px; 
}

#recommend{
	border:1px solid #d2d4fc;
}

.indexmenu{
	background:#cceeff;
    width:100px;
    border:1px solid #d2d4fc;
}

.indexmenu a{
	background:#ffffff;
    width:100px;
    padding:0px;
}

.indexmenu a:hover{
	background:#d2d4fc;
}

.indexmenu1{
	background:#ffffff;
}

.indexmenu2{
	background:#ffffff;
}

.indexmenu2 a{
	background:#d2d4fc;
}

.indexmenu2 a:hover{
	background:#d2d4fc;
}

.index_outside {
	margin:30px auto 0px auto;
	padding:0px;
    border:5px solid #d2d4fc;
	width:106px;
	height :35px;
	voice-family :"\"}\"";
	voice-family : inherit;
	width:98px;
	height :25px;
	}

html>body #index_outside{
	width:98px;
	height :25px;
}

.index_inside {
	width:96px;
	background :#ffffff;
	padding:0px;
	line-height:23px;
    border:1px solid #6699cc;
    color:#666666;
}

.midilist {
    border:1px solid #d2d4fc;
    width:90%;
}

/*.midilist a:active{
    color:#ffff99;
}
.midilist a:link{
    color:#ffff99;
}
.midilist a:visited{
    color:#ffff99;
}
*/
.midilist_inside2 {
    padding:2px;
    border:1px solid #6699cc;
}



#top2 {
	background-color:#d2d4fc;
}

