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

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

html,body,div,h1,h2,h3,p,form
{
  margin:0px;
  padding:0px;
}
body
{
  margin:0px;
  padding:0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:10px;
  color:#333333;
  background-image:url(../imgs/vp/bg0.jpg);
  background-position:top center;
  background-repeat:no-repeat;
}


a
{
  color:#0099CC;
}
a:hover
{
  color:#FF6600;
}
a:visited
{
  color:#CC3300;
}

div.clear
{
  clear:both;
}

div#container
{
  width:100%;
  text-align:center;
  background-image:url(../imgs/vp/bg.jpg);
  background-position:top center;
  background-repeat:no-repeat;
}

div#content
{
  width:700px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  
}


div#header
{
  height:65px;
  background-image:url(../imgs/vp/header.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  position:relative;
}

div#header h1
{
	height:65px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:-3px;
	width: 242px;
}

div#header div#requireLink
{
 height:65px;
 width:175px;

 top:0px;
 left:527px;
 position:absolute;
}
div#header div#requireLink a
{
 text-indent:-9999px;
 display:block;
 height:65px;
 width:175px;
}



div#mainContent
{
  width:690px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../imgs/vp/main.bg.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  padding-bottom:10px;
}

div#mainParts
{
 width:670px;
 
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 background-color:transparent;
 padding:5px;
}

div#schoolName
{
 height:25px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 padding-top:3px;
 margin-bottom:2px;
 padding-left:5px;
}
div#schoolName h2
{
 margin-left:5px;
 font-size:16px;
 font-weight:bold;
 font-family:Meiryo, メイリオ, 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;

}

div#schoolCopy
{
 height:15px;
 margin-bottom:5px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

div#mainVideo
{
 width:670px;
 text-align:left !important;
}

div#player
{
 width:370px;
 height:277px;
 float:left;
 margin-right:10px;
}

div#player div.player_parts
{
  position:relative;
 height:277px;
  clear:both;
 margin-bottom:3px;
}


div#player div#videoFlash,
div#player div#videoInfor
{
 width:370px;
 height:277px;
 position:absolute;
 left:0px;
 top:0px;
}

div#player div#videoFlash
{
  z-index:5;
}

div#player div#videoInfor
{
  z-index:10;
  display:none;
}


div#videoInfor div#videoComment,
div#videoInfor div#videoLink
{
  color:#ffffff;
  background-image:url(../img/macFFBgHack.png);
  background-position:left top;
  background-repeat:repeat;
  position:absolute;
  padding:5px;
  border:1px solid #FF9900;
  background-color:none;
  display:none;
}


div#videoInfor div#videoLink
{
  width: 300px;
  top: 40px;
  left: 30px;
}
div#videoInfor div#videoLink p
{
 margin-bottom: 3px;
}

div#videoInfor div#unvisible
{
  background-color:none;
  border:0px solid #ffffff;
  position:absolute;
  width:100px;
  height:50px;
  top:100px;
  left:120px;
}
div#videoInfor div#unvisible a
{
  display:block;
  width:170px;
  height:50px;
  text-indent:-999px;
  visibility:visible;
  background-image:url(../img/macFFBgHack2.png);
  background-position:left top;
  background-repeat:repeat;
}

div#videoInfor div#videoComment
{
  width: 300px;
  height:70px;
  top: 155px;
  left: 30px;
}


div#doc
{
 width:360px;
 padding:5px;
 background-color:#ffffff;
 border:1px #FF9900 solid;
 margin-bottom:3px;
}
div#doc p
{
 line-height:1.2em;
}

div#close
{
  text-align:center;
}


div#thumbs
{
 width:270px;
 float:left;
}

div.thumb
{
 width:255px;
 padding:2px;
 background-color:#ffffff;
 margin-bottom:5px;
 border: 1px #CFCFCF solid;
}
div.thumb * a:hover
{
 color:#FF6600;
}
div.thumb_img
{
 width:80px;
 height:60px;
 padding:1px;
 float:left;
 margin-right:5px;
 /* position:relative; */
}
div.thumb_img a img
{
 border:1px solid #0099CC;
}
div.thumb_img a:hover img
{
 border:1px solid #FF6600;
}

div.thumb_content
{
 width:165px;
 float:left;
}
div.thumb_content h4
{
 font-size:11px;
 margin-top:5px;
 margin-bottom:5px;
 padding:0;
}

div.thumb_pager
{
 width:270px;
 padding:5px;
 text-align:center;
 background-color:#ffffff;
}


/* root element for scrollable */ 
div.scrollable {   
     
    /* required settings */ 
    /* position:relative; */
    overflow:auto;
 
    /* vertical scrollers have typically larger height than width */     
    height: 340px;      
    width: 285px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    /* position:absolute; */
     
    /* this time we have very large space for height */     
    /* height:20000em; */
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../imgs/vp/arrow/left.png) no-repeat;
	float:left;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../imgs/vp/arrow/right.png);
	clear:right;	
}



div.thumb_img div.video-time,
div.thumb_img div.video-title
{
  background-color: #333333;
  color:#FFFFFF;
  font-weight:bold;
  padding:2px;
  font-size:9px;
  position:absolute;
}
div.thumb_img div.video-play
{
  background-color: #FF1493;
  color:#FFFFFF;
  font-weight:bold;
  padding:2px;
  font-size:9px;
  position:absolute;
  top: 50px;
  left: 20px;
}

span.video-play
{
  background-color: #FF1493;
  color:#FFFFFF;
  font-weight:bold;
  padding:3px;
}


div.thumbs li div.video-time
{
  left:75px;
  top:40px;
  text-align:right;
}

div.thumb_img div.video-play
{
  top: 30px !important;
}

div.thumb_img div.video-time
{
  left:55px;
  top:55px;
  text-align:right;
}







@media tty 
{
  i{content:"\";/*" "*/}} @import url("vp_ie.css"); /*";}
}/* */