@charset "utf-8";
/* CSS Document */

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

body.fixed .menu_fix {
	margin-bottom:100px;
}

body.fixed #Menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* 全体・枠作り */


html,body {
  height:100%;
}

img { display:block; }

body {
	font-family: Verdana,"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/grand_bg.jpg) center top no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#Conteiner {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

header {
	background:url(../img/header_bg.png) left top repeat-x;
	width:100%;
	height:62px;
}

.head_wrap {
	width:1000px;
	height:62px;
	margin:0 auto;
	position:relative;
}

.head_logo {
	background:url(../img/headlogo.png) center center no-repeat;
	width:93px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
}

.head_logo a {
	width:93px;
	height:62px;
	display:block;
}

.head_attention {
	background:url(../img/r18.png) center center no-repeat;
	width:358px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
}

#Menu {
	background:url(../img/menu_bg.png) center top no-repeat;
	width:1023px;
	height:94px;
	margin:24px auto 0;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

#Menu  ul {
	padding-top:23px;
	padding-left:85px;
}

#Menu  ul li {
	float:left;	
	margin-right:60px;
}


#Package {
	background:url(../img/package_bg.png) center top no-repeat;
	width:1023px;
	height:175px;
	margin:24px auto 0;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

#Package ul {
	padding-top:80px;
	padding-left:106px;
}

#Package ul li {
	float:left;	
	width:200px;
	height:40px;
	margin-bottom:15px;
	margin-right:105px;
	background-color:#fff;
}

#Download {
	background:url(../img/download_bg.png) center top no-repeat;
	width:1023px;
	height:175px;
	margin:24px auto 0;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

#Download ul {
	padding-top:55px;
	padding-left:106px;
}

#Download ul li {
	float:left;	
	width:200px;
	height:40px;
	margin-bottom:15px;
	margin-right:105px;
	background-color:#fff;
}

.mr105 {
	margin-right:105px;
}

#Contents {
	background:url(../img/contents_body.png) center top repeat-y;
	width:1024px;
	margin:24px auto 60px;
	border-radius:20px 20px 0 0;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.contents_head {
	background:url(../img/contents_head.png) center top no-repeat;
	width:1024px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}

.contents_foot {
	background:url(../img/contents_foot.png) center top no-repeat;
	width:1024px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
}

#Mainvisual {
	background:url(../img/mainvisual.png) center top no-repeat;
	width:925px;
	height:1103px;
	text-indent:-9999px;
	overflow:hidden;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.story_box {
	background:url(../img/story.png) center top no-repeat;
	width:925px;
	height:687px;
	text-indent:-9999px;
	overflow:hidden;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.character_box01 {
	background:url(../img/character_01.png) center top no-repeat;
	width:925px;
	height:687px;
	text-indent:-9999px;
	overflow:hidden;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.character_box02 {
	background:url(../img/character_02.png) center top no-repeat;
	width:925px;
	height:687px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.about_box {
	background:url(../img/about.png) center top no-repeat;
	width:925px;
	height:751px;
	text-indent:-9999px;
	overflow:hidden;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.record_box {
	background:url(../img/gallery.png) center top no-repeat;
	width:925px;
	height:687px;
	text-indent:-9999px;
	overflow:hidden;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.record_box a {
	width:925px;
	height:687px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-color:rgba(255,255,255,0)
}

.record_box a:hover {
	background-color:rgba(255,255,255,0.2)
}

.outline_box {
	background:url(../img/product.png) center top no-repeat;
	width:925px;
	padding-top:120px;
	height:631px;
	margin:40px auto 30px;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.outline_box table {
	font-size:1.4em;
	color:#fff;
	line-height:1.5;
	width:900px;
	margin:0 auto 0;
	text-align:left;
}

.outline_box table th {
	background-color:#3f3f3f;
	border:1px solid #181818;
	padding:4px;
}

.outline_box table td {
	padding:4px;
	background-color:rgba(255,255,255,0.8);
	border:1px solid #181818;
	color:#252525;
}

.gallery_wrap01 {
	background:url(../img/gallery_01.png) center top no-repeat;
	width:912px;
	height:1056px;
	padding-left:13px;
	padding-top:64px;
	margin:30px auto 0;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.gallery_wrap02 {
	background:url(../img/gallery_01.png) center top no-repeat;
	width:912px;
	height:1056px;
	padding-left:13px;
	padding-top:64px;
	margin:30px auto 0;
	border-radius:20px;
	box-shadow:0 0 10px 10px rgba(38,0,59,0.5);
}

.gallery_box {
	width:449px;
	height:501px;
	float:left;
	margin:0 7px 9px 0;
}

.gallery_box ul li {
	float:left;
	background:#FFF;
}