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

body {
  background: #fff;
  margin: 0;
}

#wrap {
  font-size: 14px;
  text-align: left;
  line-height: 1.6;
  color: #2d2d2d;
  font-family:メイリオ,Arial,sans-serif;
}


#wrap a,
#wrap a:link {
  color: #2d2d2d;
}
#wrap a:visited {
  color: #2d2d2d;
}
#wrap a:active,
#wrap a:hover {
  color: #888;
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

#mainVisual #mainBnr li a:hover img,
#ec #ecDigital li a:hover img,
#ec #ecSell li a:hover img,
#products .detail .boxEC .aff li a:hover img,
#links li a:hover img,
.nolink img {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

/* ============================
   Original CSS Library
/* ============================ */

/* 解除
----------------------------- */
.clear{
  clear: both;
}
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
.clearfix{
  zoom:1;
  }
.clear{
  clear: both;
  }

/* フォント
----------------------------- */
.bold { font-weight: bold; }
.font-small{ font-size: 0.85em !important;}
.font-big{ font-size: 1.25em !important;}
.font-12{ font-size: 12px !important;}
.font-16{ font-size: 16px !important;}
.font-18{ font-size: 18px !important;}
.font-20{ font-size: 20px !important;}
.font-24{ font-size: 22px !important;}
.font-30{ font-size: 30px !important;}

/* 画像
----------------------------- */
img.f_left{ margin: 0 20px 20px 0; }
img.f_right{ margin: 0 0 20px 20px; }
img.border{ padding: 3px; background: #ffffff; border: 1px solid #e8e8e8;}

/* 配置
----------------------------- */
.center {text-align: center !important;}
.left {text-align: left !important;}
.right  {text-align: right !important;}
.top  {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}
.width_auto{width: auto !important;}
.block  {display: block;}
.inline {display: inline;}
.hidden {display: none;}
.overflow {overflow: hidden !important;}
.f_left {float: left; }
.f_right{float: right; }
.f_none {float: none !important;}
.clear  {clear: both;}
.clear_none   {clear: none;}
.clear_left   {clear: left;}
.clear_right  {clear: right;}
.clearfix   {zoom:1;}
.clearfix:after{content : ''; display : block; clear : both;}
.nowrap {white-space: nowrap;}
.width50{width: 50% !important;}
.width100{width: 100% !important;}

/* 余白
----------------------------- */
.m_auto   {margin-left: auto !important; margin-right: auto !important;}
.m_top0   {margin-top: 0 !important;}
.m_right0 {margin-right: 0 !important;}
.m_bottom0  {margin-bottom: 0 !important;}
.m_left0  {margin-left: 0 !important;}
.m_top10  {margin-top: 10px !important;}
.m_right10  {margin-right: 10px !important;}
.m_bottom10 {margin-bottom: 10px !important;}
.m_left10 {margin-left: 10px !important;}
.m_top15  {margin-top: 15px !important;}
.m_right15  {margin-right: 15px !important;}
.m_bottom15 {margin-bottom: 15px !important;}
.m_left15 {margin-left: 15px !important;}
.m_top20  {margin-top: 20px !important;}
.m_right20  {margin-right: 20px !important;}
.m_bottom20 {margin-bottom: 20px !important;}
.m_left20 {margin-left: 20px !important;}
.m_top30  {margin-top: 30px !important;}
.m_right30  {margin-right: 30px !important;}
.m_bottom30 {margin-bottom: 30px !important;}
.m_left30 {margin-left: 30px !important;}
.m_top40  {margin-top: 40px !important;}
.m_right40  {margin-right: 40px !important;}
.m_bottom40 {margin-bottom: 40px !important;}
.m_left40 {margin-left: 40px !important;}
.m_top50  {margin-top: 50px !important;}
.m_right50  {margin-right: 50px !important;}
.m_bottom50 {margin-bottom: 50px !important;}
.m_left50 {margin-left: 50px !important;}
.m_top100 {margin-top: 100px !important;}
.m_right100 {margin-right: 100px !important;}
.m_bottom100{margin-bottom: 100px !important;}
.m_left100  {margin-left: 100px !important;}

.p_top0   {padding-top: 0 !important;}
.p_right0 {padding-right: 0 !important;}
.p_bottom0  {padding-bottom: 0 !important;}
.p_left0  {padding-left: 0 !important;}
.p_top10    {padding-top: 10px !important;}
.p_right10  {padding-right: 10px !important;}
.p_bottom10 {padding-bottom: 10px !important;}
.p_left10 {padding-left: 10px !important;}
.p_top20  {padding-top: 20px !important;}
.p_right20  {padding-right: 20px !important;}
.p_bottom20 {padding-bottom: 20px !important;}
.p_left20 {padding-left: 20px !important;}
.p_top30  {padding-top: 30px !important;}
.p_right30  {padding-right: 30px !important;}
.p_bottom30 {padding-bottom: 30px !important;}
.p_left30 {padding-left: 30px !important;}
.p_top40  {padding-top: 40px !important;}
.p_right40  {padding-right: 40px !important;}
.p_bottom40 {padding-bottom: 40px !important;}
.p_left40 {padding-left: 40px !important;}
.p_top50  {padding-top: 50px !important;}
.p_right50  {padding-right: 50px !important;}
.p_bottom50 {padding-bottom: 50px !important;}
.p_left50 {padding-left: 50px !important;}


/* IE7
--------------------------------------------------------- */
*+html body {
  height: auto;
}

/* mainVisual
--------------------------------------------------------- */
#mainVisual {
  width: 100%;
  min-width: 1000px;
  height: 430px;
  background: url(../img/bg_main_visual.jpg) no-repeat center top #d1691e;
}
#mainVisualInner {
  position: relative;
  max-width: 1000px;
  margin: auto;
}

/* bnr
--------------------------------------------------------- */
#bnr {
  padding: 25px 0;
  background: #efefef;
}
#bnr ul {
  width: 960px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}
#bnr ul li {
  float: left;
  width: 220px;
  padding: 0;
  margin: 0 0 0 26px;
}
#bnr ul li:first-child {
  margin-left: 0;
}
#bnr ul li:nth-child(n+5) {
  margin: 13px 0 0 26px;
}
#bnr ul li:nth-child(4n+1) {
  margin-left: 0;
}


#bnr ul li img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#bnr ul li a img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

/* sns
--------------------------------------------------------- */

#social-container {
  position: absolute;
  display: block;
  width: 357px;
  top: 20px;
  right: 0;
}

#social-container div {
  float: left;
}

.social-btn {
  float: left;
  margin-right: 10px;
}

#twitter-btn {
  width: 70px;
}

#facebook-btn {
  width: 70px;
}

#line-btn {
  width: 66px;
}

#google-btn {
  width: 32px;
  margin-right: 0;
}

#mixi-btn {
  width: 70px;
}


/* ec
--------------------------------------------------------- */
#ec {
  width: 100%;
  min-width: 980px;
  padding: 30px 0 0 0;
  overflow: hidden;
  margin-bottom: 70px;
}
#ecInner {
  width: 1000px;
  margin: 0 auto;
}
/*　共通見出し*/
#ec h2 {
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
}
/* 左 */
#ec #ecDigital {
  position: relative;
  float: left;
  width: 475px;
  margin: 0;
  padding: 0 25px 0 0;
}
#ec #ecDigital ul {
  clear: both;
  width: 487px;
  margin: 0 0 0 -12px;
  padding: 0;
  list-style-type: none;
}
#ec #ecDigital li {
  float: left;
  width: 150px;
  text-align: center;
  margin: 0 0 6px 12px;
}
#ec #ecDigital .txtNotes {
  font-size: 12px;
  text-indent: -10px;
  padding: 10px 10px 10px 20px;
  margin: 10px 0;
  color: #2d2d2d;
  background: #efefef;
}

#ec #ecDigital #bnDHD {
  margin: 0;
}
/* 右 */
#ec #ecSell {
  position: relative;
  float: left;
  width: 474px;
  margin: 0;
  padding: 0 0 0 25px;
  border-left: 1px solid #000;
}
#ec #ecSell .ec-btn {
  float: left;
  width: 200px;
}
#ec #ecSell h3 {
  color: #fff;
  font-size: 16px;
  width: ;
  padding: 6px 10px;
  margin: 0;
  background: #000;
}
#ec #ecSell ul {
  width: 210px;
  margin: 10px 0 20px -5px;
  padding: 0;
  list-style-type: none;
}

#ec #ecSell li {
  float: left;
  width: 97px;
  margin: 0 0 5px 5px;
}
#ec #ecSell li img {
  width: 100%;
}

#ec #ecSell .jk {
  float: right;
  width: 250px;
  margin: 0;
}
#ec #ecSell .jk-copy {
  font-size: 17px;
  line-height: 1.2;
  color: #ff2400;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 15px 0;
}
#ec #ecSell .btnProducts a {
  display: block;
  color: #2d2d2d !important;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  padding: 12px 0 10px 0;
  background: url(../img/icon_down.png) 94% 50% #fff no-repeat;
  border: 1px  solid #ccc;
}

 /*バナーグレーアウト用透過*/
#ec #ecDigital li img,
#ec #ecSell li img,
div#links img,
#products .boxEC .aff img{
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  }
#ec #ecDigital li a img,
#ec #ecSell li a img,
div#links a img,
#products .boxEC .aff a img{
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  }

/* news
--------------------------------------------------------- */
#news {
  width: 1000px;
  padding: 0 0 70px 0;
  margin: 0 auto;
}
#news h2 {
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: left;
  padding: 5px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #888888;
}
#news h2 span {
  color: #636363;
  font-size: 24px;
  margin-left: 15px;
}
#news-list {
	overflow-y: scroll;
	height: 6.5em;
	padding: 15px 30px;
/*	border: 1px solid #ccc;*/
	background: #efefef;
}
#news-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#news-list ul li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#news-list ul li .news-day {
	float: left;
	display: block;
	width: 7em;
	font-weight: bold;
}
#news-list ul li .news-title {
	display: block;
	margin: 0 0 0 7em;
}
#news-list ul li a {
	color: #555;
	text-decoration: underline;
}

/* trailer
--------------------------------------------------------- */
.bg-gray {
  background: #efefef;
}
#trailer {
  width: 1000px;
  padding: 50px 0;
  margin: 0 auto;
}
#trailer h2 {
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: left;
  padding: 5px;
  margin: 0 0 50px 0;
  border-bottom: 1px solid #888888;
}
#trailer h2 span {
  color: #636363;
  font-size: 24px;
  margin-left: 15px;
}
#trailer #movie {
  width: 860px;
  height: 520px;
  margin: 0 auto 20px auto;
  padding: 0;
  border: 1px solid #4e4e4e;
}
#trailer #movienavi {
  width: 860px;
  margin: 0 auto;
}
#trailer #movienavi ul {
  /*width: 860px;*/
  padding: 0;
  margin: 0 0 0 -20px;
  list-style-type: none;
}
#trailer #movienavi ul li {
  float: left;
  width: 200px;
  margin: 0 0 0 20px;
}
#trailer #movienavi ul li:nth-child(n+5){
  margin: 20px 0 0 20px;
}
#trailer #movienavi li a {
  display: block;
  color: #fff;
  text-decoration: none;
  line-height: 1.2;
  width: 200px;
  padding: 0;
  margin: 0;
  background: #000;
}
#trailer #movienavi li a.current {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}
#trailer #movienavi li a span {
  display: table-cell;
  font-size: 16px;
  height: 50px;
  padding: 5px;
  vertical-align: middle;
}

/* about_movie
--------------------------------------------------------- */
#about {
  width: 1000px;
  padding: 50px 0;
  margin: auto;
}
#about h2 {
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: left;
  padding: 5px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #888888;
}
#about h2 span {
  color: #636363;
  font-size: 24px;
  margin-left: 15px;
}
#about-main {
  margin: 0 0 20px 0;
}
#about-main #mainstill {
  float: left;
  width: 530px;
}
#about-main #maintext {
  float: right;
  width: 440px;
}
#about-main #maintext h3 {
  font-size: 22px;
  margin: 0 0 20px 0;
}
/* CAST&STAFF */
#cast {
  width: 940px;
  padding: 15px 20px 10px 20px;
  margin: auto;
  border: 1px solid #ccc;
}
#cast h3 {
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: normal;
  text-align: left;
  padding: 2px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #888888;
}
#cast h3 span {
  color: #636363;
  font-size: 15px;
  margin-left: 15px;
}
#cast p {
  margin: 0 0 1em 0;
}

/* products
--------------------------------------------------------- */

#products {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 20px 0;
}
#products h2 {
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: left;
  padding: 5px;
  margin: 0 0 50px 0;
  border-bottom: 1px solid #888888;
}
#products h2 span {
  color: #636363;
  font-size: 24px;
  margin-left: 15px;
}
#products #bluray,
#products #dvd {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#products #dvd {
  background: none;
}
#products .jk {
  float: left;
  width: 300px;
  margin: 0 0 0 0;
}
#products .jk p {
  margin: 0 0 20px;
}
#products .more a {
  display: block;
  color: #2d2d2d; !important;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  padding: 12px 0 10px 0;
  background: url(../img/icon_more.png) 94% 50% #fff no-repeat;
  border: 1px solid #ccc;
}
#products .detail {
  float: right;
  width: 670px;
}

#products .detail h3 {
  margin: 10px 0 ;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.4em;
}

#products .detail p {
  margin: 0 0 10px;
  line-height: 20px;
}

#products .detail .uhd-caution {
  font-size: 10px;
  line-height: 12px;
}

#products .disk_info{
  margin: 10px 0;
}
#products .disk_info p {
  width: 420px;
  float: left;
}
#products .disk_info ul{
  /*width: 194px;*/
  float: right;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#products .disk_info ul.icn {
  /*float: left;*/
  text-align: right;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#products .disk_info ul.icn li {
  float: left;
  text-align: right;
}

/*#products .detail .icn li {
  float: left;
  width: 194px;
  margin: 0;
  padding: 0;
}*/

#products .detail .boxTokuten {
  margin: 0 0 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
}
#products .detail .boxTokuten h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  padding: 0 2px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #888;
}
.tokuten-l,
.tokuten-r {
  width: 50%;
  float: left;
}
/* 購入 */
#products .boxEC {
  margin: 20px 0 20px;
  padding: 0;
  border: 1px solid #ccc;
  background: #fff;
}

#products .detail .boxEC h4 {
  color: #fff;
  font-size: 18px;
  padding: 5px 15px;
  margin: 0;
  background: #000;
}

#products .boxEC .aff {
  padding: 15px 10px 10px 10px;
  overflow: hidden;
  margin: 0px;
  list-style-type: none;
}

#products .boxEC .aff li {
  float: left;
  width: 100px;
  margin: 0 0 5px 6px;
}


/* links
--------------------------------------------------------- */

#links {
  width: 960px;
  overflow: hidden;
  padding: 25px 0;
  margin: 0 auto;
}
#links ul {
  width: 960px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}
#links ul li {
  float: left;
  width: 220px;
  padding: 0;
  margin: 0 0 0 26px;
}
#links ul li:first-child {
  margin-left: 0;
}
#links ul li:nth-child(n+5) {
  margin: 13px 0 0 26px;
}
#links ul li:nth-child(4n+1) {
  margin-left: 0;
}
#links ul li img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#links ul li a img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

/* bnr_tie_up
--------------------------------------------------------- */

#bnr_tie_up {
  width: 100%;
  overflow: hidden;
  padding: 25px 0;
  margin: 0 auto;
  background: #efefef;
}
#bnr_tie_up ul {
  width: 960px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}
#bnr_tie_up ul li {
  float: left;
  width: 220px;
  padding: 0;
  margin: 0 0 0 26px;
}
#bnr_tie_up ul li:first-child {
  margin-left: 0;
}
#bnr_tie_up ul li img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#bnr_tie_up ul li a img {
  vertical-align: bottom;
  max-width: 100%;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

/* pagetop
--------------------------------------------------------- */
.pagetop {
  width: 1000px;
  padding: 20px 0;
  margin: 0 auto;
  text-align: right;
  font-size: 14px;
}
.pagetop a {
  color: #2d2d2d !important;
}

/* copylight
--------------------------------------------------------- */
#copylight {
  font-size: 12px;
  text-align: center;
  padding: 20px 0;
}



#link_id {
  display: none;
}