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

/* clearfix */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

html,body {
  height:100%;
}

img { display:block; }

body#LILIUM {
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/grand_bg.png) left top repeat;
}

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

header {
	position: fixed;
    top: 0;
	width:970px;
	height:45px;
	width:100%;
	z-index: 8888;
}

#Menu {
	background:url(../img/menu_bg.png) left top no-repeat;
	width:970px;
	height:45px;
	margin:0 auto;
	position:relative;
}

#Menu h1 {
	background:url(../img/title.png) left top no-repeat;
	width:230px;
	height:45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#Menu h1 a {
	width:230px;
	height:45px;
	display:block;
}


#Menu ul {
	position:absolute;
	width:569px;
	height:45px;
	top:0;
	left:401px;
}

#Menu ul li {
	float:left;
}

#Mainvisual {
	background:url(../img/mainvisual.png) left top no-repeat;
	width:970px;
	height:810px;
	margin:60px auto 15px;
	text-indent:-9999px;
	overflow:hidden;
}

.pencil {
	width:150px;
	height:60px;
	position:absolute;
	top:24px;
	left:50%;
	margin-left:320px;
}

.official {
	width:180px;
	height:180px;
	position:absolute;
	top:130px;
	left:50%;
	margin-left:290px;
}

h2 {
	width:970px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 16px;
}

h2#TOPICS01 {background:url(../img/hr_character.png) left top no-repeat;}
h2#TOPICS02 {background:url(../img/hr_story.png) left top no-repeat;}
h2#TOPICS03 {background:url(../img/hr_gallery.png) left top no-repeat;}
h2#TOPICS04 {background:url(../img/hr_product.png) left top no-repeat;}

span#LINK01 {position:absolute;top:-130px;display:block; width:1px;height:1px;}
span#LINK02 {position:absolute;top:-130px;display:block; width:1px;height:1px;}
span#LINK03 {position:absolute;top:-130px;display:block; width:1px;height:1px;}
span#LINK04 {position:absolute;top:-130px;display:block; width:1px;height:1px;}

.wrap600 {
	background:url(../img/contents_bg_600.png) left top no-repeat;
	width:954px;
	height:594px;
	padding:8px;
	margin:0 auto 30px;
}

.boxwrap {
	position:relative;
}

#Chara01 {
	background:url(../img/chara_01.jpg) left top no-repeat;
	width:955px;
	height:594px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara02 {
	background:url(../img/chara_02.jpg) left top no-repeat;
	width:955px;
	height:594px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara03 {
	background:url(../img/chara_03.jpg) left top no-repeat;
	width:955px;
	height:594px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.wrap650 {
	background:url(../img/contents_bg_650.png) left top no-repeat;
	width:954px;
	height:644px;
	padding:8px;
	margin:0 auto 30px;
	position:relative;
}

#Story {
	background:url(../img/story.jpg) left top no-repeat;
	width:955px;
	height:644px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Gallery {
	background:url(../img/gallery_bg.png) left top no-repeat;
	width:970px;
	height:506px;
	margin:0 auto 30px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Gallery ul {
	margin-top:39px;
	margin-left:39px;
}

#Gallery ul li {
	float:left;
	width:196px;
	height:196px;
	margin-right:36px;
	margin-bottom:36px;
}

#Product {
	background:url(../img/product.jpg) left top no-repeat;
	width:955px;
	height:644px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.download_title {
	width:800px;
	height:27px;
	padding-top:3px;
	margin:0 auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
	background-color:#fff;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#ee88ad;
	display:block;
	text-decoration:none;
}

.download_list th {
	text-align:center;
	font-weight:bold;
	color:#ee88ad;
}

.download_list th a {
	text-decoration:underline;
	color:#ee88ad;
}

.download_list th a:hover {
	text-decoration:none;
	color:#ee88ad;
}

.download_button a {
	text-decoration:none;
	color:#fff;
}

.download_button {
	width:200px;
	height:30px;
	margin:0 auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
	background-color:#ee88ad;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	display:block;
	padding-top:7px;
	text-decoration:none;
}

.download_button:hover {
	background-color:#d44d7d;
	text-decoration:none;
}


footer {
	width:100%;
	height:63px;
	padding-top:2px;
	background:url(../img/foot_bg.png) left top repeat-x;
}