/*topニュースのリンク色 */
#news a{/*リンクされた文字*/
    color:ffb430;
    text-decoration:underline;
}
#news a:link  {/*未訪問のリンク*/
    color:ffb430;
    text-decoration:underline;
}
#news a:visited {/*訪問後のリンク*/
    color:#ffb430;
    text-decoration:underline;
}
#news a:hover {/*マウスをのせたとき*/
    color:#db3210;
    text-decoration:underline;
}
#news a:active {/*クリック中*/
    text-decoration:none;
}



/*--- NEW ---*/
.new {
	position: absolute;
	background: url(../img/new.png) no-repeat top center;
	width: 46px;
	height: 19px;
	text-indent: -9999em;
    
	z-index: 300;
}


/*上部メニューのNEW*/
#nav_story span.new {
	top: 3px;
	left: 1px;
}

#nav_system span.new {
	top: 1px;
	left: 1px;
}


/*サブメニューのNEW
.nagare span.new {
	top: 40px;
	left: 129px;
}

.yomiti span.new {
	top: 92px;
	left: 129px;
}

.osorosi span.new {
	top: 146px;
	left: 129px;
}
.samayou span.new {
	top: 195px;
	left: 129px;
}



.nikki span.new {
	top: 42px;
	left: 129px;
}*/

/*トップメニューのNEW*/
.system span.new {
	top: 0px;
	left: 18px;
}
.story span.new {
	top: 0px;
	left: 15px;
}
.gyallery span.new {
	top: 0px;
	left: 15px;
    visibility: hidden;
}
.special span.new {
	top: 0px;
	left: 15px;
}
.character span.new {
	top: 0px;
	left: 15px;
}



/*共通部分*/
#logo{
    width:93px;
    height: 143px;
    background-image:url(../img/logo_mini.png);
    
    position: absolute;
    top:15px;
    left:15px;
    z-index: 300;
}

#nav{
    width: 830px;
    height: 100px;
    z-index:300;
    //background-color: #CCCCCC;
    
    position: absolute;
    top:0px;
    left:120px;
}

#nav a{
  outline: none;
}

#nav_top{
    width: 160px;
    height: 59px;
    z-index:300;
    background-image:url(../img/nav_top.png);
    
    position: absolute;
    left:30px;
    top:10px;
}
#hover_top{
    width: 160px;
    height: 59px;
    z-index:300;
    background-image:url(../img/nav_top.png);
    background-position: 0 -59px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}
#hover_top:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#nav_story{
    width: 209px;
    height: 61px;
    z-index:300;
    background-image:url(../img/nav_story.png);
    position: absolute;
    left:90px;
    top:50px;
    
}
#nav_story.selected{
    background-position: 0 -61px;
}

#hover_story{
    width: 209px;
    height: 61px;
    z-index:300;
    background-image:url(../img/nav_story.png);
    background-position: 0 -61px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
    
}
#hover_story:hover{
    background-position: 0 -61px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#nav_character{
    width: 190px;
    height: 54px;
    z-index:300;
    background-image:url(../img/nav_character.png);
    position: absolute;
    left:240px;
    top:5px;
    
}
#nav_character.selected{
    background-position: 0 -54px;
}
#hover_character{
    width: 190px;
    height: 54px;
    z-index:300;
    background-image:url(../img/nav_character.png);
    background-position: 0 -54px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
    
}
#hover_character:hover{
    background-position: 0 -54px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#nav_system{
    width: 253px;
    height: 58px;
    z-index:300;
    background-image:url(../img/nav_system.png);
    position: absolute;
    left:325px;
    top:50px;
}
#nav_system.selected{
    background-position: 0 -58px;
}
#hover_system{
    width: 253px;
    height: 58px;
    z-index:300;
    background-image:url(../img/nav_system.png);
    background-position: 0 -58px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}
#hover_system:hover{
    background-position: 0 -58px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#nav_gyallery{
    width: 199px;
    height: 55px;
    z-index:300;
    background-image:url(../img/nav_gyallery.png);
    position: absolute;
    left:480px;
    top:5px;
}
#nav_gyallery.selected{
    background-position: 0 -55px;
}
#hover_gyallery{
    width: 199px;
    height: 55px;
    z-index:300;
    background-image:url(../img/nav_gyallery.png);
    background-position: 0 -55px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}
#nav_gyallery .new {
    visibility: hidden;
}
#hover_gyallery:hover{
    background-position: 0 -55px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#nav_special{
    width: 170px;
    height: 60px;
    z-index:300;
    background-image:url(../img/nav_special.png);
    position: absolute;
    left:609px;
    top:45px;
}
#nav_special.selected{
    background-position: 0 -60px;
}
#hover_special{
    width: 170px;
    height: 60px;
    z-index:300;
    background-image:url(../img/nav_special.png);
    background-position: 0 -60px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}
#hover_special:hover{
    background-position: 0 -60px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#middle_box{
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:box;
}

#submenu{
    margin-top:70px; 
    margin-left:109px;
    width: 210px;
    height: 420px; 
}

#right_box{
    margin-top:70px; 
    width: 773px;
    height: 490px;
}

.cboxIframe  {
  width:100%;
  height: 100%;
}

.single_image{
    opacity: 1;
    transition:opacity 0.5s linear;
}
.single_image:hover{
    opacity: 0.7;
    transition:opacity 0.5s linear;
}

/*top部分*/
.bannerarea {
  /*height: 182px;*/
}

.bannerarea li a{
    display:block;
    opacity:0;
    transition:opacity 0.5s linear;
    width:305px;
    height: 81px;
    background-position: 0 81px;
}
.bannerarea li a:hover{
    opacity:1;
}
.bannerarea li{
  position: relative;
  width:305px;
  height: 81px;
}

.bannerarea00 {
  height: 70px;   
}
.bannerarea00 li a:hover{
    opacity:1;
}
.bannerarea00 li a{
    display:block;
    opacity:0;
    transition:opacity 0.5s linear;
    width:934px;
    height: 60px;
    background-position: 0 60px;
}
.bannerarea00 li {
  position: relative;
  width:934px;
  height: 60px;
}

.bannerarea00 li.banner00 { background-image:url(../img/banner_shin_yomawari.png); }
.bannerarea00 li.banner00 a { background-image:url(../img/banner_shin_yomawari.png); }
.bannerarea li .new { top: 0; right: 0; }

/*.bannerarea li.banner01 { background-image:url(../img/banner_ghost.png); margin-top: 17px; }*/
.bannerarea li.banner01 { background-image:url(../img/banner_ghost.png); }
.bannerarea li.banner01 a { background-image:url(../img/banner_ghost.png); }

.bannerarea li.banner02 { background-image:url(../img/banner_pv.png); }
.bannerarea li.banner02 a { background-image:url(../img/banner_pv.png); }

.bannerarea li.banner03 { background-image:url(../img/banner_tgs2015.png); }
.bannerarea li.banner03 a { background-image:url(../img/banner_tgs2015.png); }

/*.bannerarea li.banner04 { background-image:url(../img/banner_fear.png); margin-top: 17px; }*/
.bannerarea li.banner04 { background-image:url(../img/banner_fear.png); }
.bannerarea li.banner04 a { background-image:url(../img/banner_fear.png); }

.bannerarea li.banner05 { background-image:url(../img/banner_benefits.png); }
.bannerarea li.banner05 a { background-image:url(../img/banner_benefits.png); }

.bannerarea li.banner06,
.bannerarea li.banner06 a { background-image:url(../img/banner_graffart_goods.png); }

/*story部分*/
#synopsis_cap01{
    width: 455px;
    height: 49px;
    background-image:url(../img/story/synopsis_cap01.png);
    position:absolute;
    top:119px;
    left:368px;
    z-index: 300;
}

#submenu_synopsis{
    width: 167px;
    height: 46px;
    background-image:url(../img/story/submenu_synopsis.png);
    background-position: 0 -46px;
    position:absolute;
    top:209px;
    left:91px;
    z-index: 300;
}

.s_left_box{
  position: relative;/*固定メニューのため*/
  margin-left:90px;
  margin-top:100px;
  width:180px;
  height:100%;
}

.s_left_box .side_menu1 {/*固定メニューのため*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 110px;
 }

.hover_arasuji{
    width: 166px;
    height: 46px;
    background-image:url(../img/story/submenu_synopsis.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_arasuji:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.s_left_box li.arasuji{
    width: 166px;
    height: 46px;
    background-image:url(../img/story/submenu_synopsis.png);
    z-index: 300;
    cursor: pointer;
}

.s_left_box li.arasuji.selected{
    background-position: 0 -46px;
}

.hover_nikki{
    width: 166px;
    height: 51px;
    background-image:url(../img/story/submenu_diary.png);
    background-position: 0 -51px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_nikki:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.s_left_box li.nikki{
    width: 166px;
    height: 51px;
    background-image:url(../img/story/submenu_diary.png);
    z-index: 300;
    cursor: pointer;
}

.s_left_box li.nikki.selected{
    background-position: 0 -51px;
}
/*
.s_left_box .arasuji{
    width: 166px;
    height: 46px;
    background-image:url(../img/story/submenu_synopsis.png);
    z-index: 300;
    cursor: pointer;
}
.s_left_box .arasuji:hover{
    background-image:url(../img/story/submenu_synopsis.png);
    background-position: 0 -46px;
}
.s_left_box .arasuji.selected{
    background-position: 0 -46px;
}


.s_left_box .nikki{
    width: 166px;
    height: 51px;
    background-image:url(../img/story/submenu_diary.png);
    z-index: 300;
    cursor: pointer;
}
.s_left_box .nikki:hover{
    background-image:url(../img/story/submenu_diary.png);
    background-position: 0 -51px;
}
.s_left_box .nikki.selected{
    background-position: 0 -51px;
}

.s_right_box {
    
}
*/

#main_image_arasuji {
    width: 683px;
    height: 618px;
    background-image:url(../img/story/synopsis_txt01.png);
    position:absolute;
    top:50px;
    left:268px;
    z-index: 300;
}

#main_image_nikki {
    width: 682px;
    height: 590px;
    background-image:url(../img/story/diary_txt01.png);
    position:absolute;
    top:60px;
    left:268px;
    z-index: 300;
}

.story1 .arasujiboard .caption{
    margin:15px 0 0px 90px;
    width:455px;
    line-height:48px;
    background-image:url(../img/story/synopsis_cap01.png);
}

.story1 .nikkiboard .caption{
    margin:15px 0 0px 90px;
    width:455px;
    line-height:48px;
    background-image:url(../img/story/diary_cap01.png);
}





















/*footer*/

#footer_spec{
    /*
    width:513px;
    height: 185px;
    background-image:url(../img/footer_spec.png);
    */
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

#footer_spec .product_info {
  display: flex;
  justify-content: center;
  font-size: 1.5em;
  max-width: 966px;
}

#footer_spec .product_info .text {
  line-height: 1.0;
  text-align: left;
  font-family: "Noto Serif JP",serif;
  font-weight: normal;
  color: #fff;
}

#footer_spec .product_info table th {
  color: #efcb5f;
  font-weight: normal;
}

#footer_spec .product_info table td {
  color: #fff;
  font-weight: normal;
}

#footer_spec .product_info table td table{
  color: #fff;
  font-weight: normal;
}

#footer_spec .product_info table td table.price{
  margin-bottom: 1.0em;
}

#footer_spec .product_info table > tbody > tr > th, #footer_spec .product_info table > tbody > tr > td {
  padding: 0.25em 0em;
  padding: clamp(0.25em, 2vw, 0.5em) clamp(0em, 1vw, 0.75em);
}

#footer_spec .product_info table > tbody > tr > th {
  text-align: center;
  white-space: nowrap;
  padding-left: 0;
}
#footer_spec .product_info table > tbody > tr > td {
  vertical-align: middle;
  padding-right: 0;
}

#footer_spec .product_info table .place_top {
  vertical-align: top;
}

#footer_spec .product_info table .platform {
  margin-bottom: 0.25em;
}

#footer_spec .product_info table .price > tbody > tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.5em;
  padding: 0;
}
#footer_spec .product_info table .price > tbody > tr:first-child {
  margin-top: 0;
}
#footer_spec .product_info table .price > tbody > tr > th {
  font-size: 0.8em;
  padding: 0;
  text-align: left;
  color: inherit;
}

#footer_spec .product_info table .price > tbody > tr > td {
  padding: 0;
  margin-top: 0.5em;
}

#footer_spec .product_image {
  max-width: 170px;
  align-self: center;
  margin-right: 2em;
}

#footer_spec .product_image img {
  width: 100%;
  height: auto;
}

#footer_spec .product_image_outline {
  border: solid 1px #fff;
}

#footer_spec .cero {
  width: 16vw;
  max-width: 80px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  margin-top: .3em;
}


#footer_second_menu{
    width:612px;
    height: 31px;
    background-image:url(../img/footer_second_menu.png);
    position: relative;
    float:left;
}
#footer_line{
    width:962px;
    height: 11px;
    margin-top:20px;
    margin-bottom:15px;
    background-image:url(../img/footer_line.png);
}

#footer_second_menu ul li,
#footer_second_menu ul li a{
    display:block;
    //position:absolute;
    float:left;
}

#footer_second_menu ul li .blog{
    width: 165px;
    height: 31px;
    z-index: 700;
    opacity: 0;
    transition: opacity 0.5s;
}
#footer_second_menu ul li .blog:hover{
    background-image:url(../img/footer_second_menu.png);
    background-position: 0 31px;
    opacity: 1;
    transition: opacity 0.5s;
}

#footer_second_menu ul li .twitter{
    width: 225px;
    height: 31px;
    left:165px;
    z-index: 700;
    opacity: 0;
    transition: opacity 0.5s;
}
#footer_second_menu ul li .twitter:hover{
    background-image:url(../img/footer_second_menu.png);
    background-position: -165px 31px;
    opacity: 1;
    transition: opacity 0.5s;
}

#footer_second_menu ul li .facebook{
    width: 222px;
    height: 31px;
    left:390px;
    z-index: 700;
    background-image:url(../img/footer_second_menu.png);
    background-position: -390px 0px;
    opacity: 0;
    transition: opacity 0.5s;
}
#footer_second_menu ul li .facebook:hover{
    background-image:url(../img/footer_second_menu.png);
    background-position: -390px 31px;
    opacity: 1;
    transition: opacity 0.5s;
}

#copyright{
    float: right;
    text-align: right;
}

/*charactor*/

.character .left_box{
  margin-left:105px;
  margin-top:100px;
  width:160px;
  height:100%;
}

.character .left_box .about{
  margin-left:40px;
  width:167px;
  height:46px;
  background-image:url(../img/system/submenu_summary.png);
}

.character .left_box .about:hover{
  background-position:0px -46px;
}
.character .caption{
  margin:15px auto 0px;
  width:455px;
  line-height:48px;
  background-image:url(../img/system/summary_cap.png);
}



#chara_list li a{
    text-align: right;
    float:left;
}

#chara_list li {
    text-align: right;
    float:left;
}


.hover_dog{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_dog.png);
    background-position: 0 -76px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_dog:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#chara_list #submenu_dog{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_dog.png);
    z-index: 300;
    cursor: pointer;
}

.hover_girl{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_girl.png);
    background-position: 0 -76px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_girl:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}

#chara_list #submenu_girl{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_girl.png);
    z-index: 300;
    cursor: pointer;
}




/*フェードなし
#submenu_girl{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_girl.png);
    
    z-index: 300;
}
#submenu_girl:hover{
    background-position: 0 76px;
}
#submenu_dog{
    width: 78px;
    height: 76px;
    background-image:url(../img/character/submenu_dog.png);
    z-index: 300;
}
#submenu_dog:hover{
    background-position: 0 76px;
}
*/


#girl_cap{
    width: 271px;
    height: 49px;
    background-image:url(../img/character/girl_cap.png);
}

#girl_txt{
    width:403px;
    height: 175px;
    background-image:url(../img/character/girl_img.png);
}

#dog_cap{
    width: 271px;
    height: 49px;
    background-image:url(../img/character/dog_cap.png);
    margin-top: 40px;
}

#dog_txt{
    width: 557px;
    height: 183px;
    background-image:url(../img/character/dog_img.png);
}

.character_txt{
    margin: 20px auto;
}

.chara_discription{
    position: relative;
}

/*system*/

.hide_text{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position:0px 0px;
  background-repeat:no-repeat;
}

.hide_text2{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


.contents_box{
  display:box;
  display:-moz-box;
  display:-webkit-box;
  display: -ms-flexbox;
  width:100%;
}

.system1 .left_box{
  margin-left:53px;
  margin-top:100px;
  width:212px;
  height:100%;
}

.system1 .left_box .about{
  margin-left:40px;
  width:167px;
  height:46px;
  background-image:url(../img/system/submenu_summary.png);
background-position:0px -46px;
}

.system1 .left_box .about:hover{
  background-position:0px -46px;
}

.right_box{
  margin-right:53px;
  width:640px;
  height:100%;
}

.sys_right_box{
  width:640px;
  height:100%; 
}




.sys_left_box{
  position: relative;/*固定メニューのため*/
  margin-left:90px;
  margin-top:100px;
  width:180px;
  height:100%;
}

.sys_left_box .side_menu1 {/*固定メニューのため*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 310px;/*110*/
 }

.hover_about{
    width: 166px;
    height: 46px;
    background-image:url(../img/system/submenu_summary.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_about:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.sys_left_box li.about{
    width: 166px;
    height: 46px;
    background-image:url(../img/system/submenu_summary.png);
    z-index: 300;
    cursor: pointer;
}

.sys_left_box li.about.selected{
    background-position: 0 -46px;
}

.hover_nagare{
    width: 166px;
    height: 51px;
    background-image:url(../img/system/submenu_route.png);
    background-position: 0 -51px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_nagare:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.sys_left_box li.nagare{
    width: 166px;
    height: 51px;
    background-image:url(../img/system/submenu_route.png);
    z-index: 300;
    cursor: pointer;
}

.sys_left_box li.nagare.selected{
    background-position: 0 -51px;
}

.hover_yomiti{
    width: 166px;
    height: 53px;
    background-image:url(../img/system/submenu_search.png);
    background-position: 0 -53px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_yomiti:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.sys_left_box li.yomiti{
    width: 166px;
    height: 53px;
    background-image:url(../img/system/submenu_search.png);
    z-index: 300;
    cursor: pointer;
}

.sys_left_box li.yomiti.selected{
    background-position: 0 -53px;
}


.hover_osorosi{
    width: 166px;
    height: 47px;
    background-image:url(../img/system/submenu_fear.png);
    background-position: 0 -47px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_osorosi:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.sys_left_box li.osorosi{
    width: 166px;
    height: 47px;
    background-image:url(../img/system/submenu_fear.png);
    z-index: 300;
    cursor: pointer;
}

.sys_left_box li.osorosi.selected{
    background-position: 0 -47px;
}

.hover_samayou{
    width: 167px;
    height: 47px;
    background-image:url(../img/system/submenu_wander.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_samayou:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.sys_left_box li.samayou{
    width: 167px;
    height: 47px;
    background-image:url(../img/system/submenu_wander.png);
    z-index: 300;
    cursor: pointer;
}

.sys_left_box li.samayou.selected{
    background-position: 0 -46px;
}

/*
.sys_left_box .about{
    width: 166px;
    height: 46px;
    background-image:url(../img/system/submenu_summary.png);
    z-index: 300;
    cursor: pointer;
}
.sys_left_box .about:hover{
    background-image:url(../img/system/submenu_summary.png);
    background-position: 0 -46px;
}
.sys_left_box .about.selected{
    background-position: 0 -46px;
}

.sys_left_box .nagare{
    width: 166px;
    height: 51px;
    background-image:url(../img/system/submenu_route.png);
    z-index: 300;
    cursor: pointer;
}
.sys_left_box .nagare:hover{
    background-image:url(../img/system/submenu_route.png);
    background-position: 0 -51px;
}
.sys_left_box .nagare.selected{
    background-position: 0 -51px;
}

.sys_left_box .yomiti{
    width: 166px;
    height: 53px;
    background-image:url(../img/system/submenu_search.png);
    z-index: 300;
    cursor: pointer;
}
.sys_left_box .yomiti:hover{
    background-image:url(../img/system/submenu_search.png);
    background-position: 0 -53px;
}
.sys_left_box .yomiti.selected{
    background-position: 0 -53px;
}

.sys_left_box .osorosi{
    width: 166px;
    height: 47px;
    background-image:url(../img/system/submenu_fear.png);
    z-index: 300;
    cursor: pointer;
}
.sys_left_box .osorosi:hover{
    background-image:url(../img/system/submenu_fear.png);
    background-position: 0 -47px;
}
.sys_left_box .osorosi.selected{
    background-position: 0 -47px;
}

.sys_left_box .samayou{
    width: 167px;
    height: 47px;
    margin-top: 2px;
    background-image:url(../img/system/submenu_wander.png);
    z-index: 300;
    cursor: pointer;
}
.sys_left_box .samayou:hover{
    background-image:url(../img/system/submenu_wander.png);
    background-position: 0 -46px;
}
.sys_left_box .samayou.selected{
    background-position: 0 -46px;
}
*/


.aboutboard {
 height: 1388px;   
}


/*system 彷徨うもの*/
.samayouboard {
 height: 1035px;   
}

.samayou_img {
    position: absolute;
    top: 860px;
    z-index: 100;    
}

.system1 .samayou_caption{
  margin:15px auto 0px;
  width:455px;
  line-height:49px;
  background-image:url(../img/system/wander_cap.png);
}

.samayou_txt01{
  margin:20px 0 30px 0px;
  width:621px;
  height:173px;
  background-image:url(../img/system/wander_txt01.png);
}

.samayou_txt02{
  width:286px;
  height:46px;
  background-image:url(../img/system/wander_txt02.png);
}

.samayou_txt03{
  width:287px;
  height:46px;
  background-image:url(../img/system/wander_txt03.png);
}

.samayou_txt04{
  width:292px;
  height:96px;
  background-image:url(../img/system/wander_txt04.png);
}

.samayou_txt05{
  width:292px;
  height:71px;
  background-image:url(../img/system/wander_txt05.png);
}



#samayou_sub_cap01{
  margin:30px auto 0px;
  width:547px;
  line-height:41px;
  background-image:url(../img/system/wander_sub_cap01.png);
}


.samayou_ul1 ul {
    margin-left:12px;
    margin-bottom: 20px;
    height: 400px;
    width: 630px;
}

.samayouboard li {
float: left;
}

#samayou_li1, #samayou_li2, #samayou_li3, #samayou_li4 {
    width: 292px;
    margin-right: 20px;
}

#samayou_li1, #samayou_li2 {
    margin-bottom: 20px;
}




/*system 恐ろしいもの*/

.osorosiboard {
/* height: 3205px;*/
height: 3068px;   
}

.system1 .osorosi_caption{
  margin:15px auto 0px;
  width:455px;
  line-height:49px;
  background-image:url(../img/system/fear_cap.png);
}

.osorosi_txt01{
  margin:20px 0 30px 0px;
  width:617px;
  height:172px;
  background-image:url(../img/system/fear_txt01.png);
}

.osorosi_txt02{
  margin:20px 0 30px;
  width:600px;
  line-height:83px;
  background-image:url(../img/system/fear_txt02.png);
}

.osorosi_txt03{
  width:198px;
  line-height:96px;
  background-image:url(../img/system/fear_txt03.png);
}

.osorosi_txt04{
  width:201px;
  line-height:96px;
  background-image:url(../img/system/fear_txt04.png);
}

.osorosi_txt05{
  width:201px;
  line-height:96px;
  background-image:url(../img/system/fear_txt05.png);
}

.osorosi_txt06{
  margin:20px 0 30px;
  width:622px;
  line-height:112px;
  background-image:url(../img/system/fear_txt06.png);
}

.osorosi_txt07{
  margin:280px 0 30px;
  width:623px;
  line-height:113px;
  background-image:url(../img/system/fear_txt07.png);
}


.osorosi_txt08{
  width:200px;
  line-height:121px;
  background-image:url(../img/system/fear_txt08.png);
}

.osorosi_txt09{
  width:201px;
  line-height:96px;
  background-image:url(../img/system/fear_txt09.png);
}

.osorosi_txt10{
  width:200px;
  line-height:121px;
  background-image:url(../img/system/fear_txt10.png);
}

.osorosi_txt11{
  width:614px;
  line-height:71px;
  background-image:url(../img/system/fear_txt11.png);
    text-indent: -9999px;
}
.osorosi_txt12{
  width:621px;
  line-height:113px;
  background-image:url(../img/system/fear_txt12.png);
}
/*
.osorosi_txt13{
  width:608px;
  line-height:46px;
  background-image:url(../img/system/fear_txt13.png);
    position: absolute;
    top: 3125px;
    z-index: 900;
}*/




#osorosi_sub_cap01{
  margin:20px auto 0px;
  width:380px;
  line-height:41px;
  background-image:url(../img/system/fear_sub_cap01.png);
}

#osorosi_sub_cap02{
  clear: left;
    margin:240px auto 0px;
  width:300px;
  line-height:41px;
  background-image:url(../img/system/fear_sub_cap02.png);
}
#osorosi_sub_cap03{
  clear: left;
margin:20px auto 0px;
  width:234px;
  line-height:41px;
  background-image:url(../img/system/fear_sub_cap03.png);
}

#osorosi_sub_cap04 {
  clear: left;
margin:280px auto 20px;
  width:230px;
  line-height:41px;
  background-image:url(../img/system/fear_sub_cap04.png);
}

#osorosi_sub_cap04 .new {
	top: 2772px;
	left: 272px;
}


/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #osorosi_sub_cap04 .new {
	top: 2756px;
  }}


.osorosi_ul1 ul {
    margin-left:12px;
    margin-bottom: 20px;
    height: 400px;
    width: 630px;
}


.osorosi_ul2 ul {
margin-left:12px;
       margin-bottom: 20px;
    height: 430px;
    width: 630px;
}

.osorosi_ul3 {
    display: block;
    margin-bottom: 20px;
    height: 300px;
    width: 700px;
}

.osorosi_ul4 {
    display: block;
    margin-bottom: 20px;
    height: 120px;
    width: 630px;
}


.osorosi_ul5 {
    display: block;
    margin-top: -30px;
    margin-bottom: 20px;
    height: 286px;
    width: 700px;
}

.osorosi_ul6 {
    display: block;
    margin-bottom: 20px;
    margin-top: -20px;
    height: 420px;
    width: 630px;
}


.osorosi_ul7 {
    display: block;
    margin-bottom: 0px;
    height: 220px;
    width: 630px;
}


.osorosi_ul8 {
    display: block;
    margin-bottom: 20px;
    height: 90px;
    width: 630px;
}

.osorosi_ul9 {
    position: absolute;
    top: 2935px;
    z-index: 100;
}



.osorosiboard li {
float: left;
}

#osorosi_li1, #osorosi_li2 {
    width: 292px;
    margin-right: 20px;
}

#osorosi_li4 {
    width: 150px;
}

#osorosi_li5 {
       width: 150px;
    margin-left: 16px;
 }
 #osorosi_li6 {
       width: 332px;
     margin-left: -6px;
 }

#osorosi_li7,#osorosi_li8,#osorosi_li9 {
    margin-right: 10px;
    width: 200px;
}

#osorosi_li10 {
    margin-left: 130px;
    width: 388px;
}

.osorosi_ul6 {
    display: block;
    margin-bottom: 20px;
    height: 120px;
    width: 630px;
}

#osorosi_li11 {
    width: 150px;
    margin-left: 16px;
}

#osorosi_li12 {
       width: 150px;
    margin-left: 56px;
 }
 #osorosi_li13 {
       width: 332px;
     margin-left: -4px;
     /*margin-top: 30px;*/
 }



#osorosi_li14,#osorosi_li15,#osorosi_li16 {
    margin-right: 10px;
    width: 200px;
}

#osorosi_li14 .new {
	top: 1431px;
	left: 272px;
}

#osorosi_li15 .new {
	top: 1431px;
	left: 482px;
}

#osorosi_li16 .new {
	top: 1431px;
	left: 692px;
}



#osorosi_li17 {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 23px;
}

#osorosi_li18 {
    margin-right: 10px;
    width: 200px;
}


#osorosi_li18 .new {
	top: 1786px;
	left: 272px;
}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #osorosi_li14 .new {
	top: 1417px;
  }}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #osorosi_li15 .new {
    top: 1417px;
  }}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #osorosi_li16 .new {
	top: 1417px;
  }}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #osorosi_li18 .new {
	top: 1774px;
  }}

#osorosi_li19 {
    margin-left: 45px;
    margin-top: 20px;
    width: 292px;
    height: 187px;
}


#osorosi_li20 {
    margin-right: 130px;
    width: 200px;
}


#osorosi_li21 {
    margin-right: 0px;
    width: 292px;
    margin-top: 10px;
}



.osorosi_img {
    display: block;
    margin-left: 40px;
    height: 110px;
    vertical-align: middle;
}


.osorosi_img2 {
    display: block;
    margin-left: 45px;
    height: 250px;
    vertical-align: bottom;
}

.osorosi_img5 {
    display: block;
    margin-left: 60px;
    height: 250px;
    vertical-align: bottom;
}

.osorosi_img3 {
    display: block;
    margin-left: 50px;
    height: 180px;
    vertical-align: bottom;
}










/*system 夜道の探索*/
.yomitiboard {
/* height: 2085px;   */
height: 2015px;
}



.system1 .yomiti_caption{
  margin:15px auto 0px;
  width:455px;
  line-height:49px;
  background-image:url(../img/system/search_cap.png);
}

.yomiti_txt01{
  margin:20px 0px 30px;
  width:623px;
  height:82px;
  background-image:url(../img/system/search_txt01.png);
}

.yomiti_txt02{
  width:199px;
  line-height:100px;
  background-image:url(../img/system/search_txt02.png);
}

.yomiti_txt03{
  width:198px;
  line-height:100px;
  background-image:url(../img/system/search_txt03.png);
}

.yomiti_txt04{
  width:198px;
  line-height:100px;
  background-image:url(../img/system/search_txt04.png);
}

.yomiti_txt05{
  margin:20px 0 30px;
  width:602px;
  line-height:83px;
  background-image:url(../img/system/search_txt05.png);
}

.yomiti_txt06{
  width:197px;
  line-height:71px;
  background-image:url(../img/system/search_txt06.png);
}

.yomiti_txt07{
  width:198px;
  line-height:71px;
  background-image:url(../img/system/search_txt07.png);
}

.yomiti_txt08{
  width:202px;
  line-height:83px;
  background-image:url(../img/system/search_txt08.png);
}

.yomiti_txt09{
  margin:20px 0 30px;
  width:617px;
  line-height:83px;
  background-image:url(../img/system/search_txt09.png);
}

.yomiti_txt10{
  width:291px;
  line-height:96px;
  background-image:url(../img/system/search_txt10.png);
}

.yomiti_txt11{
  width:287px;
  line-height:96px;
  background-image:url(../img/system/search_txt11.png);
}

.yomiti_txt12{
  width:625px;
  line-height:113px;
    margin-bottom: 30px;
  background-image:url(../img/system/search_txt12.png);
}

.yomiti_txt13{
  width:292px;
  line-height:46px;
    margin-bottom: 14px;
  background-image:url(../img/system/search_txt13.png);
}

.yomiti_txt14{
  width:289px;
  line-height:71px;
    margin-bottom: 14px;
  background-image:url(../img/system/search_txt14.png);
}

.yomiti_txt15{
  width:288px;
  line-height:46px;
  background-image:url(../img/system/search_txt15.png);
}

.yomiti_txt16{
  width:291px;
  line-height:46px;
  background-image:url(../img/system/search_txt16.png);
    }






#yomiti_sub_cap01{
  margin:20px auto 0px;
  width:170px;
  line-height:41px;
  background-image:url(../img/system/search_sub_cap01.png);
}

#yomiti_sub_cap02{
  clear: left;
    margin:260px auto 0px;
  width:118px;
  line-height:41px;
  background-image:url(../img/system/search_sub_cap02.png);
}
#yomiti_sub_cap03{
  clear: left;
    margin:260px auto 0px;
  width:234px;
  line-height:41px;
  background-image:url(../img/system/search_sub_cap03.png);
}

#yomiti_sub_cap04{
  clear: left;
    margin:335px auto 25px;
  width:234px;
  line-height:41px;
  background-image:url(../img/system/search_sub_cap04.png);
}

#yomiti_sub_cap04 .new {
	top: 1380px;
	left: 272px;
}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #yomiti_sub_cap04 .new {
	top: 1370px;
  }}

.yomiti_ul1 ul {
margin-left:12px;
    margin-bottom: 20px;
    height: 230px;
    width: 630px;
}


.yomiti_ul2 ul {
    margin-left:12px;
    margin-bottom: 20px;
    height: 430px;
    width: 630px;
}



.yomitiboard li {
float: left;
}

#yomiti_li1, #yomiti_li2, #yomiti_li3 {
    width: 210px;
}

#yomiti_li4, #yomiti_li5, #yomiti_li6 {
    width: 210px;
}

.yomiti_img {
    display: block;
    margin-left: 40px;
    margin-bottom: 12px;
    height: 110px;
}


#yomiti_li7 {
    width: 292px;
}

#yomiti_li8 {
    margin-left: 30px;
    width: 292px;
}


/*街中の噂を辿る*/
.yomiti_ul3 {
    height: 490px;
    width: 630px;
    display: block;
    position: absolute;
    top: 1580px;
    z-index: 100;
}








/*system ゲームの流れ*/
.nagareboard {
 height: 475px;   
}


.system1 .nagare_caption{
  margin:15px auto 0px;
  width:455px;
  line-height:48px;
  background-image:url(../img/system/route_cap.png);
}

.nagare_txt01{
  margin:20px 0 30px;
  width:622px;
  height:113px;
  background-image:url(../img/system/route_txt01.png);
}

.nagare_txt02{
  width:189px;
  line-height:46px;
  background-image:url(../img/system/route_txt02.png);
}

.nagare_txt03{
  width:199px;
  line-height:46px;
  background-image:url(../img/system/route_txt03.png);
}

.nagare_txt04{
  width:200px;
  line-height:71px;
  background-image:url(../img/system/route_txt04.png);
}


#nagare_sub_cap01{
  margin:20px auto 0px;
  width:499px;
  line-height:41px;
  background-image:url(../img/system/route_sub_cap01.png);
}

/*
.nagare_pop{
  width:640px;
  margin:17px auto 35px;
  margin-left:10px;
}

.nagare_pop img{
  margin-left:12px;
}*/

.nagareboard ul {
margin-left:0px;
    height: 230px;
    width: 630px;
}

.nagareboard li {
float: left;
}


.nagareboard .arrow1 {
	z-index: 1;
	top: 322px;
	left: 447px;
}
.nagareboard .arrow2 {
	z-index: 1;
	top: 322px;
	left: 657px;
}

.arrow_right {
	position: absolute;
    background: url(../img/system/arrow_right.png) no-repeat;
	width: 65px;
	height: 52px;
}



/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .nagareboard .arrow1 {
	z-index: 1;
	top: 305px;
	left: 447px;
  }}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .nagareboard .arrow2 {
	z-index: 1;
	top: 305px;
	left: 657px;
  }}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .arrow_right {
	position: absolute;
    background: url(../img/system/arrow_right.png) no-repeat;
	width: 65px;
	height: 52px;
  }
}

#nagare_li1, #nagare_li2, #nagare_li3 {
    width: 210px;
}


/*system・概要*/
#right_box_about{
    margin-top:70px; 
    width: 773px;
    z-index: 100;
}



.system1 .caption{
  margin:15px auto 0px;
  width:455px;
  line-height:48px;
  background-image:url(../img/system/summary_cap.png);
}

#summary_txt01{
  margin:40px 0 0px 0;
  width:608px;
  line-height:53px;
  background-image:url(../img/system/summary_txt01.png);
}

#summary_txt02{
  margin:20px 0 0px 0;
  width:608px;
  line-height:113px;
  background-image:url(../img/system/summary_txt02.png);
}

#summary_txt03{
    margin:20px 0 0px 0;
  width:582px;
  line-height:81px;
  background-image:url(../img/system/summary_txt03.png);
}

#summary_txt04{
  margin:20px 0 0px;
  width:603px;
  line-height:233px;
  background-image:url(../img/system/summary_txt04.png);
}

#summary_sub_cap01{
  margin:20px auto 0px;
  width:335px;
  line-height:41px;
  background-image:url(../img/system/summary_sub_cap01.png);
}

#summary_sub_cap02{
  margin:20px auto 0px;
  width:215px;
  line-height:41px;
  background-image:url(../img/system/summary_sub_cap02.png);
}

#summary_sub_cap03{
  margin:20px auto 0px;
  width:216px;
  line-height:41px;
  background-image:url(../img/system/summary_sub_cap03.png);
}

.summary_pop{
  width:640px;
  margin:17px 0 35px 0;
}

.summary_pop img{
  margin-left:0px;
}

.summary_img2 {
  margin-left:30px;
}


/*gallery*/


.sys_right_box{
  width:640px;
  /*height:100%;*/
}


.imageboard {
 position: relative;   
}

/*#paper .middle{
  height:846px;
  margin-left:2px;
  background-image:url(../img/frame_middle.png);
  background-repeat:repeat-y;
  position: relative;
}*/


.gallery .left_box{
  position: relative;/*固定メニューのため追加f*/
  margin-left:90px;
  margin-top:100px;
  width:180px;/*212px*/
  height:100%;
}

 .left_box .side_menu1 {/*固定メニューのため追加f*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 200px;
 }

/*
.left_box .imageilust{
    width: 166px;
    height: 46px;
    background-image:url(../img/gallery/submenu_imageboard.png);
    z-index: 300;
    cursor: pointer;
}
.left_box .imageilust:hover{
    background-image:url(../img/gallery/submenu_imageboard.png);
    background-position: 0 -46px;
}
.imageilust.selected{
    background-position: 0 -46px;
}*/


.hover_imageilust{
    width: 166px;
    height: 46px;
    background-image:url(../img/gallery/submenu_imageboard.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_imageilust:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.imageilust{
    width: 166px;
    height: 46px;
    background-image:url(../img/gallery/submenu_imageboard.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.imageilust.selected{
    background-position: 0 -46px;
}



.left_box .imageilust .new{
    left:130px;
    top:-10px;
    /*visibility: hidden;*/
}


.hover_movie{
    width: 167px;
    height: 51px;
    background-image:url(../img/gallery/submenu_movie.png);
    background-position: 0 -51px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_movie:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.movie{
    width: 167px;
    height: 51px;
    background-image:url(../img/gallery/submenu_movie.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.movie.selected{
    background-position: 0 -51px;
}

.left_box .movie .new{
    left:130px;
    top:43px;
    /*visibility: hidden;*/
}

/*
.movie{
    width: 167px;
    height: 51px;
    background-image:url(../img/gallery/submenu_movie.png);
    cursor: pointer
}
.movie.selected{
    background-position: 0 -51px;
}
.movie:hover{
    background-image:url(../img/gallery/submenu_movie.png);
    background-position: 0 -51px;
}
*/

.movie2{
    width: 167px;
    height: 51px;
    background-image:url(../img/gallery/submenu_movie.png);
    cursor: pointer
}
.movie2.selected{
    background-position: 0 -51px;
}
.movie2:hover{
    background-image:url(../img/gallery/submenu_movie.png);
    background-position: 0 -51px;
}


.movie3{
    width: 167px;
    height: 51px;
    background-image:url(../img/gallery/submenu_movie.png);
    cursor: pointer
}
.movie3.selected{
    background-position: 0 -51px;
}
.movie3:hover{
    background-image:url(../img/gallery/submenu_movie.png);
    background-position: 0 -51px;
}



.gallery .imageboard .caption{
    margin:15px auto 0px;
    width:455px;
    line-height:48px;
    background-image:url(../img/gallery/imageboard_cap.png);
}


.gallery .board{
    //margin-top:40px;
}

.imageboard {
    position: relative;
    height: 970px;
}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .imageboard {
    height: 980px;    
  }}

.last_list {
    position: absolute;
    top: 830px;
    z-index: 5;
}
.last_list .new {
    top: -19px;
    left: -0px;
}

.movieboard {
 position: relative;
    height: 545px;
}


/*.g_right_box{
  margin-right:53px;
  width:640px;
  height:100%;
     position: absolute;*//*IE9のため追加*/
    /*top: 0;*//*IE9のため追加*/
    /*left: 270px;*//*IE9のため追加*/
/*}*/




.ga_right_box .items{
    margin-top: 34px;
}

.ga_right_box .items ul{
    width: 640px;
}


.ga_right_box .items ul li{
    margin:0 18px 16px 0;
    float:left;
}

.imageboard_bottom_item {
    margin:0 20px 0px 0;
}

.imageboard_middle_item .new {
 top:437px;
}

.imageboard_bottom_item .new {
 top:625px;
}


.ga_right_box .items img{
    width: 292px;
    height: 167px;
}



.gallery .movieboard .caption{
    margin-top:15px;
    margin-left: 100px;
    width:455px;
    line-height:48px;
    background-image:url(../img/gallery/movie_cap.png);
}

.items_movie {
    width: 644p: 5px;
}

.items_movie ul {
 margin-top: 30px; 
    width:680px;
}

.items_movie ul li{
    margin:0px 18px 16px 0;
    padding: 2px 2px 4px 2px;
    float:left;
    width:306px;
    height: 222px;    background:url(../img/gallery/movie_bg.png) no-repeat bottom;
}


p.movie_teaser_cap{
    width:237px;
    height: 41px;
    background-image:url('../img/gallery/movie_teaser_cap.png');
    margin-bottom: 8px;
}


p.movie_pv_cap{
    width:309px;
    height: 41px;
    background-image:url('../img/gallery/movie_pv_cap.png');
    text-indent: -9999px;
    margin-bottom: 8px;
}
p.movie_system_cap{
    width:285px;
    height: 41px;
    background-image:url('../img/gallery/movie_system_cap.png');
    text-indent: -9999px;
    margin-bottom: 8px;
}


.gallery .movie_image{
    width:302px;
    height: 170px;
    background-image:url(../img/gallery/movie_theater.png);
    margin-bottom: 0px;
}


.gallery .movie_image2{
    width:302px;
    height: 170px;
    background-image:url(../img/gallery/movie_pv.png);
}

.gallery .movie_image3{
    width:302px;
    height: 170px;
    background-image:url(../img/gallery/movie_system.png);
}
.items_movie li.under{
    margin-bottom: 0px;
}


/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .items_movie li.under {
    margin-bottom: 10px;
  }}


.gallery .movie_overlay{
    width:302px;
    height: 170px;
    opacity: 0;
}
.gallery .movie_overlay:hover{
    opacity: 1;
    transition: opacity 0.5s;
}


.items_movie .new {
    /*top: 60px;
    left: 330px;*/
    top: 303px;
    left: 0px;
}


.cboxElement{
    width: 938px;
    height: 654px;
}



/*------------------------------------------------------------------------------
 * 更新履歴
 */
#news {
	position: relative;
	width: 962px;
	margin: auto;
	}

#news #top {
	position: relative;
	background: url(../img/news_frame_top.png) no-repeat top center;
	width: 962px;
	height: 17px;
	left: 0px;
	margin-top: 0px;
}
#news #middle {
	background: url(../img/news_frame_middle.png);
	position: relative;
    width: 934px;
    padding: 5px 0px;
    left: 10px;
}
#news #bottom {
	position: relative;
	background: url(../img/news_frame_bottom.png) no-repeat top center;
	width: 962px;
	height: 14px
}
/*
#news #caption {
	position: absolute;
	background: url(../img/news_caption.png) no-repeat top center;
	width: 186px;
	height: 60px;
	top: -7px;
	left: -53px;
}*/

#news #open {
	position: absolute;
	background: url(../img/news_open.png) no-repeat top center;
	width: 99px;
	height: 19px;
	right: 35px;
	top: 22px;
	cursor: pointer;
	text-indent: -9999em;
}
#news #close {
	position: absolute;
	background: url(../img/news_close.png) no-repeat top center;
	width: 99px;
	height: 21px;
	right: 35px;
	top: 22px;
	cursor: pointer;
	text-indent: -9999em;
	display: none;
}

#news #close_contents {
	position: relative;
}
#news #open_contents {
	position: relative;
	top: 0px;
	display: none;
}
#news p {
	color: #e2ebff;
	margin-left: 17px;
}
#news #close_contents p {
}
#news #open_contents p {
}
/*
#news a {
	color: #ffd33b;
	text-decoration: underline;
	cursor: pointer;
}
#news a:hover {
	color: #ff3b69;
	text-decoration: underline;
}*/

/*special*/

.contents_box{
  display:box;
  display:-moz-box;
  display:-webkit-box;
  display: -ms-flexbox;
  width:100%;
}

.special .left_box{
  position: relative;/*固定メニューのため追加f*/
  margin-left:90px;
  margin-top:100px;
  width:180px;/*212px*/
  height:100%;
}

 .left_box .side_menu1 {/*固定メニューのため追加f*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 200px;
 }

.hover_wallpaper{
    width: 166px;
    height: 46px;
    background-image:url(../img/special/submenu_wallpaper.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_wallpaper:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.wallpaper{
    width: 166px;
    height: 46px;
    background-image:url(../img/special/submenu_wallpaper.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.wallpaper.selected{
    background-position: 0 -46px;
}
.left_box .wallpaper .new{
    left:130px;
    top:-9px;
    /*visibility: hidden;*/
}

.hover_fear{
    width: 167px;
    height: 51px;
    background-image:url(../img/special/submenu_fear.png);
    background-position: 0 -51px;
    opacity: 0;
    display: block;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_fear:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.fear{
    width: 167px;
    height: 51px;
    background-image:url(../img/special/submenu_fear.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.fear.selected{
    background-position: 0 -51px;
}

.left_box .fear .new{
    left:130px;
    top:40px;
    visibility: hidden;
}
.hover_ghost{
    width: 167px;
    height: 51px;
    display: block;
    background-image:url(../img/special/submenu_ghost.png);
    background-position: 0 -53px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_ghost:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.ghost{
    width: 167px;
    height: 51px;
    background-image:url(../img/special/submenu_ghost.png);
    z-index: 300;
}

.left_box li.ghost.selected{
    background-position: 0 -53px;
}

.left_box .ghost .new{
    left:130px;
    top:91px;
    visibility: hidden;
}
/*-- benefits --*/
.hover_benefits {
    width: 168px;
    height: 47px;
    display: block;
    background-image:url(../img/special/submenu_benefits.png);
    background-position: 0 -47px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_benefits:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.benefits{
    width: 168px;
    height: 47px;
    margin-top: 3px;
    background-image:url(../img/special/submenu_benefits.png);
    z-index: 300;
}

.left_box li.benefits.selected{
    background-position: 0 -47px;
}

.left_box .benefits .new{
    left:130px;
    top:140px;
    /*visibility: hidden;*/
}
/*-- twitter_parts --*/
.hover_twitter_parts {
    width: 167px;
    height: 46px;
    background-image:url(../img/special/submenu_twitter_parts.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_twitter_parts:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.twitter_parts{
    width: 167px;
    height: 46px;
    margin-top: 3px;
    background-image:url(../img/special/submenu_twitter_parts.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.twitter_parts.selected{
    background-position: 0 -46px;
}

.left_box .twitter_parts .new{
    left:130px;
    top:193px;
    /*visibility: hidden;*/
}
/*-- diary --*/
.hover_diary {
    width: 168px;
    height: 46px;
    display: block;
    background-image:url(../img/special/submenu_diary.png);
    background-position: 0 -46px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.hover_diary:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.5s;
}


.left_box li.diary{
    width: 168px;
    height: 46px;
    margin-top: 3px;
    background-image:url(../img/special/submenu_diary.png);
    z-index: 300;
    cursor: pointer;
}

.left_box li.diary.selected{
    background-position: 0 -47px;
}

.left_box .diary .new{
    left:130px;
    top:242px;
    /*visibility: hidden;*/
}


/*-- Twitter_parts --*/
.special .twitter_partsboard h2.caption {
    margin:15px 0 0px 90px;
    width:455px;
    line-height:46px;
    background-image:url(../img/special/twitter_parts_cap.png);
   }
.twitter_partsboard .twitter_parts {
    position: relative;
    height: 429px;
}
/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .twitter_partsboard .twitter_parts {
    height: 449px;
  }}
.twitter_parts img {
    position: absolute;
    top: 43px;
    left: 3px;
}
.twitter_partsboard .item p {
    width: 161px;
    height: 47px;
    background: url('../img/special/twitter_parts_btn.png');
    position: absolute;
    top: 156px;
    left: 230px;
}
.twitter_partsboard .item p a {
    display: block;
    width: 161px;
    height: 47px;
    background: url('../img/special/twitter_parts_btn.png') 0 -47px;
    opacity: 0;
    transition: opacity 0.5s linear;
}
.twitter_partsboard .item p a:hover {
    width: 161px;
    height: 47px;
    opacity: 1;
}


/*-- diary --*/
.special .diaryboard h2.caption {
    margin:15px 0 0px 90px;
    width:455px;
    line-height:48px;
    background-image:url(../img/special/diary_cap.png);
   }
.diaryboard .diary {
    position: relative;
    height: 639px;
}
/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .diaryboard .diary {
    height: 659px;
  }}
.diary .item ul.diarys {
    position: absolute;
    width: 640px;
    margin-top: 37px;
    margin-left: 2px;
    z-index: 300;
}
.diary .item ul.diarys li {
    margin: 0 10px 7px 0;
    float: left;
}

/*-- wallpaper --*/
.special .wallpaperboard h2.caption {
    margin:15px 0 0px 90px;
    width:455px;
    line-height:48px;
    background-image:url(../img/special/wallpaper_cap.png);
   }

.wallpapers {
    margin: 38px 0 0 57px;
    height: 1090px;
}
ul.btns {
    margin: 5px 0 3px 0;
    height: 47px;
}
ul.btns li, ul.btns li a {
    width: 161px;
    height: 47px;
    display: block;
    float: left;
    text-indent: -9999px;
}
li.btn1 {
    background: url(../img/special/wallpaper_btn_1280x1024.png) 0 0px;
    margin-right: 14px;
    }
li.btn1 a {
    background: url(../img/special/wallpaper_btn_1280x1024.png) 0 -47px;
    margin-right: 14px;
    opacity: 0;
    transition:opacity 0.5s;
}

li.btn1 a:hover {
    background: url(../img/special/wallpaper_btn_1280x1024.png) 0 -47px;
    opacity: 1;
}

li.btn2 {
    background: url(../img/special/wallpaper_btn_1600x1200.png) 0 0px;
    margin-right: 14px;
    }
li.btn2 a {
    background: url(../img/special/wallpaper_btn_1600x1200.png) 0 -47px;
    margin-right: 14px;
    opacity: 0;
    transition:opacity 0.5s;
}

li.btn2 a:hover {
    background: url(../img/special/wallpaper_btn_1600x1200.png) 0 -47px;
    opacity: 1;
}

li.btn3 {
    background: url(../img/special/wallpaper_btn_1920x1080.png) 0 0px;
    margin-right: 14px;
    }
li.btn3 a {
    background: url(../img/special/wallpaper_btn_1920x1080.png) 0 -47px;
    margin-right: 14px;
    opacity: 0;
    transition:opacity 0.5s;
}

li.btn3 a:hover {
    background: url(../img/special/wallpaper_btn_1920x1080.png) 0 -47px;
    opacity: 1;
}

.item_last {
    position: absolute;
    z-index: 10;
}