@charset "utf-8";

/*====================================================================

index.css

======================================================================


last update 00/00/00

====================================================================*/




/*====================================================================
	para1
====================================================================*/

#para1{
	position:relative;
	background:url(../../img/image_para1.jpg) no-repeat;
	width:580px;
	height:390px;
	overflow:hidden;
}
#para1 p{
	margin-top:200px;
	margin-left:15px;
	width:325px;
}
#para1 a{
	position:absolute;
	bottom:14px;
	left:15px;
	width:320px;
	height:30px;
	text-indent:-9999px;
}

#para1 a:hover{
	background:#fff;
	opacity:0.3;
	filter: alpha(opacity=30);
}


/*====================================================================
	para2
====================================================================*/

#para2{
	border-bottom:1px solid #d5d5d5;
	background:url(../img/bg_box.gif) repeat-y;
	width:580px;
	overflow:hidden;
}
#para2_inner{
	margin-top:10px;
	margin-left:10px;
	width:560px;
	margin:10px;
}
#para2_inner .clearfix p{
	float:left;
	width:360px;
	line-height:1.5em;
}





/*====================================================================
	clearfix
====================================================================*/
#para1:after,
#para1 ul:after,
#para2:after,
#para2 ul:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#para1,
#para1 ul,
#para2,
#para2 ul{zoom:1;}