@charset"utf-8";


/********** リセット **********/
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

body {
	background: url(../image/bg.gif) repeat-y;
}



/********** 基本リンク色 **********/

a:link {
	color: #FFF;
}

a:visited {
	color: #FFF;
}

a:hover {
	color: #FFF;
	background-color:#5C5C5C;
}

a:active {
	color: #FFF;
	background-color:#5C5C5C;
}


/********** フォントサイズなど **********/

.font10 {
	font-size: 10px;
	line-height: 1.5em;
}

.font12 {
	font-size: 12px;
	line-height: 1.5em;
}

.font14 {
	font-size: 14px;
	line-height: 1.5em;
}

.font16 {
	font-size: 16px;
	line-height: 1.5em;
}

.font18 {
	font-size: 18px;
	line-height: 1.2em;
}

.font20 {
	font-size: 20px;
	line-height: 1.2em;
}



/********** 全体 **********/
#content{
		margin:0 auto;
		width:800px;
}



/********** ヘッダー **********/

#content div#header {
	width:800px;
	background: url(../image/head.jpg) no-repeat;
	height:200px;
	text-indent:-9999px;
	}
#content div#header2 {
	width: 800px;
	background: url(../image/head.jpg) no-repeat;
	height: 220px;
	}
	#content div#header2 div {
	width: 800px;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
	padding: 190px 0 0 0;
	}

/********** リクエスト・メール **********/

#content div#request {
		background: url(../image/mailbt_bg.gif) repeat-x;
		height:70px;
		}
		#content div#request table tr td div.request a {
			background: url(../image/req_pre.gif) 0 0 no-repeat;
			width:116px;
			height:27px;
			font-size: 0px;
			line-height: 0px;
			text-indent:-9999px;
			display:block;
			overflow: hidden;
			margin:0 0 0 20px;
			}
			#content div#request table tr td div.request a:hover {
				background: url(../image/req_pre.gif) 0 -27px no-repeat;
				}
		#content div#request table tr td div.present a {
			background: url(../image/req_pre.gif) -116px 0 no-repeat;
			width:119px;
			height:27px;
			font-size: 0px;
			line-height: 0px;
			text-indent:-9999px;
			display:block;
			overflow: hidden;
			margin:0 20px 0 0;
			}
			#content div#request table tr td div.present a:hover {
				background: url(../image/req_pre.gif) -116px -27px no-repeat;
				}


/********** 今月のラインナップ **********/

#content div#linup {
		background: url(../image/bg2.gif) repeat-x;
		padding: 20px 0 0 0;
		}
/*1月*/
		#content div#linup p.title1 { 
		background: url(../image/linup01.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*2月*/
		#content div#linup p.title2 {
		background: url(../image/linup02.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*3月*/
		#content div#linup p.title3 {
		background: url(../image/linup03.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*4月*/
		#content div#linup p.title4 {
		background: url(../image/linup04.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*5月*/
		#content div#linup p.title5 {
		background: url(../image/linup05.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*6月*/
		#content div#linup p.title6 {
		background: url(../image/linup06.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*7月*/
		#content div#linup p.title7 {
		background: url(../image/linup07.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*8月*/
		#content div#linup p.title8 {
		background: url(../image/linup08.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*9月*/
		#content div#linup p.title9 {
		background: url(../image/linup09.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*10月*/
		#content div#linup p.title10 {
		background: url(../image/linup010.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*11月*/
		#content div#linup p.title11 {
		background: url(../image/linup11.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}
/*12月*/
		#content div#linup p.title12 {
		background: url(../image/linup12.gif) no-repeat;
		text-indent: -9999px;
		width: 766px;
		height: 23px;
		margin: 0 auto;
		}

/*画像2枚のとき*/
		#content div#linup div.month {
			width:374px;
			margin:0 auto;
			}
			#content div#linup div.month ul.photo li {
				list-style:none;
				float:left;
				width:172px;
				height:172px;
				background: url(../image/linup_bg.gif) no-repeat;
				margin:20px 0 0 10px;
				}
			#content div#linup div.month ul.photo li img {
				margin:1px;
				}
			#content div#linup div.month ul.name li {
				list-style:none;
				float:left;
				width:170px;
				color:#FFF;
				font-weight:bold;
				text-align:center;
				font-size:12px;
				margin:10px 0 30px 10px;
				}
		#content div#linup div.month div.clear {
			clear: both;
		}

/*画像3枚のとき*/
		#content div#linup div.month3 {
			width:560px;
			margin:0 auto;
			}
			#content div#linup div.month3 ul.photo li {
				list-style:none;
				float:left;
				width:172px;
				height:172px;
				background: url(../image/linup_bg.gif) no-repeat;
				margin:20px 0 0 10px;
				}
			#content div#linup div.month3 ul.photo li img {
				margin:1px;
				}
			#content div#linup div.month3 ul.name li {
				list-style:none;
				float:left;
				width:170px;
				color:#FFF;
				font-weight:bold;
				text-align:center;
				font-size:12px;
				margin:10px 0 30px 10px;
				}
		#content div#linup div.month3 div.clear {
			clear: both;
		}

/*画像4枚のとき*/
		#content div#linup div.month4 {
			width:752px;
			margin:0 auto;
			}
			#content div#linup div.month4 ul.photo li {
				list-style:none;
				float:left;
				width:172px;
				height:172px;
				background: url(../image/linup_bg.gif) no-repeat;
				margin:20px 0 0 10px;
				}
			#content div#linup div.month4 ul.photo li img {
				margin:1px;
				}
			#content div#linup div.month4 ul.name li {
				list-style:none;
				float:left;
				width:170px;
				color:#FFF;
				font-weight:bold;
				text-align:center;
				font-size:12px;
				margin:10px 0 30px 10px;
				}
		#content div#linup div.month4 div.clear {
			clear: both;
		}
/********** ライン **********/

.line {
	background: url(../image/bg_line.gif) repeat-x;
	height:18px;
	margin:0;
	padding:0;
}




/********** 曲／アーティスト **********/
#content div#oa {
		background-color:#424242;
		padding:18px 0 10px 0;
		}

		#content div#oa div.music {
			}
			#content div#oa div.music dl {
			margin:10px 20px 0 20px;
				}
			#content div#oa div.music dl dt {
				font-size:26px;
				line-height:1.5em;
				color:#94FE0A;
				padding:10px 0 0 0;
				}
			#content div#oa div.music dl dd {
				font-size:14px;
				line-height:1.5em;
				color:#FFF;
				padding:0 0 0 20px;
				}
			#content div#oa div.music dl dd ul li {
				list-style-image:url(../image/list_bt.gif);
				margin:0 0 0 20px;
				padding:0;
				line-height:1.2em;
				}
			#content div#oa div.music dl dd.b-line {
				border-bottom:solid 1px #BFFA72;
				margin:0 0 16px 0;
				padding:0 0 16px 20px;
				}


/********** フッター **********/

#content div#foot {
	background-color:#424242;
	padding: 60px 0;
	text-align: center;
	}
	#content div#foot span {
		font-size: 12px;
		color:#FFF;
		}





/********** メールフォーム全体 **********/

#content_mail {
		margin:0 auto;
		width:800px;
		background-color:#424242;
}

/********** メールフォームヘッダー **********/

#content_mail div#header {
	background: url(../image/head.jpg) no-repeat;
	width:800px;
	height:200px;
	text-indent:-9999px;
}


/********** メールフォーム リクエスト・メール **********/

#content_mail div#request {
		background: url(../image/pre_bg.gif) repeat-x;
		padding:20px;
		}
		#content_mail div#request table img {
			margin:10px 0 10px 10px;
		}
			
		#content_mail div#request .pre {
			padding:10px;
			font-size:16px;
			line-height:1.5em;
			font-weight:bold;
			color:#33CC00;
			}
			

/********** メールフォーム背景 **********/

#content_mail div#mail {
		background: url(../image/bg3.gif) repeat-x;
		}