@charset "utf-8";

/* モーダルウィンドウ */

#fancybox-close {
 	width: 50px;
	height: 50px;
	background: url(../img/common/modal_close.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
}

body.special-movie #fancybox-outer #fancybox-close {
	display: none !important;
}

/****************************************
 
 トップページ

****************************************/
#nazo {
	left:50px;
	position:absolute;
	top:500px;
	z-index: 1000;
}
#wrap.top {
	padding-top: 0;
	background: #fedc3d url(../img/top/top_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.top #contents {
}
#wrap.top #contents #visual {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}
#wrap.top #contents #visual #chara {
	margin: 0 0 0 8px;
}
#wrap.top #contents #visual #chara img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/top/top_chara.png", sizingMethod="scale");
}
#wrap.top #contents #visual #titlelogo {
	position: absolute;
	top: 70px;
	right: 0;
}
#wrap.top #contents #visual #titlelogo img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/top/top_ttl.png", sizingMethod="scale");
}
#wrap.top #contents #main {
	height: 807px;
	padding-bottom: 50px;
	position: relative;
	z-index: 10;
}
#wrap.top #contents #main .box_01 {
	/* position: absolute;
	top: 505px;
	right: 0; */
	padding: 380px 0 0 550px;
	position: relative;
}
#wrap.top #contents #main .box_01 #banner {
	width: 380px;
	height: 130px;
	margin-bottom: 18px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
#wrap.top #contents #main .box_01 #banner a {
	display: block;
	width: 180px;
	height: 60px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#wrap.top #contents #main .box_01 #banner img {
	display: block;
	width: 180px;
	height: 60px;
}
#wrap.top #contents #main .box_01 #information {
	width: 370px;
	height: 360px;
	padding-top: 1px;
	margin-bottom: 18px;
	background-color: rgba(158,93,136,0.8);
	background: transparent url(../img/top/top_info_bg.png) repeat \9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
#wrap.top #contents #main .box_01 #information #info_inner {
	width: 356px;
	height: 344px;
	margin: 7px 0 0 10px;
}
#wrap.top #contents #main .box_01 #information #info_inner h2 {
	padding-bottom: 10px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #fff;
}
#wrap.top #contents #main .box_01 #information #info_inner ul {
}
#wrap.top #contents #main .box_01 #information #info_inner ul li {
	margin-bottom: 2px;
	color: #fff;
}
#wrap.top #contents #main .box_01 #information #info_inner ul li span {
	font-size: 84%;
}
#wrap.top #contents #main .box_01 #information #info_inner ul li a {
	color: #fff;
	text-decoration: none;
}
#wrap.top #contents #main .box_01 #tweets {
	height: 120px;
	margin-bottom: 15px;
	overflow: hidden;
}
#wrap.top #contents #main .box_01 #tweets iframe {
	height: 120px;
}
#wrap.top #contents #main #sns {
	padding: 0 22px 0 0;
	text-align: right;
}
#wrap.top #contents #main #sns #twitter,
#wrap.top #contents #main #sns #facebook,
#wrap.top #contents #main #sns #googleplus,
#wrap.top #contents #main #sns #hatena {
    display: -moz-inline-box;
    display: inline-block;
}
* html #wrap.top #contents #main #sns #twitter,
* html #wrap.top #contents #main #sns #facebook,
* html #wrap.top #contents #main #sns #googleplus,
* html #wrap.top #contents #main #sns #hatena {
    display: inline;
    margin-right: 3px;
    zoom: 1;  
}
*+html #wrap.top #contents #main #sns #twitter,
*+html #wrap.top #contents #main #sns #facebook,
*+html #wrap.top #contents #main #sns #googleplus,
*+html #wrap.top #contents #main #sns #hatena {
    display: inline;
    margin-right: 3px;
    zoom: 1;  
}
#wrap.top #contents #main #sns #twitter {
	width: 103px;
}
#wrap.top #contents #main #sns #facebook {
	width: 105px;
}
#wrap.top #contents #main #sns #googleplus {
	width: 62px;
}
#wrap.top #contents #main #sns #hatena {
	width: 103px;
}

#top_float_banner {
  position: absolute;
  bottom: 30px;
  left: 10px;
}
#top_float_banner:hover {
	opacity: 0.8;
}

/****************************************
 
 プロローグ

****************************************/
#wrap.introduction {
	margin-top: 50px;
	padding: 0;
	background: #1c1e40 url(../img/introduction/introduction_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.introduction #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.introduction #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.introduction #main #main_column .box_01 {
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.introduction #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.introduction #main #main_column .box_01 #headline h3 {
	padding: 27px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.introduction #main #main_column .box_01 .pic_area {
	float: right;
	padding: 20px 0 0 10px;
	margin-right: 20px;
}
#wrap.introduction #main #main_column .box_01 .pic_area .pic_01 {
	margin-bottom: 16px;
}
#wrap.introduction #main #main_column .box_01 .txt_area {
	padding: 20px 0 10px 25px;
}
#wrap.introduction #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.introduction #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}


/****************************************
 
 キャラクター

****************************************/
#wrap.character {
	background: #202e27 url(../img/character/character_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.character #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.character #main #main_column .box_01 {
	padding-bottom: 50px;
	padding-left: 21px;
	overflow: hidden;
}
#wrap.character #main #main_column .box_01 ul {
	margin-right: -19px;
}
#wrap.character #main #main_column .box_01 ul li {
	width: 158px;
	height: 264px;
	float: left;
	margin: 0 19px 17px 0;
	position: relative;
	z-index: 0;
	overflow: hidden;
	background: #ad7892;
}
#wrap.character #main #main_column .box_01 ul li.enemy_sevenhand {
	width: 690px;
}
#wrap.character #main #main_column .box_01 ul li .thumb {
	position: relative;
}
#wrap.character #main #main_column .box_01 ul li .thumb a {
	display: block;
	text-decoration: none;
}
#wrap.character #main #main_column .box_01 ul li .thumb a .chname {
	width: 130px;
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: -1;
	text-indent: -1.2em;
	padding-left: 1.2em;
}
#wrap.character #main #main_column .box_01 ul li .thumb a .pic {
	display: block;
	position: relative;
}
#wrap.character #main #main_column .box_01 ul li .thumb a .pic .cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#wrap.character #main #main_column .box_01 ul li .modal {
	display: none;
}


/****************************************
 
 システム

****************************************/
#wrap.system {
	background: #d7d7d0 url(../img/system/system/system_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.system #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.system #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
	padding-bottom: 200px;
}
#wrap.system #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.system #main #main_column .box_01 #headline h3 {
	padding: 25px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.system #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.system #main #main_column .box_01 .txt_area {
	padding: 20px 0 10px 25px;
}
#wrap.system #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.system #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}


/****************************************
 
 キャラクターメーキング

****************************************/
#wrap.charamake {
	background: #d7d7d0 url(../img/system/charactermaking/charamake_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.charamake #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.charamake #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.charamake #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.charamake #main #main_column .box_01 #headline h3 {
	padding: 27px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.charamake #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.charamake #main #main_column .box_01 .intro {
	padding: 22px 25px 0;
	margin-bottom:  22px;
}
#wrap.charamake #main #main_column .box_01 .intro p {
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .intro .ttl_area {
	margin-bottom:  22px;
}
#wrap.charamake #main #main_column .box_01 .character {
	padding: 25px 0 8px;
	margin: 0 24px 13px;
	border: 1px solid #85878c;
	background: rgba(255,255,255,0.10);
	background: transparent url(../img/system/charactermaking/box_bg_child_01.png) repeat \9;
}
#wrap.charamake #main #main_column .box_01 .character .ttl_area {
	padding: 0 25px;
	margin-bottom:  22px;
}
#wrap.charamake #main #main_column .box_01 .character .ttl_area p {
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap {
	width: 594px;
	height: 174px;
	margin: 0 auto 20px;
	background: url(../img/system/charactermaking/charamake_slide_bg.png) no-repeat;
	overflow: hidden;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap .bx-wrapper {
	padding: 12px 0 0 0;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap ul {
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap ul li {
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap ul li img {
	border: 1px solid #757575;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap .bx-wrapper .bx-controls-direction a {
	margin-top: -69px;
	z-index: 90;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap .bx-wrapper .bx-prev {
	width: 14px;
	height: 150px;
	left: -30px;
	background: url(../img/system/charactermaking/charamake_slide_arr_01.png) no-repeat;
}
#wrap.charamake #main #main_column .box_01 .character .slider_wrap .bx-wrapper .bx-next {
	width: 14px;
	height: 150px;
	right: -30px;
	background: url(../img/system/charactermaking/charamake_slide_arr_02.png) no-repeat;
}
#wrap.charamake #main #main_column .box_01 .character .hero {
	margin: 0 6px 0 33px;
	background: url(../img/system/charactermaking/charamake_box_bg_01.png) no-repeat right top;
}
#wrap.charamake #main #main_column .box_01 .character .hero .pic {
	float: left;
}
#wrap.charamake #main #main_column .box_01 .character .hero .right {
	float: right;
	width: 285px;
	margin-right: 30px;
}
#wrap.charamake #main #main_column .box_01 .character .hero .right h5 {
	padding-top: 50px;
	margin-bottom: 2px;
}
#wrap.charamake #main #main_column .box_01 .character .hero .right .txt_02 {
	padding-left: 5px;
	margin-bottom: 5px;
	line-height: 1.3;
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .character .hero .right .note {
	font-size: 84%;
	padding-left: 5px;
}
#wrap.charamake #main #main_column .box_01 .bloodcode {
	padding: 25px 0 8px;
	margin: 0 24px 13px;
	border: 1px solid #85878c;
	background: rgba(255,255,255,0.10);
	background: transparent url(../img/system/charactermaking/box_bg_child_01.png) repeat \9;
}
#wrap.charamake #main #main_column .box_01 .bloodcode .ttl_area {
	padding: 0 26px;
	margin-bottom:  22px;
}
#wrap.charamake #main #main_column .box_01 .bloodcode .ttl_area p {
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .bloodcode ul {
	padding: 0 21px;
	margin-right: -18px;
}
#wrap.charamake #main #main_column .box_01 .bloodcode ul li {
	float: left;
	padding-right: 18px;
	margin-bottom: 18px;
}
#wrap.charamake #main #main_column .box_01 .bloodcode ul li .modal {
	display: none;
}
#wrap.charamake #main #main_column .box_01 .crossblood {
	padding: 25px 0 26px;
	margin: 0 24px 25px;
	border: 1px solid #85878c;
	background: rgba(255,255,255,0.10);
	background: transparent url(../img/system/charactermaking/box_bg_child_01.png) repeat \9;
}
#wrap.charamake #main #main_column .box_01 .crossblood .ttl_area {
	padding: 0 26px;
	margin-bottom:  22px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .ttl_area p {
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .crossblood .example {
	margin: 0 21px 18px;
	padding: 10px 12px 18px;
	background: rgba(0,0,0,0.30);
	border: 1px solid #000000;
}
#wrap.charamake #main #main_column .box_01 .crossblood .example h5 {
	padding-left: 5px;
	font-size: 117%;
}
#wrap.charamake #main #main_column .box_01 .crossblood .example dl {
	margin-bottom: 5px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .example dl dt {
	float: left;
	padding-right: 10px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .example dl dd {
	overflow: hidden;
	padding-top: 15px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area {
	padding: 0 21px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area h5 {
	padding: 8px 15px;
	border-bottom: 1px solid #000;
	font-size: 134%;
	font-weight: bold;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area ul {
	padding: 10px 5px;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area ul li {
	font-size: 92%;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.8;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area .merit {
	float: left;
	width: 298px;
	background: rgba(0,0,0,0.30);
	background: transparent url(../img/system/charactermaking/box_bg_child_02.png) repeat \9;
	border: 1px solid #000000;
}
#wrap.charamake #main #main_column .box_01 .crossblood .merit_area .demerit {
	float: right;
	width: 298px;
	background: rgba(0,0,0,0.30);
	background: transparent url(../img/system/charactermaking/box_bg_child_02.png) repeat \9;
	border: 1px solid #000000;
}

#wrap #main #main_column .box_01 a.movie {
	display: block;
	background: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 120%;
	font-weight: 700;
	height:50px;
	line-height: 50px;
	border:1px solid rgba(255,255,255,0.5);
}
#wrap #main #main_column .box_01 a.movie:hover {
	background: rgba(0,0,0,1);
}
#wrap #main #main_column .box_01 a.movie:before {
	content: "　";
	width: 30px;
	height:50px;
	display: inline-block;
	background: url(../img/common/arrow.png) center center no-repeat;

}





/****************************************
 
 ミッション

****************************************/
#wrap.mission {
	background: #d7d7d0 url(../img/system/mission/mission_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.mission #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.mission #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
	padding-bottom: 200px;
}
#wrap.mission #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.mission #main #main_column .box_01 #headline h3 {
	padding: 25px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.mission #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.mission #main #main_column .box_01 .txt_area {
	padding: 20px 25px 10px;
	margin-bottom:  10px;
}
#wrap.mission #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.mission #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}
#wrap.mission #main #main_column .box_01 .txt_area p .ti01 {
	font-size: 105%;
	font-weight: 700;
}
#wrap.mission #main #main_column .box_01 .txt_area p .ti02 {
	font-weight: 700;
}
#wrap.mission #main #main_column .box_01 .pic_area {
	height: 181px;
	margin-left: 25px;
	padding-bottom: 25px;
	width: 685px;
}
#wrap.mission #main #main_column .box_01 .pic_area img {
	display: block;
	float: left;
	height: 181px;
	margin-right: 20px;
	width: 320px;
}


/****************************************
 
 アビス

****************************************/
#wrap.abyss {
	background: #d7d7d0 url(../img/system/abyss/abyss_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.abyss #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.abyss #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
	padding-bottom: 200px;
}
#wrap.abyss #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.abyss #main #main_column .box_01 #headline h3 {
	padding: 25px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.abyss #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.abyss #main #main_column .box_01 .txt_area {
	padding: 20px 25px 10px;
}
#wrap.abyss #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.abyss #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}
#wrap.abyss #main #main_column .box_01 .txt_area p .ti01 {
	font-size: 105%;
	font-weight: 700;
}
#wrap.abyss #main #main_column .box_01 .txt_area p .ti02 {
	font-weight: 700;
}
#wrap.abyss #main #main_column .box_01 .pic_area {
	height: 181px;
	margin-left: 25px;
	padding-bottom: 25px;
	width: 685px;
}
#wrap.abyss #main #main_column .box_01 .pic_area img {
	display: block;
	float: left;
	height: 181px;
	margin-right: 20px;
	width: 320px;
}


/****************************************
 
 バトルシステム

****************************************/
#wrap.battlesystem {
	background: #d7d7d0 url(../img/system/battlesystem/battlesystem_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.battlesystem #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.battlesystem #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.battlesystem #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.battlesystem #main #main_column .box_01 #headline h3 {
	padding: 25px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.battlesystem #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area {
	padding: 20px 25px 10px;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area p .ti01 {
	font-size: 105%;
	font-weight: 700;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area p .ti02 {
	font-weight: 700;
}
#wrap.battlesystem #main #main_column .box_01 .pic01 {
	height: 272px;
	margin: 20px auto;
	width: 479px;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area .pic02,
#wrap.battlesystem #main #main_column .box_01 .txt_area .pic03 {
	height: 181px;
	padding-bottom: 25px;
	width: 685px;
}
#wrap.battlesystem #main #main_column .box_01 .txt_area .pic02 img,
#wrap.battlesystem #main #main_column .box_01 .txt_area .pic03 img {
	display: block;
	float: left;
	height: 181px;
	margin-right: 20px;
	width: 320px;
}

/****************************************
 
 強化

****************************************/
#wrap.upgrade {
	background: #d7d7d0 url(../img/system/upgrade/upgrade_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.upgrade #main {
	padding-bottom: 50px;
	padding-top: 20px;
}
#wrap.upgrade #main #main_column .box_01 {
	overflow: hidden;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
	padding-bottom: 200px;
}
#wrap.upgrade #main #main_column .box_01 #headline {
	background: rgba(69,32,29,0.50);
	background: transparent url(../img/common/headline_bg_01.png) repeat \9;
}
#wrap.upgrade #main #main_column .box_01 #headline h3 {
	padding: 25px 0 20px 25px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: transparent url(../img/common/headline_bg_02.png) x-repeat top left \9;
}
#wrap.upgrade #main #main_column .box_01 .head_01 {
	margin-bottom: 3px;
	font-size: 134%;
	font-weight: bold;
}
#wrap.upgrade #main #main_column .box_01 .txt_area {
	padding: 20px 25px 10px
}
#wrap.upgrade #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.upgrade #main #main_column .box_01 .txt_area p.txt_01 {
	margin-bottom: 2em;
}
#wrap.upgrade #main #main_column .box_01 .txt_area p .ti01 {
	font-size: 105%;
	font-weight: 700;
}


/****************************************
 
 製品情報

****************************************/
#wrap.product {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.product #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.product #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.product #main #main_column .box_01 {
	padding: 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.product #main #main_column .box_01 .left {
	width: 197px;
	float: left;
}
#wrap.product #main #main_column .box_01 .left .pic {
	margin-bottom: 25px;
	text-align: center;
}
#wrap.product #main #main_column .box_01 .left .pic img {
	margin-bottom: 5px;
}
#wrap.product #main #main_column .box_01 .right {
	width: 440px;
	float: right;
}
#wrap.product #main #main_column .box_01 .right table {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #d7bdce;
	border-bottom: 2px solid #d7bdce;
}
#wrap.product #main #main_column .box_01 .right table th {
	padding: 2px 20px 2px 0;
	border-bottom: 1px solid #d7bdce;
	font-size: 117%;
	vertical-align: top;
}
#wrap.product #main #main_column .box_01 .right table td {
	padding: 2px 20px 2px 0;
	border-bottom: 1px solid #d7bdce;
	font-size: 117%;
}

/* ---------------
 20150108追記
--------------- */
#wrap.product #main #main_column .box_01 .right .special_area {
	border: 1px solid #d7bdce;
	margin-top: 25px;
	padding: 15px;
}
#wrap.product #main #main_column .box_01 .right .special_area h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 0.25em;
}
#wrap.product #main #main_column .box_01 .right .special_area p {
	margin-bottom: 1em;
}
#wrap.product #main #main_column .box_01 .right .special_area p.last {
	margin-bottom: 0;
}
#wrap.product #main #main_column .box_01 .right .special_area p.last a {
	color: #e9e9e9;
}
#wrap.product #main #main_column .box_01 .right .special_area ul {
	padding: 0 5px 1em;
}
#wrap.product #main #main_column .box_01 .right .special_area ul li {
	float: left;
	width: 50%;
	line-height: 1.6;
	text-align: left;
}

/* ---------------
 20150209追記
--------------- */
#wrap.product #main #main_column .box_01 .themesong {
	border-top: 2px solid #d7bdce;
	border-bottom: 2px solid #d7bdce;
	xmargin-top: 25px;
	padding: 10px;
}
#wrap.product #main #main_column .box_01 .themesong .themesong_data {
	float: left;
	width: 450px;
}
#wrap.product #main #main_column .box_01 .themesong .themesong_data p {
	margin-bottom: 20px;
}
#wrap.product #main #main_column .box_01 .themesong .themesong_data p span {
	display: inline-block;
	font-size: 220%;
	line-height: 1.4;
	padding-bottom: 10px;
}
#wrap.product #main #main_column .box_01 .themesong .themesong_image {
	float: right;
	text-align: right;
	width: 190px;
}

/* ---------------
 20150403追記
--------------- */
#wrap.product #main #main_column .box_01 .genteitokuten {
	border-top: 2px solid #d7bdce;
	margin-top: 25px;
	padding: 10px;
}
#wrap.product #main #main_column .box_01 .genteitokuten .genteitokuten_data {
	float: left;
	width: 430px;
}
#wrap.product #main #main_column .box_01 .genteitokuten .genteitokuten_data p {
	margin-bottom: 20px;
}
#wrap.product #main #main_column .box_01 .genteitokuten .genteitokuten_data p span.h1 {
	display: inline-block;
	font-size: 220%;
	line-height: 1.4;
	padding-bottom: 5px;
}
#wrap.product #main #main_column .box_01 .genteitokuten .genteitokuten_data p span.h2 {
	display: inline-block;
	font-size: 160%;
	line-height: 1.3;
	padding-bottom: 5px;
}
#wrap.product #main #main_column .box_01 .genteitokuten .genteitokuten_image {
	float: right;
	text-align: right;
	width: 210px;
}


/****************************************
 
 初回購入特典

****************************************/
#wrap.reserve {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.reserve #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.reserve #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.reserve #main #main_column .box_01 {
	padding: 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.reserve #main #main_column .box_01 .intro {
	margin-bottom:  22px;
}
#wrap.reserve #main #main_column .box_01 .intro h3 {
	font-size: 125%;
	font-weight: 700;
}
#wrap.reserve #main #main_column .box_01 .intro p {
	font-size: 117%;
	margin-bottom: 15px;
}
#wrap.reserve #main #main_column .box_01 .intro p.note,
#wrap.reserve #main #main_column .box_01 .intro p.copyright {
	font-size: 100%;
}
#wrap.reserve #main #main_column .box_01 .intro p span.emphasis {
	color: #c00;
	font-size: 150%;
	font-weight: 700;
}
#wrap.reserve #main #main_column .box_01 .intro h4 {
	font-size: 105%;
	font-weight: 700;
}
#wrap.reserve #main #main_column .box_01  ul.list {
	list-style-type: disc;
	padding-left:20px;
}

#wrap.reserve #main #main_column .box_01 .specialcharacter {
}
#wrap.reserve #main #main_column .box_01 .specialcharacter ul {
	margin-right: -18px;
}
#wrap.reserve #main #main_column .box_01 .specialcharacter ul li {
	float: left;
	padding-right: 26px;
	margin-bottom: 26px;
}
#wrap.reserve #main #main_column .box_01 .specialcharacter ul li .modal {
	display: none;
}


/****************************************
 
 店舗特典

****************************************/
#wrap.shop {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.shop #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.shop #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.shop #main #main_column .box_01 {
	padding: 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.shop #main #main_column .box_01 .intro {
	margin-bottom:  22px;
}
#wrap.shop #main #main_column .box_01 .intro p {
	font-size: 117%;
	margin-bottom: 15px;
}
#wrap.shop #main #main_column .box_01 h3 {
	font-size: 180%;
	margin-top: 10px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus,
#wrap.shop #main #main_column .box_01 .shop_bonus2 {
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li,
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li {
	display: block;
	float: left;
	font-size: 80%;
	margin-bottom: 15px;
	padding: 5px;
	text-align: center;
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li {
	height: 260px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li {
	height: 240px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li img,
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li img {
	display: block;
	height: 209px;
	margin-bottom: 5px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li.size1,
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li.size1 {
	width: 148px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li.size2,
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li.size2 {
	width: 296px;
}
#wrap.shop #main #main_column .box_01 .shop_bonus ul li.mr13,
#wrap.shop #main #main_column .box_01 .shop_bonus2 ul li.mr13 {
	margin-right: 13px;
}
#wrap.shop #main #main_column .box_01 .note {
	color: #f1f1f1;
	font-size: 95%;
	margin-top: 5px;
}

/****************************************
 
 ムービー

****************************************/
#wrap.movie {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.movie #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.movie #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.movie #main #main_column .box_01 {
	padding: 25px 25px 300px 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}

#wrap.movie #main #main_column .box_01 .movie_area {
}
#wrap.movie #main #main_column .box_01 .movie_area ul {
	margin-right: -18px;
}
#wrap.movie #main #main_column .box_01 .movie_area ul li {
	float: left;
	padding-right: 19px;
	margin-bottom: 20px;
}
#wrap.movie #main #main_column .box_01 .movie_area ul li h3 {
	display: block;
	line-height: 2.0;
	width: 320px;
}
#wrap.movie #main #main_column .box_01 .movie_area ul li .modal {
	display: none;
}


/****************************************
 
 イベント情報

****************************************/
#wrap.event {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.event #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.event #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.event #main #main_column .box_01 {
	padding: 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.event #main #main_column .box_01 .txt_area {
	padding-bottom: 10px;
}
#wrap.event #main #main_column .box_01 .txt_area p {
	margin-bottom: 1em;
	font-size: 117%;
}
#wrap.event #main #main_column .box_01 .txt_area h3 {
	font-size: 125%;
	font-weight: 700;
}
#wrap.event #main #main_column .box_01 .txt_area h3 span.emphasis {
	color: #c00;
	font-size: 150%;
	font-weight: 700;
}
#wrap.event #main #main_column .box_01 .txt_area h4 {
	font-size: 105%;
	font-weight: 700;
}
#wrap.event #main #main_column .box_01 .pic_area {
	margin-left: 25px;
	padding-bottom: 30px;
	width: 685px;
}
#wrap.event #main #main_column .box_01 .pic_area img {
	display: block;
	float: left;
	margin-right: 20px;
}



/****************************************
 
 プレイレポート

****************************************/
#wrap.playreport {
	margin-top: 50px;
	padding: 0;
	background: #202e27 url(../img/spec/spec_main_bg.jpg) no-repeat;
	background-position: center top, center center;
	background-size: cover;
	-ms-behavior: url(/backgroundsize.min.htc);
}
#wrap.playreport #main {
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrap.playreport #main #main_column {
	width: 710px;
	float: right;
	margin-right: 24px;
}
#wrap.playreport #main #main_column .box_01 {
	padding: 25px;
	background: rgba(0,0,0,0.62);
	background: transparent url(../img/common/box_bg_01.png) repeat \9;
}
#wrap.playreport #main #main_column .box_01 .report_area {
	padding: 10px;
	border-bottom: 2px solid #d7bdce;
}
#wrap.playreport #main #main_column .box_01 .report_area:last-child {
	border-bottom: none;
}
#wrap.playreport #main #main_column .box_01 .report_area h3 {
	font-size: 125%;
	font-weight: 700;
}
#wrap.playreport #main #main_column .box_01 .report_area h3 span.emphasis {
	color: #c00;
	font-size: 150%;
	font-weight: 700;
}
#wrap.playreport #main #main_column .box_01 .report_area .report_right {
	float: right;
	width: 385px;
	display: table;
	height: 300px;
}
#wrap.playreport #main #main_column .box_01 .report_area .report_right .inner {
	display: table-cell;
	vertical-align: middle;
	padding-bottom:20px;
}
#wrap.playreport #main #main_column .box_01 .report_area .report_right p {
	margin-bottom: 20px;
}
#wrap.playreport #main #main_column .box_01 .report_area .report_right p span {
	display: inline-block;
	font-size: 220%;
	line-height: 1.4;
	padding-bottom: 10px;
}
#wrap.playreport #main #main_column .box_01 .report_area .report_left {
	float: left;
	text-align: left;
	width: 255px;
}