@charset "utf-8";

/* リセット：Yahoo!UI改変版
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* 共通
================================================== */
body { background-color: #333; color: #fff; }
#container {
	background: #fff url(img/bg_body.gif) left top repeat-x; color: #333;
	line-height: 1.6; word-wrap: break-word;
	min-width: 862px;
}
/* heading
-------------------------------------------------- */
h1, h2, h3 { font-weight: bold; }
/* anchor
-------------------------------------------------- */
a, a img { outline: 0; }
a:link { color: #c00; }
a:visited { color: #7d090c; }
a:hover,a:focus { color: #f00; }
a:active { color: #f60; }

/* #header
================================================== */
#header {
	width: 862px; height: 285px;
	margin: 0 auto 15px;
	background: transparent url(img/bg_header.gif) center top no-repeat;
	text-align: center;
}
#header h1, #header p { padding-top: 40px; }
#header h1 img, #header p img { margin-bottom: 15px; }
#header img.png { margin-right: 60px; }

/* #mainbody
================================================== */
#mainbody {
	margin: 0 auto;
	width: 840px;
}
/* anchor
-------------------------------------------------- */
#mainbody a img {
	padding: 1px;
	background-color: #fff;
}
#mainbody a:link img { border: 1px solid #c00; }
#mainbody a:visited img { border: 1px solid #7d090c; }
#mainbody a:hover img,#mainbody a:focus img {
	border: 1px solid #f00;
}
#mainbody a:active img { border: 1px solid #f60; }
/* .more
-------------------------------------------------- */
#mainbody .more { text-align: right; }
#mainbody .more a img {
	margin: 3px; padding: 0; border: 0;
	vertical-align: baseline;
}
#mainbody .more a:link img,
#mainbody .more a:visited img,
#mainbody .more a:hover img,
#mainbody .more a:focus img,
#mainbody .more a:active img {
	border: 0;
}

/* #main
================================================== */
#main {
	float: right;
	width: 580px;
	padding-top: 10px;
}
/* table
-------------------------------------------------- */
#main table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: separate;
	border-spacing: 1px;
}
#main th,
#main td {
	padding: 0.7em 7px;
	line-height: 1.3;
	vertical-align: middle;
}
#main thead th,
#main thead td {
	border-right: 1px solid #55392e;
	border-bottom: 1px solid #55392e;
	background: #674d3b url(img/bg_thead.gif) left bottom repeat-x;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
#main tbody th,
#main tbody td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #f2ece0;
	color: #000;
}
#main tbody tr.odd th,
#main tbody tr.odd td {
	background-color: #dfd7c6;
}
#main tbody tr:nth-child(even) th,
#main tbody tr:nth-child(even) td {
	background-color: #dfd7c6;
}
#main tbody tr:hover th,
#main tbody tr:hover td {
	background-color: #fff3a7;
}
#main tbody th {
	width: 25%;
	font-weight: bold;
}
#main tbody td.btn {
	padding: 0.1em 5px;
	font-size: 93%;
	text-align: center;
}
#main tbody td.date {
	text-align: center;
	font-size: 93%;
}
#main tbody td a img {
	background-color: transparent;
	border: 0;
}
#main tbody td a:link img,
#main tbody td a:visited img,
#main tbody td a:hover img,
#main tbody td a:focus img,
#main tbody td a:active img {
	border: 0;
}
/* .pagination
-------------------------------------------------- */
.pagination {
	margin-bottom: 2.5em;
	padding-left: 10px;
}
#main .pagination a img {
	margin: 0 2px;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
#main .pagination a:link img,
#main .pagination a:visited img,
#main .pagination a:hover img,
#main .pagination a:focus img,
#main .pagination a:active img {
	border: 0;
}
.pagination li {
	 display: -moz-inline-box;
	 display: inline-block; 
}
.lteie7 .pagination li {
	display: inline; zoom: 1;
}
.pagination ol { text-align: center; }
.pagination ol li a,
.pagination ol li em {
	display: block;
	padding: 0.5em 7px;
}
.pagination ol li em { font-weight: bold; }
.pagination ol li a:hover,
.pagination ol li a:focus {
	background-color: #fff3a7;
}
.pagination ul li {
	width: 49%;
	text-align: right;
}
.pagination ul li:first-child {
	text-align: left;
}
.pagination ul li.firstChild {
	text-align: left;
}
.pagination p {
	padding: 1.7em 0;
	font-size: 93%;
	text-align: center;
}
#main .pagination p a img {
	margin: 0 0 5px;
	vertical-align: top;
}
/* pagetop
-------------------------------------------------- */
#pagetop {
	position: relative;
	width: 840px;
	height: 20px;
	clear: both;
	text-align: right;
}
#pagetop a img {
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 720px;
	z-index: 100;
}
#pagetop a:link img,
#pagetop a:visited img,
#pagetop a:hover img,
#pagetop a:focus img,
#pagetop a:active img {
	border: 0;
}
/* #title
-------------------------------------------------- */
#title { margin-bottom: 15px; }
#title a img {
	padding: 0;
	border: 0;
}
#title a:link img,
#title a:visited img,
#title a:hover img,
#title a:focus img,
#title a:active img {
	border: 0;
}
/* .section
-------------------------------------------------- */
#main .section {
	margin-bottom: 1.5em;
	padding-left: 10px;
}
#main .section h2 {
	margin-bottom: 0.5em;
	color: #3a0107;
	font-size: 108%;
	line-height: 1.2;
}
#main .section h2 img {
	margin-right: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}

/* #aside
================================================== */
#aside {
	float: left;
	width: 210px;
	padding-top: 10px;
	font-size: 93%;
	line-height: 1.4;
	text-align: center;
}
#aside a img { vertical-align: top; }
#aside .article {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #bbb;
	background-color: #eee;
	color: #333;
}
#aside .article h3 {
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}
#aside .article a img {
	margin-bottom: 5px;
}
/* #cd_release
-------------------------------------------------- */
#aside #cd_release {
	padding-bottom: 0;
	border-bottom: 0;
}
div.lteie7 #aside #cd_release {
	margin-bottom: 0;
}
#aside #cd_release h3 {
	margin-bottom: 0;
	border-bottom: 0;
}
#aside #cd_release li {
	padding: 15px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
}
#aside #cd_release li strong {
	font-size: 108%;
}
/* #link_artist
-------------------------------------------------- */
div.lteie7 #aside #link_artist {
	border-top: 20px solid #fff;
}
#aside #link_artist li {
	margin-bottom: 10px;
}
#aside #link_artist p {
	padding: 0 10px;
}
#aside #link_artist p a img {
	vertical-align: middle;
}

/* #footer
================================================== */
#footer {
	background-color: #333;
	color: #999;
	font-size: 93%;
	text-align: center;
}
#footer a:link { color: #fff; }
#footer a:visited { color: #aaa; }
#footer a:hover,#footer a:focus { color: #f93; }
#footer a:active { color: #ff0; }
#footer ol {
	padding: 20px 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #1d1d1d;
}
#footer li {
	display: -moz-inline-box;
	display: inline-block;
	padding: 2px 0.3em 2px 0.8em;
	border-left: 1px dotted #707070;
	vertical-align: middle;
}
#footer li:first-child { border-left: 0; }
#footer li.firstChild { border-left: 0; }
#footer li img {
	margin-right: 3px;
	background-color: transparent;
	vertical-align: middle;
}
#footer li a:link img { border: 1px solid #fff; }
#footer li a:visited img { border: 1px solid #aaa; }
#footer li a:hover img,#footer li a:focus img { border: 1px solid #f93; }
#footer li a:active img { border: 1px solid #ff0; }
div.lteie7 #footer li {
	display: inline;
	zoom: 1;
	overflow: hidden;
}
#footer address {
	padding: 20px 0 24px;
	border-top: 1px solid #444;
}

/* body#pg_home
================================================== */
body#pg_home #main { padding-top: 0; }
body#pg_home #main .article { margin-bottom: 40px; }
body#pg_home #main .article h2 { margin-bottom: 12px; }
body#pg_home #main .article h2 a img {
	padding: 0; border: 0;
}
/* #about
-------------------------------------------------- */
#about {
	width: 580px;
	min-height: 220px;
	margin-bottom: 30px;
	background: #ffb936 url(img/bg_about.gif) left bottom no-repeat;
	color: #000;
}
#about h2 {
	margin-bottom: 15px;
}
#about p {
	padding: 0 20px 0.8em;
}
/* #news
-------------------------------------------------- */
#news h2 {
	margin-left: -10px;
}
#news dl {
	margin-bottom: 15px;
	border-top: 1px dotted #999;
}
#news dt {
	float: left;
	width: 8.0em;
	padding: 0.8em 0.5em;
}
#news dd {
	border-bottom: 1px dotted #999;
}
#news dd a {
	display: block;
	padding: 0.8em 0.5em 0.8em 9.5em;
}
#news dd a:hover,
#news dd a:focus {
	background-color: #fff3a7;
}
#news p {
	clear: both;
}
/* #song
-------------------------------------------------- */
#song h2 {
	margin-left: -10px;
}
#song p {
	margin-bottom: 1.2em;
}
#song tbody th {
	width: 20%;
}
#song tbody td.artist {
	width: 15%;
}
#song tbody td.date {
	width: 18%;
}

/* body#pg_news
================================================== */
body#pg_news #title,
body#pg_news_detail #title {
	margin-bottom: 25px;
}
/* .article
-------------------------------------------------- */
#main .article {
	margin-bottom: 2.5em;
	padding-left: 10px;
}
#main .articleHead {
	border-bottom: 1px solid #fff;
	background: #b10f14 url(img/bg_article_head.gif) left top no-repeat;
	color: #fff;
}
body#pg_news_detail #main .articleHead {
	padding: 1.2em 15px;
}
#main .articleHead a {
	display: block;
	padding: 1.2em 15px;

	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#main .articleHead a:hover,
#main .articleHead a:focus {
	color: #ff0;
}
#main .articleHead a strong {
	text-decoration: underline;
}
#main .articleHead a strong,
#main .articleHead h1 {
	font-size: 123%;
	font-weight: bold;
}
#main .articleBody {
	padding: 20px 13px;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
	border-bottom: 1px solid #fff;
}
body#pg_news_detail #main .articleBody h2,
body#pg_news #main .articleBody h3 {
	margin-bottom: 0.8em;
	color: #c4161c;
	font-size: 108%;
}
#main .articleBody p {
	margin-bottom: 0.8em;
}
#main .articleBody ul,
#main .articleBody ol {
	margin-left: 35px;
	margin-bottom: 1.5em;
}
#main .articleBody ul {
	list-style-type: square;
}
#main .articleBody ol {
	list-style-type: decimal;
}
#main .articleBody li {
	margin-bottom: 0.5em;
	line-height: 1.3;
}
#main .articleBody em {
	color: #c4161c;
}
#main .articleBody p img {
	padding: 2px;
	border: 1px solid #bbb;
}
#main .articleFoot {
	padding: 0 15px 8px;
	background: #fff url(img/bg_article_foot.gif) center bottom no-repeat;
	color: #333;
}
.lteie7 #main .articleFoot {
	zoom: 1;
}
#main .articleFoot:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}
#main .articleFoot a img {
	margin-right: 3px;
	padding: 0;
	border: 0;
	vertical-align: middle;
}
#main .articleFoot p {
	padding: 0.5em 0;
	border-top: 1px dotted #bbb;
}
#main .articleFoot p.keyword,
#main .articleFoot p.sb {
	text-align: right;
}
#main .articleFoot p.action,
#main .articleFoot p.sb {
	width: 270px;
	float: left;
}
/* #comment
-------------------------------------------------- */
body#pg_news_detail #main #comment h2 {
	padding: 0.5em 0;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	color: #000;
	font-size: 108%;
}
#comment h2 img {
	margin-right: 5px;
	vertical-align: middle;
}
#viewComment {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
#viewComment .commentBody {
	margin-bottom: 1.2em;
	padding: 0.8em 15px 0.2em;
	background-color: #f2ece0;
	border: 1px solid #c7bcb2;
}
#viewComment .commentBody h3 {
	margin-bottom: 0.8em;
}
#viewComment .commentBody h3 a img {
	padding: 0;
	border: 0;
	background-color: transparent;
	vertical-align: middle;
}
#viewComment .commentBody h3 span {
	color: #666;
	font-weight: normal;
	font-size: 93%;
}
#viewComment .commentBody p {
	margin-bottom: 0.8em;
}
#postComment p {
	margin-bottom: 0.8em;
}
#postComment dd {
	margin-bottom: 0.5em;
}
#postComment dd input, 
#postComment textarea {
	background-color: #fff;
}
#postComment dd input:focus,
#postComment textarea:focus {
	background-color: #fff5b5;
}
#postComment dd input {
	width: 320px;
}
#postComment textarea {
	width: 500px;
}
#postComment p input {
	padding: 6px 15px;
	font-size: 108%;
	line-height: 1.0;
}
#postComment p input#comment-submit {
	font-weight: bold;
}
/* #articleUrl
-------------------------------------------------- */
#articleUrl {
	padding-top: 15px;
	font-size: 93%;
}
#articleUrl dt,
#articleUrl dd {
	margin-bottom: 0.3em;
}
#articleUrl input {
	width: 560px;
}

/* body#pg_songlist
================================================== */
body#pg_songlist #title h1 {
	margin-bottom: 1.5em;
}
body#pg_songlist #title p {
	margin-bottom: 1.5em;
	padding: 0 10px;
}
body#pg_songlist #main tbody th,
body#pg_songlist #main tbody td.artist {
	width: 28%;
}

/* body#pg_artist
================================================== */
/* #profile
-------------------------------------------------- */
#profile {
	margin-bottom: 1.5em;
	padding-left: 10px;
}
.lteie7 #profile {
	zoom: 1;
}
#profile:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}
#profile h1 {
	font-size: 123%;
	margin-bottom: 0.3em;
}
#profile h1 img {
	float: right;
	margin-left: 10px;
	padding: 2px;
	border: 1px solid #bbb;
}
#profile p {
	margin-bottom: 0.3em;
}
/* list
-------------------------------------------------- */
body#pg_artist_list #main ol {
	margin-right: -10px;
	padding-left: 10px;
}
body#pg_artist_list #main li {
	display: -moz-inline-box;
	display: inline-block;
	width: 268px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #c7bcb2;
	background-color: #f2ece0;
	vertical-align: top;
}
body#pg_artist_list div.lteie7 #main li {
	display: inline;
	zoom: 1;
}
body#pg_artist_list #main li a {
	display: block;
	padding: 8px;
	text-decoration: none;
}
body#pg_artist_list #main li a:hover,
body#pg_artist_list #main li a:focus {
	background-color: #fff3a7;
}
body#pg_artist_list #main li img {
	margin-right: 5px;
	vertical-align: middle;
}

/* body#pg_comment
================================================== */
body#pg_comment #main h1 {
	margin-bottom: 0.5em;
	padding: 0.5em 0;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	color: #000;
	font-size: 108%;
}
body#pg_comment #main h1 img {
	margin-right: 5px;
	vertical-align: middle;
}