@charset "utf-8";

@import "../../common/css/base.css";
@import "../../common/css/frame.css";

#bodyContent div.mainArea div.headObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.mainArea div.headObj,
.row {
	zoom: 1;
}
/* CONTENTS FRAME */
#container {
}
#bodyContent {
}
	#bodyContent div.mainArea {
	}
	#bodyContent div.sideArea {
	}
	#localnavigation {
	}


/* CONTENTS */
#bodyContent div.mainArea div.headObj {
	height: 180px;
}
	#bodyContent div.mainArea div.headObj h1 {
		position: relative;
		top: 61px;
		background: url(../images/tit.gif) no-repeat left top;
		height: 69px;
		/*\*//*/
		padding-bottom: 69px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyContent div.mainArea div.headObj p.image {
		position: relative;
		margin-top: -69px;
		float: right;
		width: auto;
	}

#bodyContent div.mainArea div.voiceObj {
}
	#bodyContent div.mainArea div.voiceObj div.pack {
		background: url(../images/frm_b.gif) no-repeat left bottom;
		margin-bottom: 20px;
	}
		#bodyContent div.mainArea div.voiceObj div.pack div.heading {
			background: url(../images/frm_t.gif) no-repeat left top;
		}
			#bodyContent div.mainArea div.voiceObj div.pack div.heading h3 {
				font-size: 18px;
				/*\*/
				*font-size: 168%;
				/**/
				padding: 16px 19px 2px 19px;
			}
			#bodyContent div.mainArea div.voiceObj div.pack div.heading p.name {
				background: url(../images/frm_dot.gif) no-repeat left bottom;
				padding: 0 19px 16px 19px;
				font-size: 10px;
				/*\*/
				*font-size: 75%;
				/**/
				color: #666;
			}
		#bodyContent div.mainArea div.voiceObj div.pack p.lead {
			position:relative;
			padding: 21px 19px 27px 19px;
			font-size: 14px;
			/*\*/
			*font-size: 116%;
			/**/
			line-height: 1.7;
		}
		#bodyContent div.mainArea div.voiceObj div.p1 p.lead {
			width: 462px;
		}
		#bodyContent div.mainArea div.voiceObj div.p2 p.lead {
			padding-left: 208px;
		}
		#bodyContent div.mainArea div.voiceObj div.p3 p.lead {
			width: 517px;
		}
		#bodyContent div.mainArea div.voiceObj div.p4 p.lead {
			padding-left: 158px;
		}
		#bodyContent div.mainArea div.voiceObj div.p5 p.lead {
			width: 480px;
		}
		#bodyContent div.mainArea div.voiceObj div.p6 p.lead {
			padding-left: 154px;
		}
		#bodyContent div.mainArea div.voiceObj div.p7 p.lead {
			width: 513px;
		}
		#bodyContent div.mainArea div.voiceObj div.p8 p.lead {
			padding-left: 150px;
		}
		#bodyContent div.mainArea div.voiceObj div.p9 p.lead {
			width: 546px;
		}
		#bodyContent div.mainArea div.voiceObj div.p10 p.lead {
			padding-left: 300px;
		}
			#bodyContent div.mainArea div.voiceObj div.pack p.lead span.image {
				position:absolute;
			}
			#bodyContent div.mainArea div.voiceObj div.p1 p.lead span.image {
				left: 499px;
				top: -16px;
			}
			#bodyContent div.mainArea div.voiceObj div.p2 p.lead span.image {
				left: 15px;
				top: -13px;
				_left:-197px;
				*top: -18px; /* IE6+IE7 */
			}
			#bodyContent div.mainArea div.voiceObj div.p3 p.lead span.image {
				left: 545px;
				top: -14px;
			}
			#bodyContent div.mainArea div.voiceObj div.p4 p.lead span.image {
				left: 17px;
				top: -9px;
				_left:-150px;
				*top: -14px; /* IE6+IE7 */
			}
			#bodyContent div.mainArea div.voiceObj div.p5 p.lead span.image {
				left: 518px;
				top: -21px;
			}
			#bodyContent div.mainArea div.voiceObj div.p6 p.lead span.image {
				left: 19px;
				top: 25px;
				_left:-142px;
				*top: 20px; /* IE6+IE7 */
			}
			#bodyContent div.mainArea div.voiceObj div.p7 p.lead span.image {
				left: 557px;
				top: -44px;
			}
			#bodyContent div.mainArea div.voiceObj div.p8 p.lead span.image {
				left: 15px;
				top: -8px;
				_left:-143px;
				*top: -13px; /* IE6+IE7 */
			}
			#bodyContent div.mainArea div.voiceObj div.p9 p.lead span.image {
				left: 567px;
				top: -30px;
			}
            #bodyContent div.mainArea div.voiceObj div.p10 p.lead span.image {
				left: 19px;
				top: -13px;
				_left:-279px;
				*top: -18px; /* IE6+IE7 */
			}
.icon {
	padding-left: 5px;
}

/* 20100816 */

#bodyContent div.mainArea div.headObj {
	height:165px;
}

.movieLink {
	text-align:right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.movieLink img {
	display:inline;
	float:none;
}

#bodyContent div.mainArea #movie h2 {
	background: url(../images/movie_h2.gif) no-repeat left top;
	height: 43px;
	/*\*//*/
	padding-bottom: 43px;
	/**/
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin:35px 0 20px 0;
}
#bodyContent div.mainArea #movie h3 {
	height: 20px;
	/*\*//*/
	padding-bottom: 20px;
	/**/
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	clear:both;
}
#bodyContent div.mainArea #movie h3.h3-1 {
	background: url(../images/movie_h3-1.gif) no-repeat left top;
}
#bodyContent div.mainArea #movie h3.h3-2 {
	background: url(../images/movie_h3-2.gif) no-repeat left top;
	margin-top:35px;
}
#bodyContent div.mainArea #movie ul li {
	float:left;
	width:237px;
	height:195px;
	display:block;
	margin:8px 2px 20px 0;
}
#bodyContent div.mainArea #movie ul li a {
	width:237px;
	height:195px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}
#bodyContent div.mainArea #movie ul li.movie1-1 {background: url(../images/movie1-1.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie1-2 {background: url(../images/movie1-2.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie1-3 {background: url(../images/movie1-3.jpg) no-repeat left top; margin-right:0;}
#bodyContent div.mainArea #movie ul li.movie2-1 {background: url(../images/movie2-1.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie2-2 {background: url(../images/movie2-2.jpg) no-repeat left top; margin-right:0;}
	

