/**********************************************

	home.css

**********************************************/

/**********************************************
									index.html
**********************************************/

/*----------------------
  The left
----------------------*/

body#home div#leftarea
{
	float: left;
	width: 594px;
	padding: 0 0 20px 0;
}

/* A product information part */

body#home #products-top
{
	padding: 9px 0 0 18px;
}
body#home h2#ttl-products
{
	float: left;
	width: 432px;
}

/* "Usage"button */
body#home a#btn-youto
{
	margin: 5px 7px 0 0;
	float: right;
	width: 125px;
	height: 28px;
/* overflow: hidden; */
	display: block;
	background: #ff3300 url(../../images/index_btn-youto.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 220%;
	font-size: small;
	letter-spacing: -0.1em;
}

/* Product classification */

body#home a#btn-youto:hover{
	background-position: 0 -28px;
}

body#home ul#products-type
{
	list-style-type: none;
	margin: 17px 40px 0 40px;
}
body#home ul#products-type li
{
	float: left;
	width: 170px;
	text-align: center;
}
body#home ul#products-type li a
{
	padding: 0 0 0 14px;
}

body#home ul#products-type li a.blue
{
	background: url(../../images/index_icon-products_blue.gif) no-repeat;
}
body#home ul#products-type li a.blue:hover
{
	color: #244077;
}

body#home ul#products-type li a.green
{
	background: url(../../images/index_icon-products_green.gif) no-repeat;
}
body#home ul#products-type li a.green:hover
{
	color: #057F6B;
}

body#home ul#products-type li a.ocher
{
	background: url(../../images/index_icon-products_ocher.gif) no-repeat;
}
body#home ul#products-type li a.ocher:hover
{
	color: #BC7D01;
}

/* A button according to the product kind */

body#home ul#products-list
{
	margin: 12px 0 0 17px;
	list-style-type: none;
}
body#home ul#products-list li
{
	float: left;
	width: 143px;
}
body#home ul#products-list li a
{
	width: 143px;
	height: 55px;
	display: block;
	text-indent: -9999px;
}

/* Tin plate */
body#home ul#products-list li a#products-01
{
	background: url(../../images/index_btn-products_01.gif) no-repeat;
}
body#home ul#products-list li a#products-01:hover
{
	background-position: 0 -55px;
}

/* Tin-free steel */
body#home ul#products-list li a#products-02
{
	background: url(../../images/index_btn-products_02.gif) no-repeat;
}
body#home ul#products-list li a#products-02:hover
{
	background-position: 0 -55px;
}

/* Laminated steel sheet */
body#home ul#products-list li a#products-03
{
	background: url(../../images/index_btn-products_03.gif) no-repeat;
}
body#home ul#products-list li a#products-03:hover
{
	background-position: 0 -55px;
}

/* Electro-galvanized steel sheet */
body#home ul#products-list li a#products-04
{
	background: url(../../images/index_btn-products_04.gif) no-repeat;
}
body#home ul#products-list li a#products-04:hover
{
	background-position: 0 -55px;
}

/* Nickel-plated steel sheet */
body#home ul#products-list li a#products-05
{
	background: url(../../images/index_btn-products_05.gif) no-repeat;
}
body#home ul#products-list li a#products-05:hover
{
	background-position: 0 -55px;
}

/* Cold rolled steel sheet */
body#home ul#products-list li a#products-06
{
	background: url(../../images/index_btn-products_06.gif) no-repeat;
}
body#home ul#products-list li a#products-06:hover
{
	background-position: 0 -55px;
}

/* High quality decorative steel sheet */
body#home ul#products-list li a#products-07
{
	background: url(../../images/index_btn-products_07.gif) no-repeat;
}
body#home ul#products-list li a#products-07:hover
{
	background-position: 0 -55px;
}

/* Fiber coated steel sheet */
body#home ul#products-list li a#products-08
{
	background: url(../../images/index_btn-products_08.gif) no-repeat;
}
body#home ul#products-list li a#products-08:hover
{
	background-position: 0 -55px;
}

/* Mirror coat steel sheet */
body#home ul#products-list li a#products-09
{
	background: url(../../images/index_btn-products_09.gif) no-repeat;
}
body#home ul#products-list li a#products-09:hover
{
	background-position: 0 -55px;
}

/* Magnetic Disk substrates */
body#home ul#products-list li a#products-10
{
	background: url(../../images/index_btn-products_10.gif) no-repeat;
}
body#home ul#products-list li a#products-10:hover
{
	background-position: 0 -55px;
}

/* Cladding material */
body#home ul#products-list li a#products-11
{
	background: url(../../images/index_btn-products_11.gif) no-repeat;
}
body#home ul#products-list li a#products-11:hover
{
	background-position: 0 -55px;
}

/* Hard alloys  */
body#home ul#products-list li a#products-12
{
	background: url(../../images/index_btn-products_12.gif) no-repeat;
}
body#home ul#products-list li a#products-12:hover
{
	background-position: 0 -55px;
}

/* Alminum sheet for soldering */
body#home ul#products-list li a#products-13
{
	background: url(../../images/index_btn-products_13.gif) no-repeat;
}
body#home ul#products-list li a#products-13:hover
{
	background-position: 0 -55px;
}

/* Functional film for containers */
body#home ul#products-list li a#products-14
{
	background: url(../../images/index_btn-products_14.gif) no-repeat;
}
body#home ul#products-list li a#products-14:hover
{
	background-position: 0 -55px;
}

/* Functional film for optics */
body#home ul#products-list li a#products-15
{
	background: url(../../images/index_btn-products_15.gif) no-repeat;
}
body#home ul#products-list li a#products-15:hover
{
	background-position: 0 -55px;
}

/* DNA chip substrate */
body#home ul#products-list li a#products-16
{
	background: url(../../images/index_btn-products_16.gif) no-repeat;
}
body#home ul#products-list li a#products-16:hover
{
	background-position: 0 -55px;
}

/* What's New */
body#home div#whatsnewarea
{
	padding: 28px 0 0 13px;
}

/* Back number */
div#whatsnew-backnumber
{
	height: 28px;
/* overflow: hidden; */
	margin: -28px 0 12px 0;
	padding: 0 18px 0 0;
	text-align: right;
	font-size: 10px;
	color: #36383B;
	font-size: 9.7px;
}
div#whatsnew-backnumber a
{
	text-decoration: none;
	line-height: 300%;
}

/* Icon explanation */
div#icon-whatsnew
{
	padding: 0 17px 9px 0px;
	font-size: 9.7px;
	text-align: right;
}
div#icon-whatsnew img
{
	margin: -3px 1px 0 0;
}
div#icon-whatsnew span
{
	padding: 0 0 0 25px;
}

/* New List */
body#home ul#whatsnew-list
{
	margin: 0 10px 0 0;
	list-style-type: none;
	border-bottom: 1px solid #C6C3C3;
}
body#home ul#whatsnew-list li
{
	border-top: 1px solid #C6C3C3;
}
body#home ul#whatsnew-list li span.date
{
	color: #676060;
	padding: 0 9px 0 0;
}
body#home ul#whatsnew-list li div
{
	padding: 5px 0 5px 51px;
}

/* New list icon */
body#home div.icon-products
{
	background: url(../../images/index_icon-whatsnew_products.gif) no-repeat 10px center;
}
body#home div.icon-csr
{
	background: url(../../images/index_icon-whatsnew_csr.gif) no-repeat 10px center;
}
body#home div.icon-ir
{
	background: url(../../images/index_icon-whatsnew_ir.gif) no-repeat 10px center;
}
body#home div.icon-recruit
{
	background: url(../../images/index_icon-whatsnew_recruit.gif) no-repeat 10px center;
}
body#home div.icon-profile
{
	background: url(../../images/index_icon-whatsnew_profile.gif) no-repeat 10px center;
}


/*----------------------
  The right side
----------------------*/

body#home div#rightarea
{
	float: left;
	width: 256px;
	font-size: 10px;
}

body#home div.right-img
{
	text-align: center;
}
body#home div.right-img p
{
	padding: 0;
	margin: 0;
}

body#home p.morelink
{
	line-height: 220%;
	text-align: right;
}

/* Koujyou factory */
body#home div#koujyouarea
{
	margin: 12px 0 0 0;
	padding: 0px 0 8px 0px;
	background: url(../../images/index_right-boxbottom.gif) no-repeat center bottom;
}
body#home div#koujyou-txt
{
	line-height: 160%;
	text-align: left;
	padding: 0 20px 0 20px;
}

/* CSR & Ecology */
body#home div#csrarea
{
	margin: 2px 0 0 0;
	padding: 0px 0 8px 0px;
	background: url(../../images/index_right-boxbottom.gif) no-repeat center bottom;
}
body#home div#csr-txt
{
	line-height: 160%;
	text-align: left;
	padding: 0 20px 0 20px;
}

/* Banner "Mirror coat K" */
body#home div#bannerarea
{
	margin: 10px 10px 0 10px;
	border: 1px solid #D1CECE;
}
body#home div#banner-txt
{
	text-align: left;
	margin: -65px 0 0 0;
	padding: 0 0 5px 82px;
	line-height: 160%;

}
body#home div#banner-txt strong#sekaihatsu
{
	font-size: 1.2em;
	font-weight: normal;
}
body#home div#banner-txt p#ftnote
{
	color: #706E6E;
}

/* The 150th anniversary */
body#home div#steel150
{
	margin: 2px 0 0 0;
	padding: 0px 0 8px 0px;
	background: url(../../images/banner02_1.gif) no-repeat center bottom;
}
body#home div#steel150-txt
{
	line-height: 160%;
	text-align: left;
	padding: 0 20px 0 20px;
}

/* Inquiry */
body#home div#inqulryarea
{
	margin: 20px 10px 0px 10px;
	padding: 0 0 2px 0;
	background: url(../../images/index_right-inqulry_boxb.gif) no-repeat center bottom;
}
body#home div#inqulryarea h4
{
	font-size: 1em;
	padding: 0 0 10px 0;
	letter-spacing: 0.1em;
}

body#home div#inqulry-txt
{
	font-size: 1em;
	text-align: left;
	margin: 0 0 0 0;
	padding: 10px 12px 10px 20px;
}
body#home div#inqulry-txt ul
{
	list-style-type: none;
	margin: 0 0 12px 0;
	line-height: 180%;
}
body#home p.policylink
{
	text-align: right;
}

