@charset "utf-8";

/*===================================*/
 /* other contents */
/*===================================*/

/*================================ story ================================*/
/*---------------------- sub navi backgroung image ----------------------*/
#storySubNavi {
  background-image: url(../story/images/story_nav_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}

/*----------------------------- main title ------------------------------*/
h1#storyMainTtl {
  background-image: url(../story/images/story_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 559px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

h1#storyStoryTtl {
  background-image: url(../story/images/story_story_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 1000px;
  height: 291px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
}

h1#storyWorldTtl {
  background-image:url(../story/images/story_world_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 1000px;
  height: 59px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
}

/*-------------------------------- box --------------------------------*/


.storyBox01Wrap {
  background-image: url(../story/images/frame01.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 936px;
  height: 217px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: table;
  margin-bottom: 40px;
}
.storyBox01Img {
  width: 200px;
  height: 199px;
  position: absolute;
  top: 9px;
  left: 9px;
}
.storyBox01Txt {
  width: 690px;
  height: 199px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 9px;
  padding-left: 236px;
}

.storyBox01Txt p {
  margin-bottom: 0px;
}

.storyBox01Txt h2 {
  font-size: 175%;
  font-weight: bold;
  color: #6C4E74;
  line-height: 100%;
}

.storyBox01voice {
	font-size:18px;
	margin-left:15px;
}

.storyStoryBox01Wrap {
  background-image:url(../story/images/story_story_tx.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 1000px;
  height: 476px;
  text-indent: -9999px;
  overflow: hidden;
}

.storyWorldBox01Wrap {
  background-image:url(../story/images/story_world_tx.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 1000px;
  height: 453px;
  text-indent: -9999px;
  overflow: hidden;
}

/*============================== character ==============================*/
/*---------------------- sub navi backgroung image ----------------------*/
#charaSubNavi {
  background-image: url(../character/images/chara_nav_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}
/*----------------------------- box common ------------------------------*/
.charaBox01Wrap {
  width: 1000px;
  position: relative;
  margin-bottom: 40px;
}
.charaBox01Copy {
  height: 870px;
  position: absolute;
  left: 40px;
  top: 30px;
}
.charaBox01Dtl {
  position: relative;
  width: 500px;
  margin-left: 490px;
  padding-bottom: 570px;
}
.charaBox01Dtl h1 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.charaBox01Btn {
  padding-top: 7px;
  position: relative;
  width: 480px;
  margin-left: 20px;

}
.charaBox01Btn h2 {
  display:inline;
  font-weight
  width: 300px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color:#444;
  text-shadow:-1px -1px #E8E9E3,1px -1px #E8E9E3,-1px 1px #E8E9E3,1px 1px #E8E9E3;
}

.charaBox01Btn ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.charaBox01Btn ul li a {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 59px;
  height: 59px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
 }

.charaBox01Btn ul li#charaBox01Btn1 {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 0px;
  right: 70px;
}
.charaBox01Btn ul li#charaBox01Btn1 a {
  background-image: url(../character/images/chara_btn_voice01.png);
}
.charaBox01Btn ul li#charaBox01Btn2 {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.charaBox01Btn ul li#charaBox01Btn2 a {
  background-image: url(../character/images/chara_btn_voice02.png);
}

.charaBox01Btn ul li 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;
}
.charaBox01Dtl iframe {
  float:right;
  margin:5px ;
}
.charaBox01Dtl p {
  margin-left: 20px;
  margin-top: 6px;
  font-size:15.5px;
  line-height:1.6;
  text-shadow:-1px -1px #E8E9E3,1px -1px #E8E9E3,-1px 1px #E8E9E3,1px 1px #E8E9E3;
}

.charaBox01Sub {
  margin-top: 60px;
  margin-left: 50px;
}

.charaBox01Sub h1 {
  float: left;
  margin-right:10px;
}
.charaBox01Sub h2 {
	display:inline;
	text-shadow:-1px -1px #E8E9E3,1px -1px #E8E9E3,-1px 1px #E8E9E3,1px 1px #E8E9E3;
}
.charaBox01Sub p {
  margin-top:0px;
  text-shadow:-1px -1px #E8E9E3,1px -1px #E8E9E3,-1px 1px #E8E9E3,1px 1px #E8E9E3;
}

/* chara01 --------------------------------*/
#chara01 {
  background-image: url(../character/images/chara_01_charlotte_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara02 --------------------------------*/
#chara02 {
  background-image: url(../character/images/chara_02_lars_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara03 --------------------------------*/
#chara03 {
  background-image: url(../character/images/chara_03_lyn_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara04 --------------------------------*/
#chara04 {
  background-image: url(../character/images/chara_04_svia_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara05 --------------------------------*/
#chara05 {
  background-image: url(../character/images/chara_05_sirius_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara06 --------------------------------*/
#chara06 {
  background-image: url(../character/images/chara_06_eshel_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara07 --------------------------------*/
#chara07 {
  background-image: url(../character/images/chara_07_lupian_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara08 --------------------------------*/
#chara08 {
  background-image: url(../character/images/chara_08_alivileo_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara09 --------------------------------*/
#chara09 {
  background-image: url(../character/images/chara_09_alivileo_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara10 --------------------------------*/
#chara10 {
  background-image: url(../character/images/chara_10_siegword_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara11 --------------------------------*/
#chara11 {
  background-image: url(../character/images/chara_11_siegword_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/* chara12 --------------------------------*/
#chara12 {
  background-image: url(../character/images/chara_12_king_bg.png);
  background-repeat: no-repeat;
  min-height: 998px;
  background-position: center top;
}

/*================================ spec =================================*/
/*---------------------- sub navi backgroung image ----------------------*/
#specSubNavi {
  background-image: url(../spec/images/spec_nav_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}

/*------------------------------ spec toppage -----------------------------*/
/* main title -----------------------------*/
h1#specMainTtl {
  background-image: url(../spec/images/spec_spec_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* box ----------------------------------*/
.specBox01Wrap {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.specBox01L {
  width: 350px;
  float: left;
}
.specBox01R {
  width: 535px;
  float: right;
}

.specBox01R h2 {
  color: #5b3a6b;
  font-size: 225%;
  font-weight: bold;
  background-image: url(../spec/images/ttl_bg_short.png);
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-left: 60px;
  line-height: 100%;
  padding-bottom: 8px;
  margin-bottom: 20px;
  position: relative;
}

.specBox02Wrap {
  margin-bottom: 30px;
  position: relative;
}

.specBox01R p {
  margin-left: 20px;
  margin-right: 10px;
}

/* spec list --------------------------------*/
.specBox01R dl {
  padding: 0px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
}
.specBox01R dl dt {
  float: left;
  width: 5.1em;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  _margin-right: -5.1em; /*for IE6*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
}
.specBox01R dl dd {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 7.1em;
  _padding-left: 6.1em; /*for IE6*/
  _zoom: 1; /*for IE6*/
}

/*------------------------------ limited -----------------------------*/
/* main title -----------------------------*/
h1#specLimitedMainTtl {
  background-image: url(../spec/images/limited/spec_limited_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 800px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/*------------------------------ privilege -----------------------------*/
/* main title -----------------------------*/
h1#specPriviMainTtl {
  background-image: url(../spec/images/privilege/spec_shop_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 652px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/*------------------------------ support -----------------------------*/
/* main title -----------------------------*/
h1#specSupportMainTtl {
  background-image: url(../spec/images/support/spec_support_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 559px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* box -----------------------------*/
.specBox03Wrap {
  width: 936px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.specBox03Hdr {
  background-image: url(../spec/images/privilege/flame_bg_top.png);
  width: 936px;
  height: 90px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.specBox03Mdl {
  width: 936px;
  margin-bottom: -60px;
  background-image: url(../spec/images/privilege/flame_bg_center.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  position: relative;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
  z-index: 10;
}
.specBox03Ftr {
  width: 936px;
  height: 90px;
  position: relative;
  background-image: url(../spec/images/privilege/flame_bg_bottom.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;


}

.specBox03Mdl h2 {
  color: #5b3a6b;
  font-size: 225%;
  font-weight: bold;
  background-image: url(../spec/images/privilege/ttl_bg_middle.png);
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-left: 60px;
  line-height: 100%;
  padding-bottom: 8px;
  margin-bottom: 20px;
  position: relative;
  margin-top: -50px;
}

.specBox03MdlL {
  width: 370px;
  float: left;
}
.specBox03MdlR {
  width: 520px;
  float: right;
}
.specBox03MdlR dl,.specBox03Mdl dl {
	font-size:14px;
}

a.specPriviBuyBtn {
  background-image: url(../spec/images/privilege/btn_buy.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 240px;
  height: 55px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

a.specPriviBuyBtn: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;
}

a.specPriviDetailBtn {
  background-image: url(../spec/images/privilege/btn_detail.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 240px;
  height: 55px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

a.specPriviDetailBtn: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;
}

.specBox03Mdl h3 {
  font-weight: bold;
  font-size:18px;
  color: #5b3a6b;
  margin:0 auto;
}

.specBox03Mdl p {
  font-size:14px;
}

/* shop list --------------------------------*/
.specBox03MdlR dl,.specBox03Mdl dl{
  padding: 0px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.specBox03MdlR dl dt,.specBox03Mdl dl dt{
  float: left;
  width: 5.1em;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  _margin-right: -5.1em; /*for IE6*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
}
.specBox03MdlR dl dd,.specBox03Mdl dl dd{
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 7.1em;
  _padding-left: 6.1em; /*for IE6*/
  _zoom: 1; /*for IE6*/
}

/*================================ goods =================================*/
/*---------------------- sub navi backgroung image ----------------------*/
#goodsSubNavi {
  background-image: url(../goods/images/goods_nav_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}

/* main title -----------------------------*/
h1#goodsMainTtl {
  background-image: url(../goods/images/goods_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* charasong title -----------------------------*/
h1#goodsCharactersongMainTtl {
  background-image: url(../goods/images/charasong/goods_charasong_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* CD title -----------------------------*/
h1#goodsCDMainTtl {
  background-image: url(../goods/images/CD/goods_CD_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* charasong title -----------------------------*/
h1#goodsLinestampMainTtl {
  background-image: url(../goods/images/linestamp/goods_linestamp_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/*================================ gallery =================================*/
/*------------------------------ gallery toppage -----------------------------*/
/* main title -----------------------------*/
h1#galleryMainTtl {
  background-image: url(../gallery/images/gallery_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 572px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* title -----------------------------*/
h2.galleryH2Ttl {
  color: #5b3a6b;
  font-size: 225%;
  font-weight: bold;
  background-image: url(../gallery/images/ttl_bg_long.png);
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-left: 60px;
  line-height: 100%;
  padding-bottom: 8px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 0px;
}

/*------------------------------ gallery detail width -----------------------------*/
#galleryWBoxWrap {
  background-image: url(../gallery/images/gallery_width_bg.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 983px;
  height: 549px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px;
}
#galleryWBoxWrap p{
  font-size: 12px;
  margin-top: -6px;
  text-align: center;
}
#galleryWImgArea {
  text-align: center;
  padding-top: 35px;
}

a.galleryWCloseBtn {
  background-image: url(../gallery/images/gallery_btn_close.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 20px;
  right: 40px;
  width: 59px;
  height: 43px;
  z-index: 40;
}
a.galleryWBackBtn {
  background-image: url(../gallery/images/gallery_btn_back.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 60px;
  width: 76px;
  height: 43px;
  z-index: 41;
}
a.galleryWNextBtn {
  background-image: url(../gallery/images/gallery_btn_next.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 15px;
  right: 45px;
  width: 73px;
  height: 43px;
  z-index: 42;
}

a.galleryWCloseBtn:hover,
a.galleryWBackBtn:hover,
a.galleryWNextBtn: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;
}

/*------------------------------ gallery detail height -----------------------------*/
#galleryHBoxWrap {
  background-image: url(../gallery/images/gallery_height_bg.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 690px;
  height: 680px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px;
}
#galleryHBoxWrap p{
  font-size: 12px;
  margin-top: -6px;
  text-align: center;
}
#galleryHImgArea {
  text-align: center;
  padding-top: 55px;
}
a.galleryHCloseBtn {
  background-image: url(../gallery/images/gallery_btn_close.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 55px;
  right: 25px;
  width: 59px;
  height: 43px;
  z-index: 43;
}
a.galleryHBackBtn {
  background-image: url(../gallery/images/gallery_btn_back.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  position: absolute;
  bottom: 48px;
  left: 15px;
  width: 76px;
  height: 43px;
  z-index: 44;

}
a.galleryHNextBtn {
  background-image: url(../gallery/images/gallery_btn_next.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  position: absolute;
  bottom: 48px;
  right: 20px;
  width: 73px;
  height: 43px;
  z-index: 45;
}

a.galleryHCloseBtn:hover,
a.galleryHBackBtn:hover,
a.galleryHNextBtn: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;
  z-index: 1001;
}

/*------------------------------ gallery detail common -----------------------------*/
/* gallery detail box -----------------------------*/
#galleryDtlBoxWrap {
  -moz-border-radius: 15px; /* Firefox v1.0+ */
  -webkit-border-radius: 15px; /* Safari v3.0+ and by Chrome v0.2+ */
  border-radius: 15px;
  width: 687px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../gallery/images/gallery_detail_bg.png);
  background-repeat: repeat;
  position: relative;
  padding-top: 90px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}
#galleryDtlBoxWrap h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  position: absolute;
  background-image: url(../gallery/images/gallery_text_bg.png);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  font-weight: bold;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 787px;
  height: 53px;
  top: 20px;
  left: 0px;
  text-indent: -9999px;
  overflow: hidden;
}

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

}
#galleryDtlBoxWrap dl dd {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 6em;
  _padding-left: 5em; /*for IE6*/
  _zoom: 1; /*for IE6*/
}

#galleryDtlBoxWrap table {
  font-size: 15px;
  border-spacing: 0px;
  color: #FFF;
}

.font_c_oyayubi { color: #FEC8FF; }
.font_c_lars { color: #FFC4C5; }
.font_c_lyn { color:#CFF8D2; }
.font_c_svia { color:#CBDCFC; }
.font_c_sirius { color:#C8ECEA; }
.font_c_albireo { color:#E9E9E9; }
.font_c_albireo02 { color:#EEFFFF; }
.font_c_lupian { color:#FDEFB7; }
.font_c_blackknight { color:#E9E9E9; }
.font_c_siegward { color:#F9C3CB; }
.font_c_nudeking { color:#DFD4FF; }

/* gallery index -----------------------------*/
ul.galleryList01 {
  margin-top: 0px;
  margin-bottom: 50px;
  margin-left: 130px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
  position: relative;
  z-index: 46;

}
ul.galleryList01 li {
  float: left;
  margin-right: 10px;
}

ul.galleryList02 {
  margin-right: -50px;
  margin-top: 0px;
  margin-bottom: 50px;
  margin-left: 130px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
  position: relative;
  z-index: 47;
}
ul.galleryList02 li {
  float: left;
  margin-right: 23px;
}

ul.galleryList01 li a:hover,
ul.galleryList02 li 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;
}

/*================================ system =================================*/
/*------------------------------ system toppage -----------------------------*/
/* main title -----------------------------*/
h1#systemMainTtl {
  background-image: url(../system/images/system_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 572px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

h1#systemSystemTtl {
  background-image: url(../system/images/system_system_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 572px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 30px;
}

/*================================ special =================================*/

/*---------------------- sub navi backgroung image ----------------------*/
#specialSubNavi {
  background-image: url(../special/images/special_nav_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}

/*------------------------------ special toppage -----------------------------*/

/* title -----------------------------*/
h2.specialH2Ttl {
  color: #5b3a6b;
  font-size: 225%;
  font-weight: bold;
  background-image: url(../gallery/images/ttl_bg_long.png);
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-left: 60px;
  line-height: 100%;
  padding-bottom: 8px;
  margin-bottom: 30px;
  position: relative;
  margin-top: 30px;
}

/* box -----------------------------*/
.specialBox01Wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;
  margin-bottom: 40px;
}
.specialBox01Wrap p{
  margin: 0px;
}
.specialBox01Wrap img{
  border: 1px solid #C3C3C3;}

.specialBox01Wrap table {
  margin:0 auto;
}

.specialBox02Wrap {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:120px;
}

.specialBox02Wrap h2 {
margin-right:60px;
}

.specialBox02 {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size:15px;
  line-height:23px;
  margin-bottom:60px;
}

/*------------------------------ radio-letter -----------------------------*/
/* main title -----------------------------*/
h1#specialradio-letterTtl {
  background-image: url(../special/images/radio-letter/special_radio-letter_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:100px;
  margin-top:30px;
  margin-bottom: 30px;
}
#specialRadio-letter img{border: none;}

/*------------------------------ Making -----------------------------*/
/* main title -----------------------------*/
h1#specialMakingTtl {
  background-image: url(../special/images/making/special_making_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}

/*------------------------------ Vote -----------------------------*/
/* main title -----------------------------*/
h1#specialVoteTtl {
  background-image: url(../special/images/vote/special_vote_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}
/*------------------------------ Gacha -----------------------------*/
/* main title -----------------------------*/
h1#specialGachaTtl {
  background-image: url(../special/images/gacha/special_gacha_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}
#specialGachaBox {
  background: url(../images/top/top_gacha_bg.png) no-repeat center top;
  width: 405px; 
  height: 650px;
  margin: 0 auto;
  position: relative;
}
#specialGachaBox embed {
  display: block;
  margin: 20px auto;
  position: relative;
  top:50px;
}
/*------------------------------ Twitter -----------------------------*/
/* main title -----------------------------*/
h1#specialMainTtl,h1#specialTwitterTtl {
  background-image: url(../special/images/twitter/special_twitter_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}

/*------------------------------ pop -----------------------------*/
/* main title -----------------------------*/
h1#specialPopMainTtl {
  background-image: url(../special/images/pop/special_pop_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 593px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}
/*------------------------------ christmas -----------------------------*/
/* main title -----------------------------*/
h1#specialChristmasTtl {
  background-image: url(../special/images/christmas/special_christmas_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}
/*------------------------------ ctv -----------------------------*/
/* main title -----------------------------*/
h1#specialCtvMainTtl {
  background-image: url(../special/images/ctv/special_ctv_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}
#btn_ctv_30 , #btn_ctv_21 , #btn_ctv_14 , #btn_ctv_10 , #btn_ctv_07 , #btn_ctv_06 , #btn_ctv_05 , #btn_ctv_04 , #btn_ctv_03 , #btn_ctv_02 , #btn_ctv_01 , #btn_ctv_00{
	cursor: pointer;
	width: 160px;
	height: 160px;
}
.specialBox01Wrap img{    border-style:none;}

#close_ctv_30 , #close_ctv_21 , #close_ctv_14 , #close_ctv_10 , #close_ctv_07 , #close_ctv_06 , #close_ctv_05 , #close_ctv_04 , #close_ctv_03 , #close_ctv_02 , #close_ctv_01 , #close_ctv_00{
  background: #eeeeee;
  color: #717171;
  text-align: center;
  font-size: 15px;
  padding:5px;
  cursor: pointer;
  margin: 370px 0 0 -39px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 70px;  /*横幅*/
  height: 30px;  /*縦幅*/
  border-radius: 3px;        /* CSS3草案 */  
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 3px;   /* Firefox用 */
}
#overlay_ctv_30 , #overlay_ctv_21 , #overlay_ctv_14 , #overlay_ctv_10 , #overlay_ctv_07 , #overlay_ctv_06 , #overlay_ctv_05 , #overlay_ctv_04 , #overlay_ctv_03 , #overlay_ctv_02 , #overlay_ctv_01 , #overlay_ctv_00 {
  display: none;
  width: 100%;
  height:100%;
  text-align: center;
  position: fixed;
  top: 0;
  right:0px;
  z-index: 2000;
  background: url(../images/tmp/overlay_bg.jpg);
  opacity:0.9;
  filter:alpha(opacity=90);
  -ms-filter: "alpha( opacity=90 )"; 
}
#overlay_ctv_30 img , #overlay_ctv_21 img , #overlay_ctv_14 img , #overlay_ctv_10 img , #overlay_ctv_07 img , #overlay_ctv_06 img , #overlay_ctv_05 img , #overlay_ctv_04 img , #overlay_ctv_03 img , #overlay_ctv_02 img , #overlay_ctv_01 img , #overlay_ctv_00 img {
  display: block;
  margin: -263px 0 0 -350px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 700px;  /*横幅*/
  height: 525px;  /*縦幅*/
}
#overlay_ctv_30 audio , #overlay_ctv_21 audio , #overlay_ctv_14 audio , #overlay_ctv_10 audio , #overlay_ctv_07 audio , #overlay_ctv_06 audio , #overlay_ctv_05 audio , #overlay_ctv_04 audio , #overlay_ctv_03 audio , #overlay_ctv_02 audio , #overlay_ctv_01 audio , #overlay_ctv_00 audio {
  display: block;
  margin: 270px 0 0 -250px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 500px;  /*横幅*/
  height: 65px;
}
/*------------------------------ Interview -----------------------------*/
/* main title -----------------------------*/
h1#specialInterviewTtl {
  background-image: url(../special/images/interview/special_interview_ttl.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 670px;
  height: 129px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-top:30px;
  margin-bottom: 30px;
}

/* page none -----------------------------*/

.noneBox {
  background-image :url(../images/tmp/none.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 525px;
  height: 388px;
  margin:120px auto;
  text-indent: -9999px;
}

/* image none -----------------------------*/
.noneImage {
  opacity: 0.6;
  filter: alpha(opacity=60); /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  -moz-opacity: 0.6; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6; /* Safari 1.x */
}

/* Link none -----------------------------*/
.noneLink {
    pointer-events: none;
    cursor: default;
    text-decoration:none;
}
	

/* Interview-----------------------------*/
#specialInterviewNavi {
    position: fixed;
    z-index: 999;
    bottom: 0px;
    margin-left:-260px;
    width: 330px;
    border-radius: 5px 5px 5px 5px;
    font-size:13px;
}
#specialInterviewNavi ul {
  list-style: none;
}
#specialInterviewNavi li {
  margin:3px;
  padding:2px 10px 2px 25px;
  border-radius: 5px 5px 5px 5px;
}
#specialInterviewNavi li img{
  position: absolute;
  left: 14px;
  margin-top:3px;
  border: none;
}
#specialInterviewNavi li a {
  display: block;
  font-weight:bold;
  color:#FFF;
  text-decoration:none;
}
#specialInterviewNavi li a:hover {
  color:#5F4775;
}
.specialInterviewNavi_bg1 {
 background:#D5ACAC url(../images/tmp/icon_star.png) no-repeat;
  background-position: 7px;
}
.specialInterviewNavi_bg2 {
 background:#B2A1C2 url(../images/tmp/icon_star.png) no-repeat;
  background-position: 7px;
}
.specialBox01Wrap h2 {
  color: #5b3a6b;
  font-size: 210%;
  font-weight: bold;
  background-image: url(../spec/images/privilege/ttl_bg_middle.png);
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-left: 60px;
  line-height: 100%;
  padding-bottom: 8px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 50px;
}