@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

body { background: #FAFAFA; }
#siteWrap {
  width: 1000px;
  margin: 0 auto;
}
#topSiteWrap { margin-top: 10px; }
#topSideWrap, #topMainVisual { float: left; }
#topSideWrap {
  width: 300px;
  margin-right: 20px;
}
#topSideBnr li { margin-bottom: 10px; }
/*#topMovieWrap {
  position: relative;
  width: 300px;
  height: 170px;
  background: url(/img/topMovie.jpg) no-repeat center 0;
}
.topMovieBtn a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 170px;
  background: url(/img/topBtnMovie.png) no-repeat 230px 135px;
  background-color: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.topMovieBtn a:hover {
  background: url(/img/topBtnMovie.png) no-repeat 230px 120px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}*/
#topNewsWrap {
  width: 300px;
  margin: 15px 0;
  padding-bottom: 13px;  
  background: url(/img/top/topNewsBottom.png) no-repeat center bottom;
}
#topNews {
  padding-top: 11px;
  background: url(/img/top/topNewsTop.png) no-repeat center 0;  
}
#topNewsContent { background: url(/img/top/topNewsBg.gif) repeat-y; }
#topNewsContent h3 {
  padding: 9px 0 20px;
  text-align: center;
  background: url(/img/top/topNewsLine.png) no-repeat center bottom;
}
#topNewsContent dl { padding: 10px 25px; }
#topNewsContent dd { margin-bottom: 10px; }
time.date { margin-bottom: 5px; }
#topNewsContent dl a { font-size: 117%; color: #000; }
#topNewsContent dl a:hover, #topNewsWrap a:active { color: #808080; }
#topNewsMore a {
  display: block;
  width: 80px;
  height: 25px;
  margin: 0 23px 0 auto;
  text-align: center;
  font-size: 117%;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  background: #000;
}
#topNewsMore a:hover { color: #808080; }
#topBanner { margin-bottom: 10px; }
#topMainVisual {
  position: relative;
  width: 680px;
  height: 938px;
 /* height: 1120px;*/
  background: url(/img/top/mv.jpg) no-repeat 0 bottom;
}
#onairCatch {
  position: absolute;
  right: 30px;
  top: 0px;
  width: 150px;
  height: 580px;
  background: url(/img/top/onairCatch.png) no-repeat;
}
#globalFooterWrap { margin-top: 0; }



#main {
	width: 996px;
    margin: 0 auto 20px;
    position: relative;
}
#movieCont {
  width: 300px;
  margin-left: 15px;
  position: relative
}
#topMovieWrap {
  position: absolute;
/*  top: 20px;
  right: 20px; */
  top: 0;
  left: 0;
  width: 300px;
  height: 170px;
  background: url(/img/topMovie.jpg) no-repeat center 0;
}
.topMovieBtn a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 170px;
  background: url(/img/topBtnMovie.png) no-repeat 230px 135px;
  background-color: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.topMovieBtn a:hover {
  background: url(/img/topBtnMovie.png) no-repeat 230px 120px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
#rightTopCont {
  margin-bottom: 5px;
  position: relative;
}
#contentWrap {
	width: 996px;
    margin: 0 auto;
}
#leftCont {
	float: left;
    margin: 0 0 26px 2px;
}
#newsCont {
	width: 356px;
    padding-bottom: 20px;
    background: url(/img/top/bg_topnews.gif) repeat-y;
    overflow: hidden;
}
#newsContent dl a { font-size: 117%; color: #000; }
#newsContent dl a:hover, #topNewsWrap a:active { color: #808080; }
#newsTop {
  padding-top: 11px;
  background: url(/img/top/bg_newstop.gif) no-repeat center 0;  
}
#newsBottom {
  padding-bottom: 12px;  
  background: url(/img/top/bg_newsbottom.gif) no-repeat center bottom;
}
#newsCont h3 {
    padding: 9px 0 20px;
    text-align: center;
    background: url(/img/top/topNewsLine.png) no-repeat center bottom;
}
#newsCont dl {
	padding: 10px 25px;
}
#newsCont dd {
	margin-bottom: 10px;
}
#newsMore a {
  display: block;
  width: 80px;
  height: 25px;
  margin: 0 23px 0 auto;
  text-align: center;
  font-size: 117%;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  background: #000;
}
#newsMore a:hover { color: #808080; }
#rightCont {
	margin-right: 2px;
	float: right;
}
#rightCont .bnrarea {
	margin-bottom: 20px;
}
#rightCont .bnrarea2 {
  width: 300px;
  float: right;
}
#rightCont .bnrarea2 img {
	margin-bottom: 12px;
}
#rightCont .bnrarea li {
	margin-left: 15px;
    float: left;
}