@charset "euc-jp";
/*general*/

*{
/*border:1px solid #ffffff;*/
margin:0px;
padding:0px;
color:#FFFFCC;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:130%;
}

h2{
font-family:"HG教科書体";
font-weight:900;
}

a{
text-decoration:none;
}

li{
list-style:none;
}

img{
border:0px;
}

hr{
visibility:hidden;
}

body{
text-align:center;
}

/*classes*/

.navi{
display:none;
}

.logo{
float:left;
}

/*body*/
body{
background-color:#003300;
background-image:url(../images/band.png);
background-repeat:no-repeat;
background-position:bottom;
background-attachment:fixed;
}

body#toppage{
background-color:#003300;
background-image:url(../images/riki5.png);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
}

body#cd{
background-color:#003300;
background-image:url(../images/ske1-2.png);
background-repeat:no-repeat;
background-position:bottom left;
background-attachment:fixed;
}

body#live{
background-color:#003300;
background-image:url(../images/riki2.png);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
}

body#member{
background-color:#003300;
background-image:none;
}

body#past{
background-color:#003300;
background-image:url(../images/ske2.png);
background-repeat:no-repeat;
background-position:bottom left;
background-attachment:fixed;
}

body#link{
background-color:#003300;
background-image:url(../images/riki3.png);
background-repeat:no-repeat;
background-position:bottom left;
background-attachment:fixed;
}

/*wrap*/

#wrap{
width:992px;
margin:auto;
}

/*header*/

#header{
height:150px;
padding:2px;
/*border-bottom:2px solid #ddffdd;*/
}
#cd #header img,#past #header img{
float:right;
}

/*menu*/

#menu{
height:2.2em;
padding:3px;
border-bottom:1px solid #ddffdd;
}

#menu ul li{
display:block;
float:left;
}

#menu ul li a{
display:block;
width:150px;
line-height:1.8em;
margin:0 10px 0 0;
border:3px double #ffffcc;
float:left;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:bolder;
background-color:#003366;
opacity:0.7;
filter:alpha(opacity=70);
}
#menu ul li a#link{
margin:0;
}

#menu ul li a:hover{
background-color:#CC6633;
}

	/* for submenu */
	#menu .sublist li{
	clear:left;
	}
	#menu .sublist li a{
	width:154px;
	height:1.5em;
	line-height:1.5em;
	margin:0;
	padding:0;
	border:1px solid;
	font-weight:bolder;
	background-color:#000000;
	}
	.sublist{
	display:none;
	}
	#menu ul li:hover .sublist{
	display:block;
	position:absolute;
	top:110px;
	}
	/* ie7 haack */
	*+html body #menu ul li:hover .sublist{display:none;}
	/* ie7 hack end */
	
#toppage a#top{
background-color:#663333;
}
#cd a#cd{
background-color:#663333;
}
#live a#live{
background-color:#663333;
}
#member a#member{
background-color:#663333;
}
#past a#past{
background-color:#663333;
}
#link a#link{
background-color:#663333;
}

/*main*//*コンテンツの全体にかかる部分*/

#main{
clear:both;
position:relative;
min-width:872px;
max-width:992px;
margin:30px 5px 10px 5px;
}

#main h2{
position:relative;
top:-20px;
border-top:1px solid #99cc99;
border-right:3px solid #559955;
border-bottom:1px solid #559955;
border-left:1px solid #99cc99;
background-color:#004400;
opacity:1;
}

	/* ie7 haack */
	*+html body #main h2{border:3px double #aaaaee;}
	/* ie7 hack end */

#main p,#main li{
color:#000000;
}

#ad img{
border:2px solid #ffcc00;
}

/* TopPage */
	/*ad*/
	#toppage #ad{
	width:140px;
	min-height:500px;
	margin:0 14px 10px 0;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:left;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	#toppage #ad p{
	font-size:80%;
	}
		
	/*contents*/
	
	#toppage #contents .live-ad{
	margin:0 5px 10px 5px;
	padding:5px;
	border-top:2px solid #336633;
	border-right:2px solid #aaffaa;
	border-bottom:2px solid #aaffaa;
	border-left:2px solid #336633;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	height:430px;
	}
	#toppage #contents .live-ad #live-ad-i{
	margin-top:5px;
	float:left;
	}
	#toppage #contents .live-ad-p{
	padding-top:1em;
	text-align:center;
	text-indent:1em;
	color:#ffffcc;
	font-weight:;
	}
	
		
    #toppage #contents{
	width:638px;
	min-height:500px;
	margin:0 14px 10px 0;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:left;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}

	#toppage #contents .topic{
	margin:0 5px 10px 5px;
	padding:5px;
	border-top:2px solid #336633;
	border-right:2px solid #aaffaa;
	border-bottom:2px solid #aaffaa;
	border-left:2px solid #336633;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	}	
	#toppage #contents .topic h3{
	display:inline;
	margin-bottom:0.5em;
	padding:0 0 0 0.3em;
	border-left:1.1em solid #ffdd00;
	float:left;	
	color:#ffffcc;
	}
	#toppage #contents .topic p.topic-date{
	float:right;	
	color:#ffffcc;
	}
	#toppage #contents .topic p.topic-content{
	clear:both;	
	text-align:left;
	text-indent:1em;
	color:#ffffcc;
	}

			
	/*joint*/
	#joint{
	width:140px;
	min-height:500px;
	margin:0 0 10px 0;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:right;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	#joint li{
	margin-left:1em;
	list-style:circle;
	text-align:left;
	}
	#joint a{
	padding-bottom:1em;
	font-size:90%;
	color:#000000;
	}
	#joint a:after{
	padding-left:0.5em;
	content:url("../images/go.gif");
	vertical-align:text-top;
	}
	#joint a:hover{
	color:#CC3333;
	}
	#joint li:hover a:after{
	content:url("../images/love.gif");
	}

/* CD Listening Page */
    .sityou:after{
	padding-left:0.5em;
	content:url("../images/sound.gif");
	}
	.sityou{
	color:#000000;
	}
/*	.sityou:hover{
	color:#CC3333;
	}*/
	.sityou:hover:after{
	content:url("../images/sound2.gif");
	}
	
	/*ipikaie*/
	#cd #ipikaie{
	width:640px;
	margin-bottom:20px;		
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:right;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	#ipikaie ol{
	margin:10px 0 0 30px;
	float:left;
	}
	#ipikaie li{
	list-style:decimal;
	text-align:left;
	color:#000000;
	}
	#ipikaie img{
	margin:15px 30px 15px 40px;
	border:3px double #000000;
	float:left;
	}
	#ipikaie p{
	clear:both;
	color:#000000;
	}
	#ipikaie h3{
	clear:both;
	margin:10px 0 10px 0;
	background-color:#99eecc;
	color:#FF0000;
	}
	#ipikaie a#mailto{
	color:#ff0000;
	}
	#ipikaie p#attention{
	font-size:70%;
	}
	
	/*omake*/
	#omake{
	width:640px;
	margin-bottom:10px;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:right;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	#omake ol{
	margin:10px 0 0 30px;
	float:left;
	}
	#omake li{
	list-style:decimal;
	text-align:left;
	color:#000000;
	}
	#omake img{
	margin:0 30px 0 40px;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	float:left;
	}

/* Live Information Page */
	/* ad */
	#live #ad{
	width:140px;
	min-height:500px;
	margin:0 14px 10px 0;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:left;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}

	/* calender */
	#caltitle ,#caltitle a{
	text-align:center;
	color:#000000;
	}
	#calendar{
	width:126px;
	height:145px;
	margin:;
	padding:5px;
	border-top:2px solid #447744;
	border-right:2px solid #77aa77;
	border-bottom:2px solid #77aa77;
	border-left:2px solid #447744;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	.sun{
	color:#cc0000;
	background-color:#FFCCCC;
	}
	.sat{
	color:#0000cc;
	background-color:#ccccff;
	}
	.holiday{
	color:#cc0000;
	}

	/*contents*/
	#live #contents a{color:#ff0000;
	}
    #live #contents{
	width:638px;
	min-height:500px;
	margin:0 5px 10px 0;
	padding:5px;
	border-bottom:2px solid #99cc99;
	border-right:2px solid #99cc99;
	float:left;
	text-align:left;
	background-color:#fafaff;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	#live #contents .events{
	margin:5px 5px 10px 5px;
	padding:10px;
	padding-left:2em;
	border-top:2px solid #f2fff2;
	border-right:2px solid #99cc99;
	border-bottom:2px solid #99cc99;
	border-left:2px solid #efffef;
	background-color:#eeffee;
	}
	#live #contents .events h3{
	display:inline;
	padding:0 0 0 0.3em;
	border-left:1.1em solid #881133;
	font-size:150%;
	color:#CC3366;
	}
	#live #contents .events p.date{
	margin-top:0.5em;
	padding-left:3em;
	font-size:110%;
	font-weight:bold;
	}
	#live #contents .events p.place{
	padding-left:3em;
	font-size:110%;
	font-weight:bold;
	}
	#live #contents .events p.detail{
	padding-left:4em;
	}

/* Members Intro Page */
	/*skepom*/
	div#skepom{
	width:400px;
	min-height:350px;
	float:left;
	background-image:url(../images/ske.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
	/*riki*/
	div#riki{
	width:400px;
	min-height:350px;
	float:right;
	background-image:url(../images/riki2.png);
	background-position:top right;
	background-repeat:no-repeat;
	}
	
/* PastInformation Page */
	#map{
	width:485px;
	height:400px;
	margin-bottom:10px;
	float:right;
	opacity:0.9;
	}
	
	#markers{
	width:315px;
	margin:0 10px 0 0;
	padding:5px;
	float:right;
	background-color:#FFFFFF;
	opacity:0.8;
	}
	.switch{
	display:block;
	background-color:;
	opacity:0.8;
	}
	.switch:hover{
	background-color:#FFCC99;
	}
	
/* Links Page */
	
/*footer*/

#footer{
clear:both;
margin:10px 0 5px 0;
background-color:#CC6600;
opacity:0.8;
filter:alpha(opacity=80);
}