@charset "EUC-JP";
/* CSS Document */
html {
	background: #000;
}

body {
	font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 18px;
	line-height: 27px;
	background: url(../images/img_main.png) no-repeat center top;
	color:#232323;
	min-width: 1140px;
}

#wrapper {
	margin:0 auto;
	padding:0;
	position:relative;
	overflow: hidden;
}

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

a:visited {color:#fff;}
a:hover {text-decoration:none;color:#ccc;}
a:active {color:#ccc;}
a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow:hidden;
	outline:none;
}

a,
input,
button {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(255,153,0,0);
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
    
em {
	color: #eb0378;
	font-weight: bold;
	font-style: normal;
}

#decorations {
	width: 1140px;
	margin:0 auto;
	padding:0;
	position:relative;
	display: block;
}

/* 星 */
#decorations ul#star {
	width: 1140px;
	display: block;
	position: relative;
}

#decorations ul#star li.star01 {
	position: absolute;
	top: 10px;
	left: 90px;
	z-index: 1;
}

#decorations ul#star li.star02 {
	position: absolute;
	top: 180px;
	left: 265px;
	z-index: 1;
}

#decorations ul#star li.star03 {
	position: absolute;
	top: 330px;
	left: 148px;
	z-index: 1;	
}

#decorations ul#star li.star04 {
	position: absolute;
	top: 40px;
	left: 770px;
	z-index: 1;	
}

#decorations ul#star li.star05 {
	position: absolute;
	top: 63px;
	left: 840px;
	z-index: 1;	
}

#decorations ul#star li.star06 {
	position: absolute;
	top: 230px;
	left: 730px;
	z-index: 1;	
}

#decorations ul#star li.star07 {
	position: absolute;
	top: 340px;
	left: 945px;
	z-index: 1;	
}

/* 円 */
@-webkit-keyframes horizontal {
    0% { -webkit-transform:transform:translateX( -6px); }
   50% { -webkit-transform:transform:translateX( -3px); }
  100% { -webkit-transform:transform:translateX(  0px); }
}
@-moz-keyframes horizontal {
    0% { -moz-transform:transform:translateX( -6px); }
   50% { -moz-transform:transform:translateX( -3px); }
  100% { -moz-transform:transform:translateX(  0px); }
}
@keyframes horizontal {
    0% { transform:translateX( -6px); }
   50% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}

@-webkit-keyframes vertical {
    0% { -webkit-transform:translateY(-10px); }
   50% { -webkit-transform:translateY(-5px); }
  100% { -webkit-transform:translateY(  0px); }
}
@-moz-keyframes vertical {
    0% { -moz-transform:translateY(-10px); }
   50% { -moz-transform:translateY(-5px); }
  100% { -moz-transform:translateY(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
   50% { transform:translateY(-5px); }
  100% { transform:translateY(  0px); }
}


#decorations ul#circle {
	width: 1140px;
	display: block;
	position: relative;
}

#decorations ul#circle li.circle01 {
	position: absolute;
	top: 150px;
	left: 60px;
}

#decorations ul#circle li.circle02 {
	position: absolute;
	top: 350px;
	left: 60px;
}

#decorations ul#circle li.circle03 {
	position: absolute;
	top: 410px;
	left: 40px;
}

#decorations ul#circle li.circle04 {
	position: absolute;
	top: 490px;
	left: 120px;
}

#decorations ul#circle li.circle05 {
	position: absolute;
	top: 370px;
	left: 175px;
}

#decorations ul#circle li.circle06 {
	position: absolute;
	top: 300px;
	left: 260px;
}

#decorations ul#circle li.circle07 {
	position: absolute;
	top: 370px;
	left: 370px;
}

#decorations ul#circle li.circle08 {
	position: absolute;
	top: 150px;
	left: 1035px;
}

#decorations ul#circle li.circle09 {
	position: absolute;
	top: 310px;
	left: 740px;
}

#decorations ul#circle li.circle10 {
	position: absolute;
	top: 290px;
	left: 850px;
}

#decorations ul#circle li.circle11 {
	position: absolute;
	top: 320px;
	left: 830px;
}

#decorations ul#circle li.circle12 {
	position: absolute;
	top: 410px;
	left: 1000px;
}

/* header
=========================================== */
header {
	width:794px;
	margin: 0 auto;
	padding:0;
	position:relative;
	overflow: hidden;
	height: 481px;
}

#logo {
	position: relative;
	margin: 0 auto;
	z-index: 2;
}

#logo a {
	float:left;
	margin:0;
	padding: 0;
	display:inline-block;
}

header h1 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-indent: -9999px;
}

/* contents
=========================================== */
#contents {
	width: 794px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#contents ul#mainBtn {
	position: relative;
	z-index: 1;
}

#contents ul#mainBtn li {
	float: left;
	margin: 0 20px 20px;
}

#contents ul#mainBtn li a {
	display: block;
	width: 356px;
	height: 72px;
}

ul#socialNav {
	position: relative;
	margin:0 auto 20px;
	padding: 0 ;
	width: 740px;
	text-align: right;
	
}

ul#socialNav li {
	float: right;
	margin:0 0 0 10px;
}

.fb-like span {
	vertical-align: top!important;
	margin-left: -1px!important;
}

.fb-like-box {
	text-align: center;
	background: none!important;
	display: block!important;
}


/* footer
=========================================== */
footer {
	width: 794px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	color: #fff;
}

footer ul {
	margin: 0 0 20px;
	text-align: center;
}

footer ul li {
	padding: 0 8px 0 14px;
	display: inline;
	border-left: 1px solid #fff;
	font-size: 12px;
}

footer ul li:first-child {
	border-left:none;
}

footer ul li a {
	overflow: hidden;
}

footer address {
	font-style: normal;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}

/* clear */
.cf:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.cf {
    min-height: 1px;
}
* html .cf {
    height: 1px;
}