﻿@charset "utf-8"; /*文字コード指定*/

/* ----- アルバム・ジャケットのイメージ部分 ----- */

.jacket img {
	border: 1px solid #888888;
	margin-left: -16px; /*画像外側左の余白*/
	margin-bottom: 12px; /*画像外側下の余白*/
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
}

#preview {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	border: solid 1px #16160e; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	background-color: #16160e; /*背景色指定*/
	padding: 2px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	display:none; /*要素の表示形式指定(noneは表示しない)*/
	color: #ffffff; /*文字色指定*/
}

/* ----- アルバム・ジャケットのタイトル部分 ----- */

#title {

	float: right; /*要素を左か右に寄せて配置*/
	color: #333333; /*文字色指定*/
}

#title h1 {
	font-size: 1.5em; /*フォントサイズ指定*/
	line-height: 0px; /*行の高さ指定*/
	width: 420px; 
	margin-top: 10px; /*外側上の余白*/
	margin-bottom: 10px; /*外側下の余白*/
	color: #393939; /*文字色指定*/
	text-align: left
}

.title hr  {
	border: 1px solid;
	border-color: #cccccc;
	height: 2px;
	float: right; /*要素を左か右に寄せて配置*/

}


#title ul {
	font-color: #333333;
	font-size: 1em;
	text-align: left
	padding-left: 5px; /*内側左の余白*/
}

#title ul li {
	text-align: left
	padding-left: 0px; /*内側左の余白*/
	line-height: 1.9; /*行の高さ指定*/
}


#sub  {
	float: left; /*要素を左か右に寄せて配置*/
	text-align: left

}

#sub ul li {
	text-align: left
	padding-left: 0px; /*内側左の余白*/
	margin-left: -16px; /*画像外側左の余白*/
	line-height: 1.8; /*行の高さ指定*/
}

/* ----- 歌詞部分 ----- */

#lyrics h1 {
	padding-left: 3px; /*内側左の余白*/
	font-size: 1.1em; /*フォントサイズ指定*/
	line-height: 10px; /*行の高さ指定*/
	margin-top: 40px; /*外側上の余白*/
	margin-bottom: 20px; /*外側下の余白*/
	color: #393939; /*文字色指定*/
	text-align: left;
	letter-spacing: 1px;
}

#lyrics ul li {
	font-size: 0.9em; /*フォントサイズ指定*/
	line-height: 19px; /*行の高さ指定*/
	padding-left: 23px; /*内側左の余白*/
	color: #333333; /*文字色指定*/
}

/* ----- 左側項目部分（文字） ----- */

.albumitem img {
	margin: 2px;
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
}



/* ----- クロスフェード・サムネイル ----- */

.cross img {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin-left: 0px; /*左の余白*/
}


/* ----- 配信・投稿サイト ----- */

.haishin   {
	font-weight: 600; 
	font-size: 9pt 
}

.haishin a  {
	color: #6a6a69; 
	text-decoration: none; 
}

.haishin a:hover  {
	color: #a0a4dd; 
	text-decoration: none; 
}

.haishin a:active  {
	color: #aac0ff; 
	text-decoration: none; 
}


