@charset "utf-8"; 
@import "base.css"; 

/*----------------------------------
	.movie　contents
----------------------------------*/
#movie {
min-height:650px;
height: auto !important;
height: 650px;
width: 650px; margin: 0 20px;
}

.areaBox { width: 650px; height: 438px; background:url("../../movie/img/area_bg.jpg") no-repeat; position: relative;}
.areaBox dl{display: block; width: 650px;}
.areaBox h3{display: block; height: 41px;}
.areaBox dd.capture{display: block; height: 303px; padding: 23px 0 0 0; text-align: center;}
.areaBox dd.capture img{display: block; margin: 0 auto;}
.areaBox .btn{display: block; width: 650px; height: 66px; overflow: hidden; margin:0;}
.areaBox .btn ul{display: block; width: 650px; height: 66px; overflow: hidden; margin:0;}
.areaBox .btn_01{display: block; float: left; width: 323px; height: 30px; margin:1px 0px 0px 2px;}
*html .areaBox .btn_01{display: block; float: left; width: 323px; height: 30px; margin:1px 0px 0px 1px;}
.areaBox .btn_02{display: block; float: right; width: 322px; height: 30px; margin:1px 2px 0px 0px;}
*html .areaBox .btn_02{display: block; float: right; width: 322px; height: 30px; margin:1px 0px 0px 0px;}
.areaBox .btn_03{display: block; float: left; width: 323px; height: 30px; margin:1px 0px 0px 2px;}
*html .areaBox .btn_03{display: block; float: left; width: 323px; height: 30px; margin:-2px 0px 0px 1px;}
.areaBox .btn_04{display: block; float: right; width: 322px; height: 30px; margin:1px 2px 0px 0px;}
*html .areaBox .btn_04{display: block; float: right; width: 322px; height: 30px; margin:-2px 0px 0px 0px;}
.areaBox dd a{display: block;width:324px;height:33px;}
.areaBox dd a img{ display: block; border: none;}
.areaBox dd a:hover { background: transparent;}
.areaBox dd a:hover img { visibility: hidden; }

/*.areaBox .btn_01 { margin-left:2px; margin-top:1px; }*/
/*.areaBox .btn_02 { margin-top:1px; }*/
/*.areaBox .btn_03*/ 

.areaBox_nonTop { margin-top:30px; }

.areaA dl.dl_01 { display: block; position: absolute; bottom: 1em; right: 105px; line-height: 1.5;}
.areaA dl.dl_01 dd { padding: 0 0 0 1em;}
.areaA dl.dl_01 dd a{ background: url("../../movie/img/ico_arrow.gif") no-repeat left center; padding: 0 0 0 1em;}
.areaA dl.dl_02 { display: block; position: absolute; top: 270px; left: 200px; line-height: 1.5;}
.areaA dl.dl_02 dt{ display: none;}
.areaA dl.dl_02 dd a{ color: #006;}

.areaB { margin: 0 0 20px 0;}
.areaC { margin: 0 0 20px 0;}
.areaD { margin: 0 0 20px 0;}
.areaZ { }

.flashNote { font-size: 11px; text-align: right;}