@charset "utf-8";

/********************************
		= contents base
********************************/

#wrapper {
	width: 100%;
    min-width: 1200px;
	height: auto;
}

.contents {
    width: 100%;
    margin: 0 auto;
    background: url(../img/bg_black.png) repeat;
    z-index: 1;
    height: auto;
    text-align: center;
}

/*----- clearfix -----*/

.contents:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .contents             { zoom: 1; } /* IE6 */
*:first-child+html .contents { zoom: 1; } /* IE7 */

.contents_slider {
    width: 100%;
    display: block;
    position: relative;
    float: left;
}

.section {
	margin: 0 auto;
	width: 1200px;
	height: auto;
}

.section:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .section            { zoom: 1; } /* IE6 */
*:first-child+html .section { zoom: 1; } /* IE7 */

.inner_contents {
    width: 100%;
    height: 642px;
    padding-top: 18px;
    position: relative;
    float: left;
    text-align: left;
}

/********************************
		= header
********************************/

#head {
	background-color: #FFF;
	width: 100%;
    min-width: 1200px;
	height: 52px;
	margin: 0 auto;
	padding-top: 10px;
    z-index: 99;
}

#header_box{
	background-color: #FFF;
	width: 100%;
    min-width: 1200px;
	height: 52px;
	margin: 0 auto;
	padding-top: 10px;
    z-index: 99;
}

#inner_header {
   	margin: 0 auto;
    width: 1200px;
    height: 50px;
    z-index: 99;
}

#logo,#ps4,#cero {
    white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

#logo {
	width: 53px;
	height: 45px;
	margin-left: 34px;
	background-image: url(../img/logo_alvion.png);
	float: left;
}

#ps4 {
	width: 170px;
	height: 45px;
	margin-left: 6px;
	background-image: url(../img/ps4.png);
	float: left;
}

#cero {
	width: 29px;
	height: 36px;
	margin-left: 8px;
	margin-top: 4px;
	background-image: url(../img/cero.png);
	float: left;
}

#sound {
	width: 49px;
	height: 34px;
	margin-left: 607px;
	margin-top: 11px;
	float: left;
}

#bgmcom {
	float: left;
}

#icon {
	width: 119px;
	height: 25px;
	margin-left: 27px;
	margin-top: 16px;
	float: left;	
}

#icon ul {
}

#icon li,#lang li {
	float: left;
}

#icon li.i2 {
	margin-left: 21px;
}

#lang {
	width: 74px;
	height: 22px;
	margin-left: 10px;
	margin-top: 19px;
	float: left;
	background-image: url(../img/lang_bg.png);
}

/********************************
		= main_slider
********************************/

#index .swiper-wrapper {
    width: 1200px;
    height: 582px;
}

#index .swiper-container {
    width: 1200px;
    height: 582px;
}

#index .swiper-slide {
    width: 1200px;
    height: 582px;
	position: relative;
}


#swipe_right {
    width: 1200px;
    height: 582px;
	position: relative;
}


.link_about a {
	width: 598px;
	height: 291px;
	position: absolute;
	background: url(../img/m_about.png) 0 0 no-repeat;
}

.link_about {
	width: 598px;
	height: 291px;
	position: absolute;
	background: url(../img/m_about_on.png) 0 0 no-repeat;
}

.link_about a:hover {
	background: none;
}

.link_story {
	width: 598px;
	height: 291px;
	position: absolute;
    top: 291px;
    left: 0;
  	background-image: url(../img/m_story_on.png);
}

.link_story a {
	width: 598px;
	height: 291px;
	position: absolute;
    top: 0;
    left: 0;
	background: url(../img/m_story.png) 0 0 no-repeat;
}

.link_story a:hover {
	background: none;
}


.link_character {
	width: 602px;
	height: 216px;
	position: absolute;
	left: 598px;
	top: 0px;
	background-image: url(../img/m_character_on.png);
}

.link_character a {
	width: 602px;
	height: 216px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../img/m_character.png);
}

.link_character a:hover {
	background: none;
}

.link_system {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 598px;
	top: 216px;
	background-image: url(../img/m_system_on.png);
}

.link_system a {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/m_system.png);
}

.link_system a:hover {
	background: none;
}

.link_movie {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 899px;
	top: 216px;
	background-image: url(../img/m_movie_on.png);
}

.link_movie a {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/m_movie.png);
}

.link_movie a:hover {
	background: none;
}

.link_special {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 598px;
	top: 400px;
	background-image: url(../img/m_special_on.png);
}

.link_special a {
	width: 301px;
	height: 184px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/m_special.png);
}

.link_special a:hover {
	background: none;
}

.link_support {
	width: 301px;
	height: 182px;
	position: absolute;
	left: 899px;
	top: 400px;
	background-image: url(../img/m_support_on.png);
}

.link_support a {
	width: 301px;
	height: 182px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/m_support.png);
}

.link_support a:hover {
	background: none;
}

/*----- first trailer -----*/
.first_trailer {
    width: 444px;
    height: 307px;
    background: url(../img/trailer01_bg.png) center 0 no-repeat;
    position: absolute;
    top: 294px;
    left: 709px;
}

.first_trailer .samnail {
    width: 272px;
    height: 153px;
    position: absolute;
    top: 82px;
    left: 166px;
    z-index: 99;
}

.first_trailer .chibi {
    width: 230px;
    height: 210px;
    position: absolute;
    top: 74px;
    left: 0px;
    background: url(../img/trailer01_chara.png) center 0 no-repeat;
    z-index: 999;
}

.patchi_update {
    width: 334px;
    height: 80px;
    position: absolute;
    top: 460px;
    left: 44px;
    z-index: 1000;
}

.release {
    width: 671px;
    height: 214px;
    position: absolute;
    top: 369px;
    right: 47px;
    background: url(../img/available.png) center 0 no-repeat;
    z-index: 999;
}

.release_sale {
    width: 671px;
    height: 214px;
    position: absolute;
    top: 369px;
    right: 47px;
    background: url(../img/available_sale.png) center 0 no-repeat;
    z-index: 999;
}


.psstore {
    width: 272px;
    height: 56px;
    position: absolute;
    top: 503px;
    right: 223px;
    z-index: 1000;
}

/********************************
		= index
********************************/

#index #wrapper {
  	background: url(../img/bg.png) center 0 repeat-y;
}

#information {
    display: block;
	width: 738px;
	height: auto;
/*	background-color: #FFF;
*/	margin: 0 auto;
    padding: 12px 0 12px 36px;
    float: left;
    position: relative;
}

.news_tag {
    width: 71px;
    height: 20px;
	background: url(../img/news.png) center center no-repeat;
    white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	display: inline-block;
    margin: 0;
    position: absolute;
    left: 36px;
}

.news {
    width: 650px;
    height: 20px;
    text-align: left;
    position: relative;
    overflow: hidden;
	background: url(../img/bg_news.png) 0 0 repeat-y;
    margin: 20px 0 0 0;
    float: left;
}

.news ul {
    margin-top: 2px;
    width: 100%;
    position: relative;
}
 
.news ul li {
    width: 100%;
    display: none;
	font-weight: bold;
    line-height: 16px;
    color: #000;
}

.news_more {
    margin: 20px 0 0 0;
    width: 60px;
    height: 20px;
    float: left;
}

#twitter_box {
    display: block;
    padding: 12px 26px 12px 0;
    width: 400px;
    height: 252px;
/*    background-color: #fff;
*/    float: left;
}

.twitter-timeline {
    background-color: #0f2350;
}

.latest {
    width: 265px;
    height: 160px;
    position: absolute;
    bottom: 0;
    right: 20px;
}

.link_box {
    width: 428px;
    margin: 20px 0 0 0;
    float: left;
}

.link_box img {
    float: left;
    margin: 0px 18px 5px 0;
}

.bun_gakuen {
    width: 196px;
    height: 59px;
    padding: 0px 196px 0 0;
}

.dlc_box {
    float: left;
    width: 290px;
    margin: 62px 20px 0 0;
    text-align: right;
}

/********************************
		= footer
********************************/

#footer {
/*	width: 1200px;*/
	width: 100%;
/*    min-width: 1200px;
*/
	height: auto;
	background-color: #000;
	margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: solid  #FFF 1px;
    overflow: hidden;
}

#footer p {
    color: #FFF;
    font-size: 9px;
    line-height: 15px;
}

#under {
	width: 100%;
	height: 50px;
	background-color: #000;
	margin: 0 auto;
    text-align: center;
}


/********************************
		= navigation
********************************/

.navi_wrap{
    width:100%;
    height: 58px;
	background-color: #000;
}

.navi {
	width: 1200px;
	height: 58px;
	background-color: #000;
	margin: 0 auto;
    text-align: center;
}

.navi h1{
	background: url(../img/logo_malicious.png) 0 2px no-repeat;
    width: 148px;
    height: 54px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 50px;
    float: left;
}

.navi ul {
    padding-top: 16px;
}

.navi li {
    margin-left: 37px;
    float: left;
}

.navi li:first-child {
    float: left;
    margin-left: 22px;
}

.navi .non {
  	background: url(../img/n_00.png) center 0 no-repeat;
    width: 92px;
    height: 26px;
}

/********************************
		= news
********************************/

#news_list .contents .listbox {
}

#news_list .slider {
    margin: 0 auto;
    width: 600px;
    height: 700px;
	position: relative;
}

#news_list .outer {
	width: 600px;
	height: 700px;
	overflow: hidden;
	position: relative;
}

#news_list .inner {
	position: absolute;
    width: 100%;
	top: 0;
	left: 0;
}

#news_list .sliderBar {
	width: 4px;
	height: 0;
	position: absolute;
	top: 0;
	right: -15px;
}

#news_list .sliderBack {
	width: 4px;
	height: 0;
	position: relative;
	background: #666;
}

#news_list .sliderKnob {
	width: 10px;
	height: 0;
	position: absolute;
	top: 0;
	left: -3px;
	background: #ccc;
}

#news_list .contents dl {
    text-align: left;
    font-size: 14px;
    margin: 30px 0 0 0;
}

#news_list .contents dt {
    color: #fff;
}

#news_list .contents dd {
    width: 80%;
    color: #fff;
    line-height: 20px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #000;
}

/********************************
		= about
********************************/

#about .swiper-container {
    width: 1200px;
    height: 700px;
}

#about .swiper-slide {
    width: 1200px;
    height: 700px;
}

.box_ab {
    width: 100%;
    height: 687px;
    padding-top: 13px;
    position: relative;
    z-index: 1;
}

/*----- about01 -----*/
#about01 .box_ab {
  	background: url(../img/about/bg_about01.png) 0 0 no-repeat;
}

#about .contents .swiper-slide p {
    position: absolute;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#about01 .text_ab01 {
	background: url(../img/about/tab_about01.png) 0 0 no-repeat;
    width: 740px;
    height: 240px;
    top: 48px;
    left: 230px;
}

#about01 .text_ab02 {
	background: url(../img/about/text_about01_01.png) 0 0 no-repeat;
    width: 570px;
    height: 232px;
    top: 321px;
    left: 320px;
}

#about01 .text_ab03 {
	background: url(../img/about/text_about01_02.png) 0 0 no-repeat;
    width: 1100px;
    height: 50px;
    top: 594px;
    left: 50px;
}

/*----- about02 -----*/
#about02 .box_ab {
  	background: url(../img/about/bg_about02.png) 0 0 no-repeat;
}

#about02 .text_tab {
	background: url(../img/about/tab_about02.png) 0 0 no-repeat;
    width: 420px;
    height: 135px;
    top: 4px;
    left: 68px;
}

#about02 .text_ab01 {
	background: url(../img/about/text_about02_01.png) 0 0 no-repeat;
    width: 420px;
    height: 50px;
    top: 179px;
    left: 68px;
}

#about02 .text_ab02 {
	background: url(../img/about/text_about02_02.png) 0 0 no-repeat;
    width: 55px;
    height: 405px;
    top: 100px;
    left: 1018px;
}

#about02 .text_ab03 {
	background: url(../img/about/text_about02_03.png) 0 0 no-repeat;
    width: 1100px;
    height: 50px;
    top: 594px;
    left: 50px;
}

/*----- about03 -----*/
#about03 .box_ab {
  	background: url(../img/about/bg_about03.png) 0 0 no-repeat;
}

#about03 .text_tab01 {
	background: url(../img/about/tab_about03_01.png) 0 0 no-repeat;
    width: 420px;
    height: 135px;
    top: 23px;
    left: 113px;
}

#about03 .text_tab02 {
	background: url(../img/about/tab_about03_02.png) 0 0 no-repeat;
    width: 420px;
    height: 135px;
    top: 23px;
    left: 660px;
}


#about03 .text_ab01 {
	background: url(../img/about/text_about03_01.png) 0 0 no-repeat;
    width: 520px;
    height: 40px;
    top: 171px;
    left: 340px;
}

#about03 .text_ab02 {
	background: url(../img/about/text_about03_02.png) 0 0 no-repeat;
    width: 1100px;
    height: 50px;
    top: 594px;
    left: 50px;
}

#about03 .text_ab03 {
	background: url(../img/about/text_about03_03.png) 0 0 no-repeat;
    width: 1100px;
    height: 50px;
    top: 594px;
    left: 50px;
}

/*----- about04 -----*/
#about04 .box_ab {
  	background: url(../img/about/bg_about04.png) 0 0 no-repeat;
}

#about04 .text_tab {
	background: url(../img/about/tab_about04.png) 0 0 no-repeat;
    width: 420px;
    height: 135px;
    top: 4px;
    left: 68px;
}

#about04 .text_ab01 {
	background: url(../img/about/text_about04_01.png) 0 0 no-repeat;
    width: 570px;
    height: 50px;
    top: 102px;
    left: 591px;
}

#about04 .text_ab02 {
	background: url(../img/about/text_about04_02.png) 0 0 no-repeat;
    width: 425px;
    height: 125px;
    top: 466px;
    left: 43px;
}

#about04 .text_ab03 {
	background: url(../img/about/text_about04_03.png) 0 0 no-repeat;
    width: 1100px;
    height: 50px;
    top: 594px;
    left: 50px;
}

/********************************
		= story
********************************/

#story h2 {
    margin: 0 0 10px 80px;
}

#story h3, #story p {
    margin: 0 0 15px 90px;
}

#story .story_ss {
    width: 336px;
    height: 242px;
    position: absolute;
    top: 424px;
    left: 800px;
    z-index: 999;
}

#story .story_ss h3 {
    margin: 0 0 5px 5px;
    height: 25px;
    text-align: left;
}

#story .story_ss ul {
	margin: 0;
}

#story .story_ss li {
    width: 144px;
    height: 81px;
	margin: 0 12px 25px 12px;
    float: left;
}



/********************************
		= character
********************************/

#character .inner_contents {
    z-index: 1;
}

#character .swiper-container {
    width: 1200px;
    height: 642px;
}

#character .swiper-slide {
    width: 1200px;
    height: 642px;
    position: relative;
}

#character h2 {
    margin: 0 0 28px 0;
    z-index: 99;
}

.details {
    width: 540px;
    margin: 60px 0 0 90px;
    z-index: 999;
    overflow: hidden;
}

.details ul.select {
    margin: 0 276px 0 0;
    width: 264px;
    height: 48px;
}

.details ul li {
    float: left;
}

.details p {
    margin: 91px 0 37px 0;
    z-index: 999;
}

.details img {
    z-index: 999;
}


.details p.player {
    margin: 15px 0 37px 0;
}

.details ul.ss li {
    margin: 0 0 0 13px;
    float: left;
    z-index: 999;
}

.img {
    position: absolute;
    width: 790px;
    height: 635px;
    top: 5px;
    right: 0;
    z-index: -1;
}

.swiper-slide .img {
    position: absolute;
    width: 790px;
    height: 635px;
    top: 5px;
    right: -40px;
    z-index: -1;
}

#character .swiper-slide .img {
    z-index: -1;
}

/********************************
		= system
********************************/

#system h2 {
    margin-left: 442px;
    margin-top: 0px;
}

#system .inner_contents p {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

/*----- battle -----*/
.text_sys01 {
	background: url(../img/system/text_battle_01.png) 0 0 no-repeat;
    width: 470px;
    height: 41px;
    margin-top: 20px;
    margin-left: 365px;
}

.text_sys02 {
	background: url(../img/system/text_battle_02.png) 0 0 no-repeat;
    width: 314px;
    height: 34px;
    margin-top: 10px;
    margin-left: 443px;
}

#system .battle_ss {
    margin: 10px 0 0 124px;
    text-align: center;
}

#system .battle_ss ul {
    text-align: center;
}

#system .battle_ss li {
    border: solid  #FFF 1px;
    float: left;
    margin: 5px;
}

/*----- action -----*/
#system .swiper-container {
    width: 1200px;
    height: 590px;
    margin-top: -102px;
}

#system .swiper-slide {
    width: 1200px;
    height: 590px;
}

#system .box01 {
    width: 1060px;
    height: auto;
    margin: 97px auto 0 auto;
    position: relative;
}

.text_action01 {
   	background: url(../img/system/text_action_01.png) 0 0 no-repeat;
    width: 402px;
    height: 115px;
    margin: 0;
}

.ss_action01 {
    top: 0;
    left: 402px;
    position: absolute;
}

.text_action02 {
   	background: url(../img/system/text_action_02.png) 0 0 no-repeat;
    width: 402px;
    height: 70px;
    top: 205px;
    left: 0;
    position: absolute;
}

.ss_action02 {
    top: 275px;
    left: 0;
    position: absolute;
}

.text_action03 {
   	background: url(../img/system/text_action_03.png) 0 0 no-repeat;
    width: 402px;
    height: 69px;
    top: 205px;
    left: 538px;
    position: absolute;
}

.ss_action03 {
    top: 275px;
    left: 538px;
    position: absolute;
}

#system .box02 {
    width: 1060px;
    height: auto;
    margin: 36px auto 0 auto;
    position: relative;
}

.text_action04 {
   	background: url(../img/system/text_action_04.png) 0 0 no-repeat;
    width: 402px;
    height: 90px;
    top: 0;
    left: 0;
    position: absolute;
}

.ss_action04 {
    top: 90px;
    left: 0;
    position: absolute;
}

.text_action05 {
   	background: url(../img/system/text_action_05.png) 0 0 no-repeat;
    width: 420px;
    height: 90px;
    top: 0;
    right: 0;
    position: absolute;
}

.ss_action05 {
    top: 90px;
    right: 0;
    position: absolute;
}

.text_action06 {
   	background: url(../img/system/text_action_06.png) 0 0 no-repeat;
    width: 350px;
    height: 55px;
    top: 306px;
    left: 360px;
    position: absolute;
}

.ss_action06 {
    top: 366px;
    left: 208px;
    position: absolute;
}

.ss_action07 {
    top: 366px;
    left: 548px;
    position: absolute;
}

/*----- aura -----*/
.text_aura01 {
	background: url(../img/system/text_aura_01.png) 0 0 no-repeat;
    width: 402px;
    height: 95px;
    top: 159px;
    left: 85px;
    position: absolute;
}

.ss_aura01 {
    top: 254px;
    left: 85px;
    position: absolute;
}

.text_aura02 {
	background: url(../img/system/text_aura_02.png) 0 0 no-repeat;
    width: 402px;
    height: 95px;
    top: 159px;
    left: 713px;
    position: absolute;
}

.ss_aura02 {
    top: 254px;
    left: 600px;
    position: absolute;
}

/*----- costume -----*/
.text_cos01 {
	background: url(../img/system/text_costume.png) 0 0 no-repeat;
    width: 950px;
    height: 48px;
    margin: 0 0 0 125px;
}

#system .cos_list ul {
    text-align: center;
    margin: 0 0 0 90px;
}

#system .cos_list li {
    float: left;
    margin: 0;
}

/********************************
		= movie
********************************/

#movie h2 {
    padding: 40px 0 45px 90px;
    text-align: left;
}

ul.movie_list {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0;
    margin: 115px 0 0 0;
}

ul.movie_list li {
    width: 272px;
    display: inline-block;
    margin: 0 0 0 50px;
    position: relative;
}

ul.movie_list li:first-child {
    margin: 0;
}


ul.movie_list li .label {
    margin: 25px 0 0 0;
}

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

/*----- novels -----*/

#special h2 {
    margin: 40px 0 35px 120px;
    float: left;
}

.text_sp01 {
    float: left;
    margin: 90px 0 58px 77px;
}

#special ul.novels {
    width: 100%;
    height: 380px;
    float: left;
}

#special ul.novels li {
    float: left;
    margin-left: 72px;
}

#special ul.novels li:first-child {
    float: left;
    margin-left: 142px;
}

/*----- novels chapter -----*/

#novel .inner_contents {
    padding-top: 5px;
    text-align: center;
}

.chapter_list {
    margin: 0 auto;
}

.chapter_list h2 {
    margin: 40px auto;
}

.chapter_list h3 {
	background: url(../img/special/novel/contents.png) 0 0 no-repeat;
    display: block;
    width: 100px;
    height: 40px;
    margin: 0 auto 30px auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.chapter_list li {
    margin: 0 auto 30px auto;
}

.novel_box {
  	background: url(../img/special/novel/bg_novel.png) 70px 65px no-repeat;
    display: block;
    width: 1130px;
    height: 645px;
	position: relative;
}

.novel_box h2 {
    margin: 0 0 0 20px;
    text-align: left;
    float: left;
}

.novel_box h3 {
    margin: 0 0 0 20px;
    padding: 25px 0 0 0;
    text-align: left;
}

#novel .swiper-container {
   	position: absolute;
    width: 1020px;
    height: 540px;
    top: 90px;
    left: 90px;
}

#novel .swiper-slide {
    width: 1020px;
    height: 540px;
	position: relative;
}

/*----- wallppaper -----*/

.paper_list {
    display: block;
    position: relative;
}

.paper_list li {
    width: 296px;
    float: left;
    text-align: center;
    margin: 0 0 0 78px;
}

.samnail {
    width: 100%;
    height: 166px;
}

.size_menu {
    margin: 20px 63px 0 63px;
}

.size_menu li {
    width: 170px;
    margin: 0;
    position: relative;
}

.size_menu li a{
    display: block;
    height: 28px;
    padding: 7px 0 0 0;
    background: #075B73;
    text-align: center;
    border: 1px solid #fff;
}

.size_menu li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 35px;
  left: 0;
  margin: 0;
  padding: 0;
}

.size_menu li ul li{
  width: 168px;
  text-align: center;
}

.size_menu li ul li a{
    display: block;
    width: 100%;
    height: 27px;
    padding: 8px 0 0 0;
    background: #075B73;
    border-top: 1px solid #fff;
}

.size_menu li:hover > a{
  background: #C57A00;
}

.size_menu li a:hover{
  background: #C57A00;
}

.size_menu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}

.size_menu li:hover ul li {
  overflow: visible;
  height: 36px;
}

/*----- twitter -----*/

#special .box_left {
    width: 700px;
    height: 510px;
    float: left;
}

.box_left h3 {
    margin: 50px auto 26px auto;
    text-align: center;
}

.box_left ul {
    width: 492px;
    margin: 0 auto;
}

.box_left li {
    width: 93px;
    margin: 26px 0 30px 40px;
    float: left;
}

.box_left li:first-child {
    margin: 26px 0 30px 0;
    float: left;
}

.box_left li .dl {
    margin: 33px auto 0 auto;
}

#special .box_right {
    width: 500px;
    height: 510px;
    float: left;
}

.box_right h3 {
    margin: 0px 82px 28px 70px;
    text-align: left;
}

.box_right ul {
    width: 390px;
    margin: 0 0;
}

.box_right li {
    width: 390px;
    margin: 13px 0 0 0;
}

.box_right li:first-child {
    margin: 0 0;
}

.box_right li .dl {
    margin: 0 0 22px 33px;
}

/*----- sound -----*/

.sound_left {
    width: 492px;
    height: auto;
    float: left;
}


.sound_left p {
    margin: 23px 0 50px 90px;
    float: left;
}

.sound_right {
    width: 618px;
    height: auto;
    margin-top: 20px;
    float: left;
}

.sound_right h2 {
    margin: 40px 0 35px 120px;
    float: left;
}

.sound_right h3 {
    margin: 20px 0 40px 0;
    text-align: center;
}

.sound_right ul {
    width: 482px;
    margin: 0 auto;
    border-top: solid  #FFF 1px;
}

.sound_right li.active {
	background: url(../img/special/sound/bg_sound.png) 0 0 repeat-y; 
}

.sound_right .track {
    border-bottom: solid  #FFF 1px;
    width: 482px;
    height: 31px;
    position: relative;
    cursor: pointer;
}

.sound_right .btn {
    width: 25px;
    height: 25px;
    margin: 3px 0 0 62px;
    display: block;
    position: absolute;
    z-index: 9999;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

.sound_right .btn.on {
	background: url(../img/special/sound/bt_play.png) 0 0 no-repeat;
}

.sound_right .btn.off {
	background: url(../img/special/sound/bt_pause.png) 0 0 no-repeat;
}

#special .sound_right li span {
    width: 314px;
    height: 25px;
    margin: 3px 0 0 106px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    z-index: 999;
}

#s01 span {
	background: url(../img/special/sound/music_01.png) 0 0 no-repeat;
}
#s02 span {
	background: url(../img/special/sound/music_02.png) 0 0 no-repeat;
}
#s03 span {
	background: url(../img/special/sound/music_03.png) 0 0 no-repeat;
}
#s04 span {
	background: url(../img/special/sound/music_04.png) 0 0 no-repeat;
}
#s05 span {
	background: url(../img/special/sound/music_05.png) 0 0 no-repeat;
}
#s06 span {
	background: url(../img/special/sound/music_06.png) 0 0 no-repeat;
}
#s07 span {
	background: url(../img/special/sound/music_07.png) 0 0 no-repeat;
}
#s08 span {
	background: url(../img/special/sound/music_08.png) 0 0 no-repeat;
}
#s09 span {
	background: url(../img/special/sound/music_09.png) 0 0 no-repeat;
}
#s10 span {
	background: url(../img/special/sound/music_10.png) 0 0 no-repeat;
}
#s11 span {
	background: url(../img/special/sound/music_11.png) 0 0 no-repeat;
}
#s12 span {
	background: url(../img/special/sound/music_12.png) 0 0 no-repeat;
}
#s13 span {
	background: url(../img/special/sound/music_13.png) 0 0 no-repeat;
}
#s14 span {
	background: url(../img/special/sound/music_14.png) 0 0 no-repeat;
}
#s15 span {
	background: url(../img/special/sound/music_15.png) 0 0 no-repeat;
}
#s16 span {
	background: url(../img/special/sound/music_16.png) 0 0 no-repeat;
}

/********************************
		= support
********************************/

#support dl {
    width: 560px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center;
}

#support .contents img.over {
    margin-top: 27px;
}

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

#support p.text01{
    margin-top: 46px;
}

#support p.text02{
	margin-top: 20px;
	margin-bottom: 39px;
}

#support p.text03{
    margin-top: 9px;
    padding-bottom: 49px;
}

/********************************
		= dlc
********************************/

#dlc .inner_box {
    width: 100%;
    padding-top: 18px;
    position: relative;
    float: left;
    text-align: center;
}

#dlc .swiper-container {
    width: 1200px;
    height: 493px;
}

#dlc .swiper-slide {
    width: 1200px;
    height: 493px;
}


#dlc .inner_box h2 {
    margin: 0 0 6px 0;
}

.dlc_list ul {
    width: 1011px;
    margin: 0 auto;
}

.dlc_list li {
    width: 305px;
    float: left;
    margin: 20px 0 0 32px;
}

.dlc_list li.first {
    margin: 20px 0 0 110px;
}

.dlc_list li .name {
    width: 305px;
    height: 67px;
}

.dlc_list .dlc_cotents {
    width: 305px;
    height: 129px;
    position: relative;
}

.dlc_list .dlc_cotents .dlc_sam {
    position: absolute;
    top: 5px;
    left: 0;
}

.dlc_list .dlc_cotents .dlc_text {
    position: absolute;
    bottom: -5px;
    right: 0;
}

#dlc02 .dlc_list li {
    width: 549px;
    float: left;
    margin: 50px 231px 0 231px;
}

#dlc02 .dlc_list .dlc_cotents {
    width: 549px;
    height: 129px;
    position: relative;
}