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

    base settings

*/

body#booth {
  background-color: #000;
}
body.scroll {
  overflow-x: scroll;
}

li {
  list-style: none;
}
input,
textarea {
  line-height: 1.6em;
}
img {
  vertical-align: bottom;
}
a:active,
a:hover {
  color: #333333;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: normal;
}
/* microclearfix */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.cf:after {
  clear: both;
}
/** For IE 6/7 only */
.cf {
  *zoom: 1;
  color:#666666;
}
.cf2 {
	color:#666666;
	font-size:18px;
}
/*---------------------------------------------

		Common Setting
	
*/
#wrapper {
  position: relative;
}
.contentFrame {
  width: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 150px;
}
.contentFrame.top {
  background-color: #EEE;
  display:block; 
  overflow:hidden;
  zoom:1;
}
.contentsShadow {
  width: 6px;
  height: 100%;
  background: url(../images/shadow_side.png) repeat-y 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 60;
}
/*---------------------------------------------

		Global Menu Setting
	
*/
#globalMenuFrame {
  width: 150px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: #fff;
}
#globalMenuFrame h1 {
  width: 150px;
  height: 50px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/logo.jpg) no-repeat center center;
}
#globalMenu p {
  display: none;
}
#globalMenu ul li a {
  width: 150px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #323232;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
#globalMenu ul li span {
  width: 150px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #adadad;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
#globalMenu ul li.on a {
  color: #fff;
  background-color: #ec0a1e;
}
#globalMenu ul li.on a:hover {
  color: #adadad;
}
/* language Box */
#langBox {
  margin: 10px;
  padding: 15px 0 15px 32px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url(../images/icon_lang.png) no-repeat 0 center;
  position: relative;
}
#langBox p {
  border-left: 1px solid #ccc;
  display: inline;
  padding: 2px 32px 2px 20px;
  background: url(../images/icon_lang_arrow.png) no-repeat right center;
  cursor: pointer;
}
#langBox p.hover {
  color: #adadad;
}
#langBox #langBoxDialog {
  width: 86px;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 35px;
  right: 10px;
  background: url(../images/lang_dialog.png) no-repeat right 0;
}
#langBox #langBoxDialog ul {
  margin: 2px 0 0 0;
}
#langBox #langBoxDialog ul li {
  padding: 0;
  text-align: center;
}
#langBox #langBoxDialog ul li a {
  padding: 0 0 0 0;
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
}
#langBox #langBoxDialog ul li a:hover {
  color: #fff;
  background-color: inherit;
}
.shareBoxDialog {
  display: block;
  margin: 15px 0 0 3px;
}
.shareBoxDialog p.close,
#shareBox {
  display: none;
}
.shareBoxDialog p#shareTitle {
  text-align: center;
  color: #adadad;
}
.shareBoxDialog ul {
  margin: 10px 10px 0 10px;
  background: url(../images/share_popup.png) no-repeat 0 0;
}
.shareBoxDialog ul li {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: none;
  background: none;
}
.shareBoxDialog ul li.fb {
  margin: 0 0 0 10px;
}
.shareBoxDialog ul li.tw {
  margin: 0 18px 0 16px;
}
.shareBoxDialog ul li.gp {
  margin: 0;
}
.shareBoxDialog ul li a {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  background: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.shareBoxDialog ul li a:hover {
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=@opacity)";
}
#sideLink {
  margin: 10px;
  padding: 15px 0 15px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url("../images/icon_lang_back.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#sideLink li {
  height: 30px;
  font-size: 14px;
  text-align: center;
}
#sideLink li a {
  height: 30px;
  line-height: 30px;
  display: block;
  color: #323232;
  text-decoration: none;
}
#sideLink li a:hover {
  color: #adadad;
}
/*---------------------------------------------

		Top Setting
	
*/
#main {
  width: 908px;
  margin: 0 auto 26px;
  padding: 10px 0 0 0;
}
.mainLeft {
  /*width: 500px;*/
  /*float: left;*/
  /*padding-left:10px;*/
}
#mvFrame {
  width:640px; /*margin-right:10px;*/ display:block; float:left; margin-right:20px;
  /*background:rgba(80,80,80,0.5);*/
  background-color:#000; /*padding-left:1px; padding-left:1px\9;*/
  /*background:url(../videos/img/mv_qd.jpg) 0 0 no-repeat;*/
}
#mvFrame2 {
  width: 908px;
  height: 430px;
  background-color:#000000;
  /*background:url(../videos/img/mv_qd.jpg) 0 0 no-repeat;*/
}
#youtubeframe {
  width: 640px;
  height: 360px;
}
/* top mov List settings */
#mvList {display:block; float:left;
  /*background:rgba(80,80,80,0.5);*/
}
#mvListFrameCont{display:block; overflow:hidden; zoom:1;}
#mvList dl {
  width: 117px;
  height: 104px;
  margin: 0 0 0px 0;
  cursor: pointer;
}
#mvList dl.nomR{margin-right:0;}
#mvList dl dt {text-align:center; font-size:12px; color:#000; margin-top:5px;
  /*margin: 0 0 3px 0;*/
  /*position: relative;*/
}
/*#mvList dl dt span {
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  background: url(../images/icon_videos_s.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
}*/
/*#mvList dl dt img {
  width: 100%;
}*/
#mvList dl dd {
  line-height: 1.1;
  font-size: 10px;
  text-align: center;
  color: #ccc;
  position: relative;
}
/*#mvList dl dd img.big{border:2px solid #274158;}*/
#mvList dl dd .icon-video {
    height: 66px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 117px;
    z-index: 99;
}
#mvList dl dd.now .icon-video {
    display: none;
}
#mvList dl dd a {
  color: #ccc;
  text-decoration: none;
}
.mainRight {
  width: 284px;
  float: right;
  /* news box slider */

}
.mainRight #slide {
  width: 284px;
  height: 140px;
  margin: 0 0 8px 0;
  background-color: #19c7f8;
  overflow: hidden;
  position: relative;
}
.mainRight #slide h2 {
  padding: 20px 0 10px 0;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.flexslider2 {
  width: 284px;
}
.flexslider2 ul li {
  color: #fff;
}
.flexslider2 ul li div {
  padding: 0 20px;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 12px;
}
.flexslider2 ul li div a {
  width: inherit;
  height: inherit;
  display: inline;
  position: relative;
  top: inherit;
  right: inherit;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
.flexslider2 ul li div a:hover {
  text-decoration: underline;
}
.flexslider2 ul li div span {
  margin: 0 0 5px 0;
  display: block;
  color: #8ce3fc;
  line-height: 1;
  font-weight: normal;
}
.flex-control-paging li a {
  width: 6px;
  height: 6px;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: none;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255, 255, 255, 0.8);
}
.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  cursor: default;
}
.banner {
  margin: 0 0 8px 0;
  position: relative;
  background-color: #fff;
}
.banner a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=@opacity)";
}
.banner .linkUpper {
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 10px;
  z-index: 5;
  font-family: "toyotaDisplay";
  text-indent:-100000px;
}