@charset "shift_jis";

/* TOP */
#header{
	background: url(../img/mainimg.gif) no-repeat center top #1A0A50;
	height:568px;}
	
#biography #header{
	background:url(../biography/img/bio_tit.jpg) no-repeat center top #1A0A50;
	height:568px;}
	
#discography #header{
	background:url(../discography/img/disc_tit.jpg) no-repeat center top #1A0A50;
	height:568px;}
	
#lyrics #header{
	background:url(../lyrics/img/lyrics_tit.jpg) no-repeat center top #1A0A50;
	height:568px;}
	
#store #header{
	background:url(../store/img/store_tit.jpg) no-repeat center top #1A0A50;
	height:568px;}
		
#contact #header{
	background:url(../contact/img/con_tit.jpg) no-repeat center top #1A0A50;
	height:568px;}
	
#header h1{
	text-indent:-9999px;}

#slide{
	background:url(../img/slide01.jpg) no-repeat center top #000;
	height:527px;
	color:#FFF;}
	
#slide .slide_inbox{
	width:1200px;
	position:relative;
	margin:0 auto;}
	
#slide .slide_inbox .detail{
	position:absolute;
	top:460px;
	left:25px;
	line-height:20px;}
	
#menu{
	width:1150px;
	overflow:hidden;
	margin:0 auto;}
	
#menu .logo{
	float:left;}
	
#menu .menulist{
	overflow:hidden;}
	
#menu .menulist li{
	float:right;
	height:39px;
	overflow:hidden;}
	

#slide .slide_inbox .play_btn{
	position:absolute;
	top:60px;
	left:525px;}

#info_box{
	background:#F59A1F;
	padding:50px 0;}
	
#info_box .info_inbox{
	width:1200px;
	margin:0 auto;}
	
#info_box .info_inbox h1,
#info_box .info_inbox h2{
	margin:0 0 20px 0;}

#info_box #topics dl {
  width: 1100px;
  clear: both;
  margin:0 0 40px 20px;
  color:#FFF;
}

#info_box #topics dt {
  padding: 10px 5px;
  position: absolute;
  font-weight:bold;
}

#info_box #topics dd {
  padding: 10px 0 10px 100px;
}

#info_box #topics dd a{
	color:#FFF;
	font-weight:bold;
	border-bottom:#FFF 1px dotted;}
	
#info_box #topics dd a:hover{
	border-bottom:none;
	text-decoration:none;}
	
#info_box .info_inbox table{
	margin:0 0 40px 20px;}
	
#info_box .info_inbox table td{
	padding:5px 90px 5px 5px;}
	
#info_box .info_inbox table td a{
	color:#FFF;}
	
#info_box .info_inbox table td a:hover{
	text-decoration:underline;}

#info_box .info_inbox ul{
	overflow:hidden;}
	
#info_box .info_inbox ul li{
	float:left;
	margin:0 50px 0 0;}
	
#info_box .info_inbox ul li a:hover{
	opacity:0.7;}
	
#info_box .info_inbox ul li:last-child{
	margin:0 0 0 0;}
	
.foot_img{
	background:url(../img/subimg.jpg) no-repeat center top #000;
	height:507px;}
	
.foot_img .in_box{
	width:1200px;
	margin:0 auto;
	position:relative;}
	
.foot_img .in_box .txt_box{
	position:absolute;
	top:400px;
	left:25px;
	color:#FFF;
	line-height:24px;}
	
#footer{
	background:url(../img/footer.gif) no-repeat center top #1A0A50;
	height:340px;}
	
#footer .in_footer{
	width:1200px;
	padding:40px 0 0 0;
	margin:0 auto;}

#footer .in_footer ul{
	overflow:hidden;
	width:1125px;
	margin:0 auto;}
	
#footer .in_footer ul li{
	float:left;
	margin:0 30px 0 0;}

#footer .in_footer ul li:last-child{
	margin:0 0 0 0;}


#pageTop{
	background:#1A0A50;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#284186;
	text-decoration:none;
	}
	
#contents{
	width:1200px;
	margin:30px auto 0 auto;}

#contents table{
	width:60%;
	margin:0 auto 20px auto;}
	
#contents table th{
	width:20%;
	font-weight:normal;
	color:#FFF;
	padding:10px;
	text-align:left;}
	
#contents table td{
	padding:10px;
	color:#FFF;}
	
#contents table .box{
	width:500px;}

#contents .t_a_c{
	text-align:center;
	display:block;
	border:none;
	text-indent:-9999px;
	background:url(../contact/img/send_btn.gif) no-repeat left top;
	width:140px;
	height:51px;
	margin:0 auto 50px auto;
	cursor:pointer;}
	

#contents .thanks{
	margin:50px auto;
	width:300px;
	text-align:center;
	color:#FFF;}
	
#contents .thanks a{
	color:#FFF;
	margin-top:20px;
	display:block;}
	
#contents input,
#contents textarea{
	border:none;}