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

	products.css

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

/***************** Download *****************/

.download-bt01{ float:right; }

.download-bt01 a
{
	width: 168px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	background: #ff3300 url(../../products/images/download_btn-productinfo.gif) no-repeat;
}

.download-bt01 a:hover{ background-position: 0 -43px; }


/***************** Familiar *****************/

.familiar div#left{
	float: left;
	width: 200px;
}

#familiar-left-in{
	padding: 9px 20px 0 9px;
}

.familiar div#right{
	float: left;
	width: 625px;
	padding-top: 9px;
}

.familiar div#leftnavi{
	border: 1px solid #A9A292;
	background: #F4F3F3;
	padding: 6px 6px 0 6px;
}

.familiar ul#leftnavi-list
{
	margin: 0;
	list-style-type: none;
}
.familiar ul#leftnavi-list li
{
	padding: 0 0 5px 0;
}
.familiar .leftnavi-link
{
	width: 158px;
	height: 48px;
	/* overflow: hidden; */
	display: block;
	text-indent: -9999px;
}
.familiar .leftnavi-link:hover
{
	background-position: 0 -48px !important;
}
.familiar .leftnavi-on
{
	background-position: 0 -48px !important;
}


/* Beverage can (HI-PET) */
.familiar ul#leftnavi-list li #leftnavi_hi_pet
{
	background: url(../../images/familiar/btn-leftnavi_hi_pet.gif) no-repeat;
}
/* Presentation can (Tin plate) */
.familiar ul#leftnavi-list li #leftnavi_tinplate
{
	background: url(../../images/familiar/btn-leftnavi_tinplate.gif) no-repeat;
}
/* Refrigerator (VINYTOP) */
.familiar ul#leftnavi-list li #leftnavi_vinytop
{
	background: url(../../images/familiar/btn-leftnavi_vinytop.gif) no-repeat;
}
/* Prefabricated bath (VINYTOP) */
.familiar ul#leftnavi-list li #leftnavi_esheet
{
	background: url(../../images/familiar/btn-leftnavi_esheet.gif) no-repeat;
}
/* Battery (Ni-Top) */
.familiar ul#leftnavi-list li #leftnavi_nickel_top
{
	background: url(../../images/familiar/btn-leftnavi_nickel_top.gif) no-repeat;
}
/* Personal Computer (Magnetic Disk substrates) */
.familiar ul#leftnavi-list li #leftnavi_md
{
	background: url(../../images/familiar/btn-leftnavi_md.gif) no-repeat;
}
/* DVD player (Silver Top) */
.familiar ul#leftnavi-list li #leftnavi_silvertop
{
	background: url(../../images/familiar/btn-leftnavi_silvertop.gif) no-repeat;
}
/* Bottle crown cap (HI-TOP) */
.familiar ul#leftnavi-list li #leftnavi_hi_top
{
	background: url(../../images/familiar/btn-leftnavi_hi_top.gif) no-repeat;
}


/*---------------------- Products ----------------------*/


.productinfo-bt01{ float:right; }

.productinfo-bt01 a
{
	width: 168px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	background: #ff3300 url(../../images/familiar/btn-productinfo.gif) no-repeat;
}

.productinfo-bt01 a:hover{ background-position: 0 -43px; }

/***************** Development of products story *****************/

.story div#left{
	float: left;
	width: 200px;
}

#story-left-in{
	padding: 9px 20px 0 9px;
}

.story div#right{
	float: left;
	width: 625px;
	padding-top: 9px;
}

.story div#leftnavi{
	border: 1px solid #A9A292;
	background: #F4F3F3;
	padding: 6px 6px 0 6px;
}

.story ul#leftnavi-list
{
	margin: 0;
	list-style-type: none;
}
.story ul#leftnavi-list li
{
	padding: 0 0 5px 0;
}
.story .leftnavi-link
{
	width: 158px;
	height: 48px;
	/* overflow: hidden; */
	display: block;
	text-indent: -9999px;
}
.story .leftnavi-link:hover
{
	background-position: 0 -48px !important;
}
.story .leftnavi-on
{
	background-position: 0 -48px !important;
}


/* Story1 "Mirror coat K" */
.story ul#leftnavi-list li #leftnavi_episode_1
{
	background: url(../../images/story/btn-leftnavi_episode_1.gif) no-repeat;
}


/***************** Products *****************/

.products div#contents
{
	background: url(../../products/images/products_bg.gif) repeat-y;
}

.products div#left{
	float: left;
	width: 170px;
}

.products div#right{
	float: left;
	width: 660px;
	padding-top: 9px;
	padding-bottom: 30px;
}

.products div#leftnavi
{
	margin: 1px 2px 0 0;
}
.products div#leftnavi ul
{
	list-style-type: none;
}

.products div#leftnavi a,
.products div#leftnavi span
{
	width: 153px;
	display: block;
	text-indent: -9999px;
	border-top: 1px solid #CBCBCB;
}


/* The first hierarchy */

.products .navi1
{
	height: 40px;
}
.products .navi1-on
{
	height: 40px;
	background-position: 0 -40px !important;
}
.products .navi1:hover
{
	background-position: 0 -40px !important;
}
.products #navi1-others
{
	padding: 18px 0 0 0;
}

.products #btn-navi1_steel_sheet/* Steel Sheets */
{
	background: url(../../products/images/btn-navi1_steel_sheet.gif) no-repeat;
}
.products #btn-navi1_kinou/* Functional Materials */
{
	background: url(../../products/images/btn-navi1_kinou.gif) no-repeat;
}
.products #btn-navi1_kagaku/* Chemical Products and New Materials */
{
	background: url(../../products/images/btn-navi1_kagaku.gif) no-repeat;
	border-bottom: 1px solid #CBCBCB;
}
.products #btn-navi1_youtobetsu/* Usage */
{
	background: url(../../products/images/btn-navi1_youtobetsu.gif) no-repeat;
}
.products #btn-navi1_madoguchi/* Sales Department */
{
	background: url(../../products/images/btn-navi1_madoguchi.gif) no-repeat;
}

/* The second hierarchy */
.products .navi2
{
	height: 33px;
}

.products .navi2:hover
{
	background-position: 0 -33px !important;
}

.products .navi2-on
{
	height: 33px;
	background-position: 0 -66px !important;
}
.products .navi2:hover
{
	background-position: 0 -33px !important;
}

.products #btn-navi2_tinplate /* Tinplate */
{
	background: url(../../products/images/btn-navi2_tinplate.gif) no-repeat;
}
.products #btn-navi2_hi_top /* Hi top */
{
	background: url(../../products/images/btn-navi2_hi_top.gif) no-repeat;
}
.products #btn-navi2_hi_pet /* Hi pet */
{
	background: url(../../products/images/btn-navi2_hi_pet.gif) no-repeat;
}
.products #btn-navi2_silvertop /* Silvertop */
{
	background: url(../../products/images/btn-navi2_silvertop.gif) no-repeat;
}
.products #btn-navi2_nickel_top /* Nickel top */
{
	background: url(../../products/images/btn-navi2_nickel_top.gif) no-repeat;
}
.products #btn-navi2_top /* TOP */
{
	background: url(../../products/images/btn-navi2_top.gif) no-repeat;
}
.products #btn-navi2_vinytop /* Vinytop */
{
	background: url(../../products/images/btn-navi2_vinytop.gif) no-repeat;
}
.products #btn-navi2_fibercoat /* Fibercoat */
{
	background: url(../../products/images/btn-navi2_fibercoat.gif) no-repeat;
}
.products #btn-navi2_mirrorcoat_k /* Mirrorcoat k  */
{
	background: url(../../products/images/btn-navi2_mirrorcoat_k.gif) no-repeat;
}
.products #btn-navi2_saplate  /* Saplate */
{
	background: url(../../products/images/btn-navi2_saplate.gif) no-repeat;
}
.products #btn-navi2_md  /* MD */
{
	background: url(../../products/images/btn-navi2_md.gif) no-repeat;
}
.products #btn-navi2_fine_clad  /* Fine clad  */
{
	background: url(../../products/images/btn-navi2_fine_clad.gif) no-repeat;
}
.products #btn-navi2_kh  /* KH */
{
	background: url(../../products/images/btn-navi2_kh.gif) no-repeat;
}
.products #btn-navi2_finecastfilm  /* Finecastfilm */
{
	background: url(../../products/images/btn-navi2_finecastfilm.gif) no-repeat;
}
.products #btn-navi2_optics  /* Functional film for optics */
{
	background: url(../../products/images/btn-navi2_optics.gif) no-repeat;
}
.products #btn-navi2_dna  /* DNA chip substrate */
{
	background: url(../../products/images/btn-navi2_dna.gif) no-repeat;
}

/* The third hierarchy */
.products .navi3
{
	height: 22px;
}
.products .navi3-on
{
	height: 22px;
	background-position: 0 -22px !important;
}
.products .navi3:hover
{
	background-position: 0 -22px !important;
}

.products #btn-navi3_process /* Process */
{
	background: url(../../products/images/btn-navi3_process.gif) no-repeat;
}
.products #btn-navi3_materials /* Materials */
{
	background: url(../../products/images/btn-navi3_materials.gif) no-repeat;
}
.products #btn-navi3_characteristics /* Characteristics */
{
	background: url(../../products/images/btn-navi3_characteristics.gif) no-repeat;
}
.products #btn-navi3_standard /* Standard */
{
	background: url(../../products/images/btn-navi3_standard.gif) no-repeat;
}
.products #btn-navi3_size /* Size */
{
	background: url(../../products/images/btn-navi3_size.gif) no-repeat;
}
.products #btn-navi3_system /* System */
{
	background: url(../../products/images/btn-navi3_system.gif) no-repeat;
}
.products #btn-navi3_compare /* */
{
	background: url(../../products/images/btn-navi3_compare.gif) no-repeat;
}
.products #btn-navi3_color /*  */
{
	background: url(../../products/images/btn-navi3_color.gif) no-repeat;
}
.products #btn-navi3_duct /*  */
{
	background: url(../../products/images/btn-navi3_duct.gif) no-repeat;
}
.products #btn-navi3_roof /*  */
{
	background: url(../../products/images/btn-navi3_roof.gif) no-repeat;
}
.products #btn-navi3_spec /*  */
{
	background: url(../../products/images/btn-navi3_spec.gif) no-repeat;
}
.products #btn-navi3_application /* Application */
{
	background: url(../../products/images/btn-navi3_application.gif) no-repeat;
}
.products #btn-navi3_classify_specific /* Classify & Specific */
{
	background: url(../../products/images/btn-navi3_classify_specific.gif) no-repeat;
}
.products #btn-navi3_spray /* KH Spray */
{
	background: url(../../products/images/btn-navi3_spray.gif) no-repeat;
}
.products #btn-navi3_spec /*  */
{
	background: url(../../products/images/btn-navi3_spec.gif) no-repeat;
}
.products #btn-navi3_characteristics2 /*  */
{
	background: url(../../products/images/btn-navi3_characteristics2.gif) no-repeat;
}
.products #btn-navi3_prize /*  */
{
	background: url(../../products/images/btn-navi3_prize.gif) no-repeat;
}
.products #btn-navi3_absorption /*  */
{
	background: url(../../products/images/btn-navi3_absorption.gif) no-repeat;
}
.products #btn-navi3_panel_heater /* PanelHeater */
{
	background: url(../../products/images/btn-navi3_panel_heater.gif) no-repeat;
}
.products #btn-navi3_example /*  */
{
	background: url(../../products/images/btn-navi3_example.gif) no-repeat;
}
.products #btn-navi3_products /*  */
{
	background: url(../../products/images/btn-navi3_products.gif) no-repeat;
}
.products #btn-navi3_application2 /*  */
{
	background: url(../../products/images/btn-navi3_application2.gif) no-repeat;
}

/* Common entry */

.products h2{
	background: #F8F6F6;
	border-left: 3px solid #314877;
	font-size: 1.2em;
	padding: 10px 0 7px 12px;
	margin-bottom: 15px;
}

.products h3{
	font-size: 1.2em;
	margin-bottom: 15px;
}

.products h4{
	font-size: 1em;
	margin-bottom: 5px;
}

.products h5{
	padding:5px 0 5px 15px;
	border-left:#CC6600 5px solid;
	border-bottom:#999999 1px dotted;
	font-size: small;
	font-weight: bold;
	color:#333;
}

/*---------------------- Tinplate-1 ----------------------*/

.tinplate-1{
	background: url(../../products/images/tinplate_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.tinplate-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.tinplate-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Tinplate-2 ----------------------*/

.tinplate-2{
 border-bottom: 1px solid #959191;
}

.tinplate-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.tinplate-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Hi_top ----------------------*/

.hi_top-1{
	background: url(../../products/images/hi_top_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.hi_top-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.hi_top-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

.hi_top-navi0{
 margin-bottom: 0px;
 padding: 6px 0 0 25px;
}
.hi_top-navi0 a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

.hi_top-navi1{
 margin-bottom: 0px;
 padding: 0px 0 0 25px;
}
.hi_top-navi1 a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 400px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

.hi_top-navi2{
 margin-bottom: 0px;
 padding: 0px 0 0 25px;
}
.hi_top-navi2 a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 250px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}


/*---------------------- Hi_pet ----------------------*/

.hi_pet-1{
	background: url(../../products/images/hi_pet_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.hi_pet-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.hi_pet-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Silvertop ----------------------*/

.silvertop-1{
	background: url(../../products/images/silvertop_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.silvertop-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.silvertop-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- products-intro ----------------------*/

.products-intro{
 border-bottom: 1px solid #959191;
}

.products-intro2{
 padding-bottom: 90px;
 border-bottom: 1px solid #959191;
}

.silvertop-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.silvertop-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Nickeltop ----------------------*/

.nickeltop-1{
	background: url(../../products/images/nickel_top_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.nickeltop-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.nickeltop-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Top ----------------------*/

.top-1{
	background: url(../../products/images/top_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.top-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.top-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Vinytop ----------------------*/

.vinytop-1{
	background: url(../../products/images/vinytop_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.vinytop-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.vinytop-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Fibercoat ----------------------*/

.fibercoat-1{
	background: url(../../products/images/fibercoat_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.fibercoat-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.fibercoat-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 60px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Mirrorcoat_k ----------------------*/

.mirrorcoat_k-1{
	background: url(../../products/images/mirrorcoat_k_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.mirrorcoat_k-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.mirrorcoat_k-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 120px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- Saplate ----------------------*/

.saplate-1{
	background: url(../../products/images/saplate_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.saplate-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.saplate-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- MD ----------------------*/

.md-1{
	background: url(../../products/images/md_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.md-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.md-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
}
	
/*---------------------- Fine_clad ----------------------*/

.fine_clad-1{
	background: url(../../products/images/fine_clad_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.fine_clad-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.fine_clad-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 125px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
	}

/*---------------------- KH ----------------------*/

.kh-1{
	background: url(../../products/images/kh_pic.jpg) no-repeat;
	padding: 0 0 20px 180px;
 border-bottom: 1px solid #959191;
}

.kh-navi{
 margin-bottom: 20px;
 padding: 6px 0 5px 25px;
 border-bottom: 1px solid #959191;
}
.kh-navi a{
	padding: 5px 15px 5px 10px;
	display:block;
	float: left;
	width: 100px;
	background: url(../../common/images/icon-pochi1.gif) no-repeat center left;
}