@charset "utf-8";
@import url("../../common/css/elements.css");
@import url("../../common/css/format.css");
@import url("../../common/css/style.css");


div#TITLE_BAR {
	background-image: url(../images/prd_title-bar_bg.gif);
}

li{
	list-style:none;
}


ul#unkernavi{
	position:relative;
	top:0px;
	left:0;
	font-size:1em;
	margin:0;
	padding:0;
}

ul#unkernavi li{
	display:inline;
	margin:0;
	padding:0 6px;
}

div#SUB_TITLE{
	width:826px;
	height:22px;
	margin:20px auto 12px auto;
	padding:0;
	display:block;
	clear:both;
}

.contentBlock{
	background:url(../images/mov_bg.gif);
	width:826px;
	display:table;
	margin:0 auto 30px auto;
	clear:both;

}

.contentInner{
	background-color:#fff;
	width:816px;
	margin:5px;
	padding-bottom:40px;
	text-align:center;
	display:table;
}

.contentInner p{
	text-align:left;
	margin-bottom:20px;
}

.movieIcon{
	background:url(../images/mov_img_icon.jpg) no-repeat left top;
	height:103px;
	margin:20px 0 12px 22px;
	padding:0;	
	display:table;
	vertical-align:middle;
}

.movieIcon p{
	width:650px;
	font-size:140%;
	color:#108dec;
	line-height:120%;
	letter-spacing:2;
	text-align:left;
	margin:30px 0 0 130px;
}

.streamingArea{
	width:728px;
	margin:0 auto;
	padding:0;
	display:table;
	clear:both;
}

.leftArea{
	width:320px;
	height:269px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

.rightArea{
	float:right;
	width:366px;
	margin:0;
	text-align:left;
	display:table;
}

.rightArea p{
	margin-top:20px;
	line-height:160%;
}

.rightArea a{
	font-weight:bold;
}

dl,dt,dd{ 
	margin:20px 0 0 0;
	padding:0;
	font-size:1em;
}


dt{
	background:url(../../top/img/info_icon.gif) no-repeat left;
	font-weight:bold;
	height:1em;
	line-height:1.2em;
	margin:0;
	padding:0 0 1px 0;
	width:8em;
}

dd{
	position:relative; 
	top:-1em; 
	left:7em;
	margin-bottom:3px;
	padding:0; 
	line-height:1.2em;
	margin-top:-1px;
}

* html dd{
	position:relative; 
	top:-1.2em; 
	left:7em;
	margin:-0.5px 0 3px 0;
	padding:0; 
	line-height:1.2em;
}

.outLine{
	width:728px;
	margin:30px auto 30px auto;
	padding:0;
	display:table;
	clear:both;
}
	
.outLine p{
	text-align:left;
	width:690px;
	margin:0 auto;
}

.outLine p.bold,
.viewPoint p.bold{
	font-size:116%;
	margin-bottom:10px;
}

.viewPoint{
	text-align:left;
	width:728px;
	clear:both;
}

.viewPoint p{
	padding-right:20px;
}

.viewRight{
	float:right;
	margin-left:20px;
}

.CB{
	clear:both;
}

div.clear{

	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

div.clear img{

	margin-top: -1px;
	width: 100%;
	height: 1px;

}