@charset "utf-8";


/*
  .header
-------------------------------------------------------
*/

#header{
	width:880px;
	height:80px;
	margin:0 auto 0 auto;
	padding:0;
}

#header h1{
	margin:0;
	padding:5px 0 5px 0;
	font-size:10px;
	font-weight:normal;
	line-height:1.0;
	color:#666666;
	text-align:right;
}

#topApp{
	width:400px;
	height:auto;
	padding:8px 0 0 0;
	float:left;
}

#topApp p{
	line-height:1.0;
}

#topLink{
	width:410px;
	height:auto;
	margin:0;
	padding:18px 0 0 0;
	text-align:right;
	float:right;
	line-height :1.0;
}
#topLink ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#topLink li{
	float:left;
	margin:0;
	padding:9px 0 0 15px;
	line-height :1.0;
	}


/*
  .slideshow
-------------------------------------------------------
*/

#mainImg{
	width:880px;
	height:360px;
	margin:0 auto 20px auto;
	padding:20px 0 0 0;
	overflow: hidden;
}


/* =============== MAIN VIS================= */

#main_vis {
	margin:0 auto 0 auto;
	background: url(../img/main_vis_bg.gif) repeat-y center;
}


/*
  .contents
-------------------------------------------------------
*/

#contents{
	width:880px;
	margin:0 auto 0 auto;
	padding:0;
}

#contentNavi{
	width:185px;
	margin:0;
	padding:0;
	float:left;
}
#contentNavi ul{
	margin:0;
	padding:0;
	list-style:none;
	background-image:url(../images/bt_bk.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#contentNavi li.main{
	padding:20px 5px 5px 25px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	border-bottom:1px solid #999999;
}
#contentNavi li.sub{
	margin:0 0 0 35px;
	padding:5px 5px 5px 15px;
	background-image:url(../images/img_naviicon.gif);
	background-position:center left;
	background-repeat:no-repeat;
	color:#EEEEEE;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
}


#contentNavi ul li a,a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}
#contentNavi ul li a:hover,a:active{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}




#details{
	width:680px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

#mainBanner{
	width:680px;
}

#mainBanner ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainBanner li{
	margin:0;
	padding:0;
	float:left;
	line-height:1.0;
}

#infomation{
	width:680x;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
}
#infomation h2{
	font-weight:normal;
	padding:0;
}
#infomation .infotxt{
	widows:678px;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	background-color:#F3F3F3;
}

#infomation ul{
	margin:0 15px 0 15px;
	padding:5px 0 0 0;
	list-style:none;
	border-bottom:1px dotted #999999;
	}
#infomation li{
	margin:0;
	padding:3px 0 3px; 0;
	}

#moviecorner{
	width:680px;
	height:auto;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
}
#moviecorner #movietxt{
	widows:678px;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	background-color:#F3F3F3;
}

#moviecorner #movietxt .movieLink{
	float:left;
	width:200px;
	margin:10px 0 0 0;
}
#moviecorner #movietxt .movieLink li{
	list-style:none;
	font-size:0.9em;
	line-height:1.3;
}
#moviecorner #movietxt .movieLink li strong{
	font-size:120%;
	font-weight:bold;
	color:#003333;
}



/*スライドショー用CSS*/
#slideshow {
	position:relative;
	width:880px;
	height:360px;
}
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }



