/*-- 

	Index Ele

====================================================== --*/
#Index .contents{
	position:relative;
	z-index:1;
	padding:567px 0px 0px;
	width:100%;
	min-width:1000px;
	overflow:hidden;
}
/*-- mainVisual --*/
/*-- ------------------------------------------------- --*/
#Index .mainVisual{
	position:fixed;
	left:0px;
	right:0px;
	margin:auto;
	top:0px;
	overflow:hidden;
	width:100%;
	min-width:1000px;
}
#Index .mainVisual img{
	width:100%;
	min-width:1366px;
	position:relative;
	left:50%;
	top:0px;
	right:0;
	margin:0px 0px 0px -683px;
}
@media screen and (min-width: 1366px){
	#Index .mainVisual img{
		left:0%;
		margin:0px 0px 0px 0px;
	}
}
/*-- sideNavi --*/
/*-- ------------------------------------------------- --*/
#Index #sideNavi{
	position:fixed;
	right:60px;
	top:50%;
	height:172px;
	margin:-105px 0px 0px;
	display:none;
	text-align:right;
	z-index:10000;
	padding:35px 0px 0px;
}
#Index #sideNavi .up{
	position:absolute;
	right:0px;
	top:0px;
}
#Index #sideNavi .down{
	position:absolute;
	right:0px;
	bottom:0px;
}
#Index #sideNavi li{
	margin:0px 0px 13px;
	height:13px;
}
#Index #sideNavi li a{
	display:inline-block;
	background:url(../../images/top/side_marker.png) no-repeat right center;
	height:13px;
	line-height:13px;
	font-size:1px;
	padding:0px 18px 0px 0px;
}
#Index #sideNavi li a img{
	opacity:0;
	transition:opacity 300ms ease;
}
#Index #sideNavi li a:hover,
#Index #sideNavi li a.current{
	background:url(../../images/top/side_current.png) no-repeat right center;
}

#Index #sideNavi li a:hover img,
#Index #sideNavi li a.current img{
	opacity:1;
}
/*-- topics --*/
/*-- ------------------------------------------------- --*/
#Index .topicsWrap{
	background:url(../../images/top/topicswrap_bg.png) no-repeat center 0px;
	background-size:1359px 471px;
	z-index:1000;
	height:585px;
	position:relative;
	width:100%;
}
@media screen and (min-width: 1359px){
	#Index .topicsWrap{
		background-size:100% 471px;
	}
}

#Index .topicsWrap .topics{
	width:993px;
	height:50px;
	margin:0px auto 0px;
	position:relative;
}
#Index .topicsWrap .topics nav{
	height:15px;
	font-size:11px;
	line-height:15px;
	width:70px;
	text-align:right;
	padding:10px 0px 10px 930px;
	margin:-35px auto 0px;
}
#Index .topicsWrap .topics nav a{
	color:white;
	text-decoration:none;
	display:inline-block;
	background:url(../../images/top/topics_list.png) no-repeat right center;
	padding:0px 20px 0px 0px;
}
#Index .topicsWrap .topics nav a:hover{
	text-decoration:underline;
}
#Index .topicsWrap .topics nav a:hover{


}
#Index .topicsWrap p{
	width:993px;
	margin:0px auto;
	height:30px; 
	padding:20px 0px 0px 0px;
	text-align:center;
	color:white;
	line-height:15px;
	font-size:11px;
	text-align:left;
}

#Index .topicsWrap .feature{
	width:100%;
	height:240px;
	height:195px;
	position:relative;
}
#Index .topicsWrap .feature h2{
	width:1000px;
	margin:0px auto;
	height:27px;
	font-size:1px;
}
#Index .topicsWrap .feature .contentsList{
	width:100%;
	overflow:hidden;
	height:205px;
	height:160px;
}
#Index .topicsWrap .feature .contentsList ul{
	margin-left:0px;
	width:100000px;
}
#Index .topicsWrap .feature .contentsList ul li{
	float:left;
	width:320px;
	height:160px;
	overflow:hidden;
	margin:0px 8px 0px 7px;
}
#Index .topicsWrap .feature .contentsList ul li img{
	transition:opacity 300ms ease;
	width:321px;
	width:100%;
}
#Index .topicsWrap .feature .contentsList ul li img.icon{
	width:auto;
	height:auto;
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:10;
}
#Index .topicsWrap .feature .contentsList ul li.active strong,
#Index .topicsWrap .feature .contentsList ul li.active img{
	opacity:1;
}
#Index .topicsWrap .feature .contentsList ul li img.mask{
	opacity:1;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
#Index .topicsWrap .feature .contentsList ul li em,
#Index .topicsWrap .feature .contentsList ul li a{
	display:block;
	position:relative;
	color:white;
	font-size:13px;
	text-decoration:none;
	font-style:normal;
	width:321px;
	height:205px;
	width:320px;
	height:160px;
	background:#000;
}
#Index .topicsWrap .feature .contentsList ul li em strong,
#Index .topicsWrap .feature .contentsList ul li a strong{
	font-weight:normal;
	line-height:20px;
	text-align:left;
	position:absolute;
	display:block;
	bottom:10px;
	z-index:10;
	text-shadow:1px 1px 0px rgba(0,0,0,1); 
	opacity:0;
	opacity:1;
	transition:opacity 300ms ease;
	left:15px;
	width:291px;
}
#Index .topicsWrap .feature .contentsList ul li a .icon ~ strong{
	left:60px;
	width:246px;
}
#Index .topicsWrap .feature .contentsList ul li em span,
#Index .topicsWrap .feature .contentsList ul li a span{
	font-size:11px;
	color:#b39e62;
}
#Index .topicsWrap .feature .contentsList ul li a:hover img.mask{
	opacity:0.5;
}



#Index .topicsWrap .feature .ctrl{
	position:absolute;
	left:50%;
	top:-31px;
	font-size:0px;
	text-align:right;
	width:1000px;
	margin-left:-500px;
}
#Index .topicsWrap .feature .ctrl li{
	display:inline-block;
	margin:0px 0px 0px 9px;
	width:14px;
	text-align:center;
}
#Index .topicsWrap .feature .ctrl li a{
	display:inline-block;
	width:9px;
	height:9px;
	font-size:0px;
	color:rgba(0,0,0,0);
	background:#797775;
	border-radius:100%;
}
#Index .topicsWrap .feature .ctrl li a.current{
	border:2px solid #cabb82;
	background:#cabb82;
	color:#cabb82;
}

/*-- slash --*/
/*-- ------------------------------------------------- --*/
#Index .slash{
	position:relative;
	margin:-530px 0px 0px;
	padding:300px 0px 500px;
}
#Index .slash .bg,
#Index .slashUnder .bg{
	background:url(../../images/top/slash_top.png) no-repeat center top , url(../../images/top/slash.jpg) no-repeat center 422px;
	background-size:1359px 422px,1359px 100%;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:200%;
}

#Index .slashUnder{
	position:relative;
	margin:0px 0px 0px;
	padding:0px 0px 800px;
}
#Index .slashUnder .bg{
	background:url(../../images/top/slash02_top.png) no-repeat center top , url(../../images/top/slash02.jpg) no-repeat center 422px;
	background-size:1359px 422px,1359px 100%;
}

@media screen and (min-width: 1359px){
	#Index .slash .bg{
		background-size:100% 422px,100% 100%;
	}
	#Index .slashUnder .bg{
		background-size:100% 422px,100% 100%;
	}
}

/*-- common text --*/
/*-- ------------------------------------------------- --*/
#Index .text{
	width:1000px;
	margin:0px auto;
	color:white;
	padding:0px 0px 0px;
	position:relative;
}
#Index .text h1{
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 35px;
}
#Index .text h1 img{
	display:block;
	margin:10px 0px 0px;
}
#Index .text dt{
	font-size:26px;
	margin:0px 0px 5px;
	font-weight:normal;
}
#Index .text dd{
	font-size:13px;
	line-height:24px;
	margin:0px 0px 26px;
}
#Index .text .more{
	height:39px;
	width:195px;
	overflow:hidden;
}
#Index .text .more a{
	background-image:url(../img/mark_more_hover.png);
	color:white;
	border-color:white;
}
#Index .text .more a:hover{
	border-color:#000;
}
/*
#Index .text .more a{
	display:block;
	width:160px;
	height:17px;
	background:url(../../images/top/more_bg02.png) no-repeat right center;
	border:1px solid #fff;
	border-radius:20px;
	font-size:13px;
	line-height:17px;
	color:#fff;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Index .text .more a:hover{
	text-decoration:underline;
}
*/

/*-- brands --*/
/*-- ------------------------------------------------- --*/
#Index #Brands{
	margin-top:-590px;
	padding:400px 0px 500px;
}
#Index #Brands .text{
	position:relative;
}
#Index #Brands .bg{
	top:50px;
}
/*-- brandsList --*/
/*-- ------------------------------------------------- --*/
#Index .brandsList{
	padding:0px 0px 800px;
}
#Index .brandsList div.lists{
	height:595px;
	overflow:hidden;
	margin:0px 0px 0px;
	position:relative;
}
#Index .brandsList div .prev{
	position:absolute;
	z-index:10020;
	right:50%;
	top:50%;
	height:30px;
	width:42px;
	margin:-30px 508px 0px 0px;
}
#Index .brandsList div .next{
	position:absolute;
	z-index:10020;
	left:50%;
	top:50%;
	height:30px;
	width:42px;
	margin:-30px 0px 0px 508px;
}
#Index .brandsList div .prev,
#Index .brandsList div .next{
	opacity:0;
}
#Index .brandsList div a.active{
	opacity:1;
}
#Index .brandsList div > ul{
	width:10000px;
	position:relative;
	z-index:1010;
}
#Index .brandsList div > ul > li{
	float:left;
	width:993px;
	opacity:0.4;
	height:569px;
	overflow:hidden;
	margin:0px 7px 0px 8px;
	transition:opacity 300ms ease;
}
#Index .brandsList div > ul > li.active{
	opacity:1;
}
#Index .brandsList div > ul > li > ul{
}
#Index .brandsList div > ul > li > ul > li{
	float:left;
	width:489px;
	margin:0px 0px 15px 0px;
}
#Index .brandsList div > ul > li > ul > li a{
	transition:opacity 300ms ease;
}
#Index .brandsList div > ul > li > ul > li a img{
	width:489px;
	height:277px;
}
#Index .brandsList div > ul > li > ul > li a:hover{
	opacity:0.7;
}
#Index .brandsList div > ul > li > ul > li:nth-of-type(2n){
	float:right;
}
#Index .brandsList .ctrl{
	font-size:0px;
	text-align:center;
	position:relative;
	z-index:1100;
}
#Index .brandsList .ctrl li{
	display:inline-block;
	margin:0px 5px 0px 4px;
	width:14px;
	text-align:center;
}
#Index .brandsList .ctrl li a{
	display:inline-block;
	width:9px;
	height:9px;
	font-size:0px;
	color:rgba(0,0,0,0);
	background:#797775;
	border-radius:100%;
}
#Index .brandsList .ctrl li a.current{
	border:2px solid #cabb82;
	background:#cabb82;
	color:#cabb82;
}



/*-- reserch --*/
/*-- ------------------------------------------------- --*/
#Index #Research{
	padding-top:250px;
}

/*-- researchDetail --*/
/*-- ------------------------------------------------- --*/
#Index .researchDetail{
	padding-bottom:600px;
}
#Index .researchDetail > div.block{
	width:1360px;
	position:relative;
	left:50%;
	z-index:5;
	margin:0px 0px 0px -680px;
}
#Index .researchDetail div dl{
	width:320px;
}
#Index .researchDetail div.block01 dl{
	margin:0px 0px 0px 810px;
	padding:4px 0px 100px;
	min-height:412px;
}
#Index .researchDetail div.block03 dl{
	margin:0px 0px 0px 805px;
	padding:0px 0px 50px;
	min-height:459px;
}
#Index .researchDetail div.block02 dl{
	margin:0px 0px 0px 230px;
	padding:0px 0px 50px;
	min-height:470px;
}
#Index .researchDetail div.block04 dl{
	margin:0px 0px 0px 230px;
	padding:0px 0px 0px;
	min-height:0px;
}
#Index .researchDetail div dl dt{
	font-size:25px;
	margin:0px 0px 7px;
	font-weight:normal;
}
#Index .researchDetail div dl dt img{
	display:block;
	margin:0px 0px 25px;
}
#Index .researchDetail div dl dd p{
	font-size:13px;
	line-height:24px;
	margin:0px 0px 26px;
}
#Index .researchDetail div dl dd .more{
	width:195px;
}
/*
#Index .researchDetail div dl dd .more a{
	display:block;
	width:160px;
	height:15px;
	background:url(../../images/top/more_bg.png) no-repeat right center;
	border:1px solid #999;
	border-radius:20px;
	font-size:13px;
	line-height:15px;
	color:#666;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	overflow:hidden;
}
#Index .researchDetail div dl dd .more a[target=_blank]{
	background:url(../img/mark_blank.png) no-repeat 189px center;
	width:205px;
}
#Index .researchDetail div dl dd .more a:hover{
	text-decoration:underline;
}
*/

#Index .researchDetail div.block04 dl dd .more{
	width:237px;
}
#Index .researchDetail div dl dd .more a[target=_blank]{
	background-image:url(../img/mark_blank.png);
	background-position:189px center;
}
#Index .researchDetail div dl dd .more a[target=_blank]:hover{
	background-image:url(../img/mark_blank_hover.png);
}

#Index .researchDetail > div > img{
	position:absolute;
	z-index:10;
}
#Index .researchDetail > div > .img01,
#Index .researchDetail > div > .img05{
	left:100px;
	top:0px;
}
#Index .researchDetail > div > .img02,
#Index .researchDetail > div > .img06{
	left:350px;
	top:458px;
}
#Index .researchDetail > div > .img07,
#Index .researchDetail > div > .img03{
	right:99px;
	top:0px;
}
#Index .researchDetail > div > .img04{
	right:351px;
	top:452px;
}
#Index .researchDetail > div > .img08{
	right:310px;
	top:452px;
}


/*-- Sharing --*/
/*-- ------------------------------------------------- --*/
#Index #Sharing{
	padding:250px 0px 700px;
}
#Index #Sharing .text{
	position:relative;
	height:420px;
}
#Index #Sharing .text h1{
	margin-bottom:25px;
}
/*
#Index #Sharing .bottom{
	position:absolute;
	left:50%;
	top:785px;
	min-width:1700px;
	width:100%;
	outline:1px solid red;
	height:476px;
	width:100%;
	margin:0px 0px 0px -850px;
}
@media screen and (min-width: 1700px){
	#Index #Sharing .bottom{
		left:0px;
		margin:0px 0px 0px -00px;
	}
}
*/

/*-- sharing --*/
/*-- ------------------------------------------------- --*/
#Index .sharingDetail{
	padding-bottom:250px;
}
#Index .sharingDetail .bg{
	background:url(../../images/top/slash03_top.png) no-repeat center top , url(../../images/top/slash03_02.jpg) no-repeat center 476px;
	background-size:auto 476px,1700px 100%;
}
@media screen and (min-width: 1700px){
	#Index .sharingDetail .bg{
		background-size:100% 476px,100% 100%;
	}
}

#Index .sharingDetail .wire{
	position:absolute;
	left:50%;
	top:0px;
	width:1700px;
	margin:0px 0px 0px -850px;
}

#Index .sharingDetail div.block{
	width:1700px;
	position:relative;
	left:50%;
	margin:0px 0px 0px -850px;
}
#Index .sharingDetail div.block dl{
	width:450px;
	position:relative;
	z-index:1000;
}
#Index .sharingDetail div.block dl dt{
	margin:0px 0px 15px;
}
#Index .sharingDetail div.block dl dd p{
	font-size:25px;
	line-height:1.4em;
	margin:0px 0px 27px;
}
#Index .sharingDetail div.block dl dd .more{
	width:195px;
}
/*
#Index .sharingDetail div.block dl dd .more a{
	display:block;
	width:160px;
	height:15px;
	background:url(../../images/top/more_bg.png) no-repeat right center;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:13px;
	line-height:15px;
	color:#666;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	overflow:hidden;
}
#Index .sharingDetail div.block dl dd .more a:hover{
	text-decoration:underline;
}
*/

#Index .sharingDetail div.block01 dl{
	margin:0px 0px 0px 985px;
	padding:0px 0px 0px;
	top:-35px;
	min-height:405px;
}
#Index .sharingDetail div.block02 dl{
	margin:0px 0px 0px 395px;
	padding:130px 0px 0px;
	min-height:263px;
}


#Index .sharingDetail div.block03 dl{
	margin:0px 0px 0px 985px;
	padding:170px 0px 0px;
	min-height:350px;
}
#Index .sharingDetail div.block04 dl{
	margin:0px 0px 0px 395px;
	padding:310px 0px 00px;
	min-height:235px;
}

#Index .sharingDetail > div.block > img{
	position:absolute;
}
#Index .sharingDetail > div.block01 > img{
	left:318px;
	top:-200px;
}
#Index .sharingDetail > div.block02 > img{
	right:254px;
	top:20px;
}
#Index .sharingDetail > div.block03 > img{
	left:327px;
	top:200px;
}
#Index .sharingDetail > div.block04 > img{
	right:342px;
	top:450px;
}


/*-- CSR --*/
/*-- ------------------------------------------------- --*/
#Index #CSR{
	margin-top:-150px;
	margin-bottom:-100px;
	padding-top:150px;
	padding-bottom:700px;
}
#Index #CSR .text{
	
}
#Index #CSR .text .more a{
	z-index:100;
}

/*-- CSR detail --*/
/*-- ------------------------------------------------- --*/
#Index .csrDetail{
	padding-bottom:0px;
	
}
#Index .csrDetail .bg{
	padding-bottom:0px;
	z-index:1;
	height:100%;
}


#Index .csrDetail ul{
	width:875px;
	margin:0px auto;
	position:relative;
	z-index:110;
}
#Index .csrDetail ul li{
	margin-bottom:30px;
}
#Index .csrDetail ul li{
	height:380px;
}
#Index .csrDetail ul li.fix{
	position:fixed;
	margin:-190px 0px 0px -428px;
	width:856px;
	left:50%;
}
#Index .csrDetail ul li .img{
	float:left;
	width:573px;
	height:349px;
	padding:3px;
	background:white;
}
#Index .csrDetail ul li .img img{
	padding:5px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
#Index .csrDetail ul .fix .img{
	position:fixed;
	position:absolute;
	left:50%;
	top:150%;
	top:50%;
	float:none;
	margin:-168px 0px 0px -448px;
	background:white;
}
#Index .csrDetail ul .fix .img img{
}
#Index .csrDetail ul li.fix .img00{
	z-index:10;
}
#Index .csrDetail ul li .img01{
	z-index:9;
}
#Index .csrDetail ul li .img02{
	z-index:8;
}
#Index .csrDetail ul li .img03{
	z-index:7;
}
#Index .csrDetail ul li .img04{
	z-index:6;
}
#Index .csrDetail ul li.fix .img05{
	z-index:5;
}
#Index .csrDetail ul .fix dl{
	position:fixed;
	position:absolute;
	left:50%;
	top:150%;
	top:50%;
	float:none;
	margin:-165px 0px 0px 179px;
}
#Index .csrDetail ul li dl{
	width:250px;
	float:right;
}
#Index .csrDetail ul li dl dt{
	font-size:25px;
	margin:0px 0px 7px;
	font-weight:normal;
}
#Index .csrDetail ul li dl dd p{
	font-size:13px;
	line-height:24px;
	margin:0px 0px 26px;
}
#Index .csrDetail ul li dl dd p + p{
	font-size:25px;
	line-height:36px;
	letter-spacing:0px;
	margin:0px 0px 20px;
	white-space:nowrap;
}
#Index .csrDetail ul li dl dd .more{
	width:195px;
}
/*
#Index .csrDetail ul li dl dd .more a{
	display:block;
	width:160px;
	height:15px;
	background:url(../../images/top/more_bg.png) no-repeat right center;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:13px;
	line-height:15px;
	color:#666;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	overflow:hidden;
}
#Index .csrDetail ul li dl dd .more a:hover{
	text-decoration:underline;
}
*/

/*-- Nihon --*/
/*-- ------------------------------------------------- --*/
#Index #Nihon{
	height:629px;
	position:relative;
}
#sideNavi{
	-webkit-transform: translateZ(0);
}
#Index #Nihon .bg{
}
#Index #Nihon .bg{
	min-height:100%;
	display:none;
	min-width:100%;
	position:fixed;
	left:-100%;
	top:-100%;
	bottom:-100%;
	right:-100%;
	margin:auto;
	-webkit-transform: translateZ(0);
}
#Index #Nihon .block{
	-webkit-transform: translateZ(0);
	position:fixed;
	left:0px;
	top:50%;
	margin:-205px 0px 0px;
	width:100%;
	height:410px;
}
#Index #Nihon h1{
	width:1000px;
	padding:100px 0px 0px;
	margin:0px auto 5px;
	color:white;
	font-weight:normal;
	font-size:13px;
	position:relative;
}
#Index #Nihon .block h1{
	padding:0px;
}
#Index #Nihon .more{
	width:1000px;
	margin:20px auto 55px;
	position:relative;
}
#Index #Nihon .more a{
	width:160px;
	background-image:url(../img/mark_more_hover.png);
	color:white;
	border-color:white;
}
#Index #Nihon .more a:hover{
	border-color:#000;
}
/*
#Index #Nihon .more a{
	display:block;
	width:160px;
	height:17px;
	background:url(../../images/top/more_bg02.png) no-repeat right center;
	border:1px solid #fff;
	border-radius:20px;
	font-size:13px;
	line-height:17px;
	color:#fff;
	text-decoration:none;
	padding:10px 0px 10px 35px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Index #Nihon .more a:hover{
	text-decoration:underline;
}
*/

#Index #Nihon h1 img{
	display:block;
	margin:-3px 0px 0px -24px;
}

#Index #Nihon ul{
	position:relative;
	width:1000px;
	margin:0px auto 0px;
}
#Index #Nihon ul li{
	float:left;
	width:33%;
	position:relative;
}
#Index #Nihon ul li:nth-of-type(2){
	width:34%;
}
#Index #Nihon ul li.set{
	opacity:0;
	top:30px;
	z-index:0;
}
#Index #Nihon ul li a{
	display:block;
	color:white;
	text-decoration:none;
	font-size:23px;
}
#Index #Nihon ul li p{
	color:white;
	margin:16px 0px 0px;
	font-size:17px;
}


/*-- 

	smp Ele

====================================================== --*/
/*-- mainVisual --*/
/*-- ------------------------------------------------- --*/
#Index #smp .mainVisual{
	position:absolute;
}
#Index #smp #sideNavi{
	display:none;
}

/*-- slash --*/
/*-- ------------------------------------------------- --*/
#Index #smp .slash{
	margin:0px 0px 0px;
	padding:500px 0px 100px;
}
#Index #smp .slashUnder{
	margin-top:-250px;
	padding:250px 0px 0px;
}


/*-- brands --*/
/*-- ------------------------------------------------- --*/
#Index #smp #Brands{
	margin-top:-590px;
}
/*-- Sharing --*/
/*-- ------------------------------------------------- --*/
#Index #smp #Sharing{
	padding-bottom:0px;
}

/*-- sharing --*/
/*-- ------------------------------------------------- --*/
#Index #smp .sharingDetail{
	margin-top:-250px;
	padding:450px 0px 0px;
}
#Index #smp .sharingDetail > div.block01 > img{
	top:-200px;
}
#Index #smp .sharingDetail > div.block02 > img{
	top:20px;
}
#Index #smp .sharingDetail > div.block03 > img{
	top:100px;
}
#Index #smp .sharingDetail > div.block04 > img{
	top:70px;
}

/*-- CSR detail --*/
/*-- ------------------------------------------------- --*/
#Index #smp .csrDetail{
	padding-bottom:50px;
	
}

#Index #smp #Nihon{
}
#Index #smp #Nihon .bg{
	display:block;
	position:absolute;
}



/*-- 

	160705 add

====================================================== --*/
#Index #overBn{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:10000;
	opacity:0;
}
#Index #overBn nav{
	position:absolute;
	width:588px;
	height:328px;
	left:50%;
	top:50%;
	margin:-164px 0px 0px -294px;
	z-index:10;
	background:white;
}
#Index #overBn .close{
	width:24px;
	border-radius:100%;
	position:absolute;
	right:50%;
	top:50%;
	z-index:100;
	height:24px;
	background:#000;
	border:2px solid white;
	text-align:center;
	line-height:20px;
	color:white;
	cursor:pointer;
	font-size:21px;
	margin:-176px -306px 0px 0px;
}
#Index #overBn nav a{
	display:block;
	transition: all 300ms ease;
}
#Index #overBn nav a:hover{
	opacity:0.7;
}