@charset "UTF-8";

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}


/* main_bg */
#main_bg {
	background:#e8e8e8 url(../images/common/main_bg2.gif) left top repeat-x;
}

#main_bg a { color:#305fad; text-decoration:none; }
#main_bg a:hover { text-decoration: underline; }


/* header */
#header {
	width:870px;
	height:110px;
	margin:0 auto;
	position:relative;
}

#header h1 {
	width:74px;
	position: absolute;
	left:11px;
	top:30px;
}

#menu {
	width:771px;
	position: absolute;
	left:99px;
	top:41px;
}
#menu li {
	display: block;
	float:left;
}

#search {
	width:185px;
	height:20px;
	position: absolute;
	left:683px;
	top:10px;
	background:url(../images/common/search_bg.gif) left top no-repeat;
}
#search {
	position: relative;
	background:url(../images/common/search_bg.gif) left top no-repeat;
}

#search_txt {
	position: absolute;
	left:22px;
	top:2px;
	width:100px;
	border:0;
	font-size:10px;
	color:#999999;
}
#search_btn {
	position: absolute;
	left:142px;
	top:0px;
}


/* breadcrumb */
#breadcrumb {
	width:870px;
	margin:0 auto;
}
#breadcrumb ul {
	background:url(../images/common/breadcrumb_home.gif) left 2px no-repeat;
	padding:0 0 0 15px;
	height:25px;
}
#breadcrumb ul li {
	float:left;
	font-size:10px;
}
#breadcrumb ul li span {
	padding:0 0.5em;
}


/* main_content */
#main_content {
	width:870px;
	margin:0 auto 30px auto;
	background:url(../images/common/main_content_bg.gif) left top repeat-y;
	text-align:center;
}
#main_content_top {
	background:url(../images/common/main_content_top.gif) left top no-repeat;
	width:870px;
	height:20px;
}
#main_content_btm {
	background:url(../images/common/main_content_btm.gif) left bottom no-repeat;
	width:870px;
	height:50px;
}


/* column */
#column {
	width:830px;
	margin:0 auto;
	min-height:650px;
}
* html #column {
	height:650px;
}

#column h2 {
	margin-bottom:20px;
}


#left_column {
	width:160px;
	float:left;
	margin:0 20px 0 0;
}

#left_column ul {
	border-top:2px solid #5f636c;
}
#left_column ul li {
}

#left_column ul li a {
	background:url(../images/common/side_menu_bg.gif) left top no-repeat;
	display:block;
	height:27px;
	line-height:27px;
	padding-left:22px;
}
#left_column ul li a.act {
	background-position:0px -27px; color:#ffffff;
}

#left_column ul li a { color:#363636; text-decoration:none; }
#left_column ul li a:hover { background-position:0px -27px; color:#ffffff; text-decoration:none; }

#left_column .subbtn {
	margin:8px 0 0 0;
}

#main_column {
	width:650px;
	float:left;
}

#main_column .h3_bg {
	width:650px;
	position:relative;
	background:url(../images/common/h3_bg.gif) left top no-repeat;
	height:28px;
	margin-bottom:12px;
}

#main_column h3 {
	position: absolute;
	left:18px;
	top:7px;
	font-size:14px;
	font-weight:bold;
}

#main_column .h3_bg .btn {
	display: inline;
}

#main_column .h3_bg .btn img {
	display:block;
}
#main_column .h3_bg .btn a {
	display:block;
		width:76px;
	position: absolute;
	left:574px;
	top:0px;
	height:28px;
}


.pagetop {
	width:870px;
	margin:0px auto;
	text-align:right;
}



/* footer */
#footer {
	width:870px;
	height:70px;
	margin:20px auto 20px auto;
	position:relative;
}
#footer ul {
	width:280px;
	position:absolute;
	left:70px;
	top:10px;
}
#footer ul li {
	float:left;
	font-size:10px;
	padding:0 1em 0.5em 0;
	white-space: nowrap; 
}

#footer .banner {
	width:370px;
	position:absolute;
	left:500px;
	top:10px;
}
#footer .banner a {
	margin-left:5px;
}


/* main_banner */
.main_banner {
	margin:0 0 18px 0;
}
#genre_top {
	background:url(../images/top/main_bg.gif) left top repeat-y;
	border-bottom:solid 1px #dedede;
}

#genre_top dl.g_list {
	width:640px;
}
	
#genre_top dl.g_list dt {
	color:#333333;
	width:105px;
	margin:0px 0 0.8em 0;
	padding:0px 0 0 10px;
	float:left;
	font-weight:bold;
	background:url(../images/top/news_icon.gif) 105px center no-repeat;
}

#genre_top dl.g_list dt span{
	color:#ff6600;
}

#genre_top dl.g_list dd {
	width:520px;
	margin:0px 0 0.8em 0;
	float:left;
}
ul#genre_sidelist {
	border:none	;
}
ul#genre_sidelist li {
}

ul#genre_sidelist li a {
	background:url(../images/common/side_menu_bg.gif) left top no-repeat;
	display:block;
	height:27px;
	line-height:27px;
	padding-left:22px;
}
ul#genre_sidelist li a.act {
	background-position:0px -27px; color:#ffffff;
}

ul#genre_sidelist li a { color:#363636; text-decoration:none; }
ul#genre_sidelist li a:hover { background-position:0px -27px; color:#ffffff; text-decoration:none; }




/* artist_index */
.artistindex_bg {
	background:url(../images/top/artistindex_bg.gif) left top repeat-y;
	width:630px;
	margin-bottom:20px;
}
.artistindex_top {
	background:url(../images/top/artistindex_top.gif) left top no-repeat;
	width:606px;
	padding:13px 10px 13px 14px;
	border-bottom:solid 1px #dcdcdc;
}

#main_column .artistindex_top h3 {
	position: relative;
	margin:0 0 8px 0;
	padding:0;
	left:0;
	top:0;
	width:500px;
}
.artistindex_top ul {
}

.artistindex_top ul li {
	float:left;
	margin:0 1px 1px 0;
}

/* top_profile */
.top_profile {
	margin:0 0 20px 0;
}
.top_profile .pro_img {
	display:block;
	margin:0 0 0 20px;
	float:left;
}
.top_profile p {
	float:right;
	width:520px;
	margin:0 20px 0.8em 0;
	_margin:0 20px 0 10px;
	_width:480px;
}
.top_profile .pro_name {
	font-size:16px;
	font-weight:bold;
}

/* top_sc */
.top_sc {
	margin:0 0 20px 0;
}
.top_sc table {
	margin:0 0 0 20px;
}
.top_sc table th {
	width:90px;
	vertical-align:middle;
	font-weight:bold;
	background:url(../images/top/news_icon.gif) 80px 4px no-repeat;
}
.top_sc table td {
	width:530px;
	vertical-align:middle;
	
}
.top_sc table th , .top_sc table td{
	padding:0 0 0.8em 0;
}


/* top_artist */
.top_artist {
	margin:0 0 20px 10px;
	width:640px;
}

.top_artist dl {
	width:310px;
	float:left;
}

.top_artist dt {
	color:#1f5496;
	width:230px;
	float:right;
	padding-top:10px;
	font-weight:bold;
}
.top_artist dd.cover {
	width:64px;
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.top_artist dd.exp {
	font-size:11px;
	padding-bottom:10px;
}
.top_artist dd {
	width:230px;
	float:right;
}



/* profile */
.profile .pro_img {
	display:block;
	margin:0 0 0 20px;
	float:left;
}
.profile p {
	float:right;
	width:395px;
	margin:0 20px 0.8em 0;
}
.profile .pro_name {
	font-size:16px;
	font-weight:bold;
}

/* news */
.news {
	margin:0 0 20px 0;
}
.news table {
	margin:0 0 0 20px;
}
.news table th {
	width:7em;
	vertical-align:top;
}
.news table td {
	width:530px;
	vertical-align:middle;
}
.news table th , .news table td{
	padding:0 0 0.8em 0;
}
.news table th span {
	margin-left:0.5em;
	color:#ff6600;
	font-weight:bold;
	font-size:11px;
}

.news ul.page {
	padding:5px 0;
	text-align:right;
	width:650px;
}
.news ul.page li {
	display:inline;
}
.news ul.page li a {
	padding:2px 3px;
	margin:0 0 0 2px;
	border:solid 1px #ffffff;
	text-align:center;
}
.news ul.page li a.npbtn {
	border:solid 1px #bfbfbf;
	background:#efefef;
	text-align:center;
}
.news ul.page li a.act {
	border:solid 1px #4488cc;
	background:#4488cc;
	text-align:center;
}
#main_bg .news ul.page li a { color:#333333;}
#main_bg .news ul.page li a.npbtn { color:#999999;}
#main_bg .news ul.page li a.act { color:#ffffff;}



/* disco */
.disco {
	width:640px;
	padding-left:10px;
}

.disco dl.intro {
	width:620px;
}

.disco dl.intro dt {
	width:460px;
	float:right;
	padding-bottom:0.8em;
	font-weight:bold;
	font-size:16px;
}
.disco dl.intro dd.cover {
	width:150px;
	float:left;
	padding-bottom:10px;
}
.disco dl.intro dd.exp {
	font-size:11px;
}
.disco dl.intro dd {
	padding-bottom:0.8em;
	width:460px;
	float:right;
}

.disco ul.buy {
	margin:0 0 0 0;
}
.disco  ul.buy li {
	margin:0 12px 6px 0;
	float:left;
}


.disco .music_list {
	width: 358px;
	border-top:solid 1px #d2d2d2;
	border-left:solid 1px #d2d2d2;
	border-right:solid 1px #d2d2d2;
	margin:10px 0 0 0;
	float:left;
}

.disco .music_list tr {
	height:2.6em;
}

.disco .music_list th {
	width:308px;
	padding:0 0 0 12px;
	border-bottom:solid 1px #d2d2d2;
}
.disco .music_list th span {
	display:block;
	font-size:10px;
	margin-top:5px;
}
.disco .music_list th img {
	margin-left:5px;
}
.disco .music_list td {
	background:#e9e9e9;
	width:45px;
	border-bottom:solid 1px #d2d2d2;
}
.disco .music_list td img {
	margin-left:2px;
}


.disco .relation {
	float:right;
	width:260px;
	margin:10px 0 0 0;
}
.disco .relation dl {
	margin-bottom:10px;
}
.disco .relation dl dt {
	width:170px;
	float:right;
	font-weight:bold;
	font-size:14px;
}
.disco .relation dl dd.cover {
	width:80px;
	float:left;
}
.disco .relation dl dd {
	width:170px;
	float:right;
	font-size:11px;
}

/* TABメニュー */
.disco div#TabMenuWrapper {
	width:258px;
	background:url(../../../../images/common/iframe_bg.gif) left top repeat-y;
	margin:10px 0 30px 0;
	border-bottom:solid 1px #cccccc;
}

.disco div#TabMenuWrapper ul#TabMenu {
	background:url(../../../../images/common/iframe_menu_bg.gif) left top no-repeat;
	width:258px;
	height:28px;
	padding:11px 0 0 3px;
}

.disco div#TabMenuWrapper ul#TabMenu li {
	float: left;
	width: 48px;
	height: 24px;
	margin:0 0 0 2px;
}

.disco div#TabMenuWrapper ul#TabMenu li a {
	display: block;
	width: 48px;
	height: 24px;
	cursor: pointer;
}

/* デフォルト設定 */
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu1 {background: url(../../../../images/common/iflame_btn_1.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu2 {background: url(../../../../images/common/iflame_btn_2.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu3 {background: url(../../../../images/common/iflame_btn_3.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu4 {background: url(../../../../images/common/iflame_btn_4.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu5 {background: url(../../../../images/common/iflame_btn_5.gif) no-repeat left top;}

/* マウスオーバー設定 */
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu1:hover {background: url(../../../../images/common/iflame_btn_1b.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu2:hover {background: url(../../../../images/common/iflame_btn_2b.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu3:hover {background: url(../../../../images/common/iflame_btn_3b.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu4:hover {background: url(../../../../images/common/iflame_btn_4b.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu5:hover {background: url(../../../../images/common/iflame_btn_5b.gif) no-repeat left top;}



.disco div#TabMenuWrapper div#TabContent {
	height:460px;
	overflow:auto;
}

.disco div#TabMenuWrapper div#TabContent div dl {
	display:block;
	width:256px;
	margin:0 1px 0 1px;
	border-bottom:solid 1px #cccccc;
	padding:10px 0;
}

.disco div#TabMenuWrapper div#TabContent div dl:hover,
.disco div#TabMenuWrapper div#TabContent div dl.Hover  {
	background-color:#cbe1f3;
}

.disco div#TabMenuWrapper div#TabContent div dl dt {
	float:left;
	width:40px;
	margin:0 0 0 10px;
}

.disco div#TabMenuWrapper div#TabContent div dl dd {
	float:right;
	width:170px;
	font-size:11px;
	padding-right:10px;
}

.disco div#TabMenuWrapper div#TabContent div dl dd strong {
	display: block;
}

.disco div#TabMenuWrapper div#TabContent div dl dd strong a {
	font-weight:bold;
	color:#305fad;
}

.disco div#TabMenuWrapper div#TabContent div dl dd span {
	display: block;
}

.disco div#TabMenuWrapper div#TabContent div dl dd span a {
	color: #333333;
}

.disco div#TabMenuWrapper div#TabContent div #navibtn {
	position:absolute;
	left:0;
	top:434px;
	width:258px;
	height:28px;
	border-top:solid 1px #cccccc;
}

.disco div#TabMenuWrapper ul#navibtn  {
	width:100px;
	margin:4px 0 4px 209px;
}

.disco div.relation div#TabMenuWrapper ul#navibtn li {
	float:left;
	margin-right:7px;
}