@charset "utf-8";

@import "../../common/css/base.css";
@import "../../common/css/frame.css";

#bodyContent div.mainArea div.bpObj div.headpack:after,
#bodyContent div.mainArea div.ssObj div.pack:after,
#bodyContent div.mainArea div.ssObj div.headpack:after,
#bodyContent div.mainArea div.wmpObj:after,
#bodyContent div.mainArea div.naviObj div.pack1:after,
#bodyContent div.mainArea div.naviObj div.pack2:after,
#bodyContent div.mainArea div.headObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.mainArea div.bpObj div.headpack,
#bodyContent div.mainArea div.ssObj div.pack,
#bodyContent div.mainArea div.ssObj div.headpack,
#bodyContent div.mainArea div.wmpObj,
#bodyContent div.mainArea div.naviObj div.pack1,
#bodyContent div.mainArea div.naviObj div.pack2,
.row {
	zoom: 1;
}

/* CONTENTS FRAME */
#container {
}
#bodyContent {
}
	#bodyContent div.mainArea {
	}
	#bodyContent div.sideArea {
	}
	#localnavigation {
	}


/* CONTENTS */
#bodyContent div.mainArea div.headObj {
	position: relative;
	z-index: 99;
	padding: 61px 0 55px 0;
	border-bottom: solid 3px #ff8400;
}
	#bodyContent div.mainArea div.headObj h1 {
		background: url(../images/tit.gif) no-repeat left top;
		width: 439px;
		height: 69px;
		/*\*//*/
		padding-bottom: 69px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyContent div.mainArea div.headObj p.image {
		position: absolute;
		left: 552px;
		top: 25px;
	}

#bodyContent div.mainArea div.naviObj {
	position: relative;
	z-index: 1;
	margin-top: -2px;
}
	#bodyContent div.mainArea div.naviObj div.pack1,
	#bodyContent div.mainArea div.naviObj div.pack2,
	#bodyContent div.mainArea div.naviObj div.pack3 {
		background: url(../../common/images/dot2.gif) repeat-x left top;
		padding-top: 20px;
		margin-bottom: 18px;
	}
	#bodyContent div.mainArea div.naviObj div.pack1 p.image {
		float: left;
		width:auto;
	}
	#bodyContent div.mainArea div.naviObj div.pack1 div.box {
		float: right;
		width: 397px;
		padding-top: 24px;
	}
	#bodyContent div.mainArea div.naviObj div.pack2 p.image {
		float: left;
		width:auto;
	}
	#bodyContent div.mainArea div.naviObj div.pack2 div.box {
		float: right;
		width: 397px;
		padding-top: 24px;
	}
	#bodyContent div.mainArea div.naviObj div.pack3 div.box {
		float: left;
		width: 397px;
		padding-top: 24px;
	}
	#bodyContent div.mainArea div.naviObj div.pack3 p.image {
		float: right;
		width:auto;
	}
	#bodyContent div.mainArea div.naviObj p.heading {
		margin-bottom: 24px;
	}
	#bodyContent div.mainArea div.naviObj p.lead {
		margin-bottom: 18px;
	}
/*
	#bodyContent div.mainArea div.naviObj div.pack2 p.heading {
		margin-bottom: 24px;
		margin-left: 32px;
	}
	#bodyContent div.mainArea div.naviObj div.pack2 p.lead {
		margin-bottom: 18px;
		margin-left: 35px;
	}
*/
	#bodyContent div.mainArea div.naviObj div.pack2 ul {
		margin-left: 0px;
	}
	#bodyContent div.mainArea div.naviObj div.pack1 p.lead {
		margin-bottom: 34px;
	}
#bodyContent .mainArea .naviObj .cmpack {
	clear: both;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 7px;
	background-image: url(../images/cmline.gif);
	background-repeat: no-repeat;
	margin: 0px;
}
#bodyContent .mainArea .naviObj .cmpack .cmpleft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 251px;
}
#bodyContent .mainArea .naviObj .cmpack .cmpcenter {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 223px;
	text-align: center;
}
#bodyContent .mainArea .naviObj .cmpack .cmpright {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 223px;
	text-align: center;
}
#bodyContent .mainArea .naviObj .cmpack .cmpleft p {
	padding-right: 15px;
	padding-left: 25px;
}
#bodyContent .mainArea .naviObj .cmpack .cmbt {
	padding: 0px;
	width: 164px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bodyContent .mainArea .naviObj .cmpack img {
	float:none;
}
	#bodyContent div.mainArea div.naviObj ul {
	}
		#bodyContent div.mainArea div.naviObj ul li {
			width: 144px;
			height: 34px;
		}


		#bodyContent div.mainArea div.naviObj ul li.l1,
		#bodyContent div.mainArea div.naviObj ul li.l2,
		#bodyContent div.mainArea div.naviObj ul li.l3,
		#bodyContent div.mainArea div.naviObj ul li.l4,
		#bodyContent div.mainArea div.naviObj ul li.l5,
		#bodyContent div.mainArea div.naviObj ul li.l6,
		#bodyContent div.mainArea div.naviObj ul li.l7,
		#bodyContent div.mainArea div.naviObj ul li.l8,
		#bodyContent div.mainArea div.naviObj ul li.l9,
		#bodyContent div.mainArea div.naviObj ul li.l10 {
			width: 291px;
			margin-bottom: 12px;
		}
		#bodyContent div.mainArea div.naviObj ul li.l11,
		#bodyContent div.mainArea div.naviObj ul li.l12,
		#bodyContent div.mainArea div.naviObj ul li.l13,
		#bodyContent div.mainArea div.naviObj ul li.l14,
		#bodyContent div.mainArea div.naviObj ul li.l15,
		#bodyContent div.mainArea div.naviObj ul li.l16,
		#bodyContent div.mainArea div.naviObj ul li.l17,
		#bodyContent div.mainArea div.naviObj ul li.l18,
		#bodyContent div.mainArea div.naviObj ul li.l19,
		#bodyContent div.mainArea div.naviObj ul li.l20
		{
			width: 318px;
			margin-bottom: 12px;
		}
			#bodyContent div.mainArea div.naviObj ul li a{
				background: url(../images/btn_play.gif) no-repeat;
				background-position: 0 0;
				height: 34px;
				/*\*//*/
				padding-bottom: 34px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}


			#bodyContent div.mainArea div.naviObj ul li.l1 a {background: url(../images/btn_play1.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l2 a {background: url(../images/btn_play2.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l3 a {background: url(../images/btn_play3.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l4 a {background: url(../images/btn_play4.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l5 a {background: url(../images/btn_play5.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l6 a {background: url(../images/btn_play6.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l7 a {background: url(../images/btn_play7.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l8 a {background: url(../images/btn_play8.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l9 a {background: url(../images/btn_play9.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l10 a {background: url(../images/btn_play10.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l11 a {background: url(../images/btn_play11.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l12 a {background: url(../images/btn_play12.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l13 a {background: url(../images/btn_play13.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l14 a {background: url(../images/btn_play14.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l15 a {background: url(../images/btn_play15.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l16 a {background: url(../images/btn_play16.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l17 a {background: url(../images/btn_play17.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l18 a {background: url(../images/btn_play18.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l19 a {background: url(../images/btn_play19.gif) no-repeat;}
			#bodyContent div.mainArea div.naviObj ul li.l20 a {background: url(../images/btn_play20.gif) no-repeat;}

			#bodyContent div.mainArea div.naviObj ul li a:hover{background-position: 0 -34px;}

#bodyContent div.mainArea div.wmpObj {
	border: solid 1px #CCC;
	background-color: #EEE;
	padding: 10px;
	margin-bottom: 42px;
}
	#bodyContent div.mainArea div.wmpObj p.image {
		float: left;
		width:auto;
	}
	#bodyContent div.mainArea div.wmpObj p.lead {
		float: right;
		width:590px;
		font-size: 10px;
		/*\*/
		*font-size: 75%;
		/**/
		color: #666;
	}

#bodyContent div.mainArea div.nmObj {
	position: relative;
	padding-left: 366px;
}
	#bodyContent div.mainArea div.nmObj ul {
	}
		#bodyContent div.mainArea div.nmObj ul li {
			position: absolute;
			left: 384px;
			top: 169px;
			width: auto;
		}
			#bodyContent div.mainArea div.nmObj ul li a {
				padding-left: 21px;
				font-weight: bold;
				width: auto;
				display: block;
				white-space: nowrap;
			}

#bodyContent div.mainArea div.dlObj {
	position: relative;
	margin-top: -190px;
	width: 349px;
}
	#bodyContent div.mainArea div.dlObj ul {
	}
		#bodyContent div.mainArea div.dlObj ul li.l1 {
			position: absolute;
			left: 27px;
			top: 124px;
		}
		#bodyContent div.mainArea div.dlObj ul li.l2 {
			position: absolute;
			left: 27px;
			top: 150px;
		}
		
#bodyContent div.mainArea div.ssObj {
	margin-bottom: 20px;
}
	#bodyContent div.mainArea div.ssObj div.headpack {
		border-left: solid 3px #ffa73b;
		border-right: solid 3px #ffa73b;
		padding: 16px 16px 32px 16px;
	}
		#bodyContent div.mainArea div.ssObj div.headpack p.image {
			float: left;
			width:auto;
		}
		#bodyContent div.mainArea div.ssObj div.headpack div.box{
			float: right;
			width: 459px;
		}
			#bodyContent div.mainArea div.ssObj div.headpack p.lead{
				margin-bottom: 24px;
				padding-top: 10px;
			}
			#bodyContent div.mainArea div.ssObj div.headpack ul {
			}
				#bodyContent div.mainArea div.ssObj div.headpack ul li {
					float: left;
					width: 123px;
					margin-right: 10px;
					height: 34px;
				}
					#bodyContent div.mainArea div.ssObj div.headpack ul li a{
						float: left;
						width: 123px;
						height: 34px;
						/*\*//*/
						padding-bottom: 34px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#bodyContent div.mainArea div.ssObj div.headpack ul li.l1 a{
						background: url(../images/btn_win.gif) no-repeat;
						background-position: 0 0;
					}
					#bodyContent div.mainArea div.ssObj div.headpack ul li.l2 a{
						background: url(../images/btn_mac.gif) no-repeat;
						background-position: 0 0;
					}
					#bodyContent div.mainArea div.ssObj div.headpack ul li a:hover{
						background-position: 0 -34px;
					}

	#bodyContent div.mainArea div.ssObj div.pack {
		border-left: solid 3px #ffa73b;
		border-right: solid 3px #ffa73b;
		padding: 0 16px 32px 16px;
	}
	#bodyContent div.mainArea div.ssObj div.pack-bottom {
		border-bottom: solid 3px #ffa73b;
	}
		#bodyContent div.mainArea div.ssObj div.pack h5 {
			margin-bottom: 6px;
			color: #c95000;
		}
		#bodyContent div.mainArea div.ssObj div.pack p.lead,
		#bodyContent div.mainArea div.ssObj div.pack ul,
		#bodyContent div.mainArea div.ssObj div.pack h6 {
			margin-bottom: 6px;
			font-size: 10px;
			/*\*/
			*font-size: 75%;
			/**/
			line-height: 1.7;
		}
		#bodyContent div.mainArea div.ssObj div.pack div.p1 {
			float: left;
			width: 330px;
		}
		#bodyContent div.mainArea div.ssObj div.pack div.p2 {
			float: right;
			width: 330px;
		}
		#bodyContent div.mainArea div.ssObj div.pack ul {
				padding-bottom: 8px;
		}
			#bodyContent div.mainArea div.ssObj div.pack ul li {
				padding-left: 22px;
				text-indent: -1.5em;
			}
	
	
	
	
		
#bodyContent div.mainArea div.bpObj {
}
	#bodyContent div.mainArea div.bpObj div.headpack {
		border: solid 3px #ffa73b;
		border-top: none;
		padding: 16px 16px 32px 16px;
	}
		#bodyContent div.mainArea div.bpObj div.headpack div.image {
			float: left;
			width: 120px;
		}
			#bodyContent div.mainArea div.bpObj div.headpack div.image img {
				margin-bottom: 10px;
			}
			#bodyContent div.mainArea div.bpObj div.headpack div.image textarea {
				border: solid 1px #ffa73b;
				width: 120px;
			}
			#bodyContent div.mainArea div.bpObj div.headpack div.image span {
				padding-top: 10px;
				font-weight: bold;
				display: block;
			}
		#bodyContent div.mainArea div.bpObj div.headpack div.box {
			float: right;
			width: 539px;
		}
			#bodyContent div.mainArea div.bpObj div.headpack div.box p.lead {
				margin-bottom: 24px;
			}
				#bodyContent div.mainArea div.bpObj div.headpack div.box h5 {
				margin-bottom: 6px;
				color: #c95000;
			}
			#bodyContent div.mainArea div.bpObj div.headpack div.box ul {
				font-size: 10px;
				/*\*/
				*font-size: 75%;
				/**/
				line-height: 1.7;
			}
			#bodyContent div.mainArea div.bpObj div.headpack div.box ul li {
	padding-left: 15px;
	margin-bottom: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	background-image: url(../images/icn_hed.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
			}


/* 2010 08 16 */
#bodyContent div.mainArea #movie {
	clear: both;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/cmline.gif);
	background-repeat: no-repeat;
	margin: 0px;
}
#bodyContent div.mainArea #movie ul li {
	float:left;
	width:237px;
	height:195px;
	display:block;
	margin:8px 1px 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 a {background: url(../images/movie1-1.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie1-2 a {background: url(../images/movie1-2.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie1-3 a {background: url(../images/movie1-3.jpg) no-repeat left top; margin-right:0;}
#bodyContent div.mainArea #movie ul li.movie2-1 a {background: url(../images/movie2-1.jpg) no-repeat left top;}
#bodyContent div.mainArea #movie ul li.movie2-2 a {background: url(../images/movie2-2.jpg) no-repeat left top; margin-right:0;}