@charset "utf-8";
@import url(mainsite.css);

/*========================== default tag ===========================*/
html { 
	background-color: #000000;
	height: auto; /* フッター下部配置用 */
	width: auto;
}
 
body { 
    text-align: center;
	background-attachment: fixed;
	background: url(../00_image/00_bg.jpg) repeat-y;
	*background: url(../00_image/00_bg.jpg) repeat-y; /* IE7以下 */
	_background: url(../00_image/00_bg.jpg) repeat-y; /* IE6 */
	background-position: center;
	min-width: 1000px;
	height: auto; /* フッター下部配置用 */
	width: auto;
	-webkit-text-size-adjust: 100%;
}

@media screen and (min-device-height: 767px) {
   /* 767px以上の場合 */
body {
	background: url(../00_image/00_bg.jpg) repeat-y;
	background-position: center;
	background-attachment: fixed;
}
}

@media screen and (max-device-height: 767px) {
   /* 767px以下の場合 */
body {
	background-position: center;
	background-attachment: fixed;
}
.background {
    z-index: -1;
    background: url(../00_image/00_bg.jpg) #000 repeat-y center top;
	background-size: 250% auto;
	background-position: center;
	height: 100%; /* フッター下部配置用 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
}

/* IE10以下用背景画像 */
.background {
    z-index: -1\9;
	background: url(../00_image/00_bg.jpg)\9 repeat-y\9 center\9 50px\9;
	background-size: 100% auto\9;
    position: fixed\9;
	height: 100%\9; /* フッター下部配置用 */
    top: 0\9;
    left: 0\9;
    right: 0\9;
    bottom: 0\9;
}


#main_area{
  z-index: 33;
  height:auto;
  margin:auto;
  padding-bottom:100px;
}

#main_area_cd{
  z-index: 33;
  height:auto;
  margin:auto;
  padding-bottom:200px;
}

img {
  border-style: none;
  margin:1px;
}

a:link {
	text-decoration: underline;
	color: #49649f;
}
a:visited {
	text-decoration: underline;
	color: #49649f;
} 
a:hover {
  text-decoration: underline;
  color: #66CCCC;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

h1,h2,h3,h4,h5,h6 {
  color: #000000;
  font-weight: normal;
  clear: both;
}

* {
        margin: 0;
        padding: 0;
        list-style: none;
}

/*---------------------------- top ----------------------------*/


#rec01{
  position: absolute;
  z-index: 33;
  background: url(../00_image/00_top_logo.png) no-repeat 50% 0; height: 317px; text-indent: -9999px;
  width:503px;
  height:317px;
  top:50px;
  left:490px;
}

.top_h1Box {
  width:1000px;
  height:auto\9;
  margin:0 auto\9;
}

/* news ----------------------------*/
#top_news_about {
margin-top: -40px;
margin-bottom: 20px;
}
#newsWrap {
	width: 409px;
	height: 322px;
	background-image: url(../00_image/00_news_bg.png);
    background-repeat: no-repeat;
	overflow: hidden;
}
#newsWrap li {
	margin-bottom: 2px;
	border-bottom: dotted 1px #999999;
    list-style: none;
    text-align: left;
}
#newsarea {
	width: 300px;
	height: 220px;
	margin-left: 70px;
	margin-right: auto;
	margin-top: 80px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* aboutBtn ----------------------------*/
.aboutBtn { width: 1000px; height:90px; margin: 0px auto; position: relative; z-index: 33;}
#aboutBtn { position: absolute; left:100px; top:70px;}


/* zenkan-tokuten movie area ----------------------------*/
.topContentsArea {
  width: 1000px; height: 400px; margin: -30px auto 40px auto; position: relative;
  margin: 0 auto;
}

/* IE10以下用 */
.topContentsArea {
  width: 1000px\9; height: 400px\9; margin: 50px\9 auto\9 40px\9 auto\9; position: relative\9;
  margin: 0 auto;
}

.newsBoxL {
  width:280px;
  height:305px;
  float:left;
  z-index: 33;
  margin-top: -10px;
  margin-right: auto;
  margin-bottom: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* 全巻購入特典ボタン アニメーション */
.grow a {
    float: left;
    margin-right: 0px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.grow a:hover {
  -webkit-transform: scale( 1.05 );
  -moz-transform: scale( 1.02 );
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.topContentsArea .grow a:hover {
  -webkit-transform: scale( 1.05 );
  -moz-transform: scale( 1.05 );
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.btn_grow a {
    float: left;
    margin-right: 0px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.btn_grow a:hover {
  -webkit-transform: scale( 1.08 );
  -moz-transform: scale( 1.08 );
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* float animetion */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.movieBoxR {
  width:574px;
  height:389px;
  background:url(../00_image/00_movie_bg.png) no-repeat 50% 0;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  float:right;
  text-align: center;
}

.top_movie_comingsoon {
  margin-left: 70px;
  margin-top: 100px;
  position: relative;
  z-index: 50;
  margin: 0 auto;
}

.movie_comingsoon {
  margin-left: 20px;
  margin-top: 10px;
  position: relative;
  z-index: 50;
}

/* top CD01 spec ----------------------------*/
#rec04{
  z-index: 33;
  background: url(../00_image/00_cd01_01.png) no-repeat 50% 0; 
  height: 125px; 
  width: 100%;
  text-indent: -9999px;
  margin: 0 auto;
}
#rec05{
  z-index: 33;
  background: url(../00_image/00_cd01_02.png) no-repeat 50% 0; 
  height: 157px;
  width: 100%; 
  text-indent: -9999px;
}

#rec06{
  z-index: 33;
  background: url(../00_image/00_cd01_03.png) repeat-y 50% 0; 
  height: 300px;
  width: 100%; 
  text-indent: -9999px;
}

#rec06{ 
  height: 300px\9;
}

#rec07{
  z-index: 33;
  background: url(../00_image/00_cd01_04.png) no-repeat 50% 0; 
  height: 72px;
  width: 100%; 
  text-indent: -9999px;
}

/*----------------------------- footer -----------------------------*/
#footer {
  width: 100%;
  height: 376px;
  background-image: url(../00_image/00_footer_bg.png);
  margin-left: auto;
  margin-right: auto;
  bottom:0px;
  z-index: 25;
  position:relative;
  overflow:hidden;
}
#footer_dot{
  width:100%;
  height:5px;
  position: absolute;
  top: 8px;
  background-image:url(../00_image/00_footer_dot.png);
  background-repeat:repeat-x;
  background-position:center top;
}
#footerContents {
  width: 100%;
  text-align: center;
  position: relative;
  top: 120px;
  z-index: 33;
}
/* footer navi --------------------------------*/
#footer ul {
  list-style-type: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#footer ul li {
  /*display: -moz-inline-box;*/
  display: inline-block;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #FFFFFF;
}
#footer a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
} 
#footer a:hover {
  text-decoration: underline;
  color: #EEFFFF;
}

/* social area --------------------------------*/
#footer ul li.socialArea {
  border-right-style: none !important;
  vertical-align: top;
  width: 100px;
  line-height: 100%;
  padding-top: 4px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0px;
}

iframe.twitter-share-button { margin-left: 3px;}

.fb-like { margin-left:7px;}

/* copyright --------------------------------*/
#copyright {
  font-size: 75%;
  letter-spacing: 0.8px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: 33;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom:10px;
}
#copyright a {
  background-image: url(../00_image/00_top_logo_chatnoir.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 175px;
  height: 38px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
#copyright a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* ie 8 */
  -moz-opacity: 0.7; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7; /* Safari 1.x */
  zoom: 1;
}

/*---------------------------- header ----------------------------*/
header {
  z-index: 50;
	width:100%;
    height: 120px;
    background: url(../00_image/00_line_yoko.png);
	background-position:bottom;
    background-repeat: repeat-x;
	position: absolute;
}

.main_logo { width: 1000px; margin: 0 auto; position: relative; height:35px; z-index:50; }
#main_logo { position: absolute; top: 0px; right: 2px; }

#cd_ttl_01 { width: 270px; height: 31px; top: 80px; left: 0px; position: absolute; z-index: 50; }
#cd_ttl_01 { left: 350px\9; margin-bottom: 50px\9; margin-top: 30px\9;}

#cd_ttl_02 { width: 241px; height: 31px; top: 80px; left: 0px; position: absolute; z-index: 50; }
#cd_ttl_03 { width: 389px; height: 31px; top: 80px; left: 0px; position: absolute; z-index: 50; }


/*---------------------------- CD page ----------------------------*/
/* No.01 ----------------------------*/
#rec08{
  z-index: 33;
  background: url(../00_image/01_chara01_01.png) no-repeat 50% 0; 
  height: 85px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 100px;
  margin-top: 150px\9;
}
#rec09{
  z-index: 33;
  background: url(../00_image/01_chara01_02.png) no-repeat 50% 0;
  height: 179px;
  width: 100%; 
  text-indent: -9999px;
}

#rec10{
  z-index: 33;
  background: url(../00_image/01_chara01_03.png) no-repeat 50% 0;
  width: 100%; 
  height: 320px; 
  text-indent: -9999px;
}

#rec11{
  z-index: 33;
  background: url(../00_image/01_chara02_01.png) no-repeat 50% 0; 
  height: 223px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 20px;
}
#rec12{
  z-index: 33;
  background: url(../00_image/01_chara02_02.png) no-repeat 50% 0;
  width: 100%; 
  height: 313px; 
  text-indent: -9999px;
}
#rec13{
  z-index: 33;
  background: url(../00_image/01_chara03_01.png) no-repeat 50% 0; 
  height: 274px; 
  width: 100%;
  text-indent: -9999px;
  margin-top: 20px;
}

#rec14{
  z-index: 33;
  background: url(../00_image/01_chara03_02.png) no-repeat 50% 0; 
  height: 286px;
  width: 100%; 
  text-indent: -9999px;
}

#rec15{
  z-index: 33;
  background: url(../00_image/01_story_01.png) no-repeat 50% 0; 
  height: 93px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 50px;
}
#rec16{
  z-index: 33;
  background: url(../00_image/01_story_02.png) no-repeat 50% 0; 
  height: 334px;
  width: 100%; 
  text-indent: -9999px;
}
#rec17{
  z-index: 33;
  background: url(../00_image/01_story_03.png) no-repeat 50% 0; 
  height: 429px;
  width: 100%; 
  text-indent: -9999px;
}

/* cd pageunder spec ----------------------------*/

#cd01_spec01{
  z-index: 33;
  background: url(../00_image/01_spec_01.png) no-repeat 50% 0; 
  height: 215px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 50px;
}

.specBoxR02 {
  z-index: 33;
  width: 400px;
  position: absolute;
  margin-top: -50px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}

#cd01_spec02{
  z-index: 33;
  background: url(../00_image/01_spec_02.png) repeat-y 50% 0; 
  height: 300px; 
  width: 100%;
  text-indent: -9999px;
}

#cd01_spec03{
  z-index: 33;
  background: url(../00_image/01_spec_03.png) no-repeat 50% 0; 
  height: 234px; 
  width: 100%;
  text-indent: -9999px;
}




/*---------------------------- spec ----------------------------*/
/* top spec ----------------------------*/
.specBoxL{
  position: relative;
  z-index: 50;
  float: left;
  width: 360px;
  margin-top: -350px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 100px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
}

.specBoxL{
  margin-top: -350px\9;
}

.specBoxL_02{
  z-index: 33;
  float: left;
  width: 360px;
  margin-top: -330px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 145px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
}
.specBoxR {
  z-index: 33;
  width: 400px;
  position: absolute;
  margin-top: 13px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 520px;
  padding: 0px;
  text-align:center;
}
.cd_specmainBox {
  width:1000px;
  height:auto;
  margin:0 auto;
}

.cd_specmainBox {
  width:1000px\9;
  height:auto\9;
  margin: 0 auto;
}

.CDmovieBox{
  z-index: 33;
  float: left;
  width: 400px;
  margin-top: -650px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left:20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  display: block;
}
.CDspecBox {
  z-index: 33;
  float: right;
  width: 400px;
  position: relative;
  margin-top: -450px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 580px;
  padding: 0px;
  text-align:left;
  display: block;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .CDspecBox  {
 	width:1200px;
	text-align: right;
	font-size:12px;!important;
}
}

.CDspecBox {
  margin-left: 50px\9;
  display: block;
}

.CDspecBox_02 {
  z-index: 33;
  float: right;
  width: 400px;
  position: absolute;
  margin-top: -268px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 535px;
  padding: 0px;
  text-align:left;
}

dl {
  position: relative;
  z-index: 50;
  padding: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size:13px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:18px;
}

dl dt {
  float: left;
  width: 7.1em;
  padding: 0px;
  _margin-right: -7.1em; /*for IE6*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
}

.CDspecBox dl dt {
  float: left;
  width: 10em;
  padding: 0px;
  _margin-right: -7.1em; /*for IE6*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
}

dl dd {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 4.5em;
  _padding-left: 4.5em; /*for IE6*/
  _padding-left: 3em; /*for IE8*/
  _zoom: 1; /*for IE6*/
}

/* detailBtn & shopBtn & BuyBtn -----------------*/
a.detailBtn {
  background-image:url(../00_image/00_btn_detail.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin: 5px 0 2px 0;
  width: 292px;
  height: 37px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.garumaniBtn {
  background-image:url(../00_image/00_btn_garumani.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin: 4px 0;
  width: 292px;
  height: 37px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.pokedoraBtn {
  background-image:url(../00_image/00_btn_pokedora.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin: 2px 0;
  width: 292px;
  height: 37px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.shopBtn {
  background-image:url(../00_image/00_btn_shop.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 86px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.cd_BuyBtn {
  background-image:url(../00_image/00_btn_buy_cd.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 86px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.dl_BuyBtn {
  background-image:url(../00_image/00_btn_buy_dl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 86px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

#backBtn {margin: 0 auto; text-align: center;}

.specBoxL a:hover,.CDspecBox a:hover,.main_logo a:hover,.backBtnBox a:hover,.aboutBtn a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*---------------------------- tokuten ----------------------------*/
#cd01_tokuten01{
  z-index: 33;
  background: url(../00_image/01_tokuten_01.png) no-repeat 50% 0; 
  height: 86px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 100px;
}

#cd01_tokuten02{
  z-index: 33;
  background: url(../00_image/01_tokuten_02.png) no-repeat 50% 0; 
  height: 450px;
  width: 100%; 
  text-indent: -9999px;
}

#cd01_tokuten03{
  z-index: 33;
  background: url(../00_image/01_tokuten_03.png) no-repeat 50% 0; 
  height: 450px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 50px;
}

#cd01_tokuten04{
  z-index: 33;
  background: url(../00_image/01_tokuten_03.png) no-repeat 50% 0; 
  height: 450px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: -40px;
}

.cd_tokutenmainBox {
  width:1000px;
  height:auto;
  margin:0 auto;
}

.cd_tokutenmainBox {
  width:1000px\9;
  height:auto\9;
  margin: 0 auto;
}

.tokutenBox {
  z-index: 33;
  float: right;
  width: 450px;
  position: relative;
  margin-top: -450px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 580px;
  padding: 0px;
  text-align:left;
  display: block;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .tokutenBox  {
 	width:1200px;
	text-align: right;
	font-size:12px;!important;
}
}

.tokutenBox {
  margin-left: 50px\9;
  display: block;
}

.tokutenBoxL{
  z-index: 33;
  float: left;
  width: 400px;
  margin-top: -610px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left:20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  display: block;
}

.tokutenBoxR {
  z-index: 33;
  width: 400px;
  position: absolute;
  margin-top: 50px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}

.tokuten_nowprinting {
  margin-left: 50px;
  margin-top: 200px;
  position: relative;
  z-index: 50;
}

/*---------------------------- 0925event ----------------------------*/

.top_eventbox {
  width: 1000px; margin: -30px auto 40px auto; position: relative;
  margin: 0 auto;
}

.top_eventbox {
  width: 1000px\9; margin: 50px\9 auto\9 40px\9 auto\9; position: relative\9;
  margin: 0 auto;
}
.eventbox {
  width: 1000px; margin: -30px auto 40px auto; position: relative;
  margin: 0 auto;
}

.eventbox {
  width: 1000px\9; margin: 50px\9 auto\9 40px\9 auto\9; position: relative\9;
  margin: 0 auto;
}

.main_logo02 { width: 1000px; margin: 0 auto; position: relative; height:110px; z-index:50; }

.event_box {
  width:1000px;
  height:auto;
  margin:0 auto\9;
  margin-top:10px;
}

.subttl {
  font-size:17px;
  color:#18C8C1;
  text-align:left;
}

.event_plus_Box {  z-index: 33;
  width: 1000px;
  margin-top:580px;
  margin-right: auto;
  margin-bottom: 0px;
  padding : 0;
  position: relative;}

.event_bg_plus {
  z-index: 33;
  background: url(../00_image/00_tokuten_bg.png) no-repeat 50% 0; height: 383px; text-indent: -9999px;
}

.event_plus_BoxL{
  z-index: 33;
  float: left;
  width: 400px;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align:left;
  position: absolute;
}

.event_plus_BoxR{
  z-index: 33;
  float: right;
  width: 400px;
  position: absolute;
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 420px;
  padding: 0px;
  text-align:left;}

.event_p {
  margin-left:13px;
  margin-top:5px;
  font-size:12px;
  color:#18C8C1;
}

#event_bg01 {
  z-index: 33;
  background: url(../00_image/0925event/0925event_bg01.png) no-repeat 50% 0; height: 361px; text-indent: -9999px;
  margin-top:30px; position:relative;
}
#event_bg02 {
  z-index: 33;
  background: url(../00_image/0925event/0925event_bg02.png) no-repeat 50% 0; height: 386px; text-indent: -9999px;
}
#event_bg03 {
  z-index: 33;
  background: url(../00_image/0925event/0925event_bg03.png) no-repeat 50% 0; height: 368px; text-indent: -9999px;
}
#event_bg04 {
  z-index: 33;
  background: url(../00_image/0925event/0925event_bg04.png) no-repeat 50% 0; height: 8px; text-indent: -9999px;
}

.event_mainBox{
  z-index: 33;
  width: 700px;
  margin-top:-340px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left:200px;
  margin-left:-200px\9;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align:left;
  font-size:13px;
  line-height:21px;
  position:absolute;
}

.0925eventBtn {
  background-image:url(../00_image/0925event/0925event_topbanner.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 850px;
  height: 203px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

#0925event_ttl {
  z-index: 33;
  height: 159px;
  text-indent: -9999px;
  margin:0 auto;
  display:block;
}

.event_mainBox0925 {
  z-index: 33;
  width: 800px;
  margin-top: -350px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 100px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align:left;
  font-size:13px;
  line-height:21px;
  position:absolute;
}


/*---------------------------- report_01 ----------------------------*/

.main_logo03 { width: 1000px; margin: 0 auto; position: relative; height:120px; z-index:50; }

a.report_btn_01 {
  background-image:url(../00_image/cd1_report_btn.png);
  margin-left: 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.report_btn_02 {
  background-image:url(../00_image/cd1_report_btn.png);
  margin-top: 280px;
  margin-left: -20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.reportWrap {
  width:980px;
  background-color: rgba(255,255,255,0.7);
  margin:0 auto;
  padding:20px 10px;
}

#report_01_1 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_01.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
#report_01_2 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_02.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
#report_01_3 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_03.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
#report_01_4 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_04.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
#report_01_5 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_05.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
#report_01_6 {
  z-index: 33; margin-bottom:30px;
  background: url(../00_image/01_report_06.jpg) no-repeat 50% 0; height: 700px; text-indent: -9999px;
}
/*---------------------------- interview_01 ----------------------------*/

a.interview_btn_01 {
  background-image:url(../00_image/cd1_interview_btn.png);
  margin-top: 20px;
  margin-left: 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
a.interview_btn_02 {
  background-image:url(../00_image/cd1_interview_btn.png);
  margin-top: 20px;
  margin-left: -20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

.interviewBoxL{
  position: relative;
  z-index: 50;
  float: left;
  width: 550px;
  margin-top: -350px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
}

.interviewBoxL{
  margin-top: -350px\9;
}

.interviewBoxR {
  z-index: 33;
  width: 400px;
  position: absolute;
  margin-top: 150px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 600px;
  padding: 0px;
  text-align:center;
}
.interviewBox {
  width:1000px;
  height:auto;
  margin:0 auto;
}

.interviewBox {
  width:1000px\9;
  height:auto\9;
  margin: 0 auto;
}

#interviewttl{
  z-index: 33;
  background: url(../00_image/01_interview_ttl.png) no-repeat 50% 0; 
  height: 96px;
  width: 100%; 
  text-indent: -9999px;
  margin-top: 100px;
  margin-top: 150px\9;
}

#interview00{
  z-index: 33;
  background: url(../00_image/01_interview_00.png) no-repeat 50% 0; 
  height: 511px;
  width: 100%; 
  text-indent: -9999px;
}

#interview07{ 
  z-index: 33;
  background: url(../00_image/interview_bg_03.png) repeat-y 50% 0; 
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}

/* 1 */
.interviewBoxL01{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -650px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -650px\9;
}
#interview01{
  z-index: 33;
  background: url(../00_image/01_interview_01.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview01_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview01_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 500px;
  width: 100%; 
  text-indent: -9999px;
}

/* 2 */
.interviewBoxL02{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -570px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -570px\9;
}
#interview02{
  z-index: 33;
  background: url(../00_image/01_interview_03.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview02_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview02_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 420px;
  width: 100%; 
  text-indent: -9999px;
}

/* 3 */
.interviewBoxL03{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -730px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -730px\9;
}
#interview03{
  z-index: 33;
  background: url(../00_image/01_interview_05.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview03_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview03_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 580px; 
  width: 100%; 
  text-indent: -9999px;
}

/* 4 */
.interviewBoxL04{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -580px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -580px\9;
}
#interview04{
  z-index: 33;
  background: url(../00_image/01_interview_07.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview04_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview04_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 430px;
  width: 100%; 
  text-indent: -9999px;
}

/* 5 */
.interviewBoxL05{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -730px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -730px\9;
}
#interview05{
  z-index: 33;
  background: url(../00_image/01_interview_09.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview05_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview05_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 580px;
  width: 100%; 
  text-indent: -9999px;
}


/* 6 */
.interviewBoxL06{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -550px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -550px\9;
}
#interview06{
  z-index: 33;
  background: url(../00_image/01_interview_11.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview06_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview06_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 400px;
  width: 100%; 
  text-indent: -9999px;
}

@media screen and (max-device-height: 767px) {
/* 1 */
.interviewBoxL01{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -770px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -770px\9;
}
#interview01{
  z-index: 33;
  background: url(../00_image/01_interview_01.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview01_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview01_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 620px;
  width: 100%; 
  text-indent: -9999px;
}

/* 2 */
.interviewBoxL02{
  position: relative;
  z-index: 50;
  float: left;
  width: 580px;
  margin-top: -670px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -670px\9;
}
#interview02{
  z-index: 33;
  background: url(../00_image/01_interview_03.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview02_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview02_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 500px;
  width: 100%; 
  text-indent: -9999px;
}

/* 3 */
.interviewBoxL03{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -880px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -880px\9;
}
#interview03{
  z-index: 33;
  background: url(../00_image/01_interview_05.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview03_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview03_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 730px; 
  width: 100%; 
  text-indent: -9999px;
}

/* 4 */
.interviewBoxL04{
  position: relative;
  z-index: 50;
  float: left;
  width: 570px;
  margin-top: -680px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -680px\9;
}
#interview04{
  z-index: 33;
  background: url(../00_image/01_interview_07.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview04_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview04_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 530px;
  width: 100%; 
  text-indent: -9999px;
}

/* 5 */
.interviewBoxL05{
  position: relative;
  z-index: 50;
  float: left;
  width: 600px;
  margin-top: -880px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -880px\9;
}
#interview05{
  z-index: 33;
  background: url(../00_image/01_interview_09.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview05_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview05_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 730px;
  width: 100%; 
  text-indent: -9999px;
}


/* 6 */
.interviewBoxL06{
  position: relative;
  z-index: 50;
  float: left;
  width: 580px;
  margin-top: -650px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align:left;
  margin-top: -650px\9;
}
#interview06{
  z-index: 33;
  background: url(../00_image/01_interview_11.jpg) no-repeat 50% 0;
  margin-top: 50px;
  height: 113px;
  width: 100%; 
  text-indent: -9999px;
}
#interview06_01{
  z-index: 33;
  background: url(../00_image/interview_bg_01.png) no-repeat 50% 0;
  height: 100px;
  width: 100%; 
  text-indent: -9999px;
}
#interview06_02{
  z-index: 33;
  background: url(../00_image/interview_bg_02.png) repeat-y 50% 0; 
  height: 450px;
  width: 100%; 
  text-indent: -9999px;
}
}

/* IE8対策 */
.ie8_hack {visibility:hidden\9;}/* IE8では非表示にする */

/* 汎用class --------------------------------*/

.clear {clear:none;!important;}

.mg_0_auto { margin:0 auto;!important; }
.mg_0 { margin:0px;!important; }
.mg_5 { margin:5px;!important; }
.mt_-4 { margin-top:-4px;!important; }
.mt_-5 { margin-top:-5px;!important; }
.mt_10 { margin-top:10px;!important; }
.mt_20 { margin-top:20px;!important; }
.mt_30 { margin-top:30px;!important; }
.mt_50 { margin-top:50px;!important; }
.mt_80 { margin-top:80px;!important; }
.mt_100 { margin-top:100px;!important; }
.mt_300 { margin-top:300px;!important; }
.mt_-100 { margin-top:-100px;!important; }
.mt_-30 { margin-top:-30px;!important; }
.mt_-20 { margin-top:-20px;!important; }
.mt_-10 { margin-top:-10px;!important; }
.mt_-5 { margin-top:-5px;!important; }
.mt_-3 { margin-top:-3px;!important; }
.mb_3 { margin-bottom:3px;!important; }
.mb_5 { margin-bottom:5px;!important; }
.mb_10 { margin-bottom:10px;!important; }
.mb_30 { margin-bottom:30px;!important; }
.mb_50 { margin-bottom:50px;!important; }
.mb_80 { margin-bottom:80px;!important; }
.mb_100 { margin-bottom:100px;!important; }
.mb_-20 {margin-bottom:-20px;!important; }
.ml_-10 { margin-left:-10px;!important; }
.ml_-15 { margin-left:-15px;!important; }
.ml_-20 { margin-left:-20px;!important; }
.ml_10 { margin-left:10px;!important; }
.ml_20 { margin-left:20px;!important; }
.ml_30 { margin-left:30px;!important; }
.ml_40 { margin-left:40px;!important; }
.ml_50 { margin-left:50px;!important; }
.ml_60 { margin-left:60px;!important; }
.ml_70 { margin-left:70px;!important; }
.ml_100 { margin-left:100px;!important; }
.ml_320 { margin-left:320px;!important; }
.ml_400 { margin-left:400px;!important; }
.ml_450 { margin-left:450px;!important; }
.mr_10 { margin-right:10px;!important; }

.gray { color:#999; }
.white { color:#FFF; }
.red { color:#903; }
.pink { color:#EA485E; }
.blue { color:#3366FF}
.purple { color:#5B3A6B; }
.purple_light { color:#966E9C; }

.fs_5 { font-size:5px;!important; }
.fs_10 { font-size:10px;!important; }
.fs_12 { font-size:12px;!important; }
.fs_14 { font-size:14px;!important; }
.fs_15 { font-size:15px;!important; }
.fs_16 { font-size:16px;!important; }
.fs_18 { font-size:18px;!important; }
.fs_20 { font-size:20px;!important; }
.fs_22 { font-size:22px;!important; }
.fs_25 { font-size:25px;!important; }
.fs_28 { font-size:28px;!important; }
.fs_33 { font-size:33px;!important; }

.bold { font-weight: bold;!important; }
.center { text-align: center;!important; }

.lh_70 { line-height: 70%;!important; }

.lh_70 { line-height: 70%;!important; }

.bd_333 { border: 1px solid #333; }
.bd_666 { border: 1px solid #666; }
.bd_999 { border: 1px solid #999; }
.bd_F69 { border-bottom: 1px solid #FF6699;
padding-top: 10px;}

.line_h {line-height: 12px;}

a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}

 	/*スライダー*/
	
	
	#owl-demo .owl-item div{
	padding:5px;
	}
	#owl-demo .owl-item img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}