@charset "utf-8";


/* ----------------------------------------
	00 contents
------------------------------------------*/

#contents #cont-main {
	height: 795px;
	min-width: 894px;
	max-width: 1280px;
	width: expression(document.body.clientWidth < 896? "894px" : document.body.clientWidth > 1280? "1280px" : "auto");
	background: url(../img/cmn_bg.jpg) top center no-repeat;
}

#contents #cont-main #cont-body {
	position: relative;
	width: 894px;
	height: 795px;
	margin: 0 auto;
}


/* ----------------------------------------
	00 navi
------------------------------------------*/

#navi-container #navi {
	/*left: 35px;*/
}



/* ----------------------------------------
	01 head
------------------------------------------*/

#mov-head {
	position: relative;
	width: 894px;
}
/*
h2.logo {
	position: absolute;
	left: 4px;
	top: 0;
	width: 170px;
	height: 115px;
}
*/


/* ----------------------------------------
	02 navi
------------------------------------------*/


#mov-navi {
	position: absolute;
	top: 132px;
	left: 783px;
	width: 45px;
	height: 331px;
	z-index: 10000;
}
#mov-navi a {
	overflow: hidden;
	display: block;
	position: absolute;
	width: 45px;
	height: 58px;
	z-index: 10000;
}
#mov-navi a:hover {
	overflow: visible;
}
#mov-navi #mov-navi01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}
#mov-navi #mov-navi01 img {
	position: absolute;
	top: -102px;
	left: -140px;
	z-index: 10000;
}
#mov-navi #mov-navi02 {
	position: absolute;
	top: 89px;
	left: 0;
	z-index: 10000;
}
#mov-navi #mov-navi02 img {
	position: absolute;
	top: -61px;
	left: -150px;
	z-index: 10000;
}
#mov-navi #mov-navi03 {
	position: absolute;
	top: 178px;
	left: 0;
	z-index: 10000;
}
#mov-navi #mov-navi03 img {
	position: absolute;
	top: -35px;
	left: -152px;
	z-index: 10000;
}
#mov-navi #mov-navi04 {
	position: absolute;
	top: 273px;
	left: 0;
	z-index: 10000;
}
#mov-navi #mov-navi04 img {
	position: absolute;
	top: -18px;
	left: -150px;
	z-index: 10000;
}



/* ----------------------------------------
	03 cont
------------------------------------------*/

#mov-cont {
	position: absolute;
	top: 137px;
	left: 200px;
	width: 559px;
	height: 628px;
	text-align: left;
	z-index: 0;
}
#mov-cont #mov-cont-box {
	position: relative;
	width: 512px;
	height: 288px;
	z-index: 100;
}
#mov-cont #mov-cont-bottom {
	position: absolute;
	top: 496px;
	left: 0;
	width: 559px;
	height: 112px;
}
#mov-cont #mov-cont-bottom li {
	display: block;
	float: left;
	margin: 20px 27px 0 0;
	width: 110px;
	text-align: center;
	font-size: 80%;
	line-height: 120%;
}
#mov-cont #mov-cont-bottom li p {
	height: 27px;
}

#mov-cont #mov-cont-bottom li a {
	display: block;
	width: 110px;
	height: 62px;
	text-indent: -9999px;
}
#mov-cont #mov-cont-bottom li a.active {
	 border: 1px solid #ff0000;
}

#mov-cont #mov-cont-bottom li a.thmb_00:link,
#mov-cont #mov-cont-bottom li a.thmb_00:visited {
	background: url(../img/mov_thmb_01.jpg) top left no-repeat;
}
#mov-cont #mov-cont-bottom li a.thmb_00:hover,
#mov-cont #mov-cont-bottom li a.thmb_00:active {
	background: url(../img/mov_thmb_01_ov.jpg) top left no-repeat;
}

#mov-cont #mov-cont-bottom li a.thmb_01:link,
#mov-cont #mov-cont-bottom li a.thmb_01:visited {
	background: url(../img/mov_thmb_02.jpg) top left no-repeat;
}
#mov-cont #mov-cont-bottom li a.thmb_01:hover,
#mov-cont #mov-cont-bottom li a.thmb_01:active {
	background: url(../img/mov_thmb_02_ov.jpg) top left no-repeat;
}

#mov-cont #mov-cont-bottom li a.thmb_02:link,
#mov-cont #mov-cont-bottom li a.thmb_02:visited {
	background: url(../img/mov_thmb_03.jpg) top left no-repeat;
}
#mov-cont #mov-cont-bottom li a.thmb_02:hover,
#mov-cont #mov-cont-bottom li a.thmb_02:active {
	background: url(../img/mov_thmb_03_ov.jpg) top left no-repeat;
}

#mov-cont #mov-cont-bottom li a.thmb_03:link,
#mov-cont #mov-cont-bottom li a.thmb_03:visited {
	background: url(../img/mov_thmb_04.jpg) top left no-repeat;
}
#mov-cont #mov-cont-bottom li a.thmb_03:hover,
#mov-cont #mov-cont-bottom li a.thmb_03:active {
	background: url(../img/mov_thmb_04_ov.jpg) top left no-repeat;
}




#mov-cont .mov_cont_box_4_3{
	position:relative;
	width: 480px;
	height: 360px;
	z-index: 100;
}























