@charset "UTF-8";
/* *****************************************************
Contents ---------------
01: base
02: LayerBase
03: LayerHeader
04: LayerFooter
05: LayerContents
06: LayerContentsBody
07: Box
------------------------
***************************************************** */

/* *****************************************************
base
***************************************************** */
*
	{
	margin: 0;
	padding: 0;
	color: #495043;
	background-color: inherit;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", san-serif;
	list-style: none;
	background: transparent;
	font-size: 100%; /* 15px */
	}

body
	{
	font-size: 75%; /* 12px */
	line-height: 150%; /* 18px */
	margin: 0;
	padding: 0;
	}

a
	{
	text-decoration: underline;
	}


/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
	{
	position: relative;
	margin: 81px 0 0 0;
	padding: 0;
	}


#AP-Pop #LayerBase
	{
	margin: 70px 0 0 0;
	}


/* *****************************************************
LayerHeader
***************************************************** */
#LayerHeader #IdLinkJp,
#LayerHeader dl
	{
	display: none;
	}

#IdLogo
	{
	position: absolute;
	top: -81px;
	left: 0;
	display: block;
	width:288px;
	height: 51px;
	}

#AP-Pop #IdLogo
	{
	width:244px;
	height: 40px;
	}


/* *****************************************************
LayerSnavi SC-Top AreaGlobalNavi
***************************************************** */
#LayerSnavi
	{
	display: none;
	}


/* *****************************************************
LayerFooter
***************************************************** */
#LayerFooter
	{
	clear: both;
	width: 570px;
	padding: 0 0 10px 0;
	text-align: center;
	}

#AP-Pop #LayerFooter
	{
	clear: both;
	width: 520px;
	padding: 33px 0 10px 0;
	}

#LayerFooter ul
	{
	display: none;
	}

#LayerFooter p
	{
	margin: 0;
	padding: 1px 30px 1px 30px;
	font-size: 83%; /* 10px */
	line-height: 140%; /* 14px */
	font-family: Arial, san-serif;
	}


/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
	{
	clear: both;
	_height: 1px; /* IE 6 */
	}

#LayerBody:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerBody:after /* IE 7*/
	{
	height: 1%; 
	}


/* *****************************************************
LayerContents
***************************************************** */
#LayerContents
	{
	background: #FFFFFF;
	margin: 0;
	padding: 0 0 20px 0;
	width: 570px;
	}

#AP-Pop #LayerContents
	{
	width: 520px;
	padding: 0 0 15px 0;
	}


/* =====================================================
h1
===================================================== */
h1
	{
	margin: 0 0 20px 0; /* 下20px */
	padding: 16px 20px 14px 20px;
	color: #15458D;
	background: #C7D7EF;
	border: 1px solid #C7D7EF;
	font-size: 200%; /* 24px */
	font-weight: bold;
	}

#AP-Top h1
	{
	display: list-item;
	width: 570px;
	height: 200px;
	list-style-image: url(i/h1_home.jpg);
	padding: 0;
	margin: 0 0 15px 0;
	color: #FFFFFF;
	font-size: 1pt;
	letter-spacing: -1000em;
	_text-indent: -9999px; /* IE 6 */
	list-style-position: inside;
	}


#H1AboutCompany,
#H1AboutHistory,
#H1ProductsWax,
#H1ProductsSolvent,
#H1ProductsChemical,
#H1ProductsEnvironment,
#H1ProductsManufacture,
#H1ProductsSearch,
#H1Gallery,
#H1GalleryWhats,
#H1GalleryLife,
#H1GalleryIllumination,
#H1GalleryAbout,
#H1Recruit,
#H1Link,
#H1Sitemap,
#H1Privacy,
#H1Terms
	{
	margin: 0 0 18px 0; /* 下text20px */
	}


/* *****************************************************
LayerContentsBody
***************************************************** */
#LayerContentsBody
	{
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	}

#AP-Pop #LayerContentsBody
	{
	padding: 15px 0 0 0;
	}


/* =====================================================
heading
===================================================== */
/* -----------------------------------------------------
h2
----------------------------------------------------- */
h2
	{
	clear: both;
	margin: 0 0 17px 0;/* 下20px */
	padding: 7px 10px 6px 10px;
	color: #FFFFFF;
	background: #52A00D;
	border: 1px solid #52A00D;
	border-left: 10px solid #266B0D;
	font-size: 116%; /* 14px */
	line-height: 128%; /* 18px */
	}


#H2Home01
	{
	margin: 0 0 2px 0;/* 下10px */
	}

#H2Home02
	{
	margin: 0 0 7px 0;/* 下10px */
	}

#H2AboutFinance02/* IE6 print error */
	{
	zoom: 1; 
	_page-break-before : always;
	}

*+html #H2AboutFinance02 /* IE7 print error*/
	{
	page-break-before : always;
	}


/* About
----------------------------------------------------- */
#H2About01
	{
	margin: 0 0 20px 0; /* 上20px 下20px */
	}

#H2About02
	{
	margin: 21px 0 20px 0; /* 上25px 下20px */
	_margin: 20px 0 20px 0;
	}

#H2ProductsWax01
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0; /* IE 6 */
	}

#H2ProductsWax02
	{
	margin: 25px 0 17px 0; /* 上25px 下20px */
	}

#H2ProductsWax03
	{
	margin: 15px 0 17px 0; /* 上25px 下20px */
	_margin: 25px 0 17px 0; /* IE 6 */
	}

*+html #H2ProductsWax03 /* IE 7 */
	{
	margin: 25px 0 17px 0;
	}

#H2ProductsWax04
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0; /* IE 6 */
	}

#H2ProductsSearch01
	{
	margin: 21px 0 22px 0; /* 上25px 下20px */
	_margin: 20px 0 22px 0; /* IE 6 */
	}

#H2Login02
	{
	margin: 21px 0 22px 0; /* 上25px 下20px */
	_margin: 20px 0 22px 0; /* IE 6 */
	}

#H2Custom01
	{
	margin: 0 0 20px 0; /* 上25px 下20px */
	_margin: 0 0 20px 0;
	}

#H2Custom02
	{
	margin: 15px 0 21px 0; /* 上25px 下20px */
	_margin: 25px 0 20px 0;
	}

*+html #H2Custom02 /* IE 7 */
	{
	margin: 25px 0 20px 0;
	}

#H2Registration02
	{
	margin: 21px 0 22px 0; /* 上25px 下20px */
	_margin: 20px 0 22px 0; /* IE 6 */
	}

#H2Gallery01
	{
	margin: 21px 0 20px 0; /* 上25px 下20px */
	_margin: 20px 0 20px 0;
	}

#H2GalleryWhats01
	{
	margin: 21px 0 20px 0; /* 上25px 下20px */
	_margin: 20px 0 20px 0;
	}

#H2GalleryWhats02
	{
	margin: 25px 0 17px 0;
	}

#H2GalleryLife01
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2GalleryLife02
	{
	margin: 25px 0 17px 0;
	}

#H2GalleryIllumination01
	{
	margin: 19px 0 20px 0; /* 上25px下15px */
	_margin: 20px 0 20px 0;  /* IE 6 */
	}

#H2GalleryAbout01
	{
	margin: 25px 0 17px 0; /* 上25px 下20px */
	}

#H2Environment02
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}


#H2Recruit01
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Contact02
	{
	margin: 21px 0 22px 0; /* 上25px 下20px */
	_margin: 20px 0 22px 0; /* IE 6 */
	}

#H2News01
	{
	margin: 14px 0 20px 0; /* 上25px 下20px */
	_margin: 13px 0 20px 0;
	}

#H2Privacy01
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Privacy02
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}
	
#H2Privacy03
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}
	
#H2Privacy04
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}
	
#H2Terms01
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms02
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms03
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms04
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms05
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms06
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms07
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms08
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}

#H2Terms09
	{
	margin: 21px 0 17px 0; /* 上25px 下20px */
	_margin: 20px 0 17px 0;
	}
	
#H2Template01
	{
	margin: 20px 0 17px 0;
	}



/* -----------------------------------------------------
h3
----------------------------------------------------- */
h3
	{
	color: #1C3D10;
	background: #9DCF70;
	border: 1px solid #9DCF70;
	padding: 5px 10px 4px 10px;
	margin: 15px 10px 10px 10px;
	}

#LayerContentsBody h3 a,
#LayerContentsBody h3 a:link,
#LayerContentsBody h3 a:visited
	{
	color: #1C3D10;
	}

#LayerContentsBody h3 a:hover,
#LayerContentsBody h3 a:active
	{
	color: #1C3D10;
	text-decoration: none;
	}


/* -----------------------------------------------------
p
----------------------------------------------------- */
#LayerContentsBody p
	{
	margin: 0 10px 7px 10px;
	}



/* -----------------------------------------------------
strong
----------------------------------------------------- */
strong
	{
	font-weight: normal;
	}

#LayerContentsBody strong
	{
	font-weight: bold;
	}


/* -----------------------------------------------------
a
----------------------------------------------------- */
#LayerContentsBody a,
#LayerContentsBody a:link,
#LayerContentsBody a:visited
	{
	color: #3E6E14;
	text-decoration: underline;
	}

#LayerContentsBody a:hover,
#LayerContentsBody a:active
	{
	color: #9fb28e;
	text-decoration: underline;
	}

#LayerContentsBody #AreaNews dd a,
#LayerContentsBody #AreaNews dd a:link,
#LayerContentsBody #AreaNews dd a:visited
#AP-DB #LayerContentsBody li span a,
#AP-DB #LayerContentsBody li span a:link,
#AP-DB #LayerContentsBody li span a:visited
	{
	color: #535a4e;
	}

#LayerContentsBody #AreaNews dd a:hover,
#LayerContentsBody #AreaNews dd  a:active,
#AP-DB #LayerContentsBody li span a:hover,
#AP-DB #LayerContentsBody li span a:active
	{
	color: #9fb28e;
	}


#LayerContentsBody .link-list a,
#LayerContentsBody .link-list a:link,
#LayerContentsBody .link-list a:visited
	{
	color: #495043;
	text-decoration: none;
	}

#LayerContentsBody .fnavi a,
#LayerContentsBody .fnavi a:link,
#LayerContentsBody .fnavi a:visited,
#LayerContentsBody .fnavi a:hover,
#LayerContentsBody .fnavi a:active,
#LayerContentsBody .link-list a:hover,
#LayerContentsBody .link-list a:active
	{
	color: #495043;
	text-decoration: underline;
	}


/* -----------------------------------------------------
ul
----------------------------------------------------- */
#LayerContentsBody ul
	{
	margin: 0 10px 10px 28px;
	_margin: 0 10px 10px 31px; /* IE 6 */
	padding: 0;
	}

#LayerContentsBody ul li
	{
	margin: 4px 0 4px 0;
	background: inherit;
	list-style: disc;
	}

#LayerContentsBody ul li ul li
	{
	margin: 5px 0 5px 0;
	background: inherit;
	list-style: square;
	}

/* === border === */
.border
	{
	clear: both;
	margin: 15px 10px 10px 10px;/*上20px*/
	padding: 10px 9px 6px 9px; /* IE 6 */
	border: 1px solid #C8C8C8;
	_height: 1px; /* IE 6 */
	}

.border:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html .border /* IE 7 */
	{
	height: 1%;
	}

#LayerContentsBody .border ul
	{
	margin: 0;
	}

#LayerContentsBody .border ul.left
	{
	float: left;
	width: 264px;
	margin-right: 0;
	}
	
#LayerContentsBody .border ul.right
	{
	float: left;
	width: 264px;
	}

#LayerContentsBody .border ul li
	{
	list-style: none;
	border-bottom: 1px dotted #212121;
	padding: 3px 10px 5px 45px;
	}

#LayerContentsBody .border ul.right li.bottom,
#LayerContentsBody .border ul.left li.bottom
	{
	border-bottom: none;
	}


/* -----------------------------------------------------
ol
----------------------------------------------------- */
#LayerContentsBody ol
	{
	margin: 0 10px 20px 32px;
	_margin: 0 10px 20px 37px; /* IE 6 */
	}

#LayerContentsBody ol li
	{
	margin: 2px 0 4px 0;
	list-style: decimal;
	}

#LayerContentsBody ol li ul li
	{
	list-style: disc;
	}



/* -----------------------------------------------------
dl
----------------------------------------------------- */
dl
	{
	clear: both;
	width: 550px;
	_height: 1px; /* IE 6 */
	margin: 0 0 6px 10px;
	_margin: 0 0 5px 10px; /* IE 6 */
	padding-bottom: 3px;
	}

dl:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html .dl-border /* IE 7*/
	{
	height: 1%;
	}

.dl-border,
.dl-nborder
	{
	border-bottom: 1px dotted #212121;
	margin: 0 0 11px 10px;
	_margin: 0 0 10px 10px; /* IE 6 */
	padding-bottom: 7px;
	}

.dl-nborder
	{
	border-bottom: none;
	}

dt
	{
	float: left;
	padding: 0 10px 0 0;
	}

dd
	{
	float: left;
	padding: 0 0 0 0;
	}

#LayerContentsBody dd p
	{
	margin: 0 0 0 0;
	}

#LayerContentsBody dd p.LinkMap
	{
	margin: 7px 0 6px 0;
	}

dd img
	{
	vertical-align: bottom;
	}

.dl-border dt,
.dl-nborder dt
	{
	float: left;
	padding: 0 10px 0 10px;
	}

.dl-border dd,
.dl-nborder dd
	{
	float: left;
	padding: 0 10px 0 0;
	width: 340px;
	}


/* -----------------------------------------------------
table
----------------------------------------------------- */
.table-border
	{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 550px;
	margin: 0 10px 10px 10px;
	}

#AP-Pop .table-border
	{
	width: 500px;
	}

.table-border th,
.table-border td
	{
	vertical-align: top;
	padding: 4px 6px 4px 6px;
	border: 1px solid #CCCCCC;
	}

.table-border th
	{
	font-weight: bold;
	background: #D6E0CC;
	}

.table-border th.b-vertical
	{
	font-weight: bold;
	background: #E4E8C7;
	}

.table-border th.b-cross
	{
	font-weight: bold;
	background: #CDD2A3;
	}

#LayerContentsBody .table-border ul
	{
	margin: 0 0 0 15px;
	_margin: 0 0 0 18px; /* IE 6 */
	padding: 0;
	}

.table-border th.m-l,
.table-border td.m-l
	{
	vertical-align: middle;
	text-align: left;
	}

.table-border th.m-r,
.table-border td.m-r
	{
	vertical-align: middle;
	text-align: right;
	}

.table-border th.m-c,
.table-border td.m-c
	{
	vertical-align: middle;
	text-align: center;
	}

.table-border td span.strong
	{
	color: #333333;
	font-weight: bold;
	}

.table-border td span.text-s
	{
	font-size: 75%; /* 10px */
	line-height: 140%; /* 14px */
	}

.table-border td img
	{
	vertical-align: middle;
	}


/* -----------------------------------------------------
set
----------------------------------------------------- */
.set-left
	{
	text-align: left;
	}

.set-center
	{
	text-align: center;
	}

.set-right
	{
	text-align: right;
	}


/* -----------------------------------------------------
hr
----------------------------------------------------- */
hr
	{
	clear: both;
	height: 0px;
	margin: 20px 10px 10px 10px;
	_margin: 2px 10px 5px 10px; /* IE 6 */
	border-top: 1px dotted #212121;
	}


/* -----------------------------------------------------
note
----------------------------------------------------- */
.strong
	{
	font-weight: bold;
	}

.note
	{
	color:#720a0a;
	}

#LayerContentsBody .note a,
#LayerContentsBody .note a:link,
#LayerContentsBody .note a:visited
	{
	color:#720a0a;
	text-decoration: underline;
	}

#LayerContentsBody .note a:hover,
#LayerContentsBody .note a:active
	{
	color:#720a0a;
	text-decoration: none;
	}


/* -----------------------------------------------------
caption
----------------------------------------------------- */
.caption
	{
	color: #495043;
	background: inherit;
	font-size: 91%; /* 11px */
	line-height: 127%; /* 14px */
	padding-top: 2px; /* 上10px */
	}


/* =====================================================
navi
===================================================== */
#tnavi,
.fnavi,
#BtnClose,
#BtnPrint,
#LayerContentsBody #LinkH2Home01,
#LayerContentsBody #LinkH2Home02
	{
	display: none;
	}


/* =====================================================
Home
==================================================== */
/* -----------------------------------------------------
BannerProducts
----------------------------------------------------- */
#LayerContentsBody ul#BannerProducts
	{
	clear: both;
	margin: 0 10px 21px 10px;
	_height: 1px; /* IE 6 */
	}

#AP-Top #LayerContentsBody ul#BannerProducts
	{
	margin: 0 0 16px 0;
	}

#LayerContentsBody ul.cols3:after
	{
	clear: both;
	margin: 0 0 0 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerContentsBody ul.cols3 /* IE 7 */
	{
	height: 1%;
	}

#LayerContentsBody ul.cols3 li
	{
	float: left;
	list-style: none;
	width: 176px;
	height: 45px;
	margin-right: 10px;
	padding: 0;
	}

#AP-Top #LayerContentsBody ul.cols3 li
	{
	width: 183px;
	height: 45px;
	}

#LayerContentsBody ul.cols3 li.banner01,/*上20px 下25px*/
#LayerContentsBody ul.cols3 li.banner02,
#LayerContentsBody ul.cols3 li.banner03
	{
	margin-top: 9px;
	margin-bottom: 10px;
	_margin-top: 8px; /* IE 6 */
	}

#LayerContentsBody ul.cols3 li.banner03,
#LayerContentsBody ul.cols3 li.banner06,
#AP-Top #LayerContentsBody ul.cols3 li.banner03,
#AP-Top #LayerContentsBody ul.cols3 li.banner06
	{
	margin-right: 0;
	}

#AP-Top #BannerProducts li a
	{
	display: block;
	width: 183px;
	height: 45px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	overflow: hidden;
	/* \*/overflow: hidden;/* */ /* Mac */
	}

#BannerProducts li a
	{
	display: block;
	width: 176px;
	height: 45px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	overflow: hidden;
	/* \*/overflow: hidden;/* */ /* Mac */
	}


/*=== BannerProductsTop ===*/
#AP-Top #BannerProducts li.banner01,
#AP-Top #BannerProducts li.banner01 a,
#AP-Top #BannerProducts li.banner01 a:link,
#AP-Top #BannerProducts li.banner01 a:visited
	{
	background: url(i/banner_products_base_top.jpg) 0 0 no-repeat;
	}

#AP-Top #BannerProducts li.banner01 a:hover,
#AP-Top #BannerProducts li.banner01 a:active
	{
	background: url(i/banner_products_base_top.jpg) 0 -90px no-repeat;
	}

#AP-Top #BannerProducts li.banner02,
#AP-Top #BannerProducts li.banner02 a,
#AP-Top #BannerProducts li.banner02 a:link,
#AP-Top #BannerProducts li.banner02 a:visited
	{
	background: url(i/banner_products_base_top.jpg) -183px 0 no-repeat;
	}

#AP-Top #BannerProducts li.banner02 a:hover,
#AP-Top #BannerProducts li.banner02 a:active
	{
	background: url(i/banner_products_base_top.jpg) -183px -90px no-repeat;
	}

#AP-Top #BannerProducts li.banner03,
#AP-Top #BannerProducts li.banner03 a,
#AP-Top #BannerProducts li.banner03 a:link,
#AP-Top #BannerProducts li.banner03 a:visited
	{
	background: url(i/banner_products_base_top.jpg) -366px 0 no-repeat;
	}

#AP-Top #BannerProducts li.banner03 a:hover,
#AP-Top #BannerProducts li.banner03 a:active
	{
	background: url(i/banner_products_base_top.jpg) -366px -90px no-repeat;
	}

#AP-Top #BannerProducts li.banner04,
#AP-Top #BannerProducts li.banner04 a,
#AP-Top #BannerProducts li.banner04 a:link,
#AP-Top #BannerProducts li.banner04 a:visited
	{
	background: url(i/banner_products_base_top.jpg) 0 -45px no-repeat;
	}

#AP-Top #BannerProducts li.banner04 a:hover,
#AP-Top #BannerProducts li.banner04 a:active
	{
	background: url(i/banner_products_base_top.jpg) 0 -135px no-repeat;
	}

#AP-Top #BannerProducts li.banner05,
#AP-Top #BannerProducts li.banner05 a,
#AP-Top #BannerProducts li.banner05 a:link,
#AP-Top #BannerProducts li.banner05 a:visited
	{
	background: url(i/banner_products_base_top.jpg) -183px -45px no-repeat;
	}

#AP-Top #BannerProducts li.banner05 a:hover,
#AP-Top #BannerProducts li.banner05 a:active
	{
	background: url(i/banner_products_base_top.jpg) -183px -135px no-repeat;
	}

#AP-Top #BannerProducts li.banner06,
#AP-Top #BannerProducts li.banner06 a,
#AP-Top #BannerProducts li.banner06 a:link,
#AP-Top #BannerProducts li.banner06 a:visited
	{
	background: url(i/banner_products_base_top.jpg) -366px -45px no-repeat;
	}

#AP-Top #BannerProducts li.banner06 a:hover,
#AP-Top #BannerProducts li.banner06 a:active
	{
	background: url(i/banner_products_base_top.jpg) -366px -135px no-repeat;
	}


/*=== BannerProducts ===*/
#BannerProducts li.banner01,
#BannerProducts li.banner01 a,
#BannerProducts li.banner01 a:link,
#BannerProducts li.banner01 a:visited
	{
	background: url(i/banner_products_base.jpg) 0 0 no-repeat;
	}

#BannerProducts li.banner01 a:hover,
#BannerProducts li.banner01 a:active
	{
	background: url(i/banner_products_base.jpg) 0 -90px no-repeat;
	}

#BannerProducts li.banner02,
#BannerProducts li.banner02 a,
#BannerProducts li.banner02 a:link,
#BannerProducts li.banner02 a:visited
	{
	background: url(i/banner_products_base.jpg) -176px 0 no-repeat;
	}

#BannerProducts li.banner02 a:hover,
#BannerProducts li.banner02 a:active
	{
	background: url(i/banner_products_base.jpg) -176px -90px no-repeat;
	}

#BannerProducts li.banner03,
#BannerProducts li.banner03 a,
#BannerProducts li.banner03 a:link,
#BannerProducts li.banner03 a:visited
	{
	background: url(i/banner_products_base.jpg) -352px 0 no-repeat;
	}

#BannerProducts li.banner03 a:hover,
#BannerProducts li.banner03 a:active
	{
	background: url(i/banner_products_base.jpg) -352px -90px no-repeat;
	}

#BannerProducts li.banner04,
#BannerProducts li.banner04 a,
#BannerProducts li.banner04 a:link,
#BannerProducts li.banner04 a:visited
	{
	background: url(i/banner_products_base.jpg) 0 -45px no-repeat;
	}

#BannerProducts li.banner04 a:hover,
#BannerProducts li.banner04 a:active
	{
	background: url(i/banner_products_base.jpg) 0 -135px no-repeat;
	}

#BannerProducts li.banner05,
#BannerProducts li.banner05 a,
#BannerProducts li.banner05 a:link,
#BannerProducts li.banner05 a:visited
	{
	background: url(i/banner_products_base.jpg) -176px -45px no-repeat;
	}

#BannerProducts li.banner05 a:hover,
#BannerProducts li.banner05 a:active
	{
	background: url(i/banner_products_base.jpg) -176px -135px no-repeat;
	}

#BannerProducts li.banner06,
#BannerProducts li.banner06 a,
#BannerProducts li.banner06 a:link,
#BannerProducts li.banner06 a:visited
	{
	background: url(i/banner_products_base.jpg) -352px -45px no-repeat;
	}

#BannerProducts li.banner06 a:hover,
#BannerProducts li.banner06 a:active
	{
	background: url(i/banner_products_base.jpg) -352px -135px no-repeat;
	}


/* -----------------------------------------------------
AreaNews
----------------------------------------------------- */
#AreaNews
	{
	margin: 0;
	padding: 1px 10px 0 10px;
	_padding: 0 10px 1px 10px; /* IE 6 */
	}

#AP-Top #AreaNews
	{
	border: 1px solid #919D87;
	margin: 10px 0 13px 0;
	padding: 11px 10px 0 10px;
	_padding: 11px 10px 4px 10px; /* IE 6 */
	}

#AreaNews dl
	{
	clear: both;
	width: 545px;
	_height: 1px; /* IE 6 */
	margin: 0 0 6px 0;
	_margin: 0 0 5px 0; /* IE 6 */
	padding-bottom: 6px;
	border-bottom: 1px dotted #212121;
	}


#AreaNews dl:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #AreaNews dl /* IE 7*/
	{
	height: 1%;
	margin: 0 0 5px 0; /* IE 6 */
	}

#AreaNews dl.bottom
	{
	border-bottom: none;
	}

#AreaNews dt
	{
	float: left;
	width: 100px;
	padding: 0 10px;
	}

#AreaNews dd
	{
	float: right;
	width: 415px;
	padding: 0 10px 0 0;
	}


/* =====================================================
Other
===================================================== */
/* -----------------------------------------------------
AreaGallery
----------------------------------------------------- */
#AreaGallery
	{
	line-height: 133%; /* 16px */
	}
	
#LayerContentsBody #AreaGallery .left
	{
	margin: 0 10px 10px 0;
	position: relative;
	top: 0;
	left: 0;
	}
	
#LayerContentsBody #AreaGallery .right
	{
	margin: 0 0 10px 0;
	position: relative;
	top: 0;
	left: 0;
	}

#AreaGallery .half
	{
	width: 267px;
	padding: 0;
	border: 1px solid #919D87;
	}

#AreaGallery h3
	{
	color: #5B6E4b;
	background: #D4DACF;
	border: 1px solid #D4DACF;
	margin: 8px 0 8px 0;
	}

#LayerContentsBody #AreaGallery h3 a
	{
	display: block;
	width: 267px;
	text-decoration: none;
	}

#LayerContentsBody #AreaGallery p.left
	{
	float: left;
	width: 54px;
	}

#LayerContentsBody #AreaGallery p.left
	{
	padding: 2px 0 23px 9px;
	margin: 0;
	}

#LayerContentsBody #AreaGallery p.right
	{
	float: left;
	width: 202px;
	}

#LayerContentsBody #AreaGallery .LinkDetail
	{
	display: none;
	}


/* -----------------------------------------------------
AreaAddress
----------------------------------------------------- */
.AreaAddress
	{
	clear: both;
	position: relative;
	bottom: 0;
	right: 0;
	color: #395521;
	background: #E3E9DE;
	padding: 17px 10px 10px 10px;
	margin: 20px 10px 10px 10px;
	}

#LayerContentsBody .AreaAddress .LinkMap
	{
	display: none;
	}

/* -----------------------------------------------------
Link
----------------------------------------------------- */
/*LinkMap
----------------------------------------------------- */
.LinkMap,
.LinkContact,
.LinkSearch,
.LinkDownload,
.LinkNews,
.LinkMore
	{
	display: none;
	}


/* -----------------------------------------------------
ul-link
----------------------------------------------------- */
#LayerContentsBody ul.ul-link
	{
	clear: both;
	margin: 0 0 -10px 10px;
	_margin: 0 -20px 10px 10px; /* IE 6 */
	}

#LayerContentsBody ul.ul-link2
	{
	clear: both;
	_height: 1px;
	margin: 0 0 10px 10px;
	_margin: 0 -20px 10px 10px; /* IE 6 */
	}

#LayerContentsBody ul.ul-link:after,
#LayerContentsBody ul.ul-link2:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerContentsBody ul.ul-link2 /* IE 7 */
	{
	height: 1%;
	}

*+html #LayerContentsBody ul.ul-link, /* IE 7 */
*+html #LayerContentsBody ul.ul-link2
	{
	margin: 0 -20px 10px 10px; /* IE 6 */
	}


#LayerContentsBody .ul-link li
	{
	float: left;
	list-style: none;
	width: 174px;
	margin: 0 10px 10px 0;
	border: 1px solid #BBC3B4;
	text-align: center;
	background: url(i/link_arrow_right.gif) right 0 no-repeat;
	}

#LayerContentsBody .ul-link2 li
	{
	float: left;
	list-style: none;
	width: 174px;
	margin: 0 10px 10px 0;
	border: 1px solid #BBC3B4;
	text-align: center;
	}

.ul-link li a
	{
	display: block;
	width: 104px;
	padding: 8px 35px 6px 35px;
	}

.ul-link2 li a
	{
	display: block;
	width: 174px;
	padding: 8px 0px 6px 0px;
	}


#LayerContentsBody .ul-link li a,
#LayerContentsBody .ul-link li a:link,
#LayerContentsBody .ul-link li a:visited
	{
	color: #495043;
	background: #FFFFFF url(i/link_arrow_right.gif) right 0 no-repeat;
	}

#LayerContentsBody .ul-link2 li a,
#LayerContentsBody .ul-link2 li a:link,
#LayerContentsBody .ul-link2 li a:visited
	{
	color: #495043;
	background: #FFFFFF;
	}

#LayerContentsBody .ul-link li a:hover,
#LayerContentsBody .ul-link li a:active
	{
	color: #495043;
	background: #E6EAE2 url(i/link_arrow_right.gif) right 0 no-repeat;
	}

#LayerContentsBody .ul-link2 li a:hover,
#LayerContentsBody .ul-link2 li a:active
	{
	color: #495043;
	background: #E6EAE2;
	}


#LayerContentsBody .ul-link li.l2 a,
#LayerContentsBody .ul-link li.l2 a:link,
#LayerContentsBody .ul-link li.l2 a:visited
	{
	color: #495043;
	background: #FFFFFF url(i/link_arrow_right.gif) right 8px no-repeat;
	}


#LayerContentsBody .ul-link li.l2 a:hover,
#LayerContentsBody .ul-link li.l2 a:active
	{
	color: #495043;
	background: #E6EAE2 url(i/link_arrow_right.gif) right 8px no-repeat;
	}


/* =====================================================
AP-DB
===================================================== */
.table-dotborder
	{
	border-collapse: collapse;
	width: 550px;
	margin: 0 10px 25px 10px;
	}

.table-dotborder th,
.table-dotborder td
	{
	vertical-align: top;
	text-align: left;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px dotted #212121;
	}

.table-dotborder th
	{
	font-weight: normal;
	padding-left: 35px;
	}




/* =====================================================
Form
===================================================== */
form dl
	{
	margin: 15px 0 11px 10px;
	_margin: 8px 0 10px 10px; /* IE 6 */
	padding-bottom: 3px;
	}

form dt
	{
	color: #2D6519;
	padding: 0 0 0 10px;
	}

form dd
	{
	padding: 0 0 0 10px;
	}


/* form parts
------------------------------------------------------*/
.form-text,
.form-file,
.form-textarea
	{
	position: relative;
	top: -4px;
	margin: 0;
	padding: 3px 4px 2px 4px;
	margin: 2px 0 -6px 0;
	background: #FFFFFF;
	}

.form-textarea
	{
	height: 79px;
	}

.form-select
	{
	position: relative;
	top: -6px;
	margin: 0;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 -6px 0;
	background: #FFFFFF;
	}

* html .form-text, /* IE 6 */
* html .form-select,
* html .form-file,
* html .form-textarea
	{
	padding: 4px;
	top: -5px;
	margin: 2px 0 -8px 0;
	}

*+ html .form-text, /* IE 7 */
*+ html .form-select,
*+ html .form-file,
*+ html .form-textarea
	{
	padding: 4px;
	top: -5px;
	margin: 2px 0 -8px 0;
	}

* html .form-select /* IE 6 */
	{
	height: 20px;
	}


/*=== border-color === */
.form-text,
.form-select,
.form-file,
.form-textarea
	{
	border: 1px solid #667D7E;
	}


/*=== form-radio ===*/
.form-radio,
.form-check
	{
	position: relative;
	top: -2px;
	padding: 0;
	margin: 0 2px 0 0;
	vertical-align: middle;
	}

* html .form-radio, /* IE 6 */
* html .form-check
	{
	top: 0;
	left: -4px;
	height: 10px;
	margin: 0 -6px 0 0;
	}

*+ html .form-radio /* IE 7 */
*+ html .form-check
	{
	top: 0;
	left: -4px;
	height: 10px;
	margin: 0 -6px 0 0;
	}


.indispensable
	{
	width: 30px;
	color: #624707;
	}

.example
	{
	color: #624707;
	padding-left: 10px;
	}

form dd.example
	{
	color: #624707;
	margin-left: 10px;
	}


/* form-button
------------------------------------------------------*/
#AreaBtn
	{
	clear: both;
	text-align: center;
	margin: 20px 0 10px 0;
	_margin: 10px 0 10px 0; /* IE 6 */
	}

*+html #AreaBtn /* IE 7 */
	{
	margin: 10px 0 10px 0;
	}

.btn-login,
.btn-search,
.btn-confirm
	{
	margin: 10px auto 10px auto;
	}

.btn-login
	{
	display: block;
	width: 60px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_login.gif) 0 0 no-repeat;
	}

.btn-search
	{
	display: block;
	width: 60px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_search.gif) 0 0 no-repeat;
	}

.btn-confirm
	{
	display: block;
	width: 210px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_confirm.gif) 0 0 no-repeat;
	}


.btn-send
	{
	float: left;
	display: block;
	width: 210px;
	height: 30px;
	margin-left: 135px;
	_margin-left: 67px; /* IE 6 */
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_send.gif) 0 0 no-repeat;
	}

.btn-send2
	{
	float: left;
	display: block;
	width: 60px;
	height: 30px;
	margin-left: 195px;
	_margin-left: 97px; /* IE 6 */
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_send2.gif) 0 0 no-repeat;
	}

.btn-back
	{
	float: left;
	display: block;
	width: 60px;
	height: 30px;
	margin-left: 10px;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration:none;
	background: url(i/btn_back.gif) 0 0 no-repeat;
	}


/* === AreaError === */
#AreaError
	{
	width: 530px;
	border: 1px solid #720a0a;
	padding: 10px 10px 5px 10px;
	margin: 15px 10px 20px 10px ;
	}

#AreaError th
	{
	width: 150px;
	text-align: left;
	}

#AreaError td
	{
	color:#720a0a;
	}


#AP-DB li span
	{
	padding: 0 0 0 28px;
	}

#AP-DB #LayerContentsBody li span a,
#AP-DB #LayerContentsBody li span a:link,
#AP-DB #LayerContentsBody li span a:visited
	{
	padding: 0 0 0 5px;
	}

#AP-DB #LayerContentsBody li span a:hover,
#AP-DB #LayerContentsBody li span a:active
	{
	padding: 0 0 0 5px;
	}

#AP-DB li span img
	{
	padding: 0 3px 0 5px;
	}

img.pdf_icon
	{
	position: relative;
	top: 4px;
	}


/* *****************************************************
margin
***************************************************** */
.m-l1em
	{
	text-indent: 1em;
	}

.m-l2em
	{
	text-indent: 2em;
	}

.m-t5
	{
	padding-top: 5px;
	}

.m-b5
	{
	padding-bottom: 5px;
	}

.m-t10
	{
	padding-top: 10px;
	}

.m-b10
	{
	padding-bottom: 10px;
	}

.m-t15
	{
	padding-top: 15px;
	}

.m-b15
	{
	padding-bottom: 15px;
	}

.m-t20
	{
	padding-top: 20px;
	}

.m-b20
	{
	padding-bottom: 20px;
	}

.m-t25
	{
	padding-top: 25px;
	}

.m-b25
	{
	padding-bottom: 25px;
	}

.m-t30
	{
	padding-top: 30px;
	}

.m-b30
	{
	padding-bottom: 30px;
	}

.m-t35
	{
	padding-top: 35px;
	}

.m-b35
	{
	padding-bottom: 35px;
	}

.m-t40
	{
	padding-top: 40px;
	}

.m-b40
	{
	padding-bottom: 40px;
	}

.m-t45
	{
	padding-top: 45px;
	}

.m-b45
	{
	padding-bottom: 45px;
	}

.m-t50
	{
	padding-top: 50px;
	}

.m-b50
	{
	padding-top: 50px;
	}


/* *****************************************************
float
***************************************************** */
.clear
	{
	clear: both;
	width: 550px;
	margin: 0 10px 10px 10px;
	_margin-right: -15px;
	_height: 1px; /* IE 6 */
	}

#AP-Pop .clear
	{
	width: 500px;
	}

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

*+html .clear /* IE 7 */
	{
	height: 1%;
	}

.clear
	{
	display:inline-block;
	}

.left
	{
	float: left;
	margin: 0 15px 0 0;
	}

.right
	{
	float: left;
	margin: 0;
	}

span.left
	{
	display: block;
	}

#LayerContentsBody .left p,
#LayerContentsBody .right p
	{
	margin-left: 0;
	margin-right: 0;
	}


/* === 2colum === */
.half
	{
	width: 267px;
	}

/* === 3colum === */
.colum3
	{
	width: 173px;
	}


/* *****************************************************
width
***************************************************** */
.w30
	{
	width: 30px;
	}

.w35
	{
	width: 35px;
	}

.w40
	{
	width: 40px;
	}

.w45
	{
	width: 45px;
	}

.w50
	{
	width: 50px;
	}

.w55
	{
	width: 55px;
	}

.w60
	{
	width: 60px;
	}

.w65
	{
	width: 65px;
	}

.w70
	{
	width: 70px;
	}

.w75
	{
	width: 75px;
	}

.w80
	{
	width: 80px;
	}

.w85
	{
	width: 85px;
	}

.w90
	{
	width: 90px;
	}

.w95
	{
	width: 95px;
	}

.w100
	{
	width: 100px;
	}

.w105
	{
	width: 105px;
	}

.w110
	{
	width: 110px;
	}

.w115
	{
	width: 115px;
	}

.w120
	{
	width: 120px;
	}

.w125
	{
	width: 125px;
	}

.w130
	{
	width: 130px;
	}

.w134
	{
	width: 134px;
	}

.w135
	{
	width: 135px;
	}

.w140
	{
	width: 140px;
	}

.w145
	{
	width: 145px;
	}

.w146
	{
	width: 146px;
	}

.w150
	{
	width: 150px;
	}

.w155
	{
	width: 155px;
	}

.w160
	{
	width: 160px;
	}

.w165
	{
	width: 165px;
	}

.w170
	{
	width: 170px;
	}

.w175
	{
	width: 175px;
	}

.w180
	{
	width: 180px;
	}

.w185
	{
	width: 185px;
	}

.w190
	{
	width: 190px;
	}

.w195
	{
	width: 195px;
	}

.w200
	{
	width: 200px;
	}

.w205
	{
	width: 205px;
	}

.w210
	{
	width: 210px;
	}

.w215
	{
	width: 215px;
	}

.w220
	{
	width: 220px;
	}

.w225
	{
	width: 225px;
	}

.w230
	{
	width: 230px;
	}

.w235
	{
	width: 235px;
	}

.w240
	{
	width: 240px;
	}

.w245
	{
	width: 245px;
	}

.w250
	{
	width: 250px;
	}

.w255
	{
	width: 255px;
	}

.w260
	{
	width: 260px;
	}

.w265
	{
	width: 265px;
	}

.w270
	{
	width: 270px;
	}

.w275
	{
	width: 275px;
	}

.w280
	{
	width: 280px;
	}

.w285
	{
	width: 285px;
	}

.w290
	{
	width: 290px;
	}

.w295
	{
	width: 295px;
	}

.w300
	{
	width: 300px;
	}

.w305
	{
	width: 305px;
	}

.w310
	{
	width: 310px;
	}

.w315
	{
	width: 315px;
	}

.w320
	{
	width: 320px;
	}

.w325
	{
	width: 325px;
	}

.w330
	{
	width: 330px;
	}

.w335
	{
	width: 335px;
	}

.w339
	{
	width: 339px;
	}

.w340
	{
	width: 340px;
	}

.w345
	{
	width: 345px;
	}

.w350
	{
	width: 350px;
	}

.w351
	{
	width: 351px;
	}

.w355
	{
	width: 355px;
	}

.w360
	{
	width: 360px;
	}

.w365
	{
	width: 365px;
	}

.w370
	{
	width: 370px;
	}

.w375
	{
	width: 375px;
	}

.w380
	{
	width: 380px;
	}

.w385
	{
	width: 385px;
	}

.w390
	{
	width: 390px;
	}

.w395
	{
	width: 395px;
	}

.w400
	{
	width: 400px;
	}

.w405
	{
	width: 405px;
	}

.w410
	{
	width: 410px;
	}

.w415
	{
	width: 415px;
	}

.w420
	{
	width: 420px;
	}

.w425
	{
	width: 425px;
	}

.w430
	{
	width: 430px;
	}

.w435
	{
	width: 435px;
	}

.w440
	{
	width: 440px;
	}

.w445
	{
	width: 445px;
	}

.w450
	{
	width: 450px;
	}

.w455
	{
	width: 455px;
	}

.w460
	{
	width: 460px;
	}

.w465
	{
	width: 465px;
	}

.w470
	{
	width: 470px;
	}

.w475
	{
	width: 475px;
	}
	
.w480
	{
	width: 480px;
	}

.w485
	{
	width: 485px;
	}

.w490
	{
	width: 490px;
	}

.w495
	{
	width: 495px;
	}
	
.w500
	{
	width: 500px;
	}

.w505
	{
	width: 505px;
	}


.w5em
	{
	width: 10ex;
	}