@import url(en54_base.css);
@import url(lightbox2.css);

body {
font-size:0.9em;
}


/*------------------------------
EN54 BOX AREA
------------------------------*/

#enArea{
width:760px;
font-size:0.8em;
}

/*------------------------------
title mainimage
------------------------------*/
#enArea h1{
width:749px;
height:197px;
border-top:solid 3px #FD8000;
background-image: url(../en54_img/main.jpg);
text-indent:-9999px;
}

#enArea h2 {
	font-size: 1.4em;
	font: bold #333;
	margin: 20px 0px 5px 15px;
	padding: 0px 0px 0px 5px;
	border-left: 4px #FF7F13 solid;
	clear: both;
	display:block;
}

#enArea strong{
	color: #666666;
	font-weight: bold;
}

/*------------------------------
lead
------------------------------*/
#enArea .mainBox{
	/*color: #FF9900;*/
	text-decoration: none;
	line-height:1.6em;
}

#enArea .mainBox p{
	padding:0px 27px;
	margin-top:5px;
	margin-bottom:10px;
	font-size: 1.2em;
}


#enArea .mainBox a{
	color: #FF9900;
	text-decoration: underline;
	line-height:1.6em;
}

#enArea .mainBox a:hover,a:visited,a:active{
	color: #003399;
	text-decoration: underline;
}

#enArea .mainBox .areaBox{
width:172px;
margin:15px 0px 0px 12px;
float:left;
}

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

#enArea .products{
margin-top:25px;
}

#enArea .products h3{
	font-size: 1.4em;
	font: bold #333;
	margin: 15px 15px 5px 5px;
	padding: 0px 0px 0px 5px;
	border-left: 4px #FF7F13 solid;
	background: #FFF2E9;
	clear: both;
	display:block;
}

#enArea .products .hole{
background:url(../en54_img/enarea_products_back.gif);
padding-left:10px;
margin-top:10px;
}

*html #enArea .products .hole{
padding-top:10px;
}

*:first-child+html #enArea .products .hole{
padding-top:10px;
}

#enArea .products .ENbox{
float:left;
	text-align:center;
width:190px;
	margin: 0px 15px 5px 0px;
}

#enArea .products .ENbox .icon{
	text-align:center;
	width:170px;
	background-color: #C5C5C7;
	padding:10px 0px;
margin:10px auto;
}

*html #enArea .products .ENbox .icon{
margin:0;
}

*:first-child+html #enArea .products .ENbox .icon{
margin:0;
}

#enArea .products .ENbox .ctf{
	text-align:center;
	width:170px;
	padding:10px 0px;
margin:10px auto;
}

#enArea .hole .cetificate{
float:left;
margin-top:5px;
margin-left:5px;
}

#enArea .hole .clear{
clear:both;
}

/*------------------------------
LINE UP BOX AREA
------------------------------*/

#enArea .products .PRbox{
float:left;
width:515px;
background-color: #FFFFFF;
}


.lineupBox{
margin-top:10px;
padding-left:15px;
padding-bottom:10px;
}

#enArea .lineupBox h4{
margin:0px;
width:350px;
font-size:1.2em;
}

#enArea .lineupBox .more{
float:right;
margin-top:-21px;
width:110px;
height:21px;
text-indent: -9999px;
background:url(../cmn_img/ico_detail_off.jpg) no-repeat;
}

#enArea .lineupBox .more a{
width:110px;
height:21px;
display:block;
background:none;
}
#enArea .lineupBox .more a:hover{
background:url(../cmn_img/ico_detail_on.jpg) no-repeat;
}
/* ----- image Area (left) ----- */
#enArea .lineupBox .imgBox{
float:left;
width:130px;
margin-top:10px;
}
#enArea .lineupBox .imgBox a{
background:none;
}

/* ----- text Area (right) ----- */
#enArea .infoBox{
border-top:#ddd 1px solid;
padding-left:150px;
}
/* title */
.nameBox{
margin-top:10px;
margin-left:-15px;
color:#600;
font-size:1.2em;
font-weight:bold;
}


/* if description */
#enArea .lineupBox .outlineBox{
font-size:1.0em;
line-height:1.2em;
margin-left:-15px;
}



/*------------------------------
products link snipets
------------------------------*/
.contents_link h4{
	font-size:1.4em;
	font:bold #333;
	background: #FFF2E9;
	margin: 15px 15px 5px 5px;
	padding: 0px 0px 0px 5px;
	border-top: 4px #FF7F13 solid;
	border-bottom: 1px #666 solid;
	display: block;
}

.contents_link ul{
list-style:none;
}

/*for IE */
*html body .contents_link ul{
margin-left:5px;
}

.contents_link li{
background:url(../cmn_img/ico_arrow_orange.gif) left top no-repeat;
margin-left:10px;
padding:0px 0px 0px 12px;
font-size:1.2em;
margin-top:3px;
}

*html .contents_link li{
padding-left:0px;
}

*:first-child+html .contents_link li{
padding-left:0px;
}
.contents_link li a{
color:#000099;
text-decoration:none;
}
.contents_link li a:hover{
color:#ff6633;
text-decoration:underlone;
}