@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　CamelCaseでの記述は行いません。
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/


/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:12px;
margin:0;
height:100%;
position:relative;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-image:url(../image/back.jpg);
background-position:center top;
background-attachment:fixed;
background-repeat:no-repeat;
}

body > #primary {
height: auto;
}

a:link {color:#ff8207; text-decoration:underline;}
a:visited {color:#ff8207; text-decoration:underline;}
a:hover {color:#ff433e; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}


/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.subtitle {
	margin-bottom:18px;
}

/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:1000px;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:500px;
height:auto;
padding-left:60px;
padding-right:60px;
background-image:url(../image/contents-back.png);
}

header {
}

#contents {
}


/*--------------------------------------
　Navi
---------------------------------------*/

nav {
}

nav img {
	float:left;
}


/*--------------------------------------
　Footer
---------------------------------------*/

.topback a {
	text-align:center;
	background-color:#eabd22;
	padding:10px;
	font-size:14px;
	display:block;
	width:480px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.topback a:hover {
	background-color:#505050;
}

/*--------------------------------------
　Additional
---------------------------------------*/

#about {
	padding-bottom:30px;
}

#about table {
	margin-top:17px;
	margin-bottom:17px;
}

#about h2 {
	color:#c99710;
	font-size:18px;
	margin-bottom:10px;
}

#tracks {
	padding-bottom:30px;
}

.track-list {
	margin-bottom:17px;
}

.track-list div {
	text-indent:34px;
}

.track-list object {
	margin-bottom:-6px;
	margin-left:10px;
}

#staff {
	position:relative;
	padding-bottom:30px;
}

.staff-bana {
	width:200px;
	position:absolute;
	right:0;
	top:79px;
	color:#F00;
	font-weight:bold;
}

.staff-bana a img {
	margin-bottom:6px;
}

.staff-bana a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.staff-list {
	padding-top:10px;
	line-height:2;
}

#link {
}

#link table {
	margin-top:17px;
}

#support-link {
	background-color:#f9f4dd;
	padding-left:34px;
	padding-right:34px;
	padding-bottom:20px;
	text-align:center;
	margin-top:20px;
}

.bana200 {
	list-style:none;
	margin:0;
	padding:0;
}

.bana200 li {
	float:left;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:14px;
}

.bana200 li a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bana500 {
	list-style:none;
	margin:0;
	padding:0;
}

.bana500 li {
	margin-bottom:14px;
}

.bana500 li a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bana500 li img {
	max-width:415px;
}

.bana-others {
	list-style:none;
	margin:0;
	padding:0;
}

.bana-others li {
	margin-bottom:14px;
}

.bana-others li a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bana-others li img {
}