@charset "UTF-8";
/*----------------------------------------

	- common setting
	- gnav01
	- main01
	+ contents01
		+ products01
			- products_tit01
			- products_box01
		+ info01
			- news01
			- event01
		- link_bn01
		- standards01
		- pagetop01
		
-----------------------------------------*/

/*----------------------------------------
	common setting
-----------------------------------------*/

#wrapper02 {
	background: #ffffff url(../img/index_bg01.gif) repeat-x left top;
}

/*----------------------------------------
	gnav01
-----------------------------------------*/

#gnav01 {
	width: 901px;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 0;
	line-height: 0;
}

#gnav01 h1, #gnav01 ul {
	float: left;
}

#gnav01 ul li {
	float: left;
}

/*----------------------------------------
	main01
-----------------------------------------*/

p#main01 {
	float: none;
	width: 901px;
	margin: 0 auto;
	padding: 0;
}

/*----------------------------------------
	contents01
-----------------------------------------*/

#contents01 {
	width: 904px;
	margin: 0 auto;
	padding: 0 0 15px 3px;
	background: none;
}

/*----------------------------------------
	products01
-----------------------------------------*/

#products01 {
	width: 904px;
	margin-bottom: 22px;
	background: url(../img/index_products_bg02.gif) repeat-y left top;
}

#products01 #products_bg01 {
	width: 904px;
	background: url(../img/index_products_bg03.gif) no-repeat left bottom;
}

/*----------------------------------------
	products_tit01
-----------------------------------------*/

#products_tit01 {
	width: 873px;
	padding: 20px 16px 12px 15px;
	background: url(../img/index_products_bg01.gif) no-repeat left top;
}

#products_tit01 h2 {
	float: left;
}

#products_tit01 p {
	float: right;
	padding-top: 3px;
}

/*----------------------------------------
	products_box01
-----------------------------------------*/

#products_box01 {
	width: 885px;
	padding: 0 0 24px 15px;
}

#products_box01 div {
	float: left;
}

#products_box01 div ul {
	width: 276px;
	margin-right: 4px;
	padding-left: 9px;
	background: url(../img/index_products_line02.gif) repeat-x left top;
}

#products_box01 div ul li {
	float: left;
	height: 24px;
	padding-top: 6px;
	font-size: 0;
	line-height: 0;
}

#products_box01 div ul li.btn01 {
	width: 132px;
}

#products_box01 div ul li.btn02 {
	width: 142px;
}

#products_box01 div.products_line01 {
	padding-left: 5px;
	background: url(../img/index_products_line01.gif) repeat-y left top;
}

#products_box01 ul.products_line01 {
	background: url(../img/index_products_line03.gif) repeat-x left top;
}

/*----------------------------------------
	info01
-----------------------------------------*/

#info01 {
	float: left;
	width: 701px;
	background: url(../img/index_info_bg02.gif) repeat-y left top;
}

#info01 #info_bg01 {
	background: url(../img/index_info_bg03.gif) no-repeat left bottom;
}

#info01 #info_bg01 #info_bg02 {
	background: url(../img/index_info_bg01.gif) no-repeat left top;
	padding-bottom: 23px;
}

#info01 #info_bg01 .info_end01 {
	padding-bottom: 1px;
	background: none;
}

/*----------------------------------------
	news01
-----------------------------------------*/

#news01 {
	float: left;
	width: 325px;
	padding: 23px 0 0 13px;
}

#news01 #news_tit01 {
	width: 325px;
	padding: 0 0 13px 0;
	background: none;
}

#news01 #news_tit01 h2 {
	float: left;
}

#news01 #news_tit01 p {
	float: right;
	width: auto;
}

#news01 table {
	width: 325px;
}

#news01 table th {
	width: 70px;
	padding: 8px 14px 7px 0;
	background: url(../img/common_line02.gif) repeat-x left bottom;
	vertical-align: top;
}

#news01 table td {
	width: 229px;
	padding: 8px 0 7px;
	background: url(../img/common_line02.gif) repeat-x left bottom;
}

/*----------------------------------------
	event01
-----------------------------------------*/

#event01 {
	float: right;
	width: 317px;
	padding: 23px 13px 0 0;
}

#event01 #event_tit01 {
	width: 319px;
	padding: 0 0 13px 0;
	background: none;
}

#event01 #event_tit01 h2 {
	float: left;
}

#event01 #event_tit01 p {
	float: right;
	width: auto;
}

#event01 table {
	width: 317px;
}

#event01 th {
	width: 70px;
	padding: 8px 14px 7px 0;
	background: url(../img/common_line02.gif) repeat-x left bottom;
	vertical-align: top;
}

#event01 td {
	width: 218px;
	padding: 8px 0px 7px;
	background: url(../img/common_line02.gif) repeat-x left bottom;
}

#event01 dl {
	padding-top: 26px;
}

#event01 dd {
	width: 301px;
	padding: 6px 8px 5px;
}

#event01 dd.gray01 {
	background: #f0f0f0;
}

#event01 dd span.arrow01 {
	background: url(../img/common_arrow01.gif) no-repeat left -1px;
}

/*----------------------------------------
	link_bn01
-----------------------------------------*/

#link_bn01 {
	float: right;
	width: 184px;
}

#link_bn01 ul {
	width: 180px;
	margin: 9px 0 0 1px;
	padding-top: 12px;
	background: url(../img/common_line01.gif) repeat-x left top;
}

#link_bn01 ul li {
	padding-bottom: 6px;
}

/*----------------------------------------
	standards01
-----------------------------------------*/

#standards01 {
	float: left;
	width: 649px;
	padding-top: 13px;
}

#standards01 p {
	float: left;
}

#standards01 #standards_box01 {
	float: left;
	width: 245px;
}

#standards01 #standards_box02 {
	float: right;
	width: 380px;
}

#standards01 #standards_box01 p.t01 {
	padding-top: 21px;
}

#standards01 #standards_box02 p.t01 {
	padding-top: 14px;
}

/*----------------------------------------
	pagetop01
-----------------------------------------*/

p#pagetop01 {
	float: right;
	width: auto;
	margin: 0;
	padding: 52px 1px 0 0;
	text-align: right;
}
