* {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -moz-margin-end:0;
    -moz-margin-start:0;
}

img {
    border-style: none;
}

/* ______________ テキストカラー ______________ */

.normal {
    color: white;
}

.normal a:link, a:link.blk {
    color: #f9edc5;
    text-decoration: underline;
}

.normal a:visited, a:visited.blk {
    color: #dcd7c1;
    text-decoration: underline;
}

.normal a:hover, a:focus.blk, a:hover.blk , .blk a:focus {
    color: #fec4a7;
    text-decoration: none;
}

.normal a:active, a:active.blk {
    color: #7b8bff;
    text-decoration: none;
}

.btncolor, .gnrlbtn {
    color: #8d98a4;
    font-size: 85%;
}

.btncolor a:link , .gnrlbtn a:link,
.btncolor a:visited , .gnrlbtn a:visited {
    color: #00a5bf;
    text-decoration: none;
}

.btncolor a:hover, .btncolor a:focus,
.gnrlbtn a:hover, .gnrlbtn a:focus {
    color: #25f7ff;
    text-decoration: underline;
}

.btncolor a:active,
.gnrlbtn a:active {
    color: #05aaff;
    text-decoration: none;
}

.btncolor img, .gnrlbtn img {
    position: relative;
    top: 6px;
    left: 3px;
}

.papercolor a:link {
    color: #0080D4;
    text-decoration: underline;
}

.papercolor a:visited {
    color: #0050C9;
    text-decoration: underline;
}

.papercolor a:focus, .papercolor a:hover {
    color: #07CDFF;
    text-decoration: none;
}

.papercolor a:active {
    color: #F31400;
    text-decoration: none;
}

.tcen {
    text-align: center;
}
.trig {
    text-align: right;
}
.tlef {
    text-align: left;
}


.f70 {
font-size:70%;
}
.f80 {
font-size:80%;
}
.f95 {
font-size: 95%;
}
.f90 {
font-size: 90%;
}

.f80 {
font-size: 80%;
}
.f110 {
font-size: 110%;
}
.f120 {
font-size: 120%;
}
.f130 {
font-size: 130%;
}
.f140 {
font-size: 140%;
}
.f150 {
font-size: 150%;
}
.f160 {
font-size: 160%;
}
.f250 {
font-size: 250%;
}


.mt05e
{
    margin-top: 0.5em
}
.mt10e
{
    margin-top: 1.0em
}
.mt15e
{
    margin-top: 1.5em
}
.mt20e
{
    margin-top: 2.0em
}
.mt25e
{
    margin-top: 2.5em
}
.mt30e
{
    margin-top: 3.0em
}

.mt50e
{
    margin-top: 5.0em
}

.mu05e
{
    margin-bottom: 0.5em
}
.mu10e
{
    margin-bottom: 1.0em
}
.mu15e
{
    margin-bottom: 1.5em
}
.mu20e
{
    margin-bottom: 2.0em
}
.mu25e
{
    margin-bottom: 2.5em
}
.mu30e
{
    margin-bottom: 3.0em
}
.mu50e
{
    margin-bottom: 5.0em
}



.pt05e
{
    padding-top: 0.5em
}
.pt10e
{
    padding-top: 1.0em
}
.pt15e
{
    padding-top: 1.5em
}
.pt20e
{
    padding-top: 2.0em
}
.pt25e
{
    padding-top: 2.5em
}
.pt30e
{
    padding-top: 3.0em
}
.pt40e
{
    padding-top: 4.0em
}

.pt50e
{
    padding-top: 5.0em
}

.pu05e
{
    padding-bottom: 0.5em
}
.pu10e
{
    padding-bottom: 1.0em
}
.pu15e
{
    padding-bottom: 1.5em
}
.pu20e
{
    padding-bottom: 2.0em
}
.pu25e
{
    padding-bottom: 2.5em
}
.pu30e
{
    padding-bottom: 3.0em
}
.pu40e
{
    padding-bottom: 4.0em
}
.pu50e
{
    padding-bottom: 5.0em
}



.pl05e
{
    padding-left: 0.5em
}
.pl10e
{
    padding-left: 1.0em
}
.pl15e
{
    padding-left: 1.5em
}
.pl20e
{
    padding-left: 2.0em
}
.pl25e
{
    padding-left: 2.5em
}

.pr05e
{
    padding-right: 0.5em
}
.pr10e
{
    padding-right: 1.0em
}
.pr15e
{
    padding-right: 1.5em
}
.pr20e
{
    padding-right: 2.0em
}
.pr25e
{
    padding-right: 2.5em
}

.rad20 {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

/* ______________ 汎用クラス ______________ */

/* ____ふつう  ______________  */

body {
    overflow-x:hidden;
    background-color: #525054;
    font-size: 85%;
    /*font-family: "メイリオ", sans-serif;*/
    font-family: Meiryo, メイリオ, Arial, Verdana, sans-serif;
font-family: "Lucida Grande", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, "メイリオ", Arial, sans-serif;
    width: 100%;
    height: 100%;
}

#bodybkg {
    background: url(../_img/bkgskyline_normal.jpg) repeat-y center -182px;
    /* 380+50-100 - 512(画像y) */
	/*background-attachment: fixed;*/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
}

.index #bodybkg {
    background-image: url(../_img/bkg.jpg);
    background-position: center -100px;
}


#bodybkglines {
    background: url(../_img/bkglines.png);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
}

#bodybkg {
    -webkit-transform-origin: 50% 320px;
     
	-moz-transform-origin: 50% 320px;
    -o-transform-origin: 50% 320px;
 /* Opera */
    -ms-transform-origin: 50% 320px;
  /* IE9 */
    transform-origin: 50% 320px;
}

html,  #skyline, #indexscreenblack {
    width: 100%;
    height: 100%;
    position: relative;
}

#container0 ,#container1, #skyline, #indexscreenblack {
}

#header {
    width: 100%;
    height: 76px;
    background: url(../_img/header_bkg.png) repeat-x;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1950;
}

.index #header a {
    left: -9999px !important;
}

#header a {
    text-indent: -9999px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1960;
    width: 240px;
    height: 75px;
    background: url(../_img/header_btn.png) no-repeat left -2px;
}

#header a:hover, #header a:focus {
    background-position: 0 -77px;
}

#header a:active {
    background-position: 2px -77px;
    top: 2px;
}

h1 {
    text-indent: -9999px;
}


/* ____footer  ______________  */

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: url(../_img/footer_bkg.png) repeat-x;
    font-size: 80%;
    color: #d7d0cc;
    line-height: 10px;
    z-index:1960;
}

#footer_item1 {
    position: absolute;
    left: 50px;
    top: 15px;
}

#footer_item2 {
    position: absolute;
    left: 50px;
    top: 30px;
}

#footer_item2 th ,#footer_item2 td ,#footer_item2 tr {
    height: 12px;
}

#footer_item2 th {
    font-weight: bold;
    text-align: left;
    padding-left: 30px;
    padding-right: 10px;
}

#footer_item2 td {
    padding-right: 20px;
}

#footer a, #footer a:active, #footer a:visited {
    color: #d7d0cc;
    text-decoration: none;
}

#footer a:hover, #footer a:focus {
    color: #d7d0cc;
    text-decoration: underline;
}

#footer_item3 {
    position: absolute;
    right: 66px;
    top: 15px;
}

#footer_item3 img {
    padding-top: 6px;
}

#footer_item3:active {
    right: 64px;
    top: 17px;
}


/* ____ menu  ______________  */

#men {
    position: fixed;
    top: 10px;
    right: 100px;
    width: 573px;
    height: 76px;
    background: url(../_img/menu_bkg.png) no-repeat left top;
    /*
    -webkit-transform: rotate(-6deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-6deg);
      
-moz-transform-origin: 0 0;
    -o-transform: rotate(-6deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(-6deg);
    -ms-transform-origin: 0 0;
    transform: rotate(-6deg);
    transform-origin: 0 0;*/
/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /*IE*/
    z-index: 1980;
}

#men ul {
    list-style: none;
    width: 540px;
    height: 30px;
    position: absolute;
}

#men ul li {
    position: absolute;
    top: -5px;
    width: 175px;
    height: 30px;
}

#men ul li a {
    display: block;
    line-height: 30px;
    text-indent: -9999px;
    width: 175px;
    height: 30px;
    background-repeat: no-repeat;
    position :relative;
}

#men ul#menlist0 {
    top: 13px;
}

#men ul#menlist0 li a {
    background-image: url(../_img/menu_btn1.png);
}


#men li:hover  {
    background: url(../_img/menu_focusbkg.png) no-repeat 0px 0px ;
}

.top #menlist0  li.menli0,
.story #menlist0  li.menli1,
.character #menlist0  li.menli2,
.world #menlist0  li.menli3,
.system #menlist0  li.menli4,
.download #menlist0  li.menli5 {
    background: url(../_img/menu_selbkg.png) no-repeat 0px 0px ;
}

#men li.menli0, #men li.menli3 {
    left: 19px;
}

#men li.menli1, #men li.menli4 {
    left: 199px;
}

#men li.menli2, #men li.menli5 {
    left: 379px;
}

#men li.menli3 ,
#men li.menli4 ,
#men li.menli5  {
    top:26px;
}



#men li.menli0 a {
    background-position: 0 -5px;
}

#men li.menli1 a {
    background-position: -190px -5px;
}

#men li.menli2 a {
    background-position: -380px -5px;
}

#men li.menli3 a {
    background-position: -570px -5px;
}

#men li.menli4 a {
    background-position: -760px -5px;
}

#men li.menli5 a {
    background-position: -950px -5px;
}



#men li.menli0 a:focus, #men li.menli0 a:hover {
    background-position: 0 -45px;
}

#men li.menli1 a:focus, #men li.menli1 a:hover {
    background-position: -190px -45px;
}

#men li.menli2 a:focus, #men li.menli2 a:hover {
    background-position: -380px -45px;
}

#men li.menli3 a:focus, #men li.menli3 a:hover {
    background-position: -570px -45px;
}

#men li.menli4 a:focus, #men li.menli4 a:hover {
    background-position: -760px -45px;
}

#men li.menli5 a:focus, #men li.menli5 a:hover {
    background-position: -950px -45px;
}

#men li.menli0 a:active, .top #men li.menli0 a:link {
    background-position: 0 -85px;
}

#men li.menli1 a:active, .story #men li.menli1 a:link {
    background-position: -190px -85px;
}

#men li.menli2 a:active, .character #men li.menli2 a:link {
    background-position: -380px -85px;
}

#men li.menli3 a:active, .world #men li.menli3 a:link {
    background-position: -570px -85px;
}

#men li.menli4 a:active, .system #men li.menli4 a:link {
    background-position:  -760px -85px;
}

#men li.menli5 a:active, .download #men li.menli5 a:link {
    background-position:  -950px -85px;
}


#men li a:active {
    top:2px;
    left:2px;
}

/* ____ popup  ______________  */

.popup_rb, .popup_rb .inner {
    width: 247px;
    height: 183px;
    -moz-transform-origin: 136px 142px;
    -webkit-transform-origin: 136px 142px;
}

.popup_rb {
    position: fixed;
    bottom: 90px;
    right: 50px;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    z-index: 2000;
}

.popup_rb .inner {
    position: relative;
    background: url(../_img/popup0.png) no-repeat;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    font-weight: bold;
}

.popup1 .inner {
    background-image: url(../_img/popup1.png) ;
}

.popup .inner dt {
    font-size: 110%;
    position: absolute;
    top: 40px;
    left: 24px;
    color: black;
}

.popup .inner dd {
    font-size: 120%;
    position: absolute;
    top: 63px;
    left: 40px;
    color: #ff5a2e;
}

.popup_rb .popupclose {
    position: absolute;
    top: 30px;
    right: 50px;
    font-size: 130%;
}

.popup_rb .popupclose a:link, .popup_rb .popupclose a:visited {
    color: #8f8d8b;
    text-decoration: none;
}

.popup .popupclose a:hover, .popup .popupclose a:focus {
    color: #65635e;
    text-decoration: none;
}

.popup .popupclose a:active {
    color: #7b8bff;
    text-decoration: none;
}


.popup_big, .popup_big .inner {
    width: 488px;
    height: 332px;
    -moz-transform-origin: 237px 301px;
    -webkit-transform-origin: 237px 301px;
}
.popup_big {
    position: absolute;
    top: 120px;
    left: 700px;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    z-index: 2020;
}

.popup_big .inner {
    position: relative;
    background: url(../_img/popup_big.png) no-repeat;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
text-indent:-9999px;
    font-weight: bold;
}
.popup_big .popupclose {
    position: absolute;
    top: 50px;
    right: 90px;
    font-size: 130%;
}

.popup_big .popupclose a {
    background-color:rgba(0,0,0,0.4);
    padding:0 0.6em;
}
.popup_big .popupclose a:link, .popup_big .popupclose a:visited {
    color: #ff4b7a;
    text-decoration: none;
}

/* ___ 宣伝用 ___ */

.adbox {
    text-indent:-9999px;

}

.ad141215 .inner {
    width:690px;
    height:360px;
    background:url(../_img/ad141215.png) no-repeat;
    margin:0 auto;

    -webkit-transform: scale(1.0,0.0);
    -moz-transform: scale(1.0,0.0);
}

.ad150809 .inner {
    width:690px;
    height:420px;
    background:url(../_img/ad150809.png) no-repeat;
    margin:0 auto;

    -webkit-transform: scale(1.0,0.0);
    -moz-transform: scale(1.0,0.0);
    display:block;
}

.ad150821 .inner {
    width:690px;
    height:420px;
    background:url(../_img/ad150821.png) no-repeat;
    margin:0 auto;

    -webkit-transform: scale(1.0,0.0);
    -moz-transform: scale(1.0,0.0);
    display:block;
}

/* ____ 汎用  ______________  */

#topanchor {
    position: relative;
    top: -130px;
    left: 0;
}

#container0 {
    width: 100%;
    position: relative;
}

#container1 {
    overflow-x:hidden;
    padding: 100px 0 190px;
}

p {
    padding-bottom: 0.6em;
}
.error_box {
    color:#FF618E;
    background-color:black; 
    padding:0.4em 0.8em; 
    border:1px solid #FF618E; 
    font-size:12px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-weight: bold;
}
.error_announce {
    color:#FF618E;
    font-size:160%;
}
.error_announce_big {
    color:#FF618E;
    font-size:240%;
    border-width:2px;
}

.content0, .content1 , .content2 , .content3 , .content_flash ,.content2s ,.content_map {
    background: url(../_img/content_bkg.png);
    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    font-size: 100%;
    padding: 16px 30px;
    margin: 0 60px 10px;
}

.content0 {
    width: 280px;
}

.content1 {
    width: 500px;
}

.content2{
    width: 800px;
}

.content2s {
    width: 800px;
    font-size:80%;
}


.content3 {
    width: 600px;
}

.content_flash {
    width: 800px;
    height: 400px;
    padding: 16px 30px;
    text-align: center;
}

.content_flash embed, .content_flash object {
    //margin: 0 auto;
    position: relative;
}

h2 {
    background: url(../_img/h2_bkg.png) no-repeat left top;
    display: block;
    margin: 10px 3px 0px 14px;
    padding: 13px 10px 28px 110px;
    font-size: 180%;
    color: white;
    font-weight: bold;
    letter-spacing: 0.3em;
    width:80%;
    /*-webkit-transform: rotate(-6deg);
    -webkit-transform-origin: 70px 33px;
    -moz-transform: rotate(-6deg);
      
-moz-transform-origin: 70px 33px;
    -o-transform: rotate(-6deg);
    -o-transform-origin: 70px 33px;
    -ms-transform: rotate(-6deg);
    -ms-transform-origin: 70px 33px;
    transform: rotate(-6deg);
    transform-origin: 70px 33px;*/
}

.content0 h3, .content1 h3,.content2 h3,.content3 h3, .content2s h3 {
    background: url(../_img/h3_bkg.png) no-repeat left top;
    display: block;
    margin: 8px 3px 0px 14px;
    padding: 20px 10px 20px 50px;
    font-size: 150%;
    letter-spacing: 0.15em;
    position: relative;
    top: -11px;
    left: -10px;
}

.h3column {
    padding: 0 10px 46px 40px;
}
.h3column p {
    padding-right: 34px;
}
.h3column p.tcen {
    padding-right: 45px;
}
.cimg img {
    font-size:90%;
}
.cimg img {
    display:block;
    margin:0 auto;
}
.desc strong, .desc b  {
    font-weight:bold;
    color:#00c6e6;
}

.desc table {
    font-size:90%;
    margin-left:auto;
    margin-right:auto;
}
.desc table td{
    padding: 0.6em 1.1em 1.0em;
}


.gnrlbtn {
    background: url(../_img/btn_bkg.png) no-repeat left top;
    width: 161px;
    height: 27px;
    padding: 3px 29px 12px 19px;
    text-align: center;
}

.gnrlbtn a {
    width: 161px;
    height: 27px;
    display: block;
    text-align: center;
}

.gnrlbtn img {
    margin-right: 8px;
}

dl.gnrldl {
    margin: 2px 30px 10px 32px;
}

dl.gnrldl dt {
    font-weight: bold;
    color: #13C8FF;
}

dl.gnrldl dd {
    margin: 0 20px 4px 20px;
}

table.spec {
    margin-bottom:10px;
}
table.spec th, table.spec td {
    text-align: left;
    vertical-align: top;
}
table.spec th {
    font-weight: bold;
    color: #13C8FF;
    padding: 2px 13px 3px 45px;
}
table.spec td {
    padding: 2px 13px 3px;
}
table.spec td b {
    font-size:130%;
    color:#FF8B8B;
}

#youtube_video_url {
    position: absolute;
    left:-9999px;
    top:-9999px;
}

/* ____ index  ______________  */

body.index {
    overflow: hidden;
}

body.story_old {
    overflow: visible;
}

#skyline {
    position: fixed;
    top: 280px;
    left: -20%;
    width: 140%;
    height: 100px;
    background: url(../_img/bkgskyline_rotated.jpg);
    background-position: 50% 50%;
    -webkit-transform: rotate(-11deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-11deg);
      
	-moz-transform-origin: 50% 50%;
    -o-transform: rotate(-11deg);
  /* Opera */
    -o-transform-origin: 50% 50%;
 /* Opera */
    transform: rotate(-11deg);
    transform-origin: 50% 50%;
}
/* IEハック*/
#skyline {
    *background: url(../_img/bkgskyline_normal.jpg);
}

html*#skyline {
    background: url(../_img/bkgskyline_normal.jpg);
}

#skyline {
    background: url(../_img/bkgskyline_normal.jpg)\9;
}
/*#skyline:not(:target){
background: url(../_img/bkgskyline_ie.png);
	-ms-transform:rotate(-11deg);
	-ms-transform-origin:50% 50%;
	}*//* IE9 */


#indexscreenblack {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: black;
    /background: none;
 /* IE6, 7*/
}

#indexbtn {
    width: 100%;
    height: 102px;
    text-align: center;
    position: fixed;
    top: 280px;
    left: 0;
}

#indexbtn2 {
    width: 382px;
    height: 102px;
    position: relative;
    margin: 0 auto;
}

#indexbtn img {
    potision: absolute;
    left: -9999px;
}

#indexbtn .logoarea {
    position: absolute;
    left: 0px;
    top: 0;
    margin: 0 auto;
    display: block;
    width: 382px;
    height: 108px;
    text-indent: -9999px;
    background: url(../_img/index_btn.png) no-repeat 130px top;
}

#indexbtn a:hover .logoarea, #indexbtn a:focus .logoarea {
    background-position: 130px -120px;
}

#indexbtn a:active .logoarea {
    background-position: 132px -118px;
}

#indexbtn .charaarea {
    width: 130px;
    height: 108px;
    position: absolute;
    left: -9px;
    top: 0;
    background: url(../_img/_chara/index0.gif) no-repeat 0 -10px;
}

#indexbtn a:hover .charaarea, #indexbtn a:focus .charaarea {
    background-image: url(../_img/_chara/index1.gif);
}


#indexbtn a.clicked .logoarea {
    background-position: 130px -240px;
}
#indexbtn a.clicked .charaarea {
    background-image: url(../_img/_chara/index1.gif);
}

/* ____ contents  ______________  */

#wscreen_jumpFromIndex {
    background:white;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1944;
}
#bgcharac_container {
    width:100%;
    height:100%;
    position:fixed;
    overflow:hidden;
    left:0;
    top:0;
}

#bgcharac_base {
    background: url(../_img/bgcharac_base.png) right bottom no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    opacity:0;
    left:0;
    top:0;
}

#bgcharac9 {
    background: url(../_img/bgcharac9.png) right bottom no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    opacity:1;
    left:0;
    top:0;

}



/* ____ story  ______________  */

.content_story {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size:120%;
}
.content_story p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding-top:0.4em;
    padding-bottom:0.6em;
    text-indent:0;
}

.content_story .h3column {
    padding: 6px 14px 8px 43px;
}
/* ____ story_old  ______________  */
.story_old #bodybkg {
    background-image: none;
}

.story_old #skyline {
    background-image: none;
}

body.story_old {
    background-color: #000000;
}

.story_old #container0, .story_old #container1 {
    margin: 0;
    padding: 0;
    height: 3100px;
}

#storyshow {
    position: relative;
    top: -4000px;
    width: 500px;
    height: 3100px;
    margin: 0 auto;
    background-position: 0 0px;
    text-indent: -9999px;
}

#filtertop {
    position: fixed;
    background: url(../_img/story_filter_top.png);
    width: 100%;
    height: 330px;
    left: 0;
    top: 0;
}

#filterbtm {
    position: fixed;
    background: url(../_img/story_filter_btm.png);
    width: 100%;
    height: 330px;
    left: 0;
    bottom: 0;
}

#storyshow div {
    position: relative;
    display: block;
    width: 500px;
}

#storyshow img {
    position: absolute;
    top: 0;
    left: 0;
}

#storyshow img.l2 {
    position: absolute;
    top: 161px;
}

#storyshow img.m2 {
    position: absolute;
    left: 108px;
    top: 161px;
}

#storyshow img.r2 {
    position: absolute;
    left: 392px;
    top: 161px;
}

#storyshow img.m1 {
    position: absolute;
    left: 108px;
}

#storyshow img.r1 {
    position: absolute;
    left: 392px;
}

#storyshow img.l9 {
    position: absolute;
    top: 299px;
}

#storypos0 ,#storypos0 a {
    height: 413px;
}

#storypos1 ,#storypos1 a {
    height: 165px;
}

#storypos2 ,#storypos2 a {
    height: 331px;
}

#storypos3 ,#storypos3 a {
    height: 307px;
}

#storypos4 ,#storypos4 a {
    height: 356px;
}

#storypos5 ,#storypos5 a {
    height: 346px;
}

#storypos6 ,#storypos6 a {
    height: 596px;
}

#storypos7 ,#storypos7 a {
    height: 587px;
}

#storyshow div a {
    width: 500px;
    display: block;
    position: static;
}

#storyshow div span {
 /*anchor*/
    position: absolute;
    top: -100px;
    left: 0;
}

#nextbutton {
    position: fixed;
    bottom: 150px;
    right: -200px;
    width: 200px;
    height: 30px;
}
/* ____ character  ______________  */

.character #container1,.character #container0 {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#charlist {
    overflow: visible;
    width: 350px;
    height: 550px;
    position: relative;
    background: url(../_img/charac_circle.png) no-repeat 82px 255px;
	/*-webkit-transform-origin:17px 190px;
	-moz-transform-origin:17px 190px;
	-o-transform-origin:17px 190px; /* Opera
	transform-origin:17px 190px;
	-webkit-transform: translate(160px,0);
	-moz-transform: translate(160px,0);  
	-o-transform: translate(160px,0);  
	transform: translate(160px,0);  */
    top: 0;
    left: 160px;
}

#charlist.bkgImgClear {
    background-image: none;
}

#charlist dd {
	/*↑の背景位置とあわせる*/
    left: 82px;
    top: 255px;
    width: 135px;
    height: 135px;
    position: absolute;
    text-indent: -9999px;
}

#charlist dt {
    position: absolute;
    left: 150px;
    top: 320px;
    text-indent: -9999px;
    z-index: 100;
    -webkit-transform-origin: 0 33px;
    -moz-transform-origin: 0 33px;
    -o-transform-origin: 0 33px;
 /* Opera */
    -ms-transform-origin: 0 33px;
  /* IE9 */
    transform-origin: 0 33px;
}

#charlist dt a {
    margin-left: 150px;
}

#charlist dt,#charlist dt a {
    width: 398px;
 /*248+シフト量*/
    display: block;
    background: no-repeat 0 0;
    height: 67px;
}

#charlist dt.hovershift a:focus, #charlist dt.hovershift a:hover {
    background-position: 0 -100px;
}

#charlist dt.startrot {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
     
	-o-transform: rotate(6deg);
  /* Opera */
    transform: rotate(6deg);
}

#charlist dt.c0 {
    -webkit-transform: rotate(-116deg);
    -moz-transform: rotate(-116deg);
     
	-o-transform: rotate(-116deg);
  /* Opera */
    transform: rotate(-116deg);
}

#charlist dt.c1 {
    -webkit-transform: rotate(-96deg);
    -moz-transform: rotate(-96deg);
     
	-o-transform: rotate(-96deg);
  /* Opera */
    transform: rotate(-96deg);
}

#charlist dt.c2 {
    -webkit-transform: rotate(-76deg);
    -moz-transform: rotate(-76deg);
     
	-o-transform: rotate(-76deg);
  /* Opera */
    transform: rotate(-76deg);
}

#charlist dt.c3 {
    -webkit-transform: rotate(-56deg);
    -moz-transform: rotate(-56deg);
     
	-o-transform: rotate(-56deg);
  /* Opera */
    transform: rotate(-56deg);
}

#charlist dt.c4 {
    -webkit-transform: rotate(-36deg);
    -moz-transform: rotate(-36deg);
     
	-o-transform: rotate(-36deg);
  /* Opera */
    transform: rotate(-36deg);
}

#charlist dt.c5 {
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
     
	-o-transform: rotate(-16deg);
  /* Opera */
    transform: rotate(-16deg);
}

/*背景指定はnoscript及びjsで行う*/


#charlist dt {
    *position: static;
}

html*#charlist dt {
    position: static;
}

#charlist dt {
    position: static\9;
}

*#charlistt dt:not(:target) {
    position: static;
}/* IE9 */
#charlist {
    *background: none !important;
}

html*#charlist {
    background: none !important;
}

#charlist {
    background: none !important\9;
}

*#charlistt:not(:target) {
    background: none !important;
}/* IE9 */


.character h2 {
    position: relative;
}

#charapages {
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 470px;
}

#charapage0, #charapage1, #charapage2,
#charapage3, #charapage4, #charapage5 {
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 470px;
}


#charapages div.iconimg {
	z-index: 80;
}

#charapages div.icon {
    position: fixed;
    left: -9999px;
    width: 135px;
    height: 135px;
    background: url(../_img/charac_circle.png) no-repeat 0 0;
}
.character .dot_tall {
	position: relative;
	top:-15px;
	left:0;
}

.descshadow {
    position: absolute;
    left: 0;
    top: 40px;
    width: 340px;
    height: 559px;
    background: url(../_img/_charadesc/charadesc_sd.png) no-repeat 0 0;
}

#charapages div.desc {
    position: absolute;
    text-indent: -9999px;
    font-size: 80%;
    left: 0;
    top: 40px;
    width: 340px;
    height: 559px;
    background: no-repeat 0 0;
}

#charapage0 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_00.png);
}

#charapage1 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_01.png);
}

#charapage2 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_02.png);
}

#charapage3 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_03.png);
}

#charapage4 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_04.png);
}

#charapage5 div.desc {
    background-image: url(../_img/_charadesc/charadesc_tx_05.png);
}

#charapages div.charac {
    position: absolute;
    right: 0;
    top: 0;
    width: 900px;
    height: 930px;
    background: right top no-repeat;
}

#charapage0 div.charac {
    background-image: url(../_img/_charaill/ill00.png);
}

#charapage1 div.charac {
    background-image: url(../_img/_charaill/ill01.png);
}

#charapage2 div.charac {
    background-image: url(../_img/_charaill/ill02.png);
}

#charapage3 div.charac {
    background-image: url(../_img/_charaill/ill03.png);
}

#charapage4 div.charac {
    background-image: url(../_img/_charaill/ill04.png);
}

#charapage5 div.charac {
    background-image: url(../_img/_charaill/ill05.png);
}

.characshadow {
    position: absolute;
    right: 0;
    top: 0;
    width: 1000px;
    height: 930px;
    background: right top no-repeat;
}

#charapages .voice {
    position: absolute;
    left: 100px;
    top: 430px;
}

#charapages .goback {
    position: absolute;
    left: 320px;
    top: 430px;
}

#charapages .goleft {
    position: absolute;
    left: 140px;
    top: 470px;
}

#charapages .goright {
    position: absolute;
    left: 360px;
    top: 470px;
}

.iconimg {
    width: 135px;
    height: 135px;
    position: relative;
    left: 0;
    top: 0;
}


/* ___ map ___ */

.content_map {
    width:800px;
    margin-left:auto;
    margin-right:auto;

}

#mpcontainer {
    overflow:hidden;
    margin: 13px auto;
    width:648px;
    height:398px;
    position: relative;
    background-color: black;
}

#mpimg {
    position: absolute;
    left:-44px;
    top:-44px;
    width:736px;
    height:486px;
    opacity:0;
}

#mpframe {
    position: absolute;
    width:100%;
    height:100%;
    opacity:0.5;
}
#mpframe .bkgt,#mpframe .bkgb,#mpframe .bkgl,#mpframe .bkgr {
    position: absolute;
}
#mpframe .bkgt {
    top:0;
    left:0;
    background: url(../_img/mpframe_bkg_t.png) repeat-x;
    height:150px;
    width:100%;
}
#mpframe .bkgb {
    bottom:0;
    left:0;
    background: url(../_img/mpframe_bkg_b.png) repeat-x;
    height:150px;
    width:100%;
}
#mpframe .bkgl {
    top:0;
    left:0;
    background: url(../_img/mpframe_bkg_l.png) repeat-y;
    width:150px;
    height:100%;
}
#mpframe .bkgr {
    top:0;
    right:0;
    background: url(../_img/mpframe_bkg_r.png) repeat-y;
    width:150px;
    height:100%;
}

#mpbtns {
    position: absolute;
    left:0;
    top:0;
    opacity:0;
}

#mpbtns li {
    position: absolute;
    width:30px;
    height:30px;
}

#mpbtns a {
    position: relative;
    width:32px;
    height:32px;
    left:-16px;
    top:-16px;
    display: block;
    border:3px solid #6BB3FF;
    text-indent: -9999px;
    opacity :1;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}


#mpbtns a:hover,#mpbtns a:focus {
    width:38px;
    height:38px;
    left:-20px;
    top:-20px;
    border:5px solid white;
    opacity:0.7 !important;
}

#mppopup {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
}

.mpdesc {
    position:absolute;
    left:-9999px;
    top:-9999px;
    margin-left:auto;
    margin-right:auto;
}

.mpdesc .mpback {
    display: block;
    padding-top:1.0em;
    padding-right:2.0em;
    text-align: right;
    clear:both;
}

.mpdesc .mpthumb {
    display: block;
    margin:0 20px 4px;
    float:left;
}

/* ___ downloads ___ */

.copylink {
    width:90%;
}

/* ___ system menu ___ */
.system #container1 > .content2 , .system #container1 > h2 {
    position:relative;
    left:120px;
}
#sysmen {
    position:absolute;
    position:fixed;
    left:40px;
    top:130px;
    width:40px;
    height:386px;
    list-style: none;
}

#sysmen li, #sysmen li a {
    width:40px;
    height:122px;
    display: block;
}
#sysmen li {
    left:0;
    position: absolute;
}
#sysmen li a {
    text-indent: -9999px;
    background-image: url(../_img/sysmenu_btn.png);
    background-repeat: no-repeat;
}


li.smenli0 {
   top:0;
}
li.smenli1 {
   top:126px;
}
li.smenli2 {
   top:252px;
}


li.smenli0 a:link ,li.smenli0 a:visited {
    background-position: 0 -13px;
}
li.smenli1 a:link ,li.smenli1 a:visited {
    background-position: 0 -163px;
}
li.smenli2 a:link ,li.smenli2 a:visited {
    background-position: 0 -313px;
}


li.smenli0 a:hover, li.smenli0 a:focus {
    background-position: -40px -13px;
}
li.smenli1 a:hover, li.smenli1 a:focus {
    background-position: -40px -163px;
}
li.smenli2 a:hover, li.smenli2 a:focus {
    background-position: -40px -313px;
}

li.smenli0 a:active, li.smenli0.selected a {
    background-position: -80px -13px;
}
li.smenli1 a:active, li.smenli1.selected a {
    background-position: -80px -163px;
}
li.smenli2 a:active, li.smenli2.selected a {
    background-position: -80px -313px;
}


/* ___ announce ___ */


.announce {
    position: absolute;
    position: fixed;
    left:210px;
    top:-1px;
    text-indent:-9999px;
    z-index: 1970;
}
.announce .inner {
    position: relative;
}

.announce, .announce a {
    height:76px;
    display:block;
}
.announce a {
    position: relative;
}

.announce1409, .announce1409 a , .announce1409 .inner ,.announce1508, .announce1508 a, .announce1508 .inner  {
    width: 330px;
    display: block;
}

.announce1409 a {
    background-image:url(../_img/_announce/banner_newtrial_1409.gif);
}


.announce1508 .inner {
    background-image:url(../_img/_announce/banner_mst_1508_bkg.png);
    background-repeat: no-repeat;
}
.announce1508 .inner.inner_type_1 {
    background-position: 0 -76px;
}
.announce1508 .inner.inner_type_2 {
    background-position: 0 -152px;
}

.announce1508 a {
    background-image:url(../_img/_announce/banner_mst_1508_frame.gif);
}

.announce a:link , .announce a:visited {
    background-position: 0 0;
    opacity:1;
}

.announce a:hover, .announce a:focus {
    background-position: 0 -76px;
    opacity:1;

}
.announce .inner:active {
    left:2px;
    top:2px;
    opacity:0.7;
}


/* ___ tweetbtn ___ */

#tweetbtn {
    position: absolute;
    position: fixed;
    right: 100px;
    top:86px;
    width:190px;
    height:35px;
    z-index:1980;

    border:1px solid #afb9c3;
    background-color:rgba(0,0,0,0.7);

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#tweetbtn .inner {
    text-align:center;
    display:block;
    padding:8px 0 5px 29px;
}