@charset "Shift_JIS";

html {
	height:100%;
}
body {
	text-align:center;
	margin:0px; padding:0px;
	font-size: 12px;
	color: #333333;
	background-image: url(images/frame-back.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #EEEEEE;
	height:100%;
}
div {
	font-size: 12px;
	line-height: 150%;
}
a:link { color: #000099; }
a:visited { color: #999999; }
a:hover{ color:#cc0000;}
a:active { color: #999999; }

h1 { margin:0px; padding:0px;}

/* メニュータイトル */
.menu-title {
	font-size:18px;
	letter-spacing: 10px;
}
/* 外枠 */
.frame {
	background-color: #ffffff;
	text-align: left;
	width: 700px;
	margin: 0px auto;
	border: #7b7b7b solid;
	border-width: 0px 1px;
	height:100%;
}
/* ヘッダ */
.header { text-align: center; background-color:#FFFFFF;
}
/* メニュー */
ul.menu{
	width:694px;
	height:19px;
	background:#C7E2E2;
	border-color: #99cccc;
	margin:0px;
	border-style: solid;
	border-width: 2px 0px;
	font-size:15px;
	padding: 3px;
	letter-spacing: 3px;
}
ul.menu li{
	list-style-type: none;
	margin: 0px;
	float: left;
}
ul.menu li a,
ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:active{
	width:98px;
	text-align:center;
	display:block;
	text-decoration: none;
}
ul.menu li a:hover{
	background:#336666;
	color:#ffffff;
}

/* フッタ */
.footer {
	width:700px;
	color:#666666;
	background-color: #cccccc;
	text-align: center;
	padding:2px 0px;
	clear:both;
}
/* 外枠マージン */
.frame-margin { margin:0px 15px; clear:both;
}
.frame-margin-a {
	clear:both;
	margin: 0px 15px;
	background-image: url("images/icon/gensou5/rion.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.frame-margin-h {
	clear:both;
	margin: 0px 15px;
	background-image: url("images/icon/gensou5/zerase.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
.frame-margin-l {
	clear:both;
	margin: 0px 15px;
	background-image: url("images/icon/gensou5/jeane.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* 枠左 */
.frame-left { float:left; width: 210px;}
/* 枠中 */
.frame-center { float:right;width: 210px;}
/* 枠右 */
.frame-right { float:right; width: 210px;}
/* 枠左中 */
.frame-center-left { float:left; width:445px;}

/* アルバム枠 */
.album { margin:8px; width: 210px; float:left;}

/* 曲タイトルP-MODEL */
.music-title-p{
	padding: 5px 0px 5px 5px;
	border: #0099CC solid;
	border-width: 5px 0px;
	background-image: url("images/hira_music_title_back.gif");
	background-repeat: no-repeat
}
/* 曲タイトルP-MODEL 亜種音*/
.music-title-p-box{
	width: 660px;
	float:left;
	margin:7px;
	padding: 5px 0px 5px 5px;
	border: #0099CC solid;
	border-width: 5px 0px;
	background-image: url("images/hira_music_title_back.gif");
	background-repeat: repeat-x;
}
/* 曲タイトル平沢 */
.music-title-h{
	padding: 5px 0px 5px 5px;
	border: #CC0000 solid;
	border-width: 5px 0px;
	background-image: url("images/hira_music_title_back.gif");
	background-repeat: no-repeat;
}
/* 曲タイトルその他 */
.music-title{
	padding: 5px 0px 5px 5px;
	border: #999999 solid;
	border-width: 5px 0px;
	background-image: url("images/hira_music_title_back.gif");
	background-repeat: no-repeat;
}
/* 強調 */
strong {  font-size: 15px; line-height: 150%}
/* 注釈 */
.note {  font-size: 11px; line-height: 150%}
/* 回り込み解除 */
.c-both { clear:both; }

/* 絵サムネイル左タイトル */
div.e-thumbnail-l-t {
	float:left;
	width:320px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 絵サムネイル右タイトル */
div.e-thumbnail-l-r {
	float:right;
	width:320px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 絵サムネイル枠左 */
div.e-thumbnail-l {float:left; width:320px;
}
/* 絵サムネイル枠右 */
div.e-thumbnail-r {float:right; width:320px;
}
/* 絵サムネイル */
div.e-thumbnail-l a, div.e-thumbnail-r a {
	float:left;
	display:block;
	width:53px;
	height:53px;
	margin:10px;
}
div.e-thumbnail-l a:hover, div.e-thumbnail-r a:hover {
	float:left;
	display:block;
	width:53px;
	height:53px;
	background-image:url("images/s_back.gif");
	background-repeat:no-repeat;
	background-position:3px 3px;
}
/* 各絵下サムネイルタイトル */
div.e-thumbnail-t {
	width:660px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 各絵下サムネイル枠 */
div.e-thumbnail {
	float:left;
	width:670px;
	margin-top:10px;
}
/* 各絵下サムネイル */
div.e-thumbnail a, div.e-thumbnail a {
	float:left;
	display:block;
	width:53px;
	height:53px;
	margin:6px;
}
div.e-thumbnail a:hover, div.e-thumbnail a:hover {
	float:left;
	display:block;
	width:53px;
	height:53px;
	background-image:url(images/s_back.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}
/* 絵サムネイルNEW */
.new { color:#cc0000; margin-left:20px;}

/* 絵タイトル */
.e-title {
	border-left:10px #339999 solid;
	font-size:18px;
	text-indent:10px;
	padding:2px 0px;
}
/* 絵マージン */
.e-margin { text-align:center; margin:30px 0px;}

/* リンク種類タイトル */
div.link-t {
	width:660px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* リンク枠 */
div.link-f a {
	float:left;
	width:200px;
	margin:10px 0px 10px 15px;
	text-decoration: none;
}

/* リンクメニュー */
ul.link-m li{
	float: left;
	border-color: #666666;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	list-style-type: none;
	margin: 0px;
	padding:0px 10px;
}
/* 案内種類タイトル */
div.about-t {
	width:660px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 案内種類タイトル左 */
div.about-t-l {
	float:left;
	width:320px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 案内種類タイトル右 */
div.about-t-r {
	float:right;
	width:320px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	font-size:15px;
	text-indent:7px;
	padding-bottom:3px;
}
/* 案内枠左 */
div.about-f-l { float:left; width:320px;
}
/* 案内枠右 */
div.about-f-r { float:right; width:320px;
}

ul.about-m li {
	line-height:180%;
	list-style-image: url('images/icon/icon_20_05.gif');
	padding-left:10px;
}
ul.about-m a { text-decoration:none;
}
/* プロフィール素性リスト部分 */
ul.profile-s li {
	line-height:250%;
	list-style-image: url('images/icon/icon_20_05.gif');
	padding-left:10px;
}
/* プロフィールリスト部分 */
ul.profile li {
	vertical-align:middle;
	line-height:200%;
	list-style-image: url('images/icon/icon_yajirusi.gif');
	padding-left:5px;
}
/* プロフィール各項目 */
p.profile-t {
	width:300px;
	border-bottom:1px solid #999999;
	padding:3px;
}
/* プロフィール枠小左 */
div.profile-f-l-s { float:left; 
}
/* プロフィール枠小右 */
div.profile-f-r-s { float:right; width:150px;
}
/* 更新情報画像 */
.news-c { vertical-align:middle; margin-right:10px;
}
/* 更新情報テキスト */
.news-t { font-size:15px;border-bottom:1px #999999 solid; padding-bottom:3px;
}
.news-t a { text-decoration:none;
}
/* トップ枠左 */
.top-f-l {
	float:left;
	width:230px;
	margin-top:17px;
	margin-right:20px;
	margin-bottom:20px;
	padding-right:10px;
	border-right:1px #999999 dashed;
	height:100%;
	background-image: url("images/icon/gensou5/alshutart.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* トップ枠中 */
.top-f-c {
	float:left;
	width:230px;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:20px;
	padding-right:10px;
	border-right:1px #999999 dashed;
	height:100%;
	background-image: url("images/icon/gensou5/rimusraa.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* トップ枠右 */
.top-f-r {
	float:right;
	width:140px;
	margin:20px 0px;
	text-align:right;
	height:100%;
	background-image: url("images/icon/gensou5/miakis.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* 気になるアイテム */
.item {
	width:200px;
	border-left:7px #339999 solid;
	border-bottom:1px #999999 solid;
	text-indent:7px;
	font-size:15px;
	padding-bottom:3px;
}
/* トップアイコン高さマージン */
div.height img { margin-top:10px;
}