@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;}


/* 全体・インデックス */

img { display:block; }

body {
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background-color:#000000;
}

#Head {
	background:url(../img/hraku_01.jpg) left top no-repeat;
	width:1024px;
	height:291px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Menu_block {
	background:url(../img/hraku_02.jpg) left top no-repeat;
	width:1024px;
	height:274px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

ul#Menu {
	width:935px;
	height:32px;
	margin:0 auto;
}

ul#Menu li {
	float:left;
}

ul#Shop {
	width:1024px;
	height:40px;
	margin-top:100px;
	margin-left:137px;
}

ul#Shop li {
	width:200px;
	height:40px;
	float:left;
	margin:0 75px 30px 0;
}

#Mainvisual {
	background:url(../img/hraku_03.jpg) left top no-repeat;
	width:1024px;
	height:1454px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Concept {
	background:url(../img/hraku_04.jpg) left top no-repeat;
	width:1024px;
	height:1426px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Gallery {
	background:url(../img/hraku_05.jpg) left top no-repeat;
	width:1024px;
	height:1459px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Gallery a {
	display:block;
	width:80%;
	height:80%;
	padding:10%;
	text-indent:-9999px;
	overflow:hidden;
}

#Character {
	background:url(../img/hraku_06.jpg) left top no-repeat;
	width:1024px;
	height:1501px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Character a {
	display:block;
	width:80%;
	height:80%;
	padding:10%;
	text-indent:-9999px;
	overflow:hidden;
}

#Footer {
	background:url(../img/hraku_07.jpg) left top no-repeat;
	width:1024px;
	height:400px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}



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

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

footer table td {
	padding:4px;
	border:1px solid #181818;
}

#CG01 {
	background:url(../cg/01.jpg) left top no-repeat;
	width:1024px;
	height:30px;
	padding-top:840px;
	margin: 0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#CG02 {
	background:url(../cg/02.jpg) left top no-repeat;
	width:1024px;
	height:30px;
	padding-top:840px;
	margin: 0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#CG03 {
	background:url(../cg/03.jpg) left top no-repeat;
	width:1024px;
	height:30px;
	padding-top:840px;
	margin: 0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#CG04 {
	background:url(../cg/04.jpg) left top no-repeat;
	width:1024px;
	height:30px;
	padding-top:840px;
	margin: 0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

.return {width:70px; height:30px; float:left; margin-right:407px;}
.top {width:70px; height:30px; float:left; margin-right:407px;}
.next {width:70px; height:30px; float:left;}


.download_bg {
	background:url(../img/download.jpg) left top no-repeat;
	width:1024px;
	height:695px;
	margin:20px auto;
}