@charset "UTF-8";
/* CSS Document */

/* HTML
------------------------------------------------------ */
body {
background-color: #000;
font-size:12px;
color:#fff;
}
*{
outline:none;
}
a:link{
color:#fff;
}

a:active{color:#E33343;}
a:visited{color:#fff;}
a:hover{color:#E33343;}
a img{
border:0 none;}
form{
margin:0;
padding:0;
}

strong{
color:#61516e;
}

p{
margin:0;
padding:0;
line-height:200%;
}

address{
font-style: normal;
font-weight: normal;
margin:0;
padding:0;
}

dl{
margin:0;
padding:0;
}

dt{
	margin:0;
	padding:0;
}

dd{
margin:0;
padding:0;
}

input,textarea,select{
font-size:12px;
vertical-align: middle;
color:#4c4c4c;
}
select{
background-color:#FFF;
}

hr{
width: 965px;
background-color: #8c8c8c;
height: 2px;
border: 0px solid;
color: #8c8c8c;
clear: both;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding: 0px;
}

/* MENU
------------------------------------------------------ */

#menu_container{
	width:303px;
	height:398px;
	margin:39px 1px 0;
	}
#menu{
	width:119px;
	float:left;
	position:absolute;
	z-index: 2;
	}
#menu_container dt{
	line-height:16px;
	margin-bottom:40px;
	}
#menu_container dt a{
	height:16px;
	display:block;
	width:100%;
	}
#menuWorks,#menuAbout{
	width:174px;
	padding-left:119px;
	position:absolute;
	z-index: 1;
	visibility: hidden;
	}
#menuProject{
	width:200px;
	padding-left:119px;
	position:absolute;
	visibility: hidden;
	z-index: 1;
	}
#itemAttention{
	width:200px;
	height:43px;
	padding-left:119px;
	position:absolute;
	z-index: 1;
	}
#menu_container dt#itemAttention a{height:43px;}

#itemTop a{
	text-indent:-9999px;
	background:url(../img/item_top.gif) left top no-repeat;
	}
#itemNews a{
	text-indent:-9999px;
	background:url(../img/item_news.gif) left top no-repeat;
	}
#itemWorks a{
	text-indent:-9999px;
	background:url(../img/item_works.gif) left top no-repeat;
	}
#itemProject a{
	text-indent:-9999px;
	background:url(../img/item_project.gif) left top no-repeat;
	}
#itemAboutus a{
	text-indent:-9999px;
	background:url(../img/item_aboutus.gif) left top no-repeat;
	}
#itemContact a{
	text-indent:-9999px;
	background:url(../img/item_contact.gif) left top no-repeat;
	}
#itemStore a,#itemLink a{
	text-indent:-9999px;
	background-image: url(../img/item_store.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#menu a:hover, #menuWorks a:hover, #menuProject a:hover{
	background-position:left bottom;
	}
	
/*MENU WORKS**********************************************/
#itemLogotype a{
	text-indent:-9999px;
	background:url(../img/item_logotype.gif) left top no-repeat;
	}
#itemBook a{
	text-indent:-9999px;
	background:url(../img/item_book.gif) left top no-repeat;
	}
#itemPackage a{
	text-indent:-9999px;
	background:url(../img/item_package.gif) left top no-repeat;
	}
#itemGeneral a{
	text-indent:-9999px;
	background:url(../img/item_general.gif) left top no-repeat;
	}
#menu_container.bookOnSight #menuWorks{
	visibility:visible;
	}
#menu_container.bookOnSight #itemWorks a, #menu_container.bookOnSight #itemBook a{
	background-position:left bottom;
	}
#menu_container.logotypeOnSight #menuWorks{
	visibility:visible;
	}
#menu_container.logotypeOnSight #itemWorks a, #menu_container.logotypeOnSight #itemLogotype a{
	background-position:left bottom;
	}
#menu_container.packageOnSight #menuWorks{
	visibility:visible;
	}
#menu_container.packageOnSight #itemWorks a, #menu_container.packageOnSight #itemPackage a{
	background-position:left bottom;
	}
#menu_container.generalOnSight #menuWorks{
	visibility:visible;
	}
#menu_container.generalOnSight #itemWorks a, #menu_container.generalOnSight #itemGeneral a{
	background-position:left bottom;
	}

#menu a:hover, #menuWorks a:hover, #menuProject a:hover, #menuAbout a:hover,#menuAttention a:hover{
	background-position:left bottom;
	}
	
/*MENU ABOUT**********************************************/
#itemCorporate a{
	text-indent:-9999px;
	background:url(../img/item_corporate.gif) top left no-repeat;
	}
#itemMember a{
	text-indent:-9999px;
	background:url(../img/item_member.gif) top left no-repeat;
	}
#itemMap a{
	text-indent:-9999px;
	background:url(../img/item_map.gif) top left no-repeat;
	}
#menu_container.mapOnSight #menuAbout{
	visibility:visible;
	}
#menu_container.mapOnSight #itemAboutus a,#menu_container.mapOnSight #itemMap a{
	background-position:left bottom;
	}
#menu_container.infoOnSight #menuAbout{
	visibility:visible;
	}
#menu_container.infoOnSight #itemAboutus a,#menu_container.infoOnSight #itemCorporate a{
	background-position:left bottom;
	}



/*MENU project**********************************************/

#menu_container dt#itemP1 a{
	text-indent:-9999px;
	background:url(../img/item_ptfp.gif) top left no-repeat;
	height:44px;
	}
#menu_container dt#itemP2 a{
	text-indent:-9999px;
	background:url(../img/item_gfx.gif) top left no-repeat;
	height:44px;
	}
#itemP3 a{
	text-indent:-9999px;
	background:url(../img/item_w7.gif) top left no-repeat;
	}
#itemP4 a{
	text-indent:-9999px;
	background:url(../img/item_vjgd.gif) top left no-repeat;
	}
#menu_container dt#itemP5 a{
	text-indent:-9999px;
	background:url(../img/item_kanji.gif) top left no-repeat;
	}
#menu_container dt#itemP6 a{
	text-indent:-9999px;
	background:url(../img/item_tdi.gif) top left no-repeat;
	}
#menu_container dt#itemP1 a:hover,#menu_container dt#itemP2 a:hover,#menu_container dt#itemP3 a:hover,#menu_container dt#itemP4 a:hover,#menu_container dt#itemP6 a:hover{
	background-position:left bottom;
	}
#menu_container dt#itemP5 a:hover{
	background-position:0 -16px;
	}



/*MENU NEWS**********************************************/
#menu_container.newsOnSight #itemNews a{
	background-position:left bottom;
	}
/*MENU store**********************************************/
#menu_container.storeOnSight #itemStore a{
	background-position:left bottom;
	}
#itemAttention a{
	text-indent:-9999px;
	background:url(../img/item_attention.gif) left top no-repeat;
	}
#menuStore a:hover{
	background-position:left bottom;
	}
	

/*UTIILITY**********************************************/
.floatL{float:left;}
.floatR{float:right;}
.mb30{margin-bottom:30px;}