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

.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

#content { color:#999; }
#content a { color:#999; }
#content .important { color:#9f0707; }

#pageCatalog .lead { margin-bottom:20px; }
#pageCatalog .lead2 { margin-bottom:40px; }
#pageCatalog .block { width:820px; margin:30px auto; }
#pageCatalog .item { background:url(../img/bg_cl_block.gif) no-repeat left top; border:1px solid #333333; width:818px; margin-bottom:40px; padding-bottom:40px;}
#pageCatalog .item h3 { margin:18px 0 0 18px;}
#pageCatalog .item .thumb { float:left; width:370px;margin-left:52px; margin-top:40px;}
#pageCatalog .item .overview { float:right; width:396px; text-align:left; margin-top:40px;}
#pageCatalog .item .overview h4{ font-size:14px; margin-bottom:20px; margin-top:10px;}
#pageCatalog .item .overview p { margin-bottom:1em; }
#pageCatalog .item .btn { position:absolute; left:422px; bottom:0; }

#pageCatalog .item .thumb2 { position:absolute; left:52px; top:320px; }
#pageCatalog .item .overview2 { position:absolute; left:422px; top:320px; width:352px; }
#pageCatalog .item .overview2 h4{ font-size:14px; margin-bottom:20px; margin-top:10px;}
#pageCatalog .item .overview2 p { margin-bottom:1em; }
#pageCatalog .item .btn2 { position:absolute; left:422px; top:450px; }

#pageCatalog .item .thumb3 { position:absolute; left:52px; top:545px; }
#pageCatalog .item .overview3 { position:absolute; left:422px; top:545px; width:352px; }
#pageCatalog .item .overview3 h4{ font-size:14px; margin-bottom:20px; margin-top:10px;}
#pageCatalog .item .overview3 p { margin-bottom:1em; }
#pageCatalog .item .btn3 { position:absolute; left:422px; top:675px; }

.catalogBox{ position:relative; width:100%;}


#pageCatalog .item2 { position:relative; background:url(../img/bg_cl_block.gif) no-repeat left top; border:1px solid #333333; width:818px; height:311px; margin-bottom:40px; }
#pageCatalog .item2 h3 { position:absolute; left:18px; top:18px; }
#pageCatalog .item2 .thumb { position:absolute; left:52px; top:95px; }
#pageCatalog .item2 .overview { position:absolute; left:422px; top:95px; width:352px; }
#pageCatalog .item2 .overview h4{ font-size:14px; margin-bottom:20px; margin-top:10px;}
#pageCatalog .item2 .overview p { margin-bottom:1em; }
#pageCatalog .item2 .btn { position:absolute; left:422px; top:224px; }

#content #localNav { width:242px; float:left; background:url(../img/bg_lnav.gif) no-repeat left bottom; min-height:200px; padding-bottom:15px; position:relative; left:32px; margin-top:30px; }
#content #localNav .wrap { margin-top:-103px; }
#content #localNav h4 { width:206px; height:36px; position:relative; margin-left:18px;  }
#content #localNav h4 img { position:absolute; left:-6px; }
#content #localNav ul { position:relative; background:url(../img/bg_lnav2.gif) no-repeat left bottom; margin-bottom:15px; margin-left:18px; width:206px; }
#content #localNav ul li { background:url(../img/bg_dot_h.gif) repeat-x left bottom; padding-bottom:1px; }
#content #localNav ul li a { display:block; background:url(../img/ico_lnav.gif) no-repeat 15px 50%;	 text-decoration:none; padding:4px; margin:0 1px; padding-left:31px; }
#content #localNav ul li a:hover { background-color:#101010; color:#838383; }
#content #localNav ul.sm li a.act { background-image:url(../img/ico_lnav_sm.gif); color:#FFF; }
#content #localNav ul.mg li a.act { background-image:url(../img/ico_lnav_mg.gif); color:#FFF; }

#content #contentBody { width:585px; float:right; position:relative; left:-32px; margin-top:30px; margin-bottom:30px; }
#content #contentBody p { margin-bottom:1.5em; }
#content #contentBody h3 { margin-bottom:12px; }
#content #contentBody h4.term { margin-top:45px; margin-bottom:20px; }
#content #contentBody .lead { margin-bottom:16px; }
#content #contentBody .visual { margin-bottom:16px; }
#content #contentBody .movieList { background:url(../img/bg_mg_list.gif) no-repeat left bottom; min-height:200px; padding-bottom:25px; }
#content #contentBody .movieList .item { position:relative; background:url(../img/bg_dot_h.gif) repeat-x left bottom; width:535px; margin:0 auto; padding-bottom:20px; margin-bottom:25px; }
#content #contentBody .movieList .item .thumb { position:absolute; left:0; top:0; }
#content #contentBody .movieList .item .detail { min-height:125px; width:292px; position:relative; left:243px; }
#content #contentBody .movieList .item .title { font-weight:bold; padding:3px 6px 0; color:#ccc; background:url(../img/bg_video_title.gif) repeat-x left top; min-height:14px; margin-bottom:16px;  }
#content #contentBody .movieList .item .title a { display:block; text-decoration:none; }
#content #contentBody .movieList .item .title a:hover { text-decoration:underline;}
#content #contentBody .movieList .item .overview { margin:0 5px; margin-bottom:16px; min-height:55px; }
#content #contentBody .voiceList { margin-bottom:38px;  background:url(../img/bg_mg_list.gif) no-repeat left bottom; min-height:200px; padding-bottom:25px; }
#content #contentBody .voiceList h4 { padding-bottom:18px; }
#content #contentBody .voiceList .item { position:relative; background:url(../img/bg_dot_h.gif) repeat-x left bottom; width:535px; margin:0 auto; padding-bottom:20px; margin-bottom:25px; }
#content #contentBody .voiceList .item .thumb { position:absolute; left:0; top:0; }
#content #contentBody .voiceList .item .detail { min-height:125px; width:292px; position:relative; left:243px; }
#content #contentBody .voiceList .item .title { font-weight:bold; padding:3px 6px 0; color:#ccc; background:url(../img/bg_video_title.gif) repeat-x left top; min-height:14px; margin-bottom:16px;  }
#content #contentBody .voiceList .item .title a { display:block; text-decoration:none; }
#content #contentBody .voiceList .item .title a:hover { text-decoration:underline;}
#content #contentBody .voiceList .item .overview { margin:0 5px; margin-bottom:16px; min-height:55px; }

#content #contentBody .sm .item .overview { margin:0 5px; min-height:auto; _height:65px; }
#content #contentBody .movieList .item .icons { }
#content #contentBody .movieList .last { margin-bottom:0; padding:0; background:none; }
#content #contentBody .voiceList .item .icons { }
#content #contentBody .voiceList .last { margin-bottom:0; padding:0; background:none; }

#content #contentBody h3.videoTitle { margin-bottom:18px; }
#content #contentBody .contact { margin-top:40px; }

#content #contentBody .panel { background:url(../img/bg_video_back.gif) no-repeat left bottom; width:583px; margin-bottom:35px; }
#content #contentBody .panel .tabs { background:url(../img/bg_video_back_top.gif) no-repeat left top; padding-top:4px; padding-left:4px; /*width:583px;*/ }
#content #contentBody .panel .tabs .tab { display:inline-block; float:left;  }
#content #contentBody .panel .tabs .tab a { display:block; width:81px; height:23px; text-indent:-9999px; }
#content #contentBody .panel #historyTab { background:url(../img/btn_video_history_off.gif) no-repeat left top; }
#content #contentBody .panel #openingTab { background:url(../img/btn_video_opening_off.gif) no-repeat left top; }
#content #contentBody .panel #endrollTab { background:url(../img/btn_video_endroll_off.gif) no-repeat left top; }
#content #contentBody .panel #historyTab a.active { background:url(../img/btn_video_history_act.gif) no-repeat left top!important; }
#content #contentBody .panel #openingTab a.active { background:url(../img/btn_video_opening_act.gif) no-repeat left top!important; }
#content #contentBody .panel #endrollTab a.active { background:url(../img/btn_video_endroll_act.gif) no-repeat left top!important; }

#content #contentBody .panel .panelContent { margin-left:4px; display:none; }
#content #contentBody .panel .panelContent p { padding:1em; margin:0; }

#content #contentBody .allList { margin-top:22px; }
#content #contentBody .allList h4 { margin-bottom:32px; }
#content #contentBody .allList h5 { margin-bottom:18px; margin-top:32px; }
#content #contentBody .allList .smList { margin-bottom:60px; }
#content #contentBody .allList .item { position:relative; background:url(../img/bg_dot_h.gif) repeat-x left bottom; min-height:125px; width:535px; margin:0 auto; padding-bottom:20px; margin-bottom:25px; }
#content #contentBody .allList .item .thumb { position:absolute; left:0; top:0; }
#content #contentBody .allList .item .detail { /* min-height:125px;*/ width:292px; position:relative; left:243px; }
#content #contentBody .allList .item .title { font-weight:bold; padding:3px 6px 0; color:#ccc; background:url(../img/bg_video_title.gif) repeat-x left top; min-height:14px; margin-bottom:16px;  }
#content #contentBody .allList .item .title a { display:block; text-decoration:none; }
#content #contentBody .allList .item .title a:hover { text-decoration:underline;}
#content #contentBody .allList .item .overview { margin:0 5px; margin-bottom:16px; min-height:55px; }
#content #contentBody .allList .last { padding:0; background:none; }


.itemIn { position:relative; min-height:125px; width:535px; margin:0 auto; padding-bottom:20px; margin-bottom:25px; }
.thumbIn { position:absolute; left:0; top:0; }
.detailIn { /* min-height:125px;*/ width:292px; position:relative; left:243px; }
.titleIn { font-weight:bold; padding:3px 6px 0; color:#ccc; background:url(../img/bg_video_title.gif) repeat-x left top; min-height:14px; margin-bottom:16px;  }
.titleIn a { display:block; text-decoration:none; }
.titleIn a:hover { text-decoration:underline;}
.itemIn .overview { margin:0 5px; margin-bottom:16px; min-height:55px; }
.lastIn { padding:0; background:none; }

#liveSampleBox{ padding:80px 0 0; display:none;}
#directorSampleBox{ padding:80px 0 0; display:none;}
#locaSampleBox{ padding:80px 0 0; display:none;}
#motionSampleBox{ padding:80px 0 0; display:none;}
.motionSampleBoxTitle{ text-align:center; margin:0 auto 40px;}