@import url("top.css");
@import url("information.css");
@import url("horse.css");
@import url("discography.css");
@import url("biography.css");
@import url("mobile.css");
@import url("gallery.css");


/* common ------------------------------------ */
body {
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fff;
}

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

ol, ul {
	list-style-type: none;
}

/* リンク設定 */
a:link { color: #000; text-decoration: none;}
a:active { color: #000; text-decoration: underline;}
a:visited { color: #000; text-decoration: none;}
a:hover { color: #7d0022; text-decoration: underline;}

hr {
	display: none;
}

img {
	border: 0px;	
}

div.clear {
	text-indent: -9999px;
	clear: both !important;
	overflow: hidden;
}


/* フォント設定 */
.day {
	font-weight: bold;
}
.day {
	font-weight: bold;
}








/* container 
------------------------------------ */
#container {
	position: relative;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 470px;
	text-align: center;
	background: url(../images/cover_bg.gif) repeat-y top left;
}

div.top {
	position: relative;
	margin: 0 auto 0 auto;
	top: -13px;
	text-indent: -9999px;
	padding: 0px;
	width: 470px;
	height: 12px;
	text-align: left;
	background: url(../images/btn_top.gif) no-repeat bottom left;
}

div.top a {
	display:block;
	width: 20px;
	height: 12px;
	background: url(../images/btn_pagetop.gif) no-repeat bottom left;
	text-decoration: none;
}

div.top a:hover{
	display:block;
	width: 20px;
	height: 12px;
	background: url(../images/btn_pagetop.gif) no-repeat bottom left;
	text-decoration: none;
}


/* cover 
------------------------------------ */
#container .cover {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: auto;
	text-align: center;
}

#container .cover .logo {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 123px;
}

#container .cover .logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/cover_logo.gif) no-repeat top left;
	text-decoration: none;
}

#container .cover .logo a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/cover_logo_a.gif) no-repeat top left;
	text-decoration: none;
}

/* contentsTop 
------------------------------------ */
#container .contentsTop {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 651px;
	text-align: center;
	background: url(../../images/top_bg.gif) no-repeat top left; 
}





/* contents 
------------------------------------ */
#container .contents {
	border: solid 1px #000;
	float: right;
	margin-left: 1px;
	padding: 0;
	width: 447px;
	text-align: center;
}

/* menu 
------------------------------------ */
#container .contents .menu {
	float: right;
	width: 383px;
	height: 20px; 
}

#container .contents .menu .info {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 74px;
	height: 20px; 
}

#container .contents .menu .info a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_info.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .info a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_info.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .bio {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 68px;
	height: 20px; 
}

#container .contents .menu .bio a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_bio.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .bio a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_bio.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .disco {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 81px;
	height: 20px; 
}

#container .contents .menu .disco a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_disco.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .disco a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_disco.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .mobile {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 52px;
	height: 20px; 
}

#container .contents .menu .mobile a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_mobile.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .mobile a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_mobile.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .gallery {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 51px;
	height: 20px; 
}

#container .contents .menu .gallery a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_gallery.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .gallery a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_gallery.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .horse {
	float: left;
	text-indent: -9999px;
	margin: 0;
	width: 57px;
	height: 20px; 
}

#container .contents .menu .horse a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_horse.gif) no-repeat top left;
	text-decoration: none;
}

#container .contents .menu .horse a:hover{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/menu_horse.gif) no-repeat top left;
	text-decoration: none;
}