@charset "utf-8";
/* CSS Document */


body{
}


#viewArea {
	margin: 0 auto;
	width: 698px;
	height: 465px;
}
.comments {
	display: block;
	margin: 0 auto;
	overflow: hidden;
		background: url(../img/bg_line_01.gif) left top repeat-x;
	margin: 0 auto;
	width: 698px;
}
.time {
	margin: 15px auto 0;
	width: 698px;
}

#contentsArea .title {
	margin-bottom:30px;
}
#contentsArea .category {
	margin:20px 0 48px 0;
}

#contentsArea .category .productArea {
	overflow:hidden;
}


#contentsArea .category .productArea .productBox {
	width:332px;
	margin-bottom:20px;
}
#contentsArea .category .productArea .productBox h5 {
	font-size:100%;
	font-weight:bold;
	border-bottom:#333 2px solid;
	padding-bottom:5px;
	margin-bottom:10px;
	overflow: hidden;
}
#contentsArea .category .productArea .productBox h5 img {
	margin:0 5px 1px 0;
}
#contentsArea .category .productArea .productBox .pBImg {
	float:left;
}
#contentsArea .category .productArea .productBox .pBImg img{
	margin-bottom:7px;
}
#contentsArea .category .productArea .productBox p {
	float:right;
	width:170px;
}
#contents.fontS #contentsArea .category .productArea .productBox p {
	font-size: 12px\9;
}
#contents.fontM #contentsArea .category .productArea .productBox p {
	font-size: 14px\9;
}
#contents.fontL #contentsArea .category .productArea .productBox p {
	font-size: 16px\9;
}
#contentsArea .category .productArea .border {
	border:1px solid #ccc;
	margin-bottom:20px;
	padding: 10px 10px 10px 2em;
	text-indent: -1em;
}
#contentsArea .category .productArea .pBLeft {
	float:left;
}
#contentsArea .category .productArea .pBRight {
	float:right;
}

ul#sideColumn ul.sub li a {
	background:url(../../common/img/sidearrow_sub.gif) no-repeat 30px 14px;
}
ul#sideColumn ul.sub li ul.sub2 li a {
	background:none;
}
ul#sideColumn ul.sub li ul.sub2 li a:hover {
	background:#e9e7e7;
}



#contentsBodyArea #title{
	margin-bottom:53px;
}
#contentsBodyArea .movieArea{
	text-align:center;
}

.movieArea {
	width:722px;
	margin:55px auto 0;
}
#contentsBodyArea .movieArea #contentsArea{
	margin:0 auto;
	width:698px;
	text-align:left;
}
.movieArea .comments {
	border-top:#b3b2b2 dotted 1px;
	margin-top:14px;
	padding-top:18px;
}
#contentsBodyArea .movieArea h3{
	background: url("../../common/img/h_black_medium.gif") no-repeat scroll left top transparent;
	margin-bottom:10px;
}
 a.pdf{
	background: url("../images/pdf.gif") no-repeat scroll left top transparent;
	margin-bottom:10px;
	padding-left: 1.5em;
}

#contentsBodyArea .movieArea .viewArea{
	background:#686868;
	height:358px;
}
#contentsBodyArea .movieArea .time{
	line-height:30px;
	margin-bottom:10px;
}

#contentsBodyArea .commentArea{
		background:url(../images/dot_border.gif) repeat-x left bottom;
	color:#222;
	font-size:116.7%;
	font-weight:bold;
	line-height:45px;
}
#contentsBodyArea .commentArea .commentTitle{
	background:url(../images/dot_border.gif) repeat-x left bottom;
	color:#222;
	font-size:116.7%;
	font-weight:bold;
	line-height:45px;
}
#contentsBodyArea .commentArea .comments{
	background:url(../images/dot_border.gif) repeat-x left top;
	padding:10px 0 25px;
}

#contentsBodyArea .movieArea .listback{
	margin-bottom:50px;
}
#contentsBodyArea .movieArea .listback a{
	background:#efefef;
	color:#222;
	display:block;
	font-weight:bold;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	width:315px;
}

.movie .movieArea .page-box p{
	text-align:center;
	margin-top:30px;
}



.pager-box {

	text-align: center;
	padding-top: 50px;
	clear: both;
}
.pager-box a {
	background: #eaeaea url(../common/img/bg_btn_off.gif) left top repeat-x;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #444;
	width: 100px;
	padding: 3px 30px;
	text-decoration: none;
	font-size: 116.7%;
}
.pager-box a:hover {
	background: #1365b2 url(../common/img/bg_btn_on.gif) left top repeat-x;
	border: 1px solid #1365b2;
	color: #fff !important;
}