/*-----------------
Reset
-------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse:separate;
	border-spacing: 1px;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}

a{
-moz-outline-style: none;
}


/*-----------------
Main
-------------------*/
body{
	background:#000;
	color:#FFF;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
}

#wrap{
	clear:both;
	width:1134px;
	margin:0 auto;
}

#header{
	width:1134px;
	clear:both;
	position:relative;
	margin-bottom:15px;
}

#area1{
	width:935px;
	float:left;
	padding-bottom:20px;
}

#area2{
	width:173px;
	float:right;
}

#footer{
	clear:both;
}

/*-----------------
header
-------------------*/
#header #logo{
	float:left;
	padding-top:25px;
}

#header .box1{
	width:425px;
	height:108px;
	float:right;
}

#header .box1 a:link,
#header .box1 a:visited{
	color:#999;
	text-decoration:none;
}

#header .box1 a:hover,
#header .box1 a:active{
	color:#FFF;
	text-decoration:underline;
}

#header .box1 .left{
	float:left;
	width:226px;
}

#header .box1 .left .about{
	display:block;
	height:17px;
	line-height:17px;
	text-align:right;
	font-size:10px;
	margin-bottom:5px;
}

#header .box1 .left .about a{
	padding-left:7px;
	background:url(../../img/luxniles/arrow2.gif) no-repeat 0 4px;
}

#header .box1 .left .btn-regist{
	width:226px;
	height:20px;
	margin-bottom:10px;
	clear:both;
}

#header .box1 .left .btn-regist a{
	display:block;
	clear:both;
	width:226px;
	height:20px;
	background-image:url(../../img/luxniles/btn-regist.gif);
	text-indent:-9999px;
}

#header .box1 .left .btn-regist a:hover{
	background-position:0 -20px;
}

#header .box1 .left .signin{
	width:226px;
	clear:both;
}

#header .box1 .left .signin .txt1{
	width:224px;
	height:18px;
	vertical-align:middle;
	line-height:18px;
	border-right:1px solid #522e28;
	border-bottom:1px solid #522e28;
	border-top:1px solid #4d2b26;
	border-left:1px solid #4d2b26;
	clear:both;
	margin-bottom:5px;
	background:#4d2b26;
	font-size:12px;
	color:#FFFFFF;
}

#header .box1 .left .signin .txt2{
	width:161px;
	height:18px;
	vertical-align:middle;
	line-height:18px;
	float:left;
	border-right:1px solid #522e28;
	border-bottom:1px solid #522e28;
	border-top:1px solid #4d2b26;
	border-left:1px solid #4d2b26;
	background:#4d2b26;
	font-size:12px;
	color:#fff;
}

#header .box1 .left .signin .btn-signin{
	width:58px;
	height:20px;
	float:right;
}

#header .box1 .left .signin .btn-signin a{
	display:block;
	width:58px;
	height:20px;
	background-image:url(../../img/luxniles/btn-signin.gif);
	text-indent:-9999px;
}

#header .box1 .left .signin .btn-signin a:hover{
	background-position:0 -20px;
}

#header .box1 .left .btn-signout{
	width:58px;
	height:20px;
	float:right;
}

#header .box1 .left .signout{
	clear:both;
	padding-top:25px;
}

#header .box1 .left .txt1{
	font-size:12px;
	line-height:18px;
	float:left;
}

#header .box1 .left .btn-signout a{
	display:block;
	width:58px;
	height:20px;
	background-image:url(../../img/luxniles/btn-signout.gif);
	text-indent:-9999px;
}

#header .box1 .left .btn-signout a:hover{
	background-position:0 -20px;
}



#header .box1 .right{
	float:right;
	width:174px;
}

#header .box1 .right{
	float:right;
	width:174px;
}

#header .box1 .right .list{
	height:55px;
	display:block;
}

#header .box1 .right .list li{
	font-size:10px;
	line-height:12px;
	clear:both;
	background:url(../../img/luxniles/arrow2.gif) 0 4px no-repeat;
	padding-left:7px;
	margin-bottom:5px;
}

#header .box1 .right .txt1{
	width:114px;
	height:18px;
	float:left;
	border-right:1px solid #333;
	border-bottom:1px solid #3b3b3b;
	border-top:1px solid #333;
	border-left:1px solid #333;
	background:#333;
	font-size:12px;
	vertical-align:middle;
	line-height:18px;
	color:#fff;
}

#header .box1 .right .btn-search{
	width:58px;
	height:20px;
	float:right;
}

#header .box1 .right .btn-search a{
	display:block;
	width:58px;
	height:20px;
	background-image:url(../../img/luxniles/btn-search.gif);
	text-indent:-9999px;
	line-height:0;
}

#header .box1 .right .btn-search a:hover{
	background-position:0 -20px;
}

#header .box2{
	width:935px;
	clear:both;
}

#header .box2 #navi1{
	padding:0;
	background:#771200;
	height:25px;
	margin-bottom:5px;
	margin-right:-1px;
}

#header .box2 #navi1 li{
	width:156px;
	height:25px;
	float:left;
}

#header .box2 #navi1 li a{
	display:block;
	width:156px;
	height:25px;
	background-image:url(../../img/luxniles/navi1.jpg);
	text-indent:-9999px;
}

#header .box2 #navi1 li.n01 a{background-position:0 0;}
#header .box2 #navi1 li.n01 a:hover{background-position:0 -25px;}
#header .box2 #navi1 li.n01-on a{background-position:0 -50px;}

#header .box2 #navi1 li.n02 a{background-position:-156px 0;}
#header .box2 #navi1 li.n02 a:hover{background-position:-156px -25px;}
#header .box2 #navi1 li.n02-on a{background-position:-156px -50px;}

#header .box2 #navi1 li.n03 a{background-position:-312px 0;}
#header .box2 #navi1 li.n03 a:hover{background-position:-312px -25px;}
#header .box2 #navi1 li.n03-on a{background-position:-312px -50px;}

#header .box2 #navi1 li.n04 a{background-position:-468px 0;}
#header .box2 #navi1 li.n04 a:hover{background-position:-468px -25px;}
#header .box2 #navi1 li.n04-on a{background-position:-468px -50px;}

#header .box2 #navi1 li.n05 a{background-position:-624px 0;}
#header .box2 #navi1 li.n05 a:hover{background-position:-624px -25px;}
#header .box2 #navi1 li.n05-on a{background-position:-624px -50px;}

#header .box2 #navi1 li.n06 a{background-position:-780px 0;}
#header .box2 #navi1 li.n06 a:hover{background-position:-780px -25px;}
#header .box2 #navi1 li.n06-on a{background-position:-780px -50px;}



#header .box2 #navi2{
	margin-right:-3px;
	height:29px;
	overflow:hidden;
}

#header .box2 #navi2 li{
	width:133px;
	height:29px;
	float:left;
}

#header .box2 #navi2 li a{
	display:block;
	width:133px;
	height:29px;
	background-image:url(../../img/luxniles/navi2.jpg);
	text-indent:-9999px;
}

#header .box2 #navi2 li.n01 a{background-position:0 0;}
#header .box2 #navi2 li.n01 a:hover{background-position:0 -29px;}
#header .box2 #navi2 li.n01-on a{background-position:0 -58px;}

#header .box2 #navi2 li.n02 a{background-position:-134px 0;}
#header .box2 #navi2 li.n02 a:hover{background-position:-134px -29px;}
#header .box2 #navi2 li.n02-on a{background-position:-134px -58px;}

#header .box2 #navi2 li.n03 a{background-position:-268px 0;}
#header .box2 #navi2 li.n03 a:hover{background-position:-268px -29px;}
#header .box2 #navi2 li.n03-on a{background-position:-268px -58px;}

#header .box2 #navi2 li.n04 a{background-position:-402px 0;}
#header .box2 #navi2 li.n04 a:hover{background-position:-402px -29px;}
#header .box2 #navi2 li.n04-on a{background-position:-402px -58px;}

#header .box2 #navi2 li.n05 a{background-position:-536px 0;}
#header .box2 #navi2 li.n05 a:hover{background-position:-536px -29px;}
#header .box2 #navi2 li.n05-on a{background-position:-536px -58px;}

#header .box2 #navi2 li.n06 a{background-position:-670px 0;}
#header .box2 #navi2 li.n06 a:hover{background-position:-670px -29px;}
#header .box2 #navi2 li.n06-on a{background-position:-670px -58px;}

#header .box2 #navi2 li.n07 a{background-position:-804px 0;}
#header .box2 #navi2 li.n07 a:hover{background-position:-804px -29px;}
#header .box2 #navi2 li.n07-on a{background-position:-804px -58px;}

#header .box2 #navi3{
	height:29px;
}

#header .box2 #navi3 li{
	width:133px;
	height:29px;
	float:left;
}

#header .box2 #navi3 li a{
	display:block;
	width:133px;
	height:29px;
	background-image:url(../../img/luxniles/navi3.jpg);
	text-indent:-9999px;
}

#header .box2 #navi3 li.n01 a{background-position:0 0;}
#header .box2 #navi3 li.n01 a:hover{background-position:0 -29px;}
#header .box2 #navi3 li.n01-on a{background-position:0 -58px;}

#header .box2 #navi3 li.n02 a{background-position:-134px 0;}
#header .box2 #navi3 li.n02 a:hover{background-position:-134px -29px;}
#header .box2 #navi3 li.n02-on a{background-position:-134px -58px;}

#header .box2 #navi3 li.n03 a{background-position:-268px 0;}
#header .box2 #navi3 li.n03 a:hover{background-position:-268px -29px;}
#header .box2 #navi3 li.n03-on a{background-position:-268px -58px;}

#header .box2 #navi3 li.n04 a{background-position:-402px 0;}
#header .box2 #navi3 li.n04 a:hover{background-position:-402px -29px;}
#header .box2 #navi3 li.n04-on a{background-position:-402px -58px;}

#header .box2 #navi3 li.n05 a{background-position:-536px 0;}
#header .box2 #navi3 li.n05 a:hover{background-position:-536px -29px;}
#header .box2 #navi3 li.n05-on a{background-position:-536px -58px;}

#header .box2 #navi3 li.n06 a{background-position:-670px 0;}
#header .box2 #navi3 li.n06 a:hover{background-position:-670px -29px;}
#header .box2 #navi3 li.n06-on a{background-position:-670px -58px;}

#header .box2 #navi3 li.n07 a{background-position:-804px 0;}
#header .box2 #navi3 li.n07 a:hover{background-position:-804px -29px;}
#header .box2 #navi3 li.n07-on a{background-position:-804px -58px;}

#header .banner{
	position:absolute;
	right:0;
	top:108px;
	width:174px;
}
#header .banner_hc{
	/*
	position:absolute;
	left:455px;
	top:23px;
	*/
	float: left;
	margin: 23px 0px 0px 19px;
	width:174px;
}

/*-----------------
language
-------------------*/
ul#language{
	display:block;
	clear:both;
	width:174px;
	height:17px;
	overflow:hidden;
	margin-bottom:5px;
}

ul#language li{
	float:left;
	width:58px;
	height:17px;
}

ul#language li a{
	display:block;
	width:58px;
	height:17px;
	line-height:17px;
	background-image:url(../../img/luxniles/language.gif);
	text-indent:-9999px;
	line-height:0;
}

ul#language li.japanese a{background-position:0 0;}
ul#language li.japanese a:hover{background-position:0 -17px;}
ul#language li.japanese-on a{background-position:0 -34px;}

ul#language li.english a{background-position:-58px 0;}
ul#language li.english a:hover{background-position:-58px -17px;}
ul#language li.english-on a{background-position:-58px -34px;}

ul#language li.chinese a{background-position:-117px 0;}
ul#language li.chinese a:hover{background-position:-117px -17px;}
ul#language li.chinese-on a{background-position:-117px -34px;}

/*-----------------
area1
-------------------*/
#main-visual{
	position:relative;
	height:470px;
	clear:both;
}

#sub-visual{
	clear:both;
	margin-bottom:20px;
}

#area1 #features{
	width:330px;
	float:left;
	margin-bottom:10px;
}

#area1 .box1{
	width:549px;
	overflow:hidden;
	float:right;
	padding-bottom:20px;
}

#area1 #special{
	width:549px;
	clear:both;
	margin-bottom:25px;
}

#area1 #selection{
	clear:both;
	margin-bottom:33px;
}

#area1 #information{
	clear:both;
	margin-bottom:20px;
}

#area1 #ecology{
	display:inline;
	width:163px;
	float:left;
	margin-right:30px;
}

#area1 #interview{
	display:inline;
	width:163px;
	float:left;
}

#area1 #csr{
	display:inline;
	width:163px;
	float:right;
}

#area1 #update{
	clear:both;
	margin-bottom:20px;
}

#area1 #data{
	clear:both;
	margin-bottom:20px;
}

#area1 h3 a:link,
#area1 h3 a:visited{
	text-decoration:none;
	color:#999;
}
#area1 h3 a:hover,
#area1 h3 a:active{
	text-decoration:none;
	color:#FFF;
}

.date{
	color:#990000;
}

.new{
	color:#990000;
}

.more{
	clear:both;
	text-align:right;
	font-size:12px;
}

.more a{
	background:url(../../img/luxniles/arrow1.gif) no-repeat 0 4px;
	padding-left:8px;
	color:#FFFFFF;
}

.more a:link,
.more a:visited{
	color:#FFF;
	text-decoration:none;
}
.more a:hover,
.more a:active{
	color:#FFF;
	text-decoration:underline;
}

/*-----------------
area2
-------------------*/
#area2 ul.banner li{
	clear:both;
	margin-bottom:5px;
}

/*-----------------
main visual
-------------------*/
#main-visual img{
	clear:both;
}

#main-visual div img{
	margin-bottom:10px;
}

#main-visual h2{
	clear:both;
	margin-bottom:5px;
}

#main-visual h3 a{
	display:block;
}

#main-visual h3 span{
	display:block;
}

#main-visual h3 span.catch{
	font-size:20px;
}

#main-visual h3 span.sub{
	font-size:16px;
	margin-bottom:5px;
}

#main-visual h3 span.text{
	font-size:12px;
	line-height:18px;
}

#main-visual ul.navi {
	position:absolute;
	bottom:120px;
	right:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:450px;
	height:13px;

}

#main-visual ul.navi li {
      float: right;
      border-right: 1px #333 solid;
	  line-height:13px;
	  height:13px;
}
#main-visual ul.navi li.next{
	  padding-left:0;
	  padding-right:0;
      border-right: none;
}

#main-visual ul.navi li.next a{
	padding-right:0;
}

#main-visual ul.navi li a{
      padding-left: 10px;
      padding-right: 10px;
	display:block;
}
#main-visual ul.navi li a:link,
#main-visual ul.navi li a:visited {
      color: #666;
      text-decoration: none;
}
#main-visual ul.navi li a:hover,
#main-visual ul.navi li a:active {
      color: #FFF;
      text-decoration: none;
}
#main-visual ul.navi li em {
      padding-left: 10px;
      padding-right: 10px;
      font-weight: bold;
	  color:#990000;
}

/*-----------------
features
-------------------*/
#area1 #features h2{
	clear:both;
	margin-bottom:15px;
}

#area1 #features ul{
	clear:both;
	margin-bottom:-20px;
}

#area1 #features ul li{
	clear:both;
	margin-bottom:20px;
	font-size:14px;
	line-height:20px;
}

#area1 #features h3 a{
	display:block;
}

#area1 #features h3 a img{
	clear:both;
	margin-bottom:5px;
}

#area1 #features h3 a:link img,
#area1 #features h3 a:visited img{
	border:1px solid #333;
}
#area1 #features h3 a:hover img,
#area1 #features h3 a:active img{
	border:1px solid #666;
}

#area1 #features h3 a span{
	display:block;
	clear:both;
	font-size:12px;
	line-height:16px;
}

/*-----------------
special
-------------------*/
#area1 #special h2{
	clear:both;
	margin-bottom:15px;
}

#area1 #special ul{
	width:579px;
	clear:both;
	margin-right:-30px;
}

#area1 #special ul li{
	display:inline;
	width:163px;
	overflow:hidden;
	float:left;
	margin-right:30px;
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
}

#area1 #special h3 a{
	display:block;
}

#area1 #special h3 a img{
	margin-bottom:5px;
}

#area1 #special h3 a:link img,
#area1 #special h3 a:visited img{
	border:1px solid #333;
}
#area1 #special h3 a:hover img,
#area1 #special h3 a:active img{
	border:1px solid #666;
}

/*-----------------
selection
-------------------*/
#area1 #selection h2{
	margin-bottom:15px;
}

#area1 #selection h3{
	font-size:12px;
	line-height:18px;
	color:#999;
}

#area1 #selection span a{
	font-size:12px;
	line-height:18px;
	color: #0066FF;
}

/*-----------------
information
-------------------*/
#area1 #information h2{
	margin-bottom:15px;
}

#area1 #information ul{
	clear:both;
	margin-bottom:-5px;
}

#area1 #information ul li{
	clear:both;
	margin-bottom:5px;
	font-size:12px;
}

#area1 #information p{
	line-height:18px;
}
#area1 #information h3{
	line-height:18px;
	padding-left:5.5em;
	margin-top:-18px;
}

/*-----------------
ecology interview csr
-------------------*/
#area1 #ecology h2,
#area1 #interview h2,
#area1 #csr h2{
	margin-bottom:15px;
}

#area1 #ecology h3,
#area1 #interview h3,
#area1 #csr h3{
	font-size:12px;
	line-height:18px;
}

#area1 #ecology h3 a img,
#area1 #interview h3 a img,
#area1 #csr h3 a img{
	clear:both;
}

#area1 #ecology h3 span,
#area1 #interview h3 span,
#area1 #csr h3 span{
	display:block;
	clear:both;
}

#area1 #ecology h3 a,
#area1 #interview h3 a,
#area1 #csr h3 a{
	display:block;
}

#area1 #ecology a img,
#area1 #interview a img,
#area1 #csr a img{
	margin-bottom:5px;
}

#area1 #ecology a:link img,
#area1 #interview a:link img,
#area1 #csr a:link img,
#area1 #ecology a:visited img,
#area1 #interview a:visited img,
#area1 #csr a:visited img{
	border:1px solid #333;
}
#area1 #ecology a:hover img,
#area1 #interview a:hover img,
#area1 #csr a:hover img,
#area1 #ecology a:active img,
#area1 #interview a:active img,
#area1 #csr a:active img{
	border:1px solid #666;
}

/*-----------------
update
-------------------*/
#area1 #update h2{
	clear:both;
	margin-bottom:15px;
}

#area1 #update ul{
	width:944px;
	clear:both;
	margin-right:-10px;
	margin-bottom:-10px;
}

#area1 #update ul li{
	display:inline;
	width:226px;
	height:46px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	font-size:12px;
	line-height:16px;
}

#area1 #update h3 a:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}

#area1 #update h3 a{display:inline-block;}
/* Hides from IE-mac \*/
* html #area1 #update h3 a{height:1%;}
#area1 #update h3 a {display: block;}
/* End hide from IE-mac */

#area1 #update h3 a span{
	font-size:10px;
	line-height:1em;
}

#area1 #update h3 a img{
	margin-right:5px;
	float:left;
}

#area1 #update h3 a:link img,
#area1 #update h3 a:visited img{
	border:1px solid #333;
}
#area1 #update h3 a:hover img,
#area1 #update h3 a:active img{
	border:1px solid #666;
}

/*-----------------
data
-------------------*/
#area1 #data h2{
	clear:both;
	margin-bottom:15px;
}

#area1 #data ul{
	width:948px;
	clear:both;
	margin-right:-17px;
}

#area1 #data ul li{
	display:inline;
	width:141px;
	float:left;
	margin-right:17px;
}

#area1 #data h3 a img{
	margin-bottom:5px;
}

#area1 #data h3 a span{
	clear:both;
	display:block;
	text-align:center;
	background:#851200;
	font-size:14px;
	line-height:18px;
	height:18px;
	color:#FFF;
	text-transform:uppercase;
}

#area1 #data h3 a:hover span{
	background:#f22000;
}

#area1 #data h3 a:link img,
#area1 #data h3 a:visited img{
	border:1px solid #333;
}
#area1 #data h3 a:hover img,
#area1 #data h3 a:active img{
	border:1px solid #666;
}

/*-----------------
footer
-------------------*/
#footer .box1{
	position:relative;
	clear:both;
	overflow:hidden;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	font-size:12px;
	padding:10px 0 10px;
}

#footer .box1 ul{
	position:relative;
	float:left;
	left:50%;
	height:1em;
	margin-left:-20px;
}

#footer .box1 ul li{
	position:relative;
	left:-50%;
	display:inline;
	border-right:1px solid #333333;
	float:left;
	margin-left:20px;
	padding-right:20px;
	color:#999;
}

#footer .box2{
	clear:both;
	font-size:12px;
	line-height:18px;
	padding:5px 0;
	text-align:center;
}

#footer a:link,
#footer a:visited{
	text-decoration:none;
	color:#999;
}
#footer a:hover,
#footer a:active{
	text-decoration:none;
	color:#FFF;
}

/*-----------------
basic
-------------------*/
#basicpage{
	padding-top:20px;
	font-size:14px;
	line-height:22px;
	color:#CCC;
}

#basicpage a:link,
#basicpage a:visited{
	color:#0066FF;
	text-decoration:none;
}
#basicpage a:hover,
#basicpage a:active{
	color:#0066FF;
	text-decoration:underline;
}

#basicpage h2{
	font-size:18px;
	line-height:24px;
	clear:both;
	margin-bottom:20px;
	color:#fff;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:1px solid #262626;
	border-top:1px solid #404040;
	background:#333333;
}

#basicpage h3{
	font-size:16px;
	line-height:22px;
	clear:both;
	margin-bottom:5px;
	padding-top:20px;
}
#basicpage p{
}

#basicpage table{
	border-collapse:collapse;
	border-spacing:0px;
}

#basicpage th{
	vertical-align:top;
	padding:10px 0;
	border-bottom:1px solid #333333;
}

#basicpage td{
	vertical-align:top;
	padding:10px 0;
	border-bottom:1px solid #333333;
}

#basicpage ul.list-decimal{
	list-style:decimal outside;
	padding-left:25px;
}

.btn{
	margin-left:-10px;
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
}

.btn2{
	margin-left:-10px;
	clear:both;
	padding-top:-18px;
	margin-bottom:5px;
	float:right;
}

.btn img{
	float:right;
	margin-left:10px;
}

.clientinfo{
	margin-bottom:10px;
	clear:both;
	padding:10px;
	border:1px solid #262626;
	background:#1a1a1a;
}

.clientinfo p{
	font-size:12px;
	line-height:18px;
}

/*-----------------
register
-------------------*/
#register{
	background:#FFF;
	color:#333333;
}

#register table{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#register table td{
		font-size:12px;
	line-height:22px;
	padding:10px;
}

#register table p{
		font-size:12px;
	line-height:22px;
}

.form-k{
	padding:10px;
	vertical-align:middle;
}

/*-----------------
clearfix
-------------------*/
.clearfix:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}

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