@charset 'UTF-8';

/**********************************************************************************

	introduction Page Style Sheet

**********************************************************************************/

/*******************************************************************************
	div.content_main
*******************************************************************************/
/*=========================================================================
	intro_top
=========================================================================*/
div.content_main .intro_top{
	width: 752px;
	height: 305px;
	position: relative;
	margin: 0 0 20px 0;
}

div.content_main .intro_top img.intro_top01{
	width: 340px;
	height: 305px;
	position: absolute;
	top: 0;
	left: 0;
}

div.content_main .intro_top img.intro_top02{
	width: 412px;
	height: 102px;
	position: absolute;
	top: 0;
	right: 0;
}

div.content_main .intro_top img.intro_top03{
	width: 412px;
	height: 203px;
	position: absolute;
	bottom: 0;
	right: 0;
}

div.content_main .intro_top a.btn_intro_product{
	width: 120px;
	height: 26px;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

/*=========================================================================
	intro_main
=========================================================================*/
div.content_main .intro_main{
	background: url(../img/bg_intro_main.jpg) center top no-repeat;
	padding: 30px 10px;
}

div.content_main .intro_main ul{
	overflow: hidden;
	zoom: 1;
	width: 732px;
	padding: 0 0 20px 0;
}

div.content_main .intro_main ul li.text{
	width: 422px;
}

div.content_main .intro_main ul li.img{
	width: 178px;
}

div.content_main .intro_main ul.list_left li.text{
	float: left;
}

div.content_main .intro_main ul.list_left li.img{
	float: right;
	padding: 0 20px 0 0;
}

div.content_main .intro_main ul.list_right li.text{
	float: right;
}

div.content_main .intro_main ul.list_right li.img{
	float: left;
	padding: 0 0 0 20px;
}