@charset "utf-8";
/* --------------------------------------------------
	Since : 2015/09/11
	Version: 1.0
 --------------------------------------------------- */

/*
===== CONTENTS ================================================================================

	1: Base Style Setting
		: Reset
		: Base Setting
		: Font Setting
		: Finding Setting
	2: Huck
	3: Layout Setting
		: main-layout
		: header
		: footer
		: navi
		: sidebar
		: entry
		: option
	4: Contents
		: top
		: category

===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Reset
==========================================================*/
* {
	padding:0;
	margin:0;
}
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-weight:normal;
	clear:both;
	}


/* Base Setting
==========================================================*/
blockquote {
	margin:10px;
	padding:10px;
	text-align:left;
	background:#f4f4f4;
	}
	
hr {
	border:dotted #ccc;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:7px 0;
	clear:both;
	}

a {color:#ff0000;text-decoration:none;}
a:hover {text-decoration:underline; }

table { font-size:1em; }
	
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,"メイリオ";
	font-size:1em;
	line-height:160%;
	color:#222;
	background:url(../image_r/bg_base.jpg) repeat center top;
	}


/* Font Setting
==========================================================*/
.fontCgray   {color:#888;}
.fontCorange {color:#f93;}
.fontCred    {color:#f00;}
.fontCwhite  {color:#fff;}
.fontCblue   {color:#000066;}
.fontCgreen  {color:#006600}
.fontCpink   {color:#e93069;}
.fontCpurple {color:#a644ff;}
.fontCcyan   {color:#3aa;}

.fontSlarge   {font-size:1.2em;}
.fontSnomal   {font-size:1em;}
.fontSsmall   {font-size:0.8em;}


/* Finding Setting
==========================================================*/
h1 {
	font-size:2em;
	text-align:center;
	line-height:160%;
	}
h2 {
	font-size:1.1em;
	margin-bottom:20px;
	padding-top:10px;
	}

h3 {
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
	}
	
h4 {
	margin-bottom:5px;
	}
	
h5 {
	}


/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#container:after,
div#wrapper:after,
div#content:after,
div#sidebar:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content,
* html div#sidebar  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar  {display:block;}
/* end MacIE5 */


/* Safariのフォントサイズを変更
==========================================================
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}*/


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
a:hover img.opaNone {
	opacity:1;
	filter: alpha(opacity=100);
	}



/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
div#container {
	text-align:center;
	margin: 0 auto;
	background:url(../image_r/bg_cat_top.jpg) repeat-x bottom center;
	background-size:1210px auto;
	/*overflow: hidden;*/
	}
	body.pageChero div#container{ background:url(../image_r/bg_cat_hero.jpg) no-repeat top center fixed; background-size:cover;}
	body.pageCstory div#container{ background:url(../image_r/bg_cat_story.jpg) no-repeat top center fixed; background-size:cover;}
	body.pageCsys div#container{ background:url(../image_r/bg_cat_sys.jpg) no-repeat top center fixed; background-size:cover;}
	body.pageCnews div#container{ background:url(../image_r/bg_cat_news.jpg) no-repeat top center fixed; background-size:cover;}
	body.pageCgallery div#container{ background:url(../image_r/bg_cat_gallery.jpg) no-repeat top center fixed; background-size:cover;}
	body.pageCpage div#container{ background:url(../image_r/bg_cat_news.jpg) no-repeat top center fixed; background-size:cover;}
	
div#wrapper {
	height:850px;
	width:100%;
	top:0;
	background:url(../image_r/top_image.jpg?=20160708) no-repeat top center;
    background-color: #fff;  
	}
div#content {
	text-align:left;
	/*
	width:1024px;
	*/
	}
	body#page-top div#content {
	/*margin-top:490px;*/
	}

div.section {
	margin:0 auto;
	margin-bottom:20px;
	position:relative;
	}

div.sectionB {
	margin:0 auto;
	position:relative;
	}

div.section1024 {
	width:1032px;
	margin:0 auto;
	}

/* header 
==========================================================*/
div#header {
	position:relative;
	width:100%;
	z-index:20;
	}
	
div#headerInner {
	width:991px;
	height:86px;
	margin:0 auto;
	background:url(../image_r/bg_globalmenu.png) no-repeat;
	}

/* header(過去お知らせ用)
==========================================================*/
ul#ulSns{
	background:url(../image_r/bg_sns.png) no-repeat right;
	height:26px;
	width:940px;
	margin:0 auto;
	text-align:right;
	padding-right:15px;
	}
ul#ulSns li {
	padding-right:10px;
	padding-top:3px;
	display:inline-block;
	*display: inline;
	*z-index:1;
	}
	
/* Global menu
------------------------------------*/
ul#globalMenu {
	width:100%;
	height:86px;
	display:block;
	text-align:center;
	padding-top:17px;
	}
	ul#globalMenu li {
		list-style:none;
		margin:0;
		padding:0;
		display: inline-block;  
		*display: inline;  
		*zoom: 1; 
		width:154px;
		height:53px;
		background:url(../image_r/menu.png) no-repeat 0 0;
		}
	ul#globalMenu li a {
		height:63px;
		display:block;
		cursor:pointer;
		text-indent:-9999px;
		border:none;
		}
	
	ul#globalMenu li#menuTop 		{ background-position:6px 0px;		}
	ul#globalMenu li#menuSystem 	{ background-position:-148px 0px;	}
	ul#globalMenu li#menuStory  	{ background-position:-302px 0px;	}
	ul#globalMenu li#menuHero 		{ background-position:-456px 0px;	}
	ul#globalMenu li#menuGallery 		{ background-position:-610px 0px;	}
	ul#globalMenu li#menuMovie 		{ background-position:-610px 0px;	}
	ul#globalMenu li#menuNews 		{ background-position:-763px 0px;	}

	ul#globalMenu li#menuTop.active		{ background-position:6px -53px;	}
	ul#globalMenu li#menuSystem.active 	{ background-position:-148px -53px;	}
	ul#globalMenu li#menuStory.active  	{ background-position:-302px -53px;	}
	ul#globalMenu li#menuHero.active	{ background-position:-456px -53px;	}
	ul#globalMenu li#menuMovie.active 	{ background-position:-610px -53px;	}
	ul#globalMenu li#menuGallery.active 	{ background-position:-610px -53px;	}
	ul#globalMenu li#menuNews.active	{ background-position:-763px -53px;	}
	

/* footer
==========================================================*/
div#footer2 {
	width:100%;
	position:relative;
}
div#footerInner2 {
	background:url(../image_r/bg_footer_new.png) repeat-x bottom;
	height:252px;
	z-index:10;
	}
div#footerContent2 {
	background:url(../image_r/footer_info.jpg) no-repeat top center;
	width:780px;
	height:116px;
	text-align:center;
	margin:0 auto;
	padding:10px;
	position:relative;
	top:25px;
	}
ul#ulFmenu2 {
	text-align:center;
	margin:8px auto 0px;
	}
	ul#ulFmenu2 li {
		display:inline-block;
		*display: inline;
		*z-index:1;
		background:url(../image_r/arr.png) no-repeat left center;
		padding-left:16px;
		margin-left:10px;
		}
	ul#ulFmenu2 li a {
		color:#200703;
		}
ul#ulSns2 {
	height:70px;
	text-align:center;
	margin:18px auto -7px;
	}
	ul#ulSns2 li {
		display:inline-block;
		*display: inline;
		*z-index:1;
		}
	ul#ulSns2 li img{
		width:90%;
		}
div#copyright2 {
	margin-bottom:-26px;
	padding:10px 0 8px;
	text-align:center;
	background:#161616;
	}

/* footer(過去お知らせ用)
==========================================================*/
div#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
}

div#footerInner {
	background:url(../image_r/bg_footer.png) repeat-x bottom;
	height:132px;
	z-index:10;
	}
	
div#footerContent {
	width:1024px;
	text-align:left;
	margin:0 auto;
	height:132px;
	position:relative;
	}
	div#footerContent p {
		padding-top:24px;
		}
div#btnContact {
	width:288px;
	height:39px;
	position:absolute;
	top:50px;
	right:0;
	}

ul#ulFmenu {
	text-align:right;
	position:absolute;
	bottom:8px;
	right:0;
	}
	ul#ulFmenu li {
		display:inline-block;
		*display: inline;
		*z-index:1;
		background:url(../image_r/arr.png) no-repeat left center;
		padding-left:16px;
		margin-left:10px;
		}
	ul#ulFmenu li a {
		color:#200703;
		}

div#copyright {
	padding:5px;
	text-align:center;
	background:#161616;
	}
	
/* navi
==========================================================*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 20px;
	padding: 5px;
	cursor: pointer;
}	
			
/* option
==========================================================*/
.b8 { margin-bottom:8px; }
.b10 { margin-bottom:10px; }
.b20 { margin-bottom:20px; }
.t-15 { margin-top:-20px; }
.t-30 { margin-top:-30px; }
	
/* table
==========================================================*/
table.tbl-normal {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	line-height:160%;
	font-size:12px;
	margin-bottom:15px;
	}

table.tbl-normal tr {
	}
	
table.tbl-normal th{
	border-bottom:#f9ebd1 2px solid;
	letter-spacing:1px;
	width:150px;
	font-weight:bold;
	white-space:nowrap;
	color:#fff;
	text-align:center;
	background-color: rgba(0,0,0,0.9);
	* background-color:#111;
	}
	
	
table.tbl-normal td{
	border-bottom:#f9ebd1 2px solid;
	text-align:left;
	letter-spacing:1px;
	padding:1px 5px 1px 10px;
	color:#fff;
	background-color: rgba(0,0,0,0.8);
	* background-color:#333;
	}
	
table.tbl-normal tr.trNone th,
table.tbl-normal tr.trNone td {
	background:none;
	display:inline-block;
	}
	
/* form
==========================================================*/
form.contactForm {
	margin-bottom:40px;
	width:640px;
	margin:0 auto;
	}
	
form.contactForm input[type='text'],
form.contactForm textarea{ 
	border:none;
	padding:10px;
	-webkit-box-shadow:5px 5px 6px rgba(0,0,0,0.4) inset;
  	-moz-box-shadow:5px 5px 6px rgba(0,0,0,0.4) inset;
    box-shadow:5px 5px 6px rgba(0,0,0,0.4) inset;
	width:640px;
	margin-bottom:15px;
	}

form.contactForm textarea {
	min-height:120px;
	}
	
form.contactForm button {
	background:none;
	border:none;
	padding:0;
	margin:0;
	}
	form.contactForm button img:hover{
	opacity:0.6;
	filter: alpha(opacity=60);	
	cursor:pointer;
	}

div.contactBtnArea {
	margin-bottom:40px;
	text-align:center;
	}
	
div.contactBtnArea img {
	margin:0 30px;
	vertical-align:middle;
	}
	
ul.ulNone {
	list-style:none !important;
	padding-left: 1em !important;
	text-indent: -1em !important;
	}
	
div#contactFin {
	text-align-center;
	padding-top:40px;
	margin-bottom:40px;
	}


/* 4: Contents
----------------------------------------------------------------------------------------------*/
/* top
==========================================================*/
div#boxDownload {
	position:relative;
	margin:0 auto;
	margin-top:518px;
	width:1024px;
	height:140px;
	background:url(../image_r/app_icon.png) no-repeat 27px 6px;
	z-index:5;
	}
.dl_badge {
	margin:0 auto;
	margin-left:750px;
	position:relative;
	z-index:5;
	}
div#movie {
	position:relative;
	margin-top:10px;
	float:right;
	margin-right:18px;
	z-index:5;
	}
	div#movie a {
		width:416px;
		height:122px;
		display:block;
		background:url(../image_r/icon_promo_r.png) no-repeat center top;
		cursor:pointer;
		}
	div#movie a:hover {
		background:url(../image_r/icon_promo.png?=20160708) no-repeat center top;
		}
div#main_banner {
	margin-top:10px;
	float:right;
	margin-right:18px;
	}
	div#main_banner a {
		width:416px;
		height:122px;
		display:block;
		background:url(../image_r/top_mainbnr.png) no-repeat center top;
		cursor:pointer;
		}
	div#main_banner a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		}
ul#ulDownload {
	text-align:center;
	position:absolute;
	}
	ul#ulDownload li {
		display:inline-block;
		*display: inline;
		*z-index:1;
	}
	ul#ulDownload .mozi {
		width:214px;
		height:27px;
		margin:0 auto;
		position:absolute;

		top:72px;
		font-weight:bold;
		color:#004869;
		text-shadow: 0px 1px 3px #fff, 1px 0px 3px #fff, -1px 0px 3px #fff, 0px -1px 3px #fff, -1px -1px 3px #fff, 1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff;
		-webkit-text-shadow:  0px 1px 3px #fff, 1px 0px 3px #fff, -1px 0px 3px #fff, 0px -1px 3px #fff, -1px -1px 3px #fff, 1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff;
		-moz-text-shadow: 0px 1px 3px #fff, 1px 0px 3px #fff, -1px 0px 3px #fff, 0px -1px 3px #fff, -1px -1px 3px #fff, 1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff;
		-o-text-shadow:  0px 1px 3px #fff, 1px 0px 3px #fff, -1px 0px 3px #fff, 0px -1px 3px #fff, -1px -1px 3px #fff, 1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff;
	}
div.top_line{
	margin:0 auto;
	/*position:relative;*/
	top:526px;
	width:100%;
	height:27px;
	background:url(../image_r/top_line.png) repeat-x top center;
	}
div.top_line:before{
	margin:0 auto;
	position:relative;
	display:block;
	top:-19px;
	width:307px;
	height:35px;
	content:url(../image_r/top_line_deco.png);
	}
div#boxNews {
	position:relative;
	margin:0 auto;
	margin-top:-481px;
	left:-210px;
	background:url(../image_r/bg_newslist.png) no-repeat top center;
	height:170px;
	width:563px;
	color:#fff;
	box-sizing: border-box;
	}
div#boxNews a {
	color:#fff;
	}
div.newsBodyWrapper {
	padding:40px 30px 0 30px;
	color:#fff;
	font-weight:bold;
	}

ul#ulTopbnr {
	position:relative;
	text-align:center;
	margin:-10px auto;
	left:-212px;
	width:570px;
	}
	ul#ulTopbnr li {
	display:inline-block;
	*display: inline;
	*z-index:1;
	vertical-align:top;
	margin-left:4px;
	margin-bottom:8px;
	}

div.newsBody {
	float:left;
	width:450px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	}
div.newsMore {
	width:90px;
	float:right;
	text-align:right;
	}
div.newsMore a{
	color:#fff;
	}

div#boxTwitter {
	position:relative;
	margin:0px auto;
	/*margin-top:-496px;*/
	left:288px;
	background:url(../image_r/box_twitter.png) no-repeat top center;
	width:420px;
	height:494px;
	color:#fff;
	box-sizing: border-box;
	padding:62px 18px;
	}
	
div#tweetArea {
	width:376px;
	}
	
div#boxEvent {
	float:right;
	background:url(../image_r/box_event.png) no-repeat;
	width:467px;
	height:490px;
	text-align:center;
	padding-top:60px;
	box-sizing: border-box;
	}
	
ul.ulBanner {
	}
	ul.ulBanner li {
		list-style:none;
		}
		
div#topSlide {
	/*position:relative;*/
	margin:40px auto;
	border-style: solid;
	border-width: 40px 40px 40px 40px;
	-webkit-border-image: url(../image_r/top_about_border.png)40 40 40 40 fill stretch;
	-moz-border-image: url(../image_r/top_about_border.png)40 40 40 40 fill stretch;
	-o-border-image: url(../image_r/top_about_border.png)40 40 40 40 fill stretch;
	border-image: url(../image_r/top_about_border.png)40 40 40 40 fill stretch;
	width:780px;
	height:500px;
	}
div#topSlide:before {
	content:url(../image_r/top_about_title.png);
	position:absolute;
	width:780px;
	height:42px;
	text-align:center;
	margin:-52px auto 0;
	}
	div#topSlide li {
		list-style:none;
		text-align:center;
		margin:0px auto;
		}
	div#topSlide img{
		margin-bottom:15px;
  box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -o-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
	}
		
/* category
==========================================================*/
div#categoryTitle {
	height:131px;
	width:1024px;
	margin:20px auto 0;
	position:relative;
	text-align:center;
	}
div#logoCat {
	position:absolute;
	top:-24px;
	left:30px;
	}
	div#logoCat img{
		width:180px;
	}

div#boxDownloadCat {
	width:1115px;
	height:194px;
	margin:0 auto;
	margin-bottom:0px;
	position:relative;
	background:url(../image_r/bg_download2.png) no-repeat bottom left;
	z-index:10;
	}
	
div#boxDownloadCat ul#ulDownload {
	position:absolute;
	right:105px;
	bottom:4px;
	}
	div#boxDownloadCat ul#ulDownload li{
		margin:0 0 0 5px;
	}
	
div#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-top:-13px;
}

/* Hero
------------------------------*/
/* modal-window 
------------------------------*/
.modal-content {
	width: 886px ;
	margin: 0 auto;
	display: none ;
	z-index: 30 ;
	position:fixed;
}
.modal-content2 {
	width: 1080px ;
	margin: 0 auto;
	display: none ;
	z-index: 30 ;
	position:fixed;
}
.modal-movie {
	width: 853px ;
	margin: 0 auto;
	display: none ;
	position:fixed;
	z-index: 30 ;
}
#modal-overlay {
	display: none ;
	position: fixed ;
	z-index: 21 ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
.modal-movie a.aBtnClosed {
	position:absolute;
	top:-60px;
	right:0px;
	cursor:pointer;
	}

ul.ulHero {
	text-align:center;
	width:1037px;
	height:799px;
	margin:0 auto;
	position:relative;
	}
ul.ulHero li {
	list-style:none;
	width:233px;
	height:351px;
	display:block;
	}
ul.ulHero li#thumHero01 { position:absolute; top:0; left:0;}
ul.ulHero li#thumHero02 { position:absolute; top:40px; left:188px;}
ul.ulHero li#thumHero03 { position:absolute; top:0; left:387px;}
ul.ulHero li#thumHero04 { position:absolute; top:40px; left:577px;}
ul.ulHero li#thumHero05 { position:absolute; top:0; left:777px;}
ul.ulHero li#thumHero06 { position:absolute; top:390px; left:0;}
ul.ulHero li#thumHero07 { position:absolute; top:430px; left:188px;}
ul.ulHero li#thumHero08 { position:absolute; top:390px; left:387px;}
ul.ulHero li#thumHero09 { position:absolute; top:430px; left:577px;}
ul.ulHero li#thumHero10 { position:absolute; top:390px; left:777px;}

ul#heroSlide li {
	list-style:none;
	display:block;
	width:1080px;
	height:653px;
	margin:0 auto;
	position:relative;
	}

ul#heroSlide li#hero01 { background:url(../image_r/hero_01.png?=20170131) no-repeat top center; }
ul#heroSlide li#hero02 { background:url(../image_r/hero_02.png?=20170131) no-repeat top center; }
ul#heroSlide li#hero03 { background:url(../image_r/hero_03.png?=20170131) no-repeat top center; }
ul#heroSlide li#hero04 { background:url(../image_r/hero_04.png?=20170131_2) no-repeat top center; }
ul#heroSlide li#hero05 { background:url(../image_r/hero_05.png?=20170131_2) no-repeat top center; }
ul#heroSlide li#hero06 { background:url(../image_r/hero_06.png?=20170131_2) no-repeat top center; }
ul#heroSlide li#hero07 { background:url(../image_r/hero_07.png?=20170131_2) no-repeat top center; }
ul#heroSlide li#hero08 { background:url(../image_r/hero_08.png?=20170131) no-repeat top center; }
ul#heroSlide li#hero09 { background:url(../image_r/hero_09.png?=20170131) no-repeat top center; }
ul#heroSlide li#hero10 { background:url(../image_r/hero_10.png?=20170131) no-repeat top center; }

a.aBtnVoice {
	position:absolute;
	bottom:60px;
	left:200px;
	cursor:pointer;
	}
	
a.aBtnClosed {
	position:absolute;
	top:85px;
	right:43px;
	cursor:pointer;
	}
	
	
/* Story
----------------------------*/
ul#ulChara {
	text-align:center;
	margin:0 auto;
	margin-top:-35px;
	margin-bottom:15px;
	width:1024px;
	}
	ul#ulChara li {
	display:inline-block;
	*display: inline;
	*z-index:1;
	vertical-align:top;
	}
ul#charaSlide li {
	position:relative;
	margin:0 auto;
	list-style:none;
	display:block;
	width:886px;
	height:525px;
	}
ul#charaSlide li#chara01 { background:url(../image_r/chara_s01.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara02 { background:url(../image_r/chara_s02.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara03 { background:url(../image_r/chara_s03.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara04 { background:url(../image_r/chara_s04.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara05 { background:url(../image_r/chara_s05.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara06 { background:url(../image_r/chara_s06.png?d=20170517) no-repeat top left; }
ul#charaSlide li#chara07 { background:url(../image_r/chara_s07.png) no-repeat top left; }
ul#charaSlide li#chara08 { background:url(../image_r/chara_s08.png) no-repeat top left; }

/* System
---------------------------*/
ul#ulMenuSys {
	text-align:center;
	background:url(../image_r/bg_line.png) no-repeat 72px 36px;
	width:1164px;
	height:153px;
	box-sizing: border-box;
	padding-top:11px;
	margin:0 auto;
	}
	ul#ulMenuSys li {
		display:inline-block;
		*display: inline;
		*z-index:1;
		vertical-align:top;
		margin-right:1px;
		}
		
div.hrTitle {
	/*
	margin-top:15px;
	height:135px;
	background:url(../image_r/bg_line.png) no-repeat top;
	padding-top:70px;
	box-sizing: border-box;
	*/
	margin-top:15px;
	margin-bottom:15px;
	}
	
	div.hrTitle h2 {
		height:72px;
		width:910px;
		text-align:center;
		margin:0 auto;
		}
		
div.systemPhotos {
	text-align:center;
	}
	
div#sysmtemP01 {
	margin-top:-20px;
	height:988px;
	background:url(../image_r/system_01.png?d=20170517) no-repeat center top;
	}
div#sysmtemP02 {
	margin-top:-20px;
	height:1058px;
	background:url(../image_r/system_02.png?d=20170517) no-repeat center top;
	}
div#sysmtemP03 {
	margin-top:-20px;
	height:840px;
	background:url(../image_r/system_03.png?d=20170517) no-repeat center bottom;
	}
div#sysmtemP04 {
	height:790px;
	background:url(../image_r/system_04.png?d=20170517) no-repeat center top;
	}
div#sysmtemP05 {
	margin-top:-20px;
	height:820px;
	background:url(../image_r/system_05.png?d=20170517) no-repeat center top;
	}
div#sysmtemP06 {
	height:743px;
	background:url(../image_r/system_06.png?d=20170517) no-repeat center bottom;
	}
div#sysmtemP07 {
	margin-top:-45px;
	height:870px;
	background:url(../image_r/system_07.png?d=20170517) no-repeat center top;
	}

		
/* News
----------------------------*/
div#contentNews {
	width:1024px;
	margin:0 auto;
	margin-bottom:20px;
	}
	
div#boxLeft {
	width:654px;
	float:left;
	}
	
div#boxRight {
	width:370px;
	margin-top:-30px;
	float:right;
	}
	
div#bannerArea {
	/*background:url(../image_r/bg_banner.png) no-repeat center bottom;*/
	height:222px;
	box-sizing:border-box;
	margin-bottom:15px;
	}
	
div#newsArea {
	background:url(../image_r/news_head.png) no-repeat top center;
	width:609px;
	margin:-10px auto 0;
	box-sizing:border-box;
	padding-top:50px;
	}
div#newsAreaBody {
	background:url(../image_r/news_body.png) repeat-y center;
	padding:0 20px 0 20px;
	text-align:center;
	}
div#newsAreaBody iframe {
	border:none;
	}
	
div#newsAreaFoot {
	background:url(../image_r/news_foot.png) no-repeat center;
	height:29px;
	vertical-align:top;
	}
	
div#tweetArea2 {
	width:370px;
	height:805px;
	box-sizing:border-box;
	background:url(../image_r/news_twitter.png) no-repeat;
	}
div#tweetAreaInner {
	padding:142px 26px 0 24px;
	}
	
/* Slider
---------------------*/
div#slider {
	width:610px;
	margin:0 auto;
	padding-left:20px;
	}
div#slider img {
	width:592px;
	}
	
ul.bxslider2  {
	margin-left:-350px;
	}
	
ul.bxslider2 li {
	margin-left:-215px;
	padding-right:0px;
	}
	
/* NEWS POST
------------------------*/
div#newsPage {
	width:856px;
	margin:0 auto;
	}
	
div#newsPageInner {
	}
	div#newsPageInner h3 {
		text-align:center;
		background:url(../image_r/bg_newstitle.png) repeat-y center;
		padding:5px;
		margin-bottom:10px;
		font-weight:bold;
		}
	div#newsHeader {
		height:117px;
		background:url(../image_r/bg_newspage_head.png) no-repeat bottom;
		text-align:center;
		/*
		padding-top:65px;
		*/
		box-sizing:border-box;
		color:#39000b;
		}
	div#newsHeader h2{
		margin-top:-40px;
		}
	div#newsBody {
		background:url(../image_r/bg_newspage_body.png) repeat-y top;
		text-align:center;
		padding:10px 30px 0px;
		}
	div#newsFooter {
		height:74px;
		background:url(../image_r/bg_newspage_foot.png) no-repeat center top;
		text-align:center;
		}
div#postBody {
	text-align:left;
	}

div#postDate {
	text-align:right;
	margin-bottom:10px;
	}
	
/* MOVIE
-------------------------*/
div#boxMovie {
	width:990px;
	margin:0 auto;
	}
div#movieInner {
	height:450px;
	position:relative;
	margin-bottom:-40px;
	}
	
div#movie01 {
	width:426px;
	height:265px;
	position: absolute;
	top:78px;
	left:55px;
	}
div#movie02 {
	width:426px;
	height:265px;
	position: absolute;
	top:78px;
	right:55px;
	}
div#movie03 {
	width:426px;
	height:265px;
	position: absolute;
	top:378px;
	left:55px;
	}
div#movie01 a{
	display:block;
	background:url(../image_r/movie_01_r.png) no-repeat;
	height:265px;
	cursor:pointer;
	}
div#movie02 a{
	display:block;
	background:url(../image_r/movie_03_r.png?=20160710) no-repeat;
	/*background:url(../image_r/movie_02_r.png) no-repeat;*/
	height:265px;
	cursor:pointer;
	}
div#movie03 a{
	display:block;
	background:url(../image_r/movie_03_r.png) no-repeat;
	height:265px;
	cursor:pointer;
	}
div#movie01 a:hover{
	background:url(../image_r/movie_01.png) no-repeat;
	height:265px;
	}
div#movie02 a:hover{
	background:url(../image_r/movie_03.png?=20160710) no-repeat;
		/*background:url(../image_r/movie_02.png) no-repeat;*/
	height:265px;
	}
div#movie03 a:hover{
	background:url(../image_r/movie_03.png) no-repeat;
	height:265px;
	}
	
/* PAGE
--------------------*/
div#pageHeader {
	height:117px;
	background:url(../image_r/bg_page_head.png) no-repeat bottom left;
	text-align:center;
	padding-top:7px;
	font-size:1.3em;
	box-sizing:border-box;
	color:#fff;
	}
	div#pageHeader.pageHimg {
		height:87px;
		background:url(../image_r/bg_page_head2.png) no-repeat bottom;
		padding:0;
		margin:0;
	}
	div#pageHeader h2{
		padding:0;
		margin:0;
		height:auto;
		background:none;
	}
	
div.textArea {
	padding:0 20px;
	}
div.textArea p {
	margin-bottom:25px;
	}
div.textArea ul {
	margin-left:20px;
	margin-bottom:30px;
	}
div.textArea ul li {
	list-type:decimal;
	}
	
/* GALLERY
--------------------*/
div.galleryPhotos {
	}
div.galleryPhotos .photomain{
	margin:0 auto;
	width:500px;
  box-shadow:4px 4px 8px rgba(0,0,0,0.7);
  -moz-box-shadow:4px 4px 8px rgba(0,0,0,0.7);
  -webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.7);
  -o-box-shadow:4px 4px 8px rgba(0,0,0,0.7);
}
div.eve_cap {
	height:66px;
	width:488px;
	background:url(../image_r/gallery_cap_frame.png) no-repeat;
	padding:11px 15px;
	margin:10px auto -5px;
	}
div.eve_cap p{
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	}
div.photothum {
	width:816px;
	margin:0 auto;
	}
div.photothum img{
	margin-left: 10px;
	margin-top : 10px;
	float:left;
	width:122px;
  box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  -o-box-shadow:2px 2px 5px rgba(0,0,0,0.7);
  border: 1px solid #000;
	}
	
div.photothum img.active{
  border: 1px solid #0ff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
} 

/* TOP_anime
--------------------*/
div#top_ani1{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:1;
	animation: fadeIn 2s ease-out 0s 1 normal;
    -webkit-animation: fadeIn 2s ease-out 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0; transform: translateY(10px);}
    100% {opacity: 1; transform: translateY(0px);}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0; transform: translateY(10px);}
    100% {opacity: 1; transform: translateY(0px);}
}
div#top_ani2{
	position:absolute;
	top: 372px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:1;
	animation: fadeIn2 4s ease 0s 1 normal;
    -webkit-animation: fadeIn2 4s ease 0s 1 normal;
}
@keyframes fadeIn2 {
    0% {opacity: 0}
    30% {opacity: 0}
    31% {opacity: 1}
}
@-webkit-keyframes fadeIn2 {
    0% {opacity: 0}
    30% {opacity: 0}
    31% {opacity: 1}
}
div#top_ani2_w{
	position:absolute;
	top: 372px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:2;
	animation: fadeIn2_w 4s ease 0s 1 normal;
    -webkit-animation: fadeIn2_w 4s ease 0s 1 normal;
	opacity: 0;
}

@keyframes fadeIn2_w {
    0% {opacity: 0}
    29% {opacity: 0}
    30% {opacity: 1}
    90% {opacity: 0}
}
@-webkit-keyframes fadeIn2_w {
    0% {opacity: 0}
    29% {opacity: 0}
    30% {opacity: 1}
    90% {opacity: 0}
}
div#top_ani3{
	position:absolute;
	top: 84px;
	left: -674px;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:1;
	animation: fadeIn3 1.5s ease-out 0s 1 normal;
    -webkit-animation: fadeIn3 1.5s ease-out 0s 1 normal;
}
@keyframes fadeIn3 {
    0% {opacity: 0}
    50% {opacity: 0;transform: translateX(-10px);}
    100% {opacity: 1;transform: translateX(0px);}
}
@-webkit-keyframes fadeIn3 {
    0% {opacity: 0}
    50% {opacity: 0;transform: translateX(-10px);}
    100% {opacity: 1;transform: translateX(0px);}
}