@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,blockquote
        {margin:0px;padding:0px;}
ul,ol   {list-style:none;}
select  {font-size:12px;}
body    {font-family:arial,sans-serif;}
img     {border:none;}
a{color:#fff;text-decoration:underline;}

a:hover{
    text-decoration:none;
}
a:hover img{
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}
body{
    background:url(images/background.gif) repeat-x #000;
    color:#fff;
    font-size:12px;
    line-height:1.2em;
}

/* -------------------------------------- header -------------------------------------- */
#header{
	width:980px;
	height:40px;
	margin:0 auto;
	background:url(images/header_jacketbg.gif) no-repeat 278px 14px;
}
	#header h1.title{
		height:40px;
		float:left;
	}
		#header h1.title a{
			display:block;
			height:40px;
		}
		#header h1.title a img{
			padding:13px 13px 0 0;
		}
	#header ul{
		background:url(images/header_icon.gif) no-repeat right 5px;
		float:right;
		padding-right:35px;
		margin-right:5px;
		font-weight:bold;
	}
		#header ul li{
			color:#222;
			float:left;
			line-height:40px;
			font-size:14px;
		}
		#header ul li a{
			color:#222;
			padding:0 5px;
			text-decoration:none;
		}
		#header ul li a:hover{
			text-decoration:underline;
		}
/* -------------------------------------- container -------------------------------------- */
#container{
	width:980px;
	background:#000;
	margin:0 auto;
	padding-top:55px;
	margin-bottom:50px;
	margin-top:1px;
	background:url(images/index_background.gif);
}
	#container h2{
		text-align:center;
	}
/* -------------------------------------- contents -------------------------------------- */
#contents{
	margin:0 65px 0;
	background:#000;
}
		#contents div.content{
			width:790px;
			margin:0 auto;
			padding-top:30px;
		}
			
			
		#contents div.content ul.sns{
			width:450px;
			flo
		}
				#contents div.content ul.sns li.twitter{
					height:35px;
					float:left;
					border:1xp solid red;
					width:105px;
				}
				#contents div.content ul.sns li.facebook{
					float:left;
					height:35px;
					border:1xp solid red;
					width:300px;
				}
		#contents div.content dl.schedules{
			clear:both;
			font-size:18px;
			line-height:1.4em;
			margin-bottom:25px;
		}
				#contents div.content dl.schedules dt{
					float:left;
					width:100px;
					font-weight:bold;
				}
				#contents div.content dl.schedules dd{
					margin-left:100px;
					margin-bottom:15px;
					font-weight:normal;
					color:#888;
				}
		#contents div.content div.hr{
			background:url(images/dothr.gif) repeat-x;
			height:35px;
			font-size:0;
		}
		#contents div.content h3{
			margin:0 0 10px 0;
		}
		#contents div.content p.thumb{
			float:left;
			margin:0 15px 20px 0;
		}
		#contents div.content h4{
			font-weight:bold;
			margin-bottom:3px;
		}
		#contents div.content p{
			color:#888;
		}

		#contents div.content p.map{
			clear:both;
			float:left;
			margin:0 60px 20px 0;
		}
		#contents div.content dl.address{
			float:right;
			width:390px;
		}
		#contents div.content dl.address dt{
			float:left;
			width:50px;
			margin-bottom:8px;
			font-weight:bold;
			color:#fff;
		}
		#contents div.content dl.address dd{
			margin-bottom:8px;
			margin-left:50px;
			color:#888;
		}

		#contents  ul.banner{
			clear:both;
			margin:0 30px;
		}
		#contents  ul.banner li{
			float:left;
		}

	div.footer{
		margin:0 65px 65px;
		clear:both;
		background:url(images/footer_background.png) left bottom no-repeat ;
		padding:20px 30px 30px;
	}
	div.footer p.contact{
		border-top:1px solid #fff;
		padding:20px 0 8px;
	}
	div.footer p.copyright{
		padding:0px 0 0px;
	}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.clear {
    min-height: 1px;
}

* html .clear {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}