@charset "utf-8";

#top {
	background: #000 url(../img/body_bg.jpg) 0 157px repeat-x;
}

#top #container {
	height: 1%;
	background: url(../img/container_bg_top.jpg) center 55px no-repeat;
}

#top #headerArea {
	background: none;
}

span.rtbg {
	width: 240px;
	height: 74px;
	display: block;
	background: url(../img/headerarea_bg.png) right top no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}


#top #headerArea #header {
	height: auto;
	z-index: 3;
}

#top #headerArea #header .logo {
}

#top #headerArea #header ul#gnavi {
	/*width: 600px;*/
	height: 38px;
	position: absolute;
	right: 0;
	top: 16px;
	z-index: 210;
}

#top #headerArea #visualArea {
	width: 800px;
	height: 318px;
	margin: 0 auto;
	position: relative;
	top: -69px;
	left: 0;
}

* html #top #headerArea #visualArea {
}

#top #headerArea #visualArea .mainImage {
	width: 800px;
	height: 333px;
	display: block;
	position: absolute;
	
}

#top #headerArea #visualArea .mainImage .mainImageItem {
	display: none;
	position: absolute;
	top: 0;
	right: -72px;
}

#top #headerArea #visualArea .mainImage .thumbs {
	width: 448px;
	height: 78px;
	padding: 9px 0 9px 3px;
	border: 1px solid #333;
	background-color: #171717;
	
	position: absolute;
	top: 398px;
	z-index: 200;
}

#top #headerArea #visualArea .mainImage .thumbs a {
	display: block;
	float: left;
	border: 2px solid #171717;
	margin-left: 9px;
	padding: 2px;
	outline: 0;
}

#top #headerArea #visualArea .mainImage .thumbs a:hover {
	border: 2px solid #444;
}

#top #headerArea #visualArea .mainImage .thumbs a.selected {
	border: 2px solid #555;
}

#top #headerArea #visualArea .visualText {
	width: 363px;
	height: 274px;
	background: url(../../img/visual_text.png) no-repeat;
	position: absolute;
	left: 0;
	top: 82px;
	z-index: 2;
	text-indent: -9999px;
}

#top #headerArea #visualArea .visualText  {
}

#top #headerArea #btnArea {
	background-color: #1f1f1f;
	height: 120px;
}

#top #headerArea #btnArea .inner {
	width: 800px;
	margin: 0 auto;
	padding-top: 11px;
}

#top #headerArea #btnArea .moviebox {
	width: 320px;
	height: 78px;
	margin-left: 460px;
	padding: 9px;
	border: 1px solid #333;
	background-color: #171717;
}

#top #headerArea #btnArea .moviebox .movieBn {
	width: 134px;
	height: 76px;
	border: 1px solid #fff;
	float: left;
	margin-right: 10px;
}


#top #headerArea #btnArea .moviebox h3 {
	margin: 3px 0 4px;
}

#top #headerArea #btnArea .moviebox p {
	line-height: 1.3;
	margin-bottom: 3px;
}

#top #headerArea #btnArea .moviebox p a {
	background: url(../../img/icon_video.gif) no-repeat;
	padding: 0 0 0 17px;
}


#top #contentsArea {
	padding-top: 30px;
}


#top #contentsArea #contents .boxArea {
	padding-top: 5px;
}