@charset "UTF-8";

@import url("reset.css"); /* default stylesheet */
@import url("fonts.css"); /* fonts stylesheet */



/* float解除 */
.clearfix:after{
	content:" "; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}
* html.clearfix{
	/*\*/height:1%;/* for WinIE*/ 
	display:inline-table;/* for MacIE*/
}
.left{float:left;}
.right{float:right;}


a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	color:rgba(255,255,0,0.5);
}


body{
	background-color:#000000;
}

#wrapper{
	width:720px;
	padding:0px;
	margin:0px auto;
	text-align:left;
}

/* navi */
#navi{
	width:720px;
	padding:10px 0;
}

/* header */
#header{
	width:720px;
	height:180px;
	background:transparent url(../img/title.jpg) no-repeat;	
}
#header h1{visibility:hidden;}

/* bannerBlock */
#bannerBlock{
	width:720px;
	padding:5px 0;
}

/* imgBlock */
#imgBlock{
	width:720px;
	margin-bottom:20px;
}
#imgBlock img{
	border:#000000 solid 1px;
	vertical-align:bottom;
}

/* mainBlock */
#mainBlock{
	width:720px;
	background-color:#FFFFFF;
}
#mainBlock .left{
	width:240px;
	padding:30px 0 0 10px;
}
#mainBlock .right{
	width:425px;
	padding:30px 25px 30px 0;
}
#mainBlock p{
	font-size:93%;
	line-height:150%;
	margin-top:20px;
}
#mainBlock ol li{
	list-style:decimal;
	font-size:93%;
	margin:5px 0 5px 20px;
}
#mainBlock #btnBlock{
	padding-top:10px;
}
#mainBlock #btnBlock img{
	margin:5px 0 5px 5px;
}
#mainBlock a{font-weight:bold;}
#mainBlock a:hover{color:#FF0000;font-weight:bold;}
#mainBlock strong{font-weight:bold;}


/* footer */
#footer{
	padding:5px 0;
}
#footer p{
	font-size:93%;
	text-align:right;
	color:#666666;
}
