/* SEA SPARROWSスタイルシートVer2.0(08/07/29) */




/* 背景　文字色設定 */
body {
  background-color: #000;
  background-image: url(../img/page_bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0;
  
  text-align: center;
  font-size: 80%;
  color: #CCC;
}


a:link {
	color: #CCF;
	text-decoration: underline;
}

a:active {
	color: #aaa;
}

a:visited {
	color: #FCC;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}




/* 通常テキスト設定 */
strong {
	font-weight: bold;
	color: #FFF;
}

small {
	font-size: 80%;
}

big {
	font-size: 120%;
}





/* 共通設定部分 */
#container {
	width: 700px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #444;
}




#header {
	width: 700px;
	height: 300px;
	margin: 0;
	padding: 0;
	
	text-align: right;
}
	
	#header h1 {
		width: auto;
		height: auto;
		margin: 10px 5px 0 auto;
		padding: 0;
		
		text-align: right;
		font-size: 200%;
		font-weight: bolder;
	}

	#header p {
		margin: 3px 5px 5px auto;
		padding: 0;
	}
	
	#header strong {
		font-weight: bold;
	}
	
	#header a:link {
		color: #FFF;
		text-decoration: none;
	}
	
	#header a:active {
		color: #AAA;
		text-decoration: none;
	}

	#header a:visited {
		color: #FFF;
		text-decoration: none;
	}

	#header a:hover {
		color: #666;
		text-decoration: none;
	}




#menu_bar {
	width: 700px;
	height: 25px;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	
	text-align: center;
}

	#menu_bar li {
		width: auto;
		height: 25px;
		margin: 0;
		padding: 0;
		
		display: inline;
		float: left;
}




#contents {
	width: 700px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	
	text-align: left;
	clear: both;
}


#main {
	width: 470px;
	height:auto;
	margin: 0 5px 0 10px;
	padding: 0;
	
	float: left;
}

	#main .sub {
		width: 450px;
		height: auto;
		margin: 0 0 15px 0;
		padding: 3px 0 0 10px;
		border-width: 2px 0 0 10px;
		border-style: solid;
		border-color: #444;
		
		text-align: left;
		font-weight: bold;
		color: #FFF;
		display: block;
		clear: both;
	}
	
	.main_in {
		width: 439px;
		height: auto;
		margin: 0 0 40px 30px;
		padding: 15px 0 10px 0;
		border-width: 0 1px 1px 0;
		border-style: dotted;
		border-color: #444;
		
		line-height: 160%;
	}
	
	.main_in p {
			width: auto;
			height: auto;
			margin: 0 5px 20px 5px;
			padding: 0;
			
			line-height: 130%;
		}
	
		.main_in img {
			margin: 0 0 8px 0;
			padding: 0;
		}




#side {
	width: 188px;
	height: auto;
	margin: 0 10px 20px 5px;
	padding: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #444;
	
	float: right;
	overflow: visible;
}

	#side .sub {
		background-color: #343434;
		background-image: url(../img/sub_bg.gif);
		background-repeat: repeat-x;
		width: 188px;
		margin: 0 0 8px 0;
		padding: 3px 0 1px 0;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #343434;
		
		text-align: center;
		font-weight: bold;
		color: #FFF;
		display: block;
	}
	
	#side p {
		width: auto;
		height: auto;
		margin: 0 8px 20px 8px;
		padding: 0;
		
		line-height: 130%;
	}
	
	#side img {
		margin: 0 0 5px 0;
		padding: 0;
	}




#cm {
	width: 700px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	
	text-align: center;
	clear: both;
}

	#cm_ban {
		width: 450px;
		height: 60px;
		margin: 0;
		padding: 0;
	}




#kaiseki {
	width: 700px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
}




#footer {
	width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 1px 0 10px 0;
	border-color: #555;
	
	text-align: center;
}

	#footer p {
		width: 700px;
		height: 100%;
		margin: 10px 0 15px 0;
		padding: 0;
		
		text-align: center;
		color: #CCC;
	}




/* 共通画像設定 */
a img {
	border-width: 0;
}





/* ▼----------TOPページ設定----------▼ */
#header #news {
	margin: 2px 5px 0 auto;
	padding: 0;
}




#release {
	width: 470px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
}

	#release img {
		width: 320px;
		height: 320px;
		margin: 0 10px 20px 0;
		padding: 0;
		
		display: block;
		float: left;
	}


#release_info {
	width: 138px;
	height: 309px;
	margin: 0 0 20px 0;
	padding: 0;
	border-width: 1px 2px 10px 0;
	border-style: solid;
	border-color: #444;
	
	line-height: 140%;
	float: right;
}

	#release_info p {
		width: auto;
		height: auto;
		margin: 8px 4px 4px 4px;
		padding: 0;
		
		line-height: 140%;
	}


#more_info {
	width: 468px;
	height: auto;
	margin: 0;
	padding: 0;
	border-width: 1px 1px 4px 1px;
	border-style: solid;
	border-color: #444;
	
	clear: both;
}

	#more_info p {
		width: auto;
		height: auto;
		margin: 10px 5px 15px 5px;
		
		line-height: 140%;
	}





/* ▼----------ABOUTページ設定----------▼ */





/* プロフィール情報用ボックス設定 */
.prof_box {
	background-color: #000;
	width: 418px;
	height: auto;
	margin:  0 9px 20px 10px;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #444;
	
	float: none;
	overflow: hidden;
}
	
	.prof_box p {
		width: auto;
		height: auto;
		margin: 4px 4px 8px 0;
		padding: 0;
	}
	
	.prof_img_box {
		background-color: #222;
		width: 108px;
		height: 100%;
		margin: 4px 8px 8px 0;
		padding: 0 0 8px 0;
		border-width:1px 1px 3px 1px;
		border-style: solid;
		border-color:#444;
		
		float: left;
		text-align: center;
		line-height: 130%;
	}
	
	.prof_img_box img {
		margin: 4px 5px 4px 5px;
		padding: 0;
		border-width: 1px;
		border-style: solid;
		border-color: #444;
	}




/* ▼----------MUSICページ設定----------▼ */





/* ▼----------WORKページ設定----------▼ */
.work_box {
	width: 418px;
	height: auto;
	margin:  0 9px 20px 10px;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #444;
	
	overflow: hidden;
	overflow: hidden;
}
	
	.work_box p {
		width: auto;
		height: auto;
		margin: 4px 4px 10px 0;
		padding: 0;
	}
	
	.work_box img {
		width: 200px;
		height: 200px;
		margin: 0 4px 10px 0;
		padding: 0;
		
		float: left;
	}

	.work_text {
		width: 213px;
		height: auto;
		margin: 0;
		padding: 0;
		
		float: right;
	}





/* 各CD情報ページ */
.cd_info {
	width: 420px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
	
	.cd_info img {
		margin: 0 9px 20px 10px;
	}

	.cd_info_text {
		width: 400px;
		height: auto;
		margin: 0 9px 0 10px;
		padding: 0 0 10px 0;
		border-width: 0 0 1px 0;
		border-style: dotted;
		border-color: #444;
	}
	
	.cd_info p {
		width: auto;
		height: auto;
		margin: 4px 4px 10px 4px;
		padding: 0;
		
		line-height: 150%;
	}
	
		.cd_info p small {
			margin-left: 6%;
			
		}





/* ▼----------LINKページ設定----------▼ */
.link_box {
	width: 420px;
	height: auto;
	margin: 0 0 10px 0;
}

	.link_box img {
		margin: 0 0 4px 0;
	}
	
	.link_box p {
		line-height: 100%;
	}