@charset "utf-8";

/* 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;
	_width:640px;
	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;
}



.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:90px;
	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;
}



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

/* news */
.news table {
	margin:0 0 0 20px;
}

.news table th {
	color:#333333;
	width:110px;
	font-weight:bold;
	background:url(../images/top/news_icon.gif) 100px 4px no-repeat;
}

.news table td {
	width:530px;
}
.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:#999999;}
#main_bg .news ul.page li a.act { color:#ffffff;}


/*------------------------------------------------------------------
ここから追記した分
------------------------------------------------------------------*/
/*会社概要用スタイル*/
/*12.19追加*/

div#main_column div.company {	
}

div#main_column div.company dl {
	width:550px;
	margin:0 20px 0.8em 150px;
}	

div#main_column div.company dl dt {
	float:left;
	width:7em;
	clear:both;
	font-weight:bold;
	padding:0 0 0.8em 0;
}

div#main_column div.company dl dd {
	margin:0 20px 0.8em 150px;
	padding:0 0 0.8em 0;
}
/*	margin:0 0 15px 100px;  */

div#main_column div.company img.map {
	margin:10px 0 10px 0
	
}

/*--------------------------------------
サイトのご利用にあたって
--------------------------------------*/
/*12.21追加*/

div#main_column div.use {
	line-height:140%;
	margin:0 0 0 150px;
	width:650px;
}

div#main_column div.use dl dt {
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #CCC;
}

div#main_column div.use dl dd {
	margin:0 0 40px 0;
	clear:both;
}
div#main_column div.use ul li {
	margin:0 0 20px 0;
}

div#main_column div.use ul li img {
	margin:0 30px 0 0;
	float:left;
}


/*--------------------------------------
プライバシーポリシー
--------------------------------------*/
/*12/21追加*/
div#main_column div.privacy {
	line-height:140%;
	margin:0 0 0 150px;
	width:650px;
}

div#main_column div.privacy ul {
	margin:0 0 0 15px;
}

div#main_column div.privacy li {
	margin:15px 0 15px 0;
	list-style-image:url(../images/privacy/icon_li.gif);
	list-style-position:outside;
}

/*--------------------------------------
メディア情報
--------------------------------------*/
/*12.21追加*/
div#main_column div.media {
	line-height:150%;
}

div#main_column div.media img.media_cat {
	margin:15px 0 10px 20px;
}

div#main_column div.media table {
	margin:0 0 0 20px;
}
div#main_column div.media table th {
	width:90px;
	vertical-align:middle;
	font-weight:bold;
	background:url(../images/top/news_icon.gif) 80px 4px no-repeat;
}

div#main_column div.media table td {
	width:530px;
	vertical-align:middle;
}
div#main_column div.media table th , .media table td{
	padding:0 0 0.8em 0;
}

div#main_column div.media table th , .media table th{
	vertical-align:top;
}
div#main_column div.media table th span {
	margin-left:0.5em;
	color:#ff6600;
	font-weight:bold;
	font-size:11px;
	
}

/*--------------------------------------
リリース情報一覧ページ
-----------------------------------------*/
/*1221追加*/
/*左ナビ発売年で探す*/
ul#search_year {
	width:148px;
	margin:0 0 10px 0;
	_margin:0;
	padding:0 10px 0 0;
	border:solid 1px #E4E4E4;
}

ul#search_year li{
	_width:10px;
	float:left;
	list-style-type:none;
	background:none;
}
ul#search_year li a {
	list-style-type:none;
	background:none;
	width:20px;
}

ul#search_year li a:hover {
	color:#305FAD;
	text-decoration:underline;
}

ul#search_year li a.act {
	color:#305FAD;
}

/**/
div#releaseinfo {
	height:880px;
	overflow:auto;
	border:solid 1px #ccc;
	border-top:none;
	width:628px;
	margin:0 0 20px 0;
}

/*リリース情報ナビ*/
div#release_navi {
	height:45px;
	width:630px;
	background-image:url(../images/release/navi_bg.gif);
	position:relative;
	margin:10px 0 0 0;
}

div#release_navi ul {
	position:absolute;
	left:20px;
	top:17px;
}

div#release_navi li {
	float:left;
	margin:0 8px 0 0;
}

/*リリース情報*/
div.release_data {
	width:570px;
	margin:0 0 13px 17px;
	padding-top:10px;
	clear:both;
}

div.release_tit {
	width:570px;
	height:28px;
	background:url(../images/release/release_bg.gif) no-repeat left top;
	padding:7px 0 0 15px;
}

/*リリース情報左カラム*/
div.cd_data {
	float:left;
	width:340px;
	_width:350px;
	display:block;
}

/*ＣＤジャケット画像*/
div.cd_data dt {
	float:left;
	width:60px;
	border:1px solid #999;
}

div.cd_data dd {
	color:#333333;
	float:right;
	width:265px;
	_width:270px;
}

/*CDタイトル部分スタイル*/
li.title,li.title a {
	color:#305FAD;
	font-weight:bold;
	display:block;
	_width:280px;
}

a.cd_body,
a.cd_body:link,
a.cd_body:visited {
	color:#333333;
	display:block;
	_width:280px;
}

a.cd_body:hover {
	color:#333333;
	text-decoration:under-line;
	display:block;
}

/*視聴するリンクスタイル*/
li.listen {
	margin:3px 0 0 0;
}

li.listen a {
	display:block;
	width:200px;
}

li.listen img {
	margin:0 5px 0 0;
}
 

/*右カラムスペック*/
div.cd_spec {
	float:right;
	width:200px;
	_widt:190px;
	font-size:10px;
}


	
/*----------------------------------------
ページング
-----------------------------------------*/
ul.page {
	padding:5px 0;
	text-align:right;
	width:620px;
	_width:600px;
}
ul.page li {
	display:inline;
}
ul.page li a {
	padding:2px 3px;
	margin:0 0 0 2px;
	text-align:center;
}
ul.page li a.npbtn {
	border:solid 1px #bfbfbf;
	background:#efefef;
	text-align:center;
}
ul.page li a.act {
	border:solid 1px #4488cc;
	background:#4488cc;
	text-align:center;
}
#main_bg ul.page li a { color:#999999;}
#main_bg ul.page li a.act { color:#ffffff;}



/* -------------------------------
clearfixハック
----------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------
ニュース一覧用CSS

ニュースページ、お知らせも同じものを使用
----------------------------------*/
div#liveevent dl {
	margin:10px 0 6px 0;
	background:url(../images/common/dotline.gif) repeat-x;
	background-position:bottom;
}

/*アーティスト名*/
div#liveevent dt {
	font-weight:bold;
	margin:5px 0 3px 0;
}

div#liveevent dt span {
	color:#ff6600;
}


/*イベント情報表示部分*/
div#liveevent dd {
	padding:0 0 6px 0;
}
/* CSS Document */


/*ニュース詳細用CSS*/

div.news_detail ul {
	margin:15px 0 15px 0;
	line-height:160px;
}

div.news_detail dt {
	font-weight:bold;
	margin:0 0 15px 0;
}





/* CSS Document */
/*--------------------------------
メディア情報一覧用CSS

----------------------------------*/
img{
vertical-align: top;
vertical-align: bottom;
}
div#mediainfo {
	width:600px;
	margin-left:30px;
}

/*年月日表示部分*/
li.date {
	font-size:14px;
	width:590px;
	height:16px;
	border:solid 1px #ccc;
	padding:3px 3px 3px 6px;
	margin:30px 0 10px 0 ;
	background-color:#E7E7E7;
}


/*各カテゴリ区切り*/
dl.media_info ul li ul {
	margin:10px 0 0 0;
}


/*各メディアカテゴリー*/
div.media_category {
	margin:10px 0 0 0;
}


div.media_category ul {
	margin:10px 0 0 0;
}

/*アーティスト名表示部分*/
li.artist_name {
	font-weight:bold;
	width:20em;
}

ul.media_infoWrap {
	margin:10px 0 0 0;
}

/* TABメニュー */
.disco div#TabMenuWrapper {
	width:258px;
	background:url(http://www.dreamusic.co.jp/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(http://www.dreamusic.co.jp/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(http://www.dreamusic.co.jp/images/common/iflame_btn_1b.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu2 {background: url(http://www.dreamusic.co.jp/images/common/iflame_btn_2.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu3 {background: url(http://www.dreamusic.co.jp/images/common/iflame_btn_3.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu4 {background: url(http://www.dreamusic.co.jp/images/common/iflame_btn_4.gif) no-repeat left top;}
.disco div#TabMenuWrapper ul#TabMenu li a#TabMenu5 {background: url(http://www.dreamusic.co.jp/images/common/iflame_btn_5.gif) no-repeat left top;}

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





/* ↓　090108 修正　ここから　↓ */
.disco div#TabMenuWrapper div#TabContent div dl {
	display:block;
	width:236px;
	background-color:#ffffff;
	margin:0 1px 0 1px;
	border-bottom:solid 1px #cccccc;
	padding:10px 0 0 0;
}

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

.disco div#TabMenuWrapper div#TabContent div dl dt {
	float:left;
	border:1px solid #999;
	width:40px;
	margin:0 10px 0 10px;
	_margin:0 10px 0 5px;
}

.disco div#TabMenuWrapper div#TabContent div dl dd {
	float:left;
	width:160px;
	font-size:11px;
}

.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;
}

/* ↑　090108 修正　ここまで　↑ */


.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;
}


/*09/0109/追加*/
/*オーディション*/
div.audition {
	width:800px;
	text-align:left;
	font-size:small;
	line-height:150%;
}

.head{width:753px;
height:121px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:5px;}

.box{width:753px;
height:450px;
border:#CCC 1px solid;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:15px;
}

.text{width:530px;
font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size:10px;
color:#333;
padding:6px 10px;
line-height:1.5em;
border-bottom:#CCC dotted 1px;
}

.text2{font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size:10px;
padding-right:40px;
padding-top:10px;}

.image{width:155px;
	padding-right:10px;
padding-left:10px;
}

.word{padding-right:10px;
padding-left:10px;
}

.mgb10 {
	margin-bottom:10px;
}

/* 2011.04.12追加 ソーシャルボタン */
div.news_detail ul.social {
	padding:0px 0px 0px 0px;
	margin:30px 0px 30px 0px;
}

div.news_detail ul.social li {
	float:left;
	line-height:100%;
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 0px;
}

div.disco ul.social {
	float:right;
	width:480px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}

div.disco ul.social li {
	float:left;
	line-height:100%;
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 0px;
}

/* 2011.07.12追加 会社概要地図印刷ボタン */
div#company p#map {
	position:relative;
	margin-left:65px;
}

div#company p#map a {
	position:absolute;
	left:350px;
	top:344px;
}

/* 2011.10.25追加 ライブ一覧TOP特設リンク */
#liveLink {
	background-color:#EFF6FF;
	text-align:center;
	font-weight:bold !important;
	padding:15px;
	margin-bottom:10px;
}

#liveLink a {
	font-weight:bold !important;
}

/* 2011.11.10追加 アーティスト一覧FOGHORNバナー */
div#fogbnr {
	padding: 20px 10px 13px 19px;
    width: 606px;
}


/* 2012.01.23追加 CODE-Vプロフィール表示調整 */
div#main_column div#CODE-V img {
	float:none;
}

div#main_column div#CODE-V div.clearfix {
	margin:0;
}

div#main_column div#CODE-V p {
	width:550px;
	float:none;
	margin:0;
}

div#main_column div#CODE-V p.soloImg {
	width:142px;
	float:left;
	margin-right:15px;
}

div#main_column div#CODE-V p.soloTxt {
	width:450px;
	float:left;
	margin:0;
}

div#main_column div#CODE-V p.soloTxt img {
	position:relative;
	top:-2px;
}