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

/****************************************************************************************************/
/*GENERAL*/
/****************************************************************************************************/

	*, html, body {
		margin:0px;
		padding:0px;
	}
	
	html, body{
		height:100%;
	}
	
	body{
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		line-height:15px;
		color:#000;
		background-color:#0c122a;
		background-image:url("../images/body_background.jpg");
		background-repeat:no-repeat;
		background-position:right top;
		background-attachment:fixed;
	}







/****************************************************************************************************/
/*CONSTRUCT*/
/****************************************************************************************************/
	
	#preloaderScreen{
		position:fixed;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		background-color:#fff;
		background-image:url("../images/preloader.gif");
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#menu{
		position:fixed;
		right:0;
		top:0;
		width:323px;
		height:404px;
	}
	#menu h1{
		margin-top:110px;
	}
	#menu h1 a *{
		display:none;
	}
	#menu h1 a{
		display:block;
		width:236px;
		height:66px;
		background:url("../images/yokonoe_logo.jpg")  0 0 no-repeat;;
	}
	#menu h1.highlight a:hover, #menu h1 a .hover{
		display:block;
		width:236px;
		height:66px;
		background:url("../images/yokonoe_logo.jpg")  -236px 0 no-repeat;
	}
	#menu ul{
		margin-top:17px;
	}
	#menu ul li{
		list-style:none;	
	}
	#menu ul a *{
		display:none;	
	}
	#menu ul a, #menu ul a .hover {
		width: 222px;
	 	display: block;
	}
	#menu ul a.news{
		height:18px;
		background-color:#F00;
		background: url("../images/menu_news.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.news:hover, #menu ul li a.news .hover{
		height:18px;
		background: url("../images/menu_news.jpg") -222px 0 no-repeat;	
	}
	#menu ul li.active a{
		background-position:-222px 0;
	}
	
	#menu ul a.calendar{
		height:30px;
		background: url("../images/menu_calendar.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.calendar:hover, #menu ul li a.calendar .hover{
		height:30px;
		background: url("../images/menu_calendar.jpg") -222px 0 no-repeat;	
	}
	
	#menu ul a.yokonoe{
		height:46px;
		background: url("../images/menu_yokonoe.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.yokonoe:hover, #menu ul li a.yokonoe .hover{
		height:46px;
		background: url("../images/menu_yokonoe.jpg") -222px 0 no-repeat;	
	}
	
	#menu ul a.galleries{
		height:30px;
		background: url("../images/menu_galleries.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.galleries:hover, #menu ul li a.galleries .hover{
		height:30px;
		background: url("../images/menu_galleries.jpg") -222px 0 no-repeat;	
	}
	
	#menu ul a.downloads{
		height:26px;
		background: url("../images/menu_downloads.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.downloads:hover, #menu ul li a.downloads .hover{
		height:26px;
		background: url("../images/menu_downloads.jpg") -222px 0 no-repeat;	
	}
	
	#menu ul a.links{
		height:24px;
		background: url("../images/menu_links.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.links:hover, #menu ul li a.links .hover{
		height:24px;
		background: url("../images/menu_links.jpg") -222px 0 no-repeat;	
	}
	
	#menu ul a.contact{
		height:37px;
		background: url("../images/menu_contact.jpg") 0 0 no-repeat;	
	}
	#menu ul li.highlight a.contact:hover, #menu ul li a.contact .hover{
		height:37px;
		background: url("../images/menu_contact.jpg") -222px 0 no-repeat;	
	}
	
	
	#contentPlace{
		float:right;
		width:428px;
		margin-right:323px;
		padding-top:143px;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:100px;
	}
	.contentSepare{
		display:block;
		line-height:1px;
		font-size:1px;
		height:10px;
		width:428px;
		margin-bottom:15px;
		background-image:url("../images/content_separe.gif");
		background-repeat:no-repeat;
	}
	
	
	
	
	.pageTitle span{
		display:none;
	}
	.pageTitle{
		height:52px;	
		background-repeat:no-repeat;
		display:block;
	}








	#lightboxBackground{
		position:fixed;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		background-color:#fff;
	}
	
	
	
	
	
	
	#imageViewContainer{
		position:fixed;
		width:400px;
		height:400px;
		background-color:#fff;
		top:50%;
		left:50%;
		margin-left:-200px;
		margin-top:-200px;
	}
	#imageViewContainer.loading{
		background-image:url("../images/preloader.gif");
		background-position:center;
		background-repeat:no-repeat;
	}
	#imageViewCloseButton{
		padding-top:5px;
		float:right;
	}
	#imageViewNavigationsButtons{
		padding-top:5px;
		float:left;
	}
	#imageTitle{
		font-size:14px;
		padding-top:5px;	
		padding-left:8px;
		height:19px;
	}
	#imageTitle .pagination{
		font-size:12px;	
		color:#999;
	}
	
	
	
	
	#soundViewContainer{
		position:fixed;
		width:300px;
		height:150px;
		background-color:#fff;
		top:50%;
		left:50%;
		margin-left:-150px;
		margin-top:-75px;
	}
	#soundViewContainer.loading{
		background-image:url("../images/preloader.gif");
		background-position:center;
		background-repeat:no-repeat;
	}
	#soundViewCloseButton{
		padding-top:5px;
		float:right;
	}
	#soundTitle{
		font-size:14px;
		padding-top:5px;	
		padding-left:8px;
		height:19px;
	}
	#soundViewPlayerContainer{
		background-color:#fff;
		height:24px;
		position:absolute;
		bottom:3px;
		left:4px;
	}
	
	
	
	#videoViewContainer{
		position:fixed;
		width:400px;
		height:400px;
		background-color:#fff;
		top:50%;
		left:50%;
		margin-left:-200px;
		margin-top:-200px;
	}
	#videoViewContainer.loading{
		background-image:url("../images/preloader.gif");
		background-position:center;
		background-repeat:no-repeat;
	}
	#videoViewCloseButton{
		padding-top:5px;
		float:right;
	}
	#videoTitle{
		font-size:14px;
		padding-top:5px;	
		padding-left:8px;
		height:19px;
	}
	#videoViewPlayerContainer{
		background-color:#fff;
	}
	#videoViewPlayerContainerBox{
		background-color:#fff;
		border:1px solid #000;	
	}
	
	
	








/****************************************************************************************************/
/*STYLES*/
/****************************************************************************************************/
	
	a{
		color:#c35940;
		font-weight:bold;
		text-decoration:none;
	}
	a:hover{
		color:#000;
		text-decoration:line-through;
	}
	a img{
		border:0px;	
	}
	
	.borderedImage{
		border:1px solid #000;	
	}
	.clearBox{
		clear:both;
	}