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

body {
    font-family: 'Novecentowide-Normal';
	padding: 0;
	margin: 0;
	overflow-y: scroll;
}

#playnowpng {
	width: 500px;
}

/*------------------------- Font ------------------------*/ 
@font-face {
    font-family: 'RokkittRegular';
    src: url('rokkitt-regular-webfont.eot');
    src: url('rokkitt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rokkitt-regular-webfont.woff') format('woff'),
         url('rokkitt-regular-webfont.ttf') format('truetype'),
         url('rokkitt-regular-webfont.svg#RokkittRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
	font-family: 'Novecentowide-Bold';
	src: url('../fonts/2022CA_0_0.eot');
	src: url('../fonts/2022CA_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_0_0.woff') format('woff'),url('../fonts/2022CA_0_0.ttf') format('truetype');
	font-weight: bold;
}
@font-face
{
	font-family: 'Novecentowide-Light';
	src: url('../fonts/2022CA_1_0.eot');
	src: url('../fonts/2022CA_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_1_0.woff') format('woff'),url('../fonts/2022CA_1_0.ttf') format('truetype');
}
@font-face
{
	font-family: 'Novecentowide-DemiBold';
	src: url('../fonts/2022CA_2_0.eot');
	src: url('../fonts/2022CA_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_2_0.woff') format('woff'),url('../fonts/2022CA_2_0.ttf') format('truetype');
}
@font-face
{
	font-family: 'Novecentowide-Book';
	src: url('../fonts/2022CA_3_0.eot');
	src: url('../fonts/2022CA_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_3_0.woff') format('woff'),url('../fonts/2022CA_3_0.ttf') format('truetype');
}
@font-face
{
	font-family: 'Novecentowide-Normal';
	src: url('../fonts/2022CA_4_0.eot');
	src: url('../fonts/2022CA_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_4_0.woff') format('woff'),url('../fonts/2022CA_4_0.ttf') format('truetype');
}
@font-face
{
	font-family: 'Novecentowide-Normal';
	src: url('../fonts/2022CA_0_0.eot');
	src: url('../fonts/2022CA_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_0_0.woff') format('woff'),url('../fonts/2022CA_0_0.ttf') format('truetype');
	font-weight: bold;
}
@font-face
{
	font-family: 'Novecentowide-Medium';
	src: url('../fonts/2022CA_5_0.eot');
	src: url('../fonts/2022CA_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2022CA_5_0.woff') format('woff'),url('../fonts/2022CA_5_0.ttf') format('truetype');
}  

/* /////////////////////////////////////// */

#top {
	
	width: 100%;
	height: 45px;
	background-color:#FFF;
	position: fixed;
	z-index: 10;
	text-align: center;
	font-size: 16px;
	padding: 5px 0 0 0;
	opacity: 0.9;
}

#right {
	width: 120px;
	height: 100%;
	z-index: 125;
	position: fixed;
	right: 0px;
	font-size: 14px;
	padding: 0px 0 0 10px;
	line-height: 20px;
	top: 55px;
}
#playnow {
	
	top: 0px;
    position: fixed;
    left: 0px;
}

#hello {
	text-align: right;
	bottom: 40px;
	position: fixed;
	right: 20px;
}

#right a:hover, .current {
	font-family: 'Novecentowide-Bold';
}

.menu-item {
	
	height: 25px;
	line-height: 1px;
	text-align: right;
	padding-right: 20px;
}

/* /////////////////////////////////////// */

#navi {
	display: inline-block;
	margin: 0;
	padding: 0;
	/* For IE */
	zoom:1;
	*display: inline;
}

#navi ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navi ul {
	float: left;
	padding: 1px 0 1px 1px;
	margin: auto;
}
#navi ul li {
	float: left;
}
#navi ul a:link, #navi ul a:visited {
	text-decoration: none;
	display: block;
	padding: 10px 20px;
	color: #000;
}
#navi ul a:hover {
	color: #000;
}

/* /////////////////////////////////////// */

#container {
	text-align:right;
	float: right;
	padding: 0 120px 0 0;
	margin-top: 50px;
}
.photo {
	position: relative; 
	margin: 0px 18px 18px 0px;
	float: right;
}
.mini {
	max-height: 512px;
}
.desc {
	margin:0;
}
.hover {
	height: 280px;
	background-color:#FFF;
	position: absolute;
	height: 100%;
	width: 100%; 
	opacity: 0;
	filter: Alpha(Opacity=0);
	cursor: pointer;
	text-align: center;
}
.link {
	height: 280px;
	position: absolute;
	height: 100%;
	width: 100%; 
	cursor: pointer;
	text-align: center;
	z-index: 10;
}
.hover p {
	display: block;
	position: relative;
	top: 50%;
}
.photo a {
	display: block; 
	width: 100%; 
	height: 100%;
}
.infobox {
	width: 326px;
	height: 472px;
	position: relative; 
	margin: 0px 18px 18px 0px;
	float: right;
	background-color:#ced9e0;
	text-align: right;
	color: #fff;
	padding: 20px;
	font-size: 17px;
	line-height: 20px;
}

a, a:visited {
	text-decoration:none;
	color: #000;
}


.infobox a, .infobox a:visited {
	text-decoration: underline;
	color: #fff;
}