@charset "utf-8";

/*  ======== インタラクティブ ======== */

.top {
	width:600px;
	height:0px;
	text-align: right;
	position:relative;top :-25px;left:0px;
}

.inter {
	width:600px;
	background:url("../image/hr.gif") no-repeat;
	padding: 26px 0 5px 0;
	float:left;
}

.title {
	width:145px;
	float:left;
	padding: 0 0 0 10px;
}

.screen {
	width:210px;
	float:left;
}

.caption{
	width:230px;
	float:left;
}

dl {
	width:210px;
	font-size:100%;
	line-height:140%;
	padding:2px 0 5px 15px;
	float:left;
	display: block
}
dt {
	background:url("../image/mark5.gif") no-repeat left center;
	color:#3d997a;
	margin-left:18px;
	padding:5px 0 2px 20px;
	border-bottom: 1px solid #ccc;
}
dd  {
	padding:2px 0 2px 20px;
}

p {
	background:url("../image/mark4.gif") no-repeat left top;	
	padding:0 0 2px 15px;
	float:left;	
}

.other {
	background:url("../image/mark3.gif") no-repeat left top;
	font-size:12px;
	margin: 15px 0 10px 30px;	
	padding: 0 0 5px 15px;	
}

/*  ========インタラクティブ title画像 ======== */

.image_title {
	height:40px;
	width:140px;
}

#title1 {
	background:url("../image/interactive/title.jpg") 0 0 no-repeat ;
}
#title1:hover {
	background:url("../image/interactive/title.jpg") 0 -40px no-repeat ;
}


#title2 {
	background:url("../image/interactive/title.jpg") -140px 0 no-repeat ;
}
#title2:hover {
	background:url("../image/interactive/title.jpg") -140px -40px no-repeat ;
}

#title3 {
	background:url("../image/interactive/title.jpg") -280px 0 no-repeat ;
}
#title3:hover {
	background:url("../image/interactive/title.jpg") -280px -40px no-repeat ;
}


#title4 {
	background:url("../image/interactive/title.jpg") -420px 0 no-repeat ;
}
#title4:hover {
	background:url("../image/interactive/title.jpg") -420px -40px no-repeat ;
}


#title5 {
	background:url("../image/interactive/title.jpg") -560px 0 no-repeat ;
}
#title5:hover {
	background:url("../image/interactive/title.jpg") -560px -40px no-repeat ;
}


#title6 {
	background:url("../image/interactive/title.jpg") -700px 0 no-repeat ;
}
#title6:hover {
	background:url("../image/interactive/title.jpg") -700px -40px no-repeat ;
}


#title7 {
	background:url("../image/interactive/title.jpg") -840px 0 no-repeat ;
}
#title7:hover {
	background:url("../image/interactive/title.jpg") -840px -40px no-repeat ;
}


#title8 {
	background:url("../image/interactive/title.jpg") -980px 0 no-repeat ;
}
#title8:hover {
	background:url("../image/interactive/title.jpg") -980px -40px no-repeat ;
}


#title9 {
	background:url("../image/interactive/title.jpg") -1120px 0 no-repeat ;
}
#title9:hover {
	background:url("../image/interactive/title.jpg") -1120px -40px no-repeat ;
}

/*  ========インタラクティブ img画像 ======== */

.image_img {
	height:196px;
	width:196px;
}

#img1 {
	background:url("../image/interactive/img.jpg") 0 0 no-repeat ;
}
#img1:hover {
	background:url("../image/interactive/img.jpg") 0 -196px no-repeat ;
}

#img2 {
	background:url("../image/interactive/img.jpg") -196px 0 no-repeat ;
}
#img2:hover {
	background:url("../image/interactive/img.jpg") -196px -196px no-repeat ;
}

#img3 {
	background:url("../image/interactive/img.jpg") -392px 0 no-repeat ;
}
#img3:hover {
	background:url("../image/interactive/img.jpg") -392px -196px no-repeat ;
}

#img4 {
	background:url("../image/interactive/img.jpg") -588px 0 no-repeat ;
}
#img4:hover {
	background:url("../image/interactive/img.jpg") -588px -196px no-repeat ;
}

#img5 {
	background:url("../image/interactive/img.jpg") -784px 0 no-repeat ;
}
#img5:hover {
	background:url("../image/interactive/img.jpg") -784px -196px no-repeat ;
}

#img6 {
	background:url("../image/interactive/img.jpg") -980px 0 no-repeat ;
}
#img6:hover {
	background:url("../image/interactive/img.jpg") -980px -196px no-repeat ;
}

#img7 {
	background:url("../image/interactive/img.jpg")  -1176px 0 no-repeat ;
}
#img7:hover {
	background:url("../image/interactive/img.jpg")  -1176px -196px no-repeat ;
}

#img8 {
	background:url("../image/interactive/img.jpg")  -1372px 0 no-repeat ;
}
#img8:hover {
	background:url("../image/interactive/img.jpg")  -1372px -196px no-repeat ;
}

#img9 {
	background:url("../image/interactive/img.jpg")  -1568px 0 no-repeat ;
}
#img9:hover {
	background:url("../image/interactive/img.jpg")  -1568px -196px no-repeat ;
}


/*  ========メニュー ======== */

#menu{
	padding: 133px 0 0 0;
}
#menu li{
	display:block;
	text-indent:-100px;
	overflow:hidden;
	float:left;
	height:201px;
}
#menu li.m1 {
	width:125px;
}
#menu li.m2 {
	width:65px;
}
#menu li.m3 {
	width:100px;
}
#menu a {
	display:block;
	height:201px;
}
#menu .m1 a {
	background-image:url("../image/chronicles_a.jpg");
}
#menu .m2 a {
	background-image:url("../image/discography_a.jpg");
}
#menu .m3 a {
	background-image:url("../image/interactive_a.jpg");
	background-position:0px -201px;
}

#menu .m3 a:hover {

}
#menu .m1 a:hover,#menu .m2 a:hover {
	background-position:0px -201px;
}

/*  ========リンク ======== */

a {
	color: #3d997a;
	text-decoration:none;
	}
a:hover , a:active {
	color: #d2691e;
}