/* CSS Document */
@charset "utf-8";
#wrapper {
	position: relative;
	width: 950px;
	background-color:#FFF;
	margin: 0 auto;
	display:none;
}
#header{
	position: relative;
	height:70px;
}
#header h1{
	margin:15px 0 0 15px;
	padding:0;
	display:inline-block;
}


#menu {
	position:absolute;
	top:40px;
	/* #left:334px; */
	left:420px;
	clear:both;
	width:604px;
}
#menu ul li{
	float:	left;
	#float:	right;
	text-indent:-9999px;
}

#menu ul li#menu-top{
	background: url(../shared/img/menu_new.jpg) no-repeat scroll left bottom;
	height:25px;
	width:86px;	
	display:block;
}

#menu ul li#menu-feature, #menu ul li#menu-technology, #menu ul li#menu-products, #menu ul li#menu-information,#menu ul li#menu-recruit{
	height:25px;
	width:86px;	
}
#menu ul li#menu-contact{
	height:25px;
	width:87px;	
}
#menu ul li#menu-feature a, #menu ul li#menu-technology a, #menu ul li#menu-products a, #menu ul li#menu-information a ,#menu ul li#menu-recruit a{
	height:25px;
	width:86px;	
}
#menu ul li#menu-contact a{
	height:25px;
	width:87px;	
}

#menu ul li#menu-feature a:link, #menu ul li#menu-feature a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -86px top;
}
#menu ul li#menu-feature a:active, #menu ul li#menu-feature a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -86px bottom;
}
#menu ul li#menu-technology a:link, #menu ul li#menu-technology a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -172px top;
}
#menu ul li#menu-technology a:active, #menu ul li#menu-technology a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -172px bottom;
}
#menu ul li#menu-products a:link, #menu ul li#menu-products a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -258px top;
}
#menu ul li#menu-products a:active, #menu ul li#menu-products a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -258px bottom;
}
#menu ul li#menu-information a:link, #menu ul li#menu-information a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -344px top;
}
#menu ul li#menu-information a:active, #menu ul li#menu-information a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -344px bottom;
}
#menu ul li#menu-recruit a:link, #menu ul li#menu-recruit a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -430px top;
}
#menu ul li#menu-recruit a:active, #menu ul li#menu-recruit a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -430px bottom;
}
#menu ul li#menu-contact a:link, #menu ul li#menu-contact a:visited {
    background: url(../shared/img/menu.jpg) no-repeat scroll -516px top;
}
#menu ul li#menu-contact-selected, menu ul li#menu-contact a:active, #menu ul li#menu-contact a:hover {
    background: url(../shared/img/menu.jpg) no-repeat scroll -516px bottom;
}

#menu ul li a {
    display: block;
}

#contents{
	position:relative;
	width:950px;
	height:460px;
}
#left-area{
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	width:493px;
	height:530px;
	z-index:10;
}
#left-wrap-1{
	position:absolute;
	overflow:hidden;
	z-index:11;
	top:0;
	left:0;
}
#left-wrap-2{
	position:absolute;
	overflow:hidden;
	z-index:12;
	top:0;
	left:-493px;
}

#right-area{
	z-index:20;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:457px;
	width:493px;
	height:530px;
}

#right-wrap-1{
	position:absolute;
	overflow:hidden;
	z-index:21;
	top:0;
	left:0;
}

#right-wrap-2{
	position:absolute;
	overflow:hidden;
	z-index:22;
	top:0;
	right:-493px;
	/*width:0;*/
}
#center-area-1{
	z-index:1;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:950px;
	height:530px;
}
#center-area-2{
	z-index:2;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:950px;
	height:530px;
	text-align:center;
}
#center-area-2 p{
	position:absolute;
	top:0px;
	left:0px;
	color:#fff;
	padding:100px 95px;
	line-height:170%;
	letter-spacing:0.3em;
	overflow:hidden;
}

#contents-message{
	position:absolute;
	top:50px;
	width:100%;
	z-index:30;
}
#p-message{
	position:absolute;
	right:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#fff;
	text-shadow: 1px 1px 3px #000,-1px 1px 3px #000,-1px -1px 3px #000,1px -1px 3px #000;  
    -moz-box-shadow: 2px 2px 6px #000;
    -webkit-box-shadow: 2px 2px 6px #000;
	font-size:24px;
	font-weight:bold;
	margin-right:15px;
	text-align:right;
	display: block;
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);*/
	letter-spacing: 1px;
    text-transform: uppercase;
	max-width:420px;
}