@charset "utf-8";

/* ----------------------------------------------------------
Reset
---------------------------------------------------------- */
:focus		{outline: 0!important}

/* ----------------------------------------------------------
Wrap Setting
---------------------------------------------------------- */
#wrap				{width:1220px; margin:0 auto; text-align:center;}
#story #wrap		{background:url(../_img/story/story_bg.png) top center no-repeat #000;}
#character #wrap	{background:url(../_img/character/character_bg.png) top center no-repeat #000;}
#monster #wrap		{background:url(../_img/monster/monster_bg.png) top center no-repeat #000;}
#system #wrap		{background:url(../_img/system/system_bg.png) top center no-repeat #000;}
#movie #wrap		{background:url(../_img/movie/movie_bg.png) top center no-repeat #000;}
#gallery #wrap		{background:url(../_img/gallery/gallery_bg.png) top center no-repeat #000;}
#screen #wrap		{background:url(../_img/gallery/gallery_bg.png) top center no-repeat #000;}
#artwork #wrap		{background:url(../_img/gallery/gallery_bg.png) top center no-repeat #000;}
#fourpieces #wrap		{background:url(../_img/gallery/gallery_bg.png) top center no-repeat #000;}
#trial #wrap		{background:url(../_img/trial/trial_bg.png) top center no-repeat #000;}
#hd #wrap		{background:url(../_img/hd/hd_bg_01.png) top center no-repeat #000;}

/* ----------------------------------------------------------
header Setting
---------------------------------------------------------- */
#header				{height:200px;background:url(../_img/common/header_bg.jpg) no-repeat center top; position:relative;}
.header-navi		{width:100%;height:auto;padding:0;margin:0;}

h1 {
	width:94px;
	float:left;
	padding:23px 0 0 9px;
}
/*social
.list-social		{width:30%;position:absolute;right:0;top:20px;z-index:10;}
.list-social li 	{float:left;vertical-align:middle;margin: 0 0 0 10px;}
.list-social li.tw 	{width: 100px;}

	/*ie
	*html .list-social			{width:42%;position:absolute;right:20px;top:20px;z-index:10000;}
	*html .list-social li.tw 	{margin-right:-25px}

/*cvLogo
ul#navi li.cvLogo div.menu		{width:210px; height:200px;text-indent:-9999px; margin:-65px 0 0; padding:0; background:none; cursor:pointer; position:relative}
ul#navi li.cvLogoi a div.menu	{width:210px; height:200px;display:block;overflow:hidden;text-indent:-9999px; margin:0; padding:0; cursor:pointer; position:relative}

	/*ie6
	*html ul#navi li img					{margin:-2px -2px 0}
	*html ul#navi li.cvLogo div.menu		{margin-left:-10px; margin-right:20px}
	*html ul#navi							{margin:0!important}
	*html ul#navi li.cvLogo a div.menu		{ margin-left:-10px; margin-right:20px}

	/*ie7
	*+html ul#navi li img					{margin:-2px -2px 0}
	*+html ul#navi							{margin:0!important}
	*+html ul#navi li.cvLogo div.menu		{margin-left:-10px; margin-right:20px}
	*+html ul#navi li.cvLogo a div.menu		{margin-left:-10px; margin-right:20px}
*/

/* ----------------------------------------------------------
Contents Setting
---------------------------------------------------------- */
/*contents*/
#contents			{position:relative; margin:0 auto;}

/*breadcrumbs*/
.breadcrumbs					{width:950px;margin:-50px auto 0;padding:0;text-align:left;position:relative; }
.breadcrumbs p.title			{color:#aaaaaa;text-align:left; position:absolute; margin-left:5px}
.breadcrumbs p.title a:link,
.breadcrumbs p.title a:visited,
.breadcrumbs p.title a:active	{color:#aaaaaa;text-decoration:underline}
.breadcrumbs p.title a:hover	{color:#aaaaaa;text-decoration:none}

/*section*/
.section					{width:100%;text-align:center;padding:40px 0 40px}
.section .section-inner		{width:1220px; margin:0 auto; text-align:center}
.section .section-body		{width:950px; padding:10px 0 0; margin:0 auto;text-align:left; position:relative}

/* ----------------------------------------------------------
Sstory
---------------------------------------------------------- */
.story .story-box			{padding:8px 0 30px!important}

/* ----------------------------------------------------------
Character
---------------------------------------------------------- */
.character .title-box img		{margin:0; padding:0}
.character .character-box		{padding:8px 0 30px;margin:0 -15px; text-align:center}
.character .character-list 		{width:242px;height:371px;display:inline-block;/display:inline;/zoom:1;vertical-align:top; text-align:center;margin:0 -2px 0 1px}
*html .character .character-list		{margin:0 2px 0 1px!important}/*ie6*/
*html .character .character-list li		{margin:0!important}/*ie6*/
.character .character-list img			{width:242px;height:371px;}

/* ----------------------------------------------------------
Monster
---------------------------------------------------------- */
.monster .title-box img				{margin:0; padding:0}
.monster .monster-box				{padding:20px 0; margin:0 -12px}
.monster .monster-list						{width:225px;min-height:126px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;text-align:center;margin:0 0 12px 15px; position:relative}
*html .monster .monster-list				{margin:0 0 12px 18px;}/*ie6*/
*+html .monster .monster-list				{margin:0 0 12px 18px}/*ie7*/
.monster .monster-list p.images				{width:225px;height:165px;background:null;}
.monster .monster-list p.images.new			{width:225px;height:165px;background:url(../_img/common/icon_new.png) 98% 0 no-repeat;}
.monster .monster-list p.images.comingsoon	{width:225px;height:126px;background:none}
*html .monster .monster-list p.images.new	{background:url(../_img/common/ie6/icon_new.png) 97% 0 no-repeat;}/*ie6*/
.monster .monster-list p.images img				{width:225px;height:165px;margin:8px 0;}
.monster .monster-list p.images.comingsoon img	{width:225px;height:126px!important;margin:0;}

/* ----------------------------------------------------------
system
---------------------------------------------------------- */
.system .title-box img		{margin:0; padding:0}
.system .system-box			{padding:20px 0 40px;background:url(../_img/system/system_divider.png) bottom center no-repeat;}
.system .system-box.last	{background:none;}
.system .system-box h3		{padding:10px 0;}
.system .box-media				{float:left;width:410px; height:auto; margin:-2px 0 0 5px;border:1px solid #9d9c94}
.system .box-images				{float:left;width:410px; height:auto; margin:0 0 0 5px;}
.system .box-text				{float:left;width:460px; text-align:left; margin-left:50px;}
.system .box-text p.text			{text-align:left; color:#fff; height:105px}
.system .box-text ul.thumb-list				{margin:0 2px}
.system .box-text ul.thumb-list li 			{display:inline-block;/display:inline;/zoom:1; vertical-align:top; text-align:center; margin:0 -2px}
*html .system .box-text ul.thumb-list li	{margin:0}/*ie6*/
.system .box-text ul.thumb-list	li img  	{width:223px; height:133px; border:1px solid #9d9c94}
#system .system-inner			{padding:0;width:640px!important;height:360px!important;margin:0 auto; background:transparent!important}
#system .system-inner iframe	{background:transparent!important}

/* ----------------------------------------------------------
Movie
---------------------------------------------------------- */
.movie .title-box img		{margin:0; padding:0}
.movie .movie-box			{padding:20px 0; margin:0 -12px}
.movie .movie-list			{width:230px;height:180px;display:inline-block;/display:inline;/zoom:1;vertical-align:top; text-align:center;margin:0 0 12px 10px; position:relative}
*html .movie .movie-list	{margin:0 0 12px 13px}/*ie6*/
*+html .movie .movie-list	{margin:0 0 12px 13px}/*ie7*/
.movie .movie-list img		{width:230px;height:180px; border:none}
#movie .movie-inner			{padding:0;width:640px!important;height:360px!important;margin:0 auto; background:transparent!important}
#movie .movie-inner iframe	{background:transparent!important}

/* ----------------------------------------------------------
Gallery
---------------------------------------------------------- */
/*gallery*/
.gallery .title-box img				{margin:0; padding:0}
.gallery .nav-inner					{width:100%;text-align:center; margin:20px auto 0}
.gallery .nav-body					{width:950px;text-align:center; padding:10px 0 0; margin:0 auto}
.gallery .gallery-nav-list			{width:950px;height:34px;margin:0 auto; padding:0 ; position:relative; background:url(../_img/gallery/nav_bg.png) top center no-repeat;}
ul.gallery-nav-list li				{display:inline-block;/display:inline;/zoom:1; vertical-align:middle;margin:0 -2px; padding:3px 0 0}
*html .gallery .gallery-nav-list	{margin:0!important}/*ie6*/
*html ul.gallery-nav-list li		{margin:0!important}/*ie6*/
*+html .gallery .gallery-nav-list	{margin:0!important}/*ie7*/
*+html ul.gallery-nav-list li		{margin:0!important}/*ie7*/

/*screenshot*/
.gallery .screen-box						{padding:20px 0; margin:0 -12px}
.gallery .screen-list						{width:230px;height:140px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;text-align:center;margin:0 0 12px 10px; position:relative}
*html .gallery .screen-list					{margin:0 0 12px 13px}/*ie6*/
*+html .gallery .screen-list				{margin:0 0 12px 13px}/*ie7*/
.gallery .screen-list p.images				{width:230px;height:140px;background:null;}
.gallery .screen-list p.images.new			{width:230px;height:140px;background:url(../_img/common/icon_new.png) 97% 0 no-repeat;}
*html .gallery .screen-list p.images.new	{background:url(../_img/common/ie6/icon_new.png) 97% 0 no-repeat;}/*ie6*/
.gallery .screen-list p.images img			{width:230px;height:140px;margin:7px 0;}

/*artwork*/
.gallery .artwork-box						{padding:20px 0; margin:0 -12px}
.gallery .artwork-list						{width:230px;height:140px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;text-align:center;margin:0 0 12px 10px; position:relative}
*html .gallery .artwork-list				{margin:0 0 12px 13px}/*ie6*/
*+html .gallery .artwork-list				{margin:0 0 12px 13px}/*ie7*/
.gallery .artwork-list p.images				{width:230px;height:140px;background:null;}
.gallery .artwork-list p.images.new			{width:230px;height:140px;background:url(../_img/common/icon_new.png) 97% 0 no-repeat;}
*html .gallery .artwork-list p.images.new	{background:url(../_img/common/ie6/icon_new.png) 97% 0 no-repeat;}/*ie6*/
.gallery .artwork-list p.images img			{width:230px;height:140px;margin:7px 0;}

/*fourpieces*/
.gallery .manga h3							{margin:0 0 -25px -5px; padding:0}
.gallery .chara h3							{margin:0 0 -25px -5px; padding:0}
.gallery .fourpieces-box					{padding:20px 0; margin:0 -12px}
.gallery .fourpieces-list					{width:235px;height:200px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;text-align:center;margin:0 0 12px 5px; position:relative}
*html .gallery .fourpieces-list				{margin:0 0 12px 8px}/*ie6*/
*+html .gallery .fourpieces-list			{margin:0 0 12px 8px}/*ie7*/
.gallery .fourpieces-list a					{color:#fff;text-decoration:none!important}
.gallery .fourpieces-list p.images				{width:235px;height:175px;background:null;}
.gallery .fourpieces-list p.images.new			{width:235px;height:175px;background:url(../_img/common/icon_new.png) 95% 0 no-repeat;}
*html .gallery .fourpieces-list p.images.new	{background:url(../_img/common/ie6/icon_new.png) 97% 0 no-repeat;}/*ie6*/
.gallery .fourpieces-list p.images img			{width:235px;height:168px;margin:7px 0;}
.gallery .fourpieces-list p.caption				{text-align:left; margin:5px 0 0 5px}

/* ----------------------------------------------------------
Trial
---------------------------------------------------------- */
.trial 									{color: #fff;}
.trial a 								{color: #fff;}
.trial .title-box img		{margin:0; padding:0}
.trial .trial-box h3,
.trial .trial-box h4		{margin:0 0 15px}
.trial .movie-box			{padding:15px 0 25px; margin:0 -12px}
.trial .movie-list			{width:225px;height:135px;display:inline-block;/display:inline;/zoom:1;vertical-align:top; text-align:center;margin:0 0 12px 10px; position:relative}
*html .trial .movie-list	{margin:0 0 12px 13px}/*ie6*/
*+html .trial .movie-list	{margin:0 0 12px 13px}/*ie7*/
.trial .movie-list img		{width:225px;height:135px; border:none}
.trial .link-list-01 li		{background:url(../_img/trial/icon_01.png) 10px 6px no-repeat; padding-left: 30px; margin-bottom: 5px;}
.trial .list-notice-01 li	{}
.trial .list-notice-01 li span	{color: #990000;}

.trial p.text,
.trial .link-list-01,
.trial .list-notice-01{margin-bottom: 15px;}

/* ----------------------------------------------------------
Hd
---------------------------------------------------------- */
#hd #contents					{color: #FFF;}
#hd a 							{color: #fff;}
#hd .hdg-03						{margin-bottom: 12px;}
#hd .hdg-04						{margin-bottom: 14px;margin-left: -7px;}
#hd p.text						{margin-bottom: 10px;}
#hd p.text-02						{margin-bottom: 25px;}
#hd .hd-logo					{text-align: left;margin-left: -20px;margin-bottom: 25px;}
#hd .image-left				{margin-bottom:20px;zoom:1;}
#hd .image-left .image{padding-right:10px;float:left;}
#hd .image-left .col	{overflow:hidden;zoom:1;}
#hd .image-left:after	{display:block;clear:both;height:0;visibility:hidden;content:".";}
#hd .hd-box						{padding:0; margin:0 -8px 30px}
#hd .hd-list					{width:229px;height:139px;display:inline-block;/display:inline;/zoom:1;vertical-align:top; text-align:center;margin:0 0 12px 7px; position:relative}
#hd .hd-list img			{width:229px;height:139px; border:none}
#hd #contents					{background:url(../_img/hd/hd_bg_02.jpg) no-repeat center bottom;}
#hd .coming-soon p		{padding-top: 70px;text-align: center;}
#hd .list-notice	{margin-bottom: 25px;}
#hd .list-notice dt	{padding:0 24px 0 1.5em;text-indent: -1.5em;background:url(../_img/hd/dot_bg.gif) right 50% no-repeat;float:left}
#hd .list-notice dt span	{color:#c00;padding-right: 0.2em;}
#hd .list-notice dd:after	{display:block;clear:both;height:0;visibility:hidden;content:".";}
#hd .link-list-01 li		{background:url(../_img/trial/icon_01.png) 10px 6px no-repeat; padding-left: 30px; margin-bottom: 5px;}
#hd .link-list-01{margin-bottom: 15px;}

/* ----------------------------------------------------------
Footer Setting
---------------------------------------------------------- */
#footer .information .spec p.btn img 		{margin:0 0 8px -5px;}