/**********************************************************************
Nestle :[ style.css ]

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

/*---------------------------------------------
 Initialization
---------------------------------------------*/
*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: nomal;
	text-align:left;
}

html,body{
	margin: 0;
	padding: 0;
    height: 100%;
	text-align: center;
    line-height: 1.5;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN","LucidaGrande", sans-serif;
}

html{ overflow-y:scroll;}

body{
	background-color: #000;
	font-size: 16px;
}

@media print {
	body{ background: #fff;}
}

/* IE6 */
* html body{ font-size: 100%;}

/* IE7 */
*:first-child+html body{ font-size: 100%;}

ol,ul,li{
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}

dl, dt, dd{
    margin: 0;
    padding: 0;
    border: none;
}

p, div, pre, span{
    margin: 0;
    padding: 0;
    border: none;
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    border: none;
}

img{
    margin: 0;
    padding: 0;
	border: none;
	vertical-align: top;
	line-height: 0;
}

/*---------------------------------------------
 Base Link Color Setting
---------------------------------------------*/
a,
a:link,
a:hover,
a:focus,
a:active,
a:visited{
    color: #fff;
    outline: none;
}

/*---------------------------------------------
 commonstyle
---------------------------------------------*/
.first{
	margin-left: 0 !important;
	padding-left: 0 !important;
	border: none !important;
}

.noscript{
	padding: 10px;
	color:#fff;
	width:540px;
	}

.noscriptLinup{
	padding: 10px 0 0 46px;
	color:#fff;
	width:600px;
	}

/*---------------------------------------------
 container
---------------------------------------------*/
#HtmlPlaceholder{
	display:block;
	width:100%;
	text-align:center;
}

#container{
	position:relative;
	margin: 30px auto 0;
	padding: 0;
    width: 950px;
	text-align: center;
	font-size: 75%;
}

#contentArea {
	position:relative;
	height:615px;
	background:url(/NR/rdonlyres/1F927F23-3BD6-4597-9115-44B0A4201824/0/bg_con.jpg) no-repeat 0 0;
	z-index:1;
}

/*---------------------------------------------
mainContents
---------------------------------------------*/
#mainContents{
	padding:113px 0 0 73px;
}

#mainContents .inneerBox h2.h2Title{
	margin:0 0 40px 20px;
}

#mainContents .inneerBox h3.h3Title{
	margin: 0 0 0 45px;
}

#mainContents .inneerBox h2.h2TitleIndex{
	margin:0 0 20px 20px;
}

#mainContents .inneerBox h3.h3TitleIndex{
	margin: 0 0 15px 20px;
}

#mainContents .inneerBox h2.h2TitleQA{
	margin:0 0 20px 20px;
}

/*-- buttonList ---*/
#contentArea #mainContents .buttonList{
	position: absolute;
	top: 113px;
	left: 618px;
	overflow: hidden;
}
#contentArea #mainContents .buttonList li{
	margin-right: 12px;
	float: left;
	display: inline;
}


/*-- lineupBox ---*/
#lineupBox{
	margin: 45px 0 0;
	padding: 0;
	position: relative;
}

#lineupBox ul li{
	margin: 0;
	padding: 0;
	width: 10px;
	height: 78px;
	display: inline;
}

/*-- lineupBox-Images ---*/
#lineupBox ul li.off p{ z-index: 1;}

#lineupBox ul li.on p{ z-index: 10;}

#lineupBox ul li.on #product01 p img,
#lineupBox ul li.on #product02 p img,
#lineupBox ul li.on #product03 p img,
#lineupBox ul li.on #product04 p img,
#lineupBox ul li.on #product05 p img{
	width: 0;
	height: 0;
}

#lineupBox ul li #product01 p{
	width: 175px;
	height:	186px;
	position: absolute;
	top: 0;
	left: 0;
}
#lineupBox ul li.on #product01 p{ background: url(/NR/rdonlyres/590BE717-4FD7-472A-8276-CC82E0250853/0/pro_img_lineup01_on.jpg);}

#lineupBox ul li #product02 p{
	width: 175px;
	height:	186px;
	position: absolute;
	top: 0;
	left: 122px;
}
#lineupBox ul li.on #product02 p{ background: url(/NR/rdonlyres/10810986-8537-45A4-B367-5A223AEA279D/0/pro_img_lineup02_on.jpg);}

#lineupBox ul li #product03 p{
	width: 150px;
	height:	186px;
	position: absolute;
	top: 0;
	left: 253px;
}
#lineupBox ul li.on #product03 p{ background: url(/NR/rdonlyres/93D7D56C-9212-4FEF-99CA-AA1B164D3FF4/0/pro_img_lineup03_on.jpg);}

#lineupBox ul li #product04 p{
	width: 145px;
	height:	186px;
	position: absolute;
	top: 0;
	left: 381px;
}
#lineupBox ul li.on #product04 p{ background: url(/NR/rdonlyres/3EE1134F-D957-4A6D-BE11-52B03804A40F/0/pro_img_lineup04_on.jpg);}

#lineupBox ul li #product05 p{
	width: 175px;
	height:	186px;
	position: absolute;
	top: 0;
	left: 491px;
}
#lineupBox ul li.on #product05 p{ background: url(/NR/rdonlyres/B5298D15-59C3-4668-B6F0-DA791D44865A/0/pro_img_lineup05_on.jpg);}


/*-- lineupBox-Detail ---*/
#lineupBox ul li.off dl{ visibility: hidden;}
#lineupBox ul li.on dl{	visibility: visible;}

#lineupBox ul li dl dt{
	margin-top: 20px;
	margin-bottom: 5px;
}

#lineupBox dd{color:#fff;}

#lineupBox ul li #product01 dl{
	padding-left: 60px;
	position: absolute;
	 width: 440px;
	top: 186px;
	left: 40;
	background: url(/NR/rdonlyres/BB732A2D-9F32-4784-A99F-BADC1D696C30/0/pro_bg_arrow01.gif) 0 0 no-repeat;
}

#lineupBox ul li #product02 dl{
	padding-left: 60px;
	position: absolute;
	 width: 440px;
	top: 186px;
	left: 151px;
	background: url(/NR/rdonlyres/47FFC3FD-8C65-45E3-A311-E7A67833D5D1/0/pro_bg_arrow02.gif) 0 0 no-repeat;
}

#lineupBox ul li #product03 dl{
	padding-left: 50px;
	position: absolute;
	 width: 380px;
	top: 186px;
	left: 247px;
	background: url(/NR/rdonlyres/06C6D0E1-0CD7-4568-B8FC-AA363C1EDC86/0/pro_bg_arrow03.gif) 0 0 no-repeat;
}

#lineupBox ul li #product04 dl{
	position: absolute;
	 width: 370px;
	top: 186px;
	left: 340px;
	background: url(/NR/rdonlyres/69D5346A-46AB-462C-A830-420BCDD61F3A/0/pro_bg_arrow04.gif) 154px 0 no-repeat;
}

#lineupBox ul li #product05 dl{
	position: absolute;
	 width: 380px;
	top: 186px;
	left: 273px;
	background: url(/NR/rdonlyres/9D2AE9F6-CCB4-4CFA-B357-336679AD4375/0/pro_bg_arrow05.gif) 272px 0 no-repeat;
}


/*-- productDetailWrap ---*/

.productDetailWrap{
	width:610px;
	margin:0 0 0 20px;
	padding:0;
}

.productDetailWrap .detailLeft{
	float:left;
	width:314px;
	height:318px;
	margin:0 45px 0 0;
	display: inline;
}

.productDetailWrap .detaiilRight{
	float:right;
	width:248px;
	height:292px;
}


/*--------------
 #QA
--------------*/
#flashBox{
	margin-top:15px;
	margin-left:51px;
	padding: 0;
}

#buttonBox{
	margin: 1px 0 0 236px;
	overflow: hidden;
}

#buttonBox li{
	margin-right: 12px;
	float: left;
}



/*---------------------------------------------
 utilityNavi
---------------------------------------------*/
#utilityNavi {
	display:block;
	height:30px;
	position:absolute;
	top:150px;
	left:636px;
	z-index:1000;
}
	#utilityNavi li a {
		display:block;
		position:absolute;
		text-indent:-9999px;
		line-height:0;
	}

	#utilityNavi li.toHome a {
	top:0;
	left:-1px;
	width:88px;
	height:30px;
	background:url(/NR/rdonlyres/FAA57E11-FEB7-49DE-8DE5-5C13E57FA20D/0/tab_home.gif) no-repeat 0 0;
	}
	#utilityNavi li.toTop a {
		top:0;
		left:89px;
		width:87px;
		height:30px;
		background:url(/NR/rdonlyres/0BDB70F3-4510-4695-9D8F-8A1993ECE2D7/0/tab_top.gif) no-repeat 0 0;
	}

	#utilityNavi li.toHome a:hover {
		background-position:0 -30px;
	}
	#utilityNavi li.toTop a:hover {
		background-position:0 -30px;
	}

/*---------------------------------------------
 menuContents
---------------------------------------------*/
#menuContents {
	position:absolute;
	top:88px;
	left:754px;
	width:133px;
}
	#menuContents ul li a {
		display:block;
		position:absolute;
		left:0;
		width:133px;
		height:150px;
		text-indent:-9999px;
		line-height:0;
	}

	#menuContents ul li.knowledge a {
		background:url(/NR/rdonlyres/CC850F88-C517-470D-A1B2-42CD191125D0/0/btn_knowledge_s.jpg) no-repeat 0 0;
		top:0;
	}
	#menuContents ul li.diacrisis a {
		background:url(/NR/rdonlyres/C05D4AD4-3D5C-4307-A0B2-1434D48C208F/0/btn_diacrisis_s.jpg) no-repeat 0 0;
		top:114px;
	}
	#menuContents ul li.product a {
		background:url(/NR/rdonlyres/1C7CE130-49AB-44B8-9286-C3BC6808343F/0/btn_product_s.jpg) no-repeat 0 0;
		top:0;
	}
	#menuContents ul li.qa a {
		background:url(/NR/rdonlyres/EEF3673C-DBD8-419D-9804-E701F683632A/0/btn_qa_s.jpg) no-repeat 0 0;
		top:158px;
	}

	#menuContents ul li.knowledge a:hover,
	#menuContents ul li.diacrisis a:hover,

	#menuContents ul li.product a:hover,
	#menuContents ul li.qa a:hover {
		background-position:-133px 0;
	}


/*---------------------------------------------
 footArea
---------------------------------------------*/
#footArea{
	margin: 0;
	padding: 0 0 10px;
    width: 100%;
	background: #000;
	text-align: center;
	font-size: 75%;
	color: #fff;
}

#footArea a{
	color: #fff;
    text-decoration: none;
}

#footArea #footInner{
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#footArea #footNavi{
	margin: 0 0 0 600px;
	padding: 0 0 15px;
	width: 358px;
	zoom: 1;
}

#footArea #footNavi li{
	float: left;
	line-height: 0;
}

#footArea #footUtility{
	margin-left: 10px;
	overflow: hidden;
	float: left;
}

#footArea #footUtility li{
	padding: 0 10px;
	float: left;
	border-left: 1px solid #fff;
}

#footArea .nestle,
#footArea .copyright,
#footArea .registered{
	margin: 0;
	padding: 0;
	text-align: right;
}

#footArea .nestle{
	margin: 0 20px 10px 0;
	padding: 0;
	float: right;
}

#footArea .copyright{
	margin-bottom: 10px;
	margin-right: 20px;
}
#footArea .registered{ margin-right: 20px;}


/*---------------------------------------------
clearfix
---------------------------------------------*/
.clearfix:after,
#contentArea:after,
#contentArea #mainContents .buttonList:after,
#manufacturBox:after,
#footArea #footNavi:after,
#footArea #footInner:after,
#footArea #footRight:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*add shisnei start */
#TOP{text-align:center;width:100%;background:none;}
#PRODUCT{text-align:center;width:100%;background:none;}
#QA{text-align:center;width:100%;background:none;}

/*add shinsei end */



.topbanner{
	margin-left:162px;
	margin-bottom:25px;
}