@charset "utf-8";

/* このCSSは[movie/index.html]のレイアウトです */

/* MAIN */

#main {
	display: block;
	width: 943px;
	margin: 0 1px;
	height: 488px;
	background-image: url(../img/movie_bg.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#main #movie_list {
	display: block;
	width: 818px;
	height: 286px;
/** WMV対応: 「動画を見る前に→」ボタンのコメント化により #movie_listの padding-topを 96pxへ変更 - TCS 09.03**/
/** #movie_listの padding-top + p#before_seeの height + p#before_seeの padding-top **/
	padding-top: 96px;
	padding-left: 64px;
}

#main #movie_list2 {
	display: block;
	width: 372px;
	height: 50px;
	_padding-top: 2px;
	padding-left: 545px;
}
/** WMV対応: 「動画を見る前に→」ボタンをcomment out - TCS 09.03
#main p#before_see {
	display: block;
	width: 102px;
	height: 19px;
	padding-top: 73px;
	padding-left: 65px;
}

#main p#before_see a {
	display: block;
	width: 102px;
	height: 19px;
	background-image: url(../img/before_see.gif); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#main p#before_see a:hover {
	display: block;
	width: 102px;
	height: 19px;
	background-image: url(../img/before_see.gif); 
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
**/
/*--------------------------------------*/
#main #panda_box {
	text-align:left;
	width: 370px;
	height: 93px;
	padding-top: 63px;
	background: url(../img/movie_bgr_r11_c1.jpg) no-repeat; 
	padding-left: 76px;
	position: relative;
}

#main #panda_box p#movie_A {
	display: block;
	width: 154px;
	height: 52px;
	position: absolute;
	top: 32px;
	left: 12px;
	background: url(../img/panda_a.gif) no-repeat 0px 0px; 
}

#main #panda_box p#movie_A a {
	display: block;
	width: 154px;
	height: 52px;
	background: url(../img/panda_a.gif) no-repeat 0px 0px; 
}

#main #panda_box p#movie_A a:hover {
	display: block;
	width: 154px;
	height: 52px;
	background: url(../img/panda_a.gif) no-repeat 0px -52px; 
}

#main #panda_box p#movie_B {
	display: block;
	width: 176px;
	height: 52px;
	position: absolute;
	top: 32px;
	left: 184px;
}

#main #panda_box p#movie_B a {
	display: block;
	width: 176px;
	height: 52px;
	background: url(../img/panda_b.gif) no-repeat 0px 0px; 
}

#main #panda_box p#movie_B a:hover {
	display: block;
	width: 176px;
	height: 52px;
	background: url(../img/panda_b.gif) no-repeat 0px -52px; 
}