@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	background-repeat: repeat-x;
	margin:0;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	color: #CCCCCC;
	text-align:center;
	font-size:15px;
	
}

#body {
	width:750px;
	margin:0 auto;
	text-align:left;
}
#body img{vertical-align:bottom;}

#head{
width:750px;
float:left;
margin:0 auto;
text-align:center;
}


/* ---------------------------- */

#main{
width:640px;
float:left;
margin:0;
line-height:150%;
padding:0 50px 0 50px; 
}

#demo {width:750px;margin:0 auto; float:left;}
#main .gallery_demo{width:750px;margin:0 auto; float:left;}
#main .gallery_demo li{width:120px;height:80px;border:1px double #111;margin: 0 3px;background:#000;}
#main .gallery_demo li div{left:240px}

#main_image{
	height:480px;
	width:750px;
	background:black;
	border:solid 1px #111;
	margin:0 0 10px 0;
}
#main .textwaku{
	width:620px;
	padding:10px;
	margin:10px 0 10px 0;
	border:1px solid #111;
	background-color: #080808;
	line-height:150%;
	float:left;
	}
	
#main .textwakup{
	width:620px;
	padding:10px;
	margin:10px 0 10px 0;
	border:1px solid #111;
	background-color: #080808;
	line-height:150%;
	float:left;
	font-size:12px;
	}
	
#main .text h3{
color:#006666;
}

#main .textwakus{
	width:620px;
	padding:10px;
	margin:10px 0 10px 0;
	border:1px solid #111;
	background-color: #080808;
	line-height:150%;
	float:left;
	text-align:center;
	}
	
	

#main .oubo li{

width:382px;
list-style-type:none;
float:left;
padding:0 0 0 129px;
text-align:center;
float:left;
}

#main .oubo a{
padding:5px 0px 0px 0px;
width:382px;
height:24px;
background:url(img/bt_01_l.jpg);
color:#CCCCCC;
text-decoration:none;
text-align:center;
display:block;
}

#main .oubo a:hover{
color:#FFFFFF;
background:url(img/bt_02_l.jpg);
}

#main .oubol li{

width:297px;
list-style-type:none;
float:left;
padding:0 0 0 161px;
text-align:center;
}

#main .ouboli li{

width:297px;
list-style-type:none;
float:left;
padding:0 0 0 161px;
text-align:center;
}

#main .oubol a{
	width:297px;
	height:80px;
	color:#CCCCCC;
	text-decoration:none;
	text-align:center;
	display:block;
	background-image: url(img/button_l_01.jpg);
}

#main .oubol a:hover{
	color:#FFFFFF;
	background-image: url(img/button_l_02.jpg);
}

#main .ouboli a{
	width:297px;
	height:80px;
	color:#CCCCCC;
	text-decoration:none;
	text-align:center;
	display:block;
	background-image: url(img/button_l_i_01.jpg);
}

#main .ouboli a:hover{
	color:#FFFFFF;
	background-image: url(img/button_l_i_02.jpg);
}



#main .title{
background:url(img/titile.jpg);
background-repeat:no-repeat;
width:640px;
height:30px;
padding:6px 0 0 45px;
font-size:16px;
float:left;
}

#main .title a{
color:#999999;
}

#main .title a:hover{
color:#ffffff;
}

#main .text{
	width:620px;
	padding:10px;
	margin:0 0 0 0;
	line-height:150%;
	float:left;
	}

#main .text h2{
	width:610px;
	height:20px;
	background-color:#111;
	padding: 7px;
	margin:10px 0;
	clear: both;
}

#main .text img{
float:right;
margin:0 0 5px 5px;
	}

#main .textl{
	width:620px;
	padding:10px;
	margin:0 0 0 0;
	line-height:150%;
	float:left;
	}
	
	
#main .textl img{
float:left;
margin:0 5px 5px 0;
	}
	
#main .textc{
	width:620px;
	padding:10px;
	margin:0 0 0 0;
	line-height:150%;
	float:left;
	}
	
	
#main .textc img{
text-align:center;
margin:0 50x 0px 50px;
	}
	
	

#main a{
color:#144847;
}

#main a:hover{
color:#FFFFFF;
}


/* ---------------------------- */

#main .staff{
padding:10px;
line-height:150%;
}

#main .staff p{
	width:610px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
	padding: 7px 15px;
	clear: both;
}

#main .staff h1{
	width:610px;
	height:20px;
	background-color:#111;
	padding: 7px 15px;
	clear: both;
}

#main .artist ul{
margin:0px;
padding:0px;
list-style-type:none;
clear:both
} 

#main .artist li{
float:left;
margin:0;
padding:5px 5px;
margin:3px;
text-align:center;
width:140px;
height:130px;
border:#111 1px solid;
list-style-type:none;
}

/* -----------------------


#main .artist li{
	width:610px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
	padding: 7px 15px;
	clear: both;
}
----- */
#main .artist h1{
	width:610px;
	height:20px;
	background-color:#111;
	padding: 7px 15px;
	clear: both;
}

/* ---------------------------- */

#main .past ul{
margin:0px;
padding:0px;
list-style-type:none;
} 

#main .past li{
float:left;
margin:0;
padding:3px 3px;
margin:3px;
text-align:center;
width:100px;
border:#111 1px solid;
list-style-type:none;
}

/* ---------------------------- */

#main .company{
padding:10px;
line-height:150%;
}

#main .company p{
	width:610px;
	padding: 15px 15px;
	clear: both;
	background-color:#ffffff;
	color:#333333;
}

#main .company h1{
	width:610px;
	height:20px;
	background-color:#E8E8E8;
	padding: 7px 15px;
	clear: both;
	color:#333333;
}
#main .company a{
color:#111111;
}

#main .company a:hover{
color:#111111;
}

/* ---------------------------- */

#main .company{
padding:10px;
line-height:150%;
}

#main .hachi{
padding:10px;
width:600px;
background-repeat:no-repeat;
}

/* ---------------------------- */

#main .goods .img{
padding:10px 0 10px 0;
float:left;
text-align:center;
}

#main .goods .text{
padding:10px 0 10px 0;
float:left;
}

#main .goods .pra{
padding:10px 0 10px 0;
float:left;
margin:0 auto;
width:620px;
text-align:center;
}

#main .goods .bussan{
padding:10px;
float:left;
margin:0 auto;
width:600px;
border:#333333 1px solid;
margin-bottom:10px;
}

#main .goods .bussan h1{
background-color:#003333;
font-size:12px;
padding:5px;

}

#main .goods .bussan ul{
list-style:none;
margin-top:5px;
}
#main .goods .bussan li {
float:left;
margin-left:5px;
}

#main .title2{
	width: 620px;
	color: #999999;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #003333;
	background-color:#090909;
	margin-right: 15px;
	display: block;
	float: left;
	padding:0 0 0 15px;
}

/* ---------------------------- */

#main .fr li{

width:200px;
list-style-type:none;
float:left;
padding:10px 60px 10px 60px;
text-align:center;
}

#main .fr a{
padding:3px 0px 0px 0px;
width:200px;
height:24px;
background:url(img/bt_01_l.jpg);
color:#CCCCCC;
text-decoration:none;
text-align:center;
display:block;
}

#main .fr a:hover{
color:#FFFFFF;
background:url(img/bt_02_l.jpg);
}
/* ---------------------------- */

#footer{
width:750px;
margin:0 auto;
padding:0 1px;
}

#footer ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#footer li{
float:left;
margin:0;
padding:0 1px;
text-align:center;
width:104px;
list-style-type:none;
}

#footer a{
padding:8px 0px 0px 0px;
width:104px;
height:20px;
background:url(img/bt_01.jpg);
color:#CCCCCC;
text-decoration:none;
text-align:center;
display:block;
}

#footer a:hover{
color:#FFFFFF;
background:url(img/bt_02.jpg);
}

#footer .navi{
padding:0 50px 0 50px;
text-align:center;
}


#footer .copy{
font-size:10px;
padding:5px 0;
text-align:center;
}

/* ---------------------------- */

#footerfr{
width:750px;
margin:0 auto;
padding:0 1px;
}

#footerfr ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#footerfr li{
float:left;
margin:0;
padding:0 1px;
text-align:center;
width:200px;
list-style-type:none;
padding:0 20px 0 20px;
}

#footerfr a{
padding:8px 0px 0px 0px;
width:200px;
height:20px;
background:url(img/bt_01_l.jpg);
color:#CCCCCC;
text-decoration:none;
text-align:center;
display:block;
}

#footerfr a:hover{
color:#FFFFFF;
background:url(img/bt_02_l.jpg);
}

#footerfr .copy{
font-size:10px;
padding:5px 0;
text-align:center;
}