@charset "utf-8";

/* special.css */


/*-------------------------------------------------
///	基本全体共通設定	
-------------------------------------------------*/

/* html */
html {
	font-size: 62.5%;
	color: #673434;
	background: #000;
}

/* body */
body {
	font-size: 1.4em;
}

/* * */
* {
	font-size: 100%;
	line-height: 180%;
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
}

/* for IE7 */
*+html body {
}

/* for IE6 */
* html body {
	overflow: scroll;
}

/* for safari \*/
html:not(:only-child:only-child) {
	letter-spacing: 0;
}

a:link {
	color: #3366FF;
}


a:visited {
	color: #3366FF;
}

a:hover {
	color: #FF0000;
}

a:active {
}

a {
	text-decoration: none;
}


/*-------------------------------------------------
///	clear fix
-------------------------------------------------*/

.clear:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* for IE6 */
* html .clear {
	display: inline-block;
}

/* for IE7 */
*+html .clear {
	display: inline-block;
}


/*-------------------------------------------------
///	wrapper	
-------------------------------------------------*/

#wrapper {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
} 

#header p {
	display: none;
}

.banner_p {
	display: block;
}


/*-------------------------------------------------
///	header	
-------------------------------------------------*/

#header {
	background: url(http://rockdendo.com/img/bg_header_special.gif) no-repeat left top;
	width: 950px;
	height: 398px;
	margin: 0 auto;
	
}

#header h1 {
	text-indent: -9999px;
text-align: left;
}

#header h1 a {
	display: block;
	width: 444px;
	height: 185px;
}


/*-------------------------------------------------
///	contents	
-------------------------------------------------*/

#contents {
	background: url(http://rockdendo.com/img/bg_body_special.gif) repeat-y left top;
	margin: 0 auto;
	width: 950px;
	text-align: center;
	padding-bottom: 30px;
}


#contents h2 {
	margin-bottom: 30px;
	position: relative;
	margin-top: -110px;
}

#contents h2.h2_text {
	font-size: 32px;
	font-weight: bold;
	color: #FF6600;
}

#contents h3 {
	margin-bottom: 30px;
	padding-bottom: 3px;
	border-bottom: #CCC 1px dotted;
	color: #FF0000;
	font-size: 180%;
	font-weight: bold;
}

#contents h4 {
	margin-bottom: 30px;
}

#contents h3 a {
	color: #FF0000;
}

#contents h3 img {
	margin-right: 7px;
	vertical-align: -5px;
}

#contents #FirstCol dl.list_dl {
	text-align: left;
	padding-top: 40px;
}

#contents #FirstCol dl.list_dl dt {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
	font-size: 14px;
	margin-bottom: 5px;
	color: #333;
	width: 130px;
	clear: both;
	border-bottom: #CCC 1px dotted;
	padding-bottom: 5px;
	float: left;
}

#contents #FirstCol dl.list_dl dd {
	font-size: 14px;
	margin-bottom: 50px;
	margin-left: 130px;
	border-bottom: #CCC 1px dotted;
	padding-bottom: 5px;
}

#contents #FirstCol dl.list_dl dd img {
	vertical-align: -4px;
	margin-right: 6px;
}

#contents #FirstCol {
	width: 650px;
	margin: 0 auto;
}

#contents #FirstCol p {
	margin-bottom: 20px;
}

#contents #FirstCol p.last_p {
	margin-bottom: 50px;
}

#contents #FirstCol p.q_p {
	color: #6633CC;
	font-weight: bold;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}

#contents #FirstCol p.color_red {
	color: #FF0000;
}

#contents #FirstCol ul {
	margin-bottom: 40px;
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	padding-top: 20px;
}

#contents #FirstCol ul#list_special {
	border: none;
}

#contents #FirstCol ul li {
	margin-bottom: 20px;
}

#contents #FirstCol ul li img {
	vertical-align: -4px;
	margin-right: 6px;
}

#contents #FirstCol dl {
	width: 650px;
	margin-bottom: 30px;
}

#contents #FirstCol dl dt {
	margin-bottom: 20px;
	color: #6633CC;
	font-weight: bold;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}

#contents #FirstCol dl dd {
	margin-bottom: 20px;
}

#contents #FirstCol dl.prof {
	text-align: center;
	color: #FF6600;
	margin-bottom: 50px;
}

#contents #FirstCol dl.prof dt {
	margin-bottom: 10px;
	color: #FF6600;
}

#contents #FirstCol dl.prof dd {
	margin-bottom: 10px;
}

#contents #FirstCol img.prof_img {
	margin-bottom: 50px;
}

#contents #FirstCol .last_link {
	padding-bottom: 15px;
}

#contents #FirstCol .last_link li {
	margin-bottom: 5px;
}


/*-------------------------------------------------
///	質問30連発	
-------------------------------------------------*/

#contents #FirstCol.special02 ul {
	border: none;
}

#contents #FirstCol.special02 ul.last_link {
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

#contents #FirstCol.special02 ul li {
	margin-bottom: 5px;
}

#contents #FirstCol.special02 h3 {
	color: #6633CC;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	border: none;
}

#contents #FirstCol.special02 p {
	margin-bottom: 50px;
}

#contents #FirstCol.special02 p.last_p {
	color: #FF0000;
	margin-bottom: 100px;
}


/*-------------------------------------------------
///	未来のミュージシャンに捧げる	
-------------------------------------------------*/

#contents #FirstCol.special03 h2 {
	margin-bottom: 50px;
}

#contents #FirstCol.special03 ul {
	margin-bottom: 60px;
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents #FirstCol.special03 ul.last_link {
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

#contents #FirstCol.special03 ul li {
	margin-bottom: 5px;
}

#contents #FirstCol.special03 h3 {
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: #CCC 1px dotted;
	color: #FF0000;
	font-size: 180%;
	font-weight: bold;
}

#contents #FirstCol.special03 p {
	margin-bottom: 50px;
}

#contents #FirstCol.special03 p.qp {
	color: #FF9900;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

#contents #FirstCol.special03 ul.select_ul {
	border: none;
	padding: 0;
	margin-bottom: 20px;
}

#contents #FirstCol.special03 dl.select {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: #CCC 1px dotted;
}

#contents #FirstCol.special03 dl dt.select_dt {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
	font-size: 16px;
	margin-bottom: 20px;
	text-decoration: underline;
}

#contents #FirstCol.special03 p.last_p {
	margin-bottom: 150px;
} 

#contents #FirstCol.special03 dl.special_faq {
	margin-bottom: 70px;
}

#contents #FirstCol.special03 dl.special_faq dt {
	margin-bottom: 20px;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
	background: url(http://rockdendo.com/img/img_lady01.gif) no-repeat left top;
	padding-left: 90px;
	height: 81px;
	padding-top: 55px;
	text-align: left;
}

#contents #FirstCol.special03 dl.special_faq dt img {
	margin-right: 15px;
}

#contents #FirstCol.special03 dl.special_faq dd {
	background: url(http://rockdendo.com/img/img_lady02.gif) no-repeat right top;
	padding-right: 90px;
	margin-left: 20px;
	padding-bottom: 50px; 
	padding-right: 105px;
	text-align: left;
}

#contents #FirstCol.special03 dl.special_faq dd img {
	margin-right: 10px;
}


/*-------------------------------------------------
///	footer	
-------------------------------------------------*/

#footer {
	background: url(http://rockdendo.com/img/bg_bottom_special.gif) no-repeat left top;
	width: 950px;
	height: 172px;
	margin: 0 auto;
	text-align: right;
	position: relative;
}

#wrapper #footer .pagetop {
	width: 650px;
	margin: 0 auto;
}

#footer address {
	position: absolute;
	bottom: 5px;
	right: 100px;
	font-size: 12px;
	color: #CCC;
}

/*-------------------------------------------------
///	10月特集	
-------------------------------------------------*/

#contents #FirstCol .h3_special10 {
	color: #673434;
	border: none;
	padding-bottom: 10px;
	font-size: 16px;
	margin-bottom: 5px;
	font-family: "ＤＦ平成ゴシック体Ｗ９","ヒラギノ角ゴ StdN W8";
}

#contents #FirstCol .special10 {
	font-size: 12px;
	color: #333;
}

#contents #FirstCol .special10 dl {
	text-align: left;
	position: relative;
	margin-bottom: 30px;
}

#contents #FirstCol .special10 dl.mb240 {
	margin-bottom: 240px;
}

#contents #FirstCol .special10 dl.mb200 {
	margin-bottom: 200px;
}

#contents #FirstCol .special10 dl.mb180 {
	margin-bottom: 180px;
}

#contents #FirstCol .special10 dl.mb150 {
	margin-bottom: 150px;
}

#contents #FirstCol .special10 dl.mb130 {
	margin-bottom: 130px;
}

#contents #FirstCol .special10 dl.mb90 {
	margin-bottom: 90px;
}

#contents #FirstCol .special10 dl.mb80 {
	margin-bottom: 80px;
}

#contents #FirstCol .special10 dl.mb70 {
	margin-bottom: 70px;
}

#contents #FirstCol .special10 dl.mb50 {
	margin-bottom: 50px;
}

#contents #FirstCol .special10 dl.men dt {
	background: url(http://rockdendo.com/img/icon_special_men.jpg) no-repeat right top;
	width: 253px;
	height: 321px;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	z-index: 1;
}

#contents #FirstCol .special10 dl.men02 dt {
	background: url(http://rockdendo.com/img/icon_special_men02.jpg) no-repeat right top;
	width: 253px;
	height: 207px;
}

#contents #FirstCol .special10 dl dd span.font-big {
	font-size: 26px;
	color: #333;
	letter-spacing:0;
}

#contents #FirstCol .special10 dl.men dd {
	z-index: 100;
	width: 447px;
	position: relative;
	text-align: left;
	color: #3366FF;
	font-weight: bold;
	
}

#contents #FirstCol .special10 dl.men dd span.men01 {
	background: url(http://rockdendo.com/img/bg_top_border_men.gif) no-repeat left top;
	height: 25px;
	width: 447px;
	display: block;
	z-index: 100;
}

#contents #FirstCol .special10 dl.men dd span.men02 {
	background: url(http://rockdendo.com/img/bg_main_border_men.gif) repeat-y left top;
	width: 402px;
	display: block;
	z-index: 100;
	height:auto;
	padding-left: 15px;
	padding-right: 15px;
}

#contents #FirstCol .special10 dl.men dd span.men03 {
	background: url(http://rockdendo.com/img/bg_bottom_border_men.gif) no-repeat left top;
	height: 25px;
	width: 432px;
	display: block;
	z-index: 100;
}



#contents #FirstCol .special10 dl.lady dt {
	background: url(http://rockdendo.com/img/icon_special_lady.jpg) no-repeat right top;
	width: 199px;
	height: 342px;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	z-index: 1;
}

#contents #FirstCol .special10 dl.lady dd {
	z-index: 100;
	width: 447px;
	position: relative;
	text-align: left;
	color: #FF66FF;
	font-weight: bold;
	margin-left: 199px;
	
}


#contents #FirstCol .special10 dl.lady dd span.lady01 {
	background: url(http://rockdendo.com/img/bg_top_border_lady.gif) no-repeat left top;
	height: 23px;
	width: 451px;
	display: block;
	z-index: 100;
}

#contents #FirstCol .special10 dl.lady dd span.lady02 {
	background: url(http://rockdendo.com/img/bg_main_border_lady.gif) repeat-y left top;
	width: 402px;
	display: block;
	z-index: 100;
	height:auto;
	padding-left: 34px;
	padding-right: 15px;
}

#contents #FirstCol .special10 dl.lady dd span.lady03 {
	background: url(http://rockdendo.com/img/bg_bottom_border_lady.gif) no-repeat left top;
	height: 23px;
	width: 451px;
	display: block;
	z-index: 100;
}



#contents #FirstCol .special10 ul.last_link {
	clear: both;
}


/*-------------------------------------------------
///	これからバンド活動はこう変わる！！	
-------------------------------------------------*/

#contents h3.sp04 {
	border: none;
	margin: 0;
	padding: 0;
}

#wrapper #contents .band_pr02 h3.sp04 {
	border: none;
	margin: 0;
	padding: 0;
}

#wrapper #contents .band_pr02 h3.sp05 {
	border: none;
	margin: 0;
	padding: 0;
}

#contents h3.sp04 img {
	vertical-align: bottom;
}

#wrapper #contents p.sp04_middle {
	margin: 0;
	background: url(http://rockdendo.com/img/bg_middle_border_pink.jpg) repeat-y left top;
	width: 590px;
	text-align: left;
	padding: 0 30px;
}

#contents div.sp04_bottom {
	width: 650px;
	background: url(http://rockdendo.com/img/bg_bottom_border_pink.jpg) no-repeat left top;
	height: 26px;
	margin-bottom: 50px;
}

#contents h3.sp05 {
	border: none;
	margin: 0;
	padding: 0;
}

#contents h3.sp05 img {
	vertical-align: bottom;
}

#wrapper #contents p.sp05_middle {
	margin: 0;
	background: url(http://rockdendo.com/img/bg_middle_border_bule.jpg) repeat-y left top;
	width: 590px;
	text-align: left;
	padding: 0 30px;
}

#contents div.sp05_bottom {
	width: 650px;
	background: url(http://rockdendo.com/img/bg_bottom_border_bule.jpg) no-repeat left top;
	height: 26px;
	margin-bottom: 50px;
}





/*-------------------------------------------------
///	ロック殿堂2009年間ランキング	
-------------------------------------------------*/

#contents #FirstCol .ranking2009 ul {
	padding-bottom: 10px;
	padding-top: 10px;
	border: none;
	margin-bottom: 20px;
}

#contents #FirstCol .ranking2009 ul li {
	margin-bottom: 1px;
	font-size: 12px;
}

#contents #FirstCol .ranking_bottom_line p {
	font-size: 12px;
	margin-bottom: 40px;
}

#contents #FirstCol .ranking2009 .ranking_top_line p {
	font-size: 12px;
}

#contents #FirstCol .ranking2009 .ranking_top_line p a {
	color: #333;
}

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

#contents #FirstCol .ranking2009 h3 {
	border: none;
	margin-bottom: 20px;
}

#contents #FirstCol .ranking2009 h4 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: underline;
}

#contents #FirstCol .ranking2009 dl dt {
	margin-bottom: 5px;
}

#contents #FirstCol .ranking2009 .wid {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}

#contents #FirstCol .ranking2009 .wid p {
	text-align: left;
}



/*-------------------------------------------------
///	ライブハウス特集	
-------------------------------------------------*/

#wrapper #contents h3 {
	border: none;
	margin-bottom: 15px;
}

#wrapper #contents .live_house p {
	margin-bottom: 50px;
}


/*-------------------------------------------------
///	今注目のインディーズバンド
-------------------------------------------------*/

#wrapper #contents .pick_up {
	width: 628px;
	padding: 10px;
	border: #666 1px solid;
	margin-bottom: 100px;
	background: #FFF;
}

#wrapper #contents .pick_up dl {
	width: 149px;
	margin-right: 10px;
	float: left;
	margin-bottom: 0;
}

#wrapper #contents .pick_up dl.last {
	width: 149px;
	margin-right: 0px;
}

#wrapper #contents .pick_up dl dt {
	margin-bottom: 5px;
}

#wrapper #contents .pick_up dl dd {
	font-size: 12px;
	letter-spacing: 0;
	margin-bottom: 0;
}

#wrapper #contents .pick_up dl dd a {
	line-height: 100%;
}





/*-------------------------------------------------
///	global_navi	
-------------------------------------------------*/

#wrapper #contents .band_pr p {
	margin-bottom: 50px;
	color: #333;
}

#wrapper #contents .band_pr p span.text20p {
	font-size: 30px;
	font-weight: bold;
	color: #FF0000;
}

#wrapper #contents .band_pr p span.text_red {
	color: #FF0000;
	font-weight: bold;
}

#wrapper #contents .band_pr p span.text16p {
	font-size: 16px;
}

#wrapper #contents .band_pr p span.font12p {
	font-size: 12px;
}

#wrapper #contents .band_pr p span.text_b {
	font-weight: bold;
}

#wrapper #contents .band_pr p a {
	text-decoration: underline;
}


#wrapper #contents p.last_pp {
	margin-bottom: 100px;
}




/*-------------------------------------------------
///	2010-05特集
-------------------------------------------------*/

#wrapper #contents p.bg_2010_05bady {
	width: 630px;
	_width: 650px;
	height: 275px;
	_height: 290px;
	background: url(sub2/img/bg_bady11.jpg) no-repeat left top;
	text-align: left;
	line-height: 130%;
	font-size: 12px;
	padding-left: 20px;
	padding-top: 15px;
	color: #FF33CC;
}


#wrapper #contents h4 !important {
	padding-top: 50px;
	font-size: 20px;
	font-weight: bold;
}

#wrapper #contents .band_pr02 span !important {
	font-size: 30px;
	color: #CA0000;
	font-weight: bold;
}



/*-------------------------------------------------
///	2010-07特集
-------------------------------------------------*/

#wrapper #contents .pickup07 {
	margin-bottom: 30px;
}

#wrapper #contents .pickup07 dl dt {
	margin-bottom: 0px;
}

#wrapper #contents .pickup07 dl dd {
	margin-bottom: 20px;
	text-align: left;
	margin-left: 8px;
	line-height: 130%;
}



/*-------------------------------------------------
///	2010-08特集
-------------------------------------------------*/
#wrapper #contents .band_pr02 p {
	text-align: left;
}

#wrapper #contents .band_pr02 p span {
	font-size: 34px;
	color: #FF0000;
	font-weight: bold;
}

#wrapper #contents .band_pr02 p.text_red {
	color: #FF0000;
}

#wrapper #contents .band_pr02 p span.text_red02 {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}


#wrapper #contents .band_pr02 .photog {
	margin-bottom: 10px;
	font-weight: bold;
	color: #CA0000;
}

#wrapper #contents .band_pr02 ul.items {
	text-align: left;
	border: none;
	padding-top: 0;
	margin-top: 0;
}
	
#wrapper #contents .band_pr02 ul.items li {
	display: inline;
	margin-right: 0px;
	width: 210px;
}

#wrapper #contents .band_pr02 ul.items li.lastli {
	margin-right: 0;
}

#wrapper #contents .band_pr02 .font-title {
	font-size: 30px;
}

#wrapper #contents .band_pr02 .you {
	margin-bottom: 50px;
}

#wrapper #contents .band_pr02 .blue {
	color:#FF66FF;
}

#wrapper #contents .band_pr02 .text_red03 {
	font-size: 180%;
	font-weight: bold;
	color: #FF0000;
}

#wrapper #contents .band_pr02 .text_red04 {
	font-size: 140%;
	font-weight: bold;
	color: #FF0000;
}