@charset "UTF-8";

@import "../css/base.min.css";

body{
background:0;
}

.dot{
background:url(../img/dot.png) repeat;
position:relative;
z-index:10;
}

#header{
position:fixed;
padding-top:10px;
padding-bottom:5px;
top:0;
left:0;
z-index:9999;
width:100%;
background:#003;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
box-shadow:0 1px 4px rgba(0,0,0,0.3);
}

#header a{
color:#fff;
border:0;
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}

#header a:hover{
color:#39F;
}

#header a span{
color:#f2c9d8;
}

#header p{
float:left;
font-size:20px;
margin-bottom:0
}

#header ul{
float:right;
/*text-transform:uppercase;*/
font-size:15px;
padding-top:5px;
}

#header li{
float:left;
margin-right:20px;
}

#menu-icon{
display:none;
}

#container,.wrapper{
width:940px;
margin:0 auto;
word-wrap:break-word;
display:block;
position:relative;
}

#container{
margin-top:55px!important
}

#footer{
	position:absolute;
	/*position:relative;*/
    z-index:100;
	font-size:12px;
	padding:20px 0;
	color:#fff;
	text-shadow:0 0 20px #fff;
	background:0;
	top: 469px;
	left: 0px;
}

#header .wrapper,#footer .wrapper{
overflow:hidden;
}

img.bg{
min-height:100%;
min-width:1024px;
width:100%;
height:auto;
position:fixed;
top:0;left:0;
}

@media screen and (max-width:1024px){
}

img.bg{
left:50%;
margin-left:-512px
}

h1{
font-family:"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
/*font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-size:35px;
line-height:150%;
padding-top:100px;
margin-bottom:80px;color:#fff;
text-shadow:0 0 20px #000;
}

.content h2{
font-size:20px;
padding-bottom:20px;
}

.content h3{
font-size:16px;
}

.content{
width:860px;
padding:20px;
background:#fff;
background:rgba(255,255,255,.9);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-bottom:40px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
box-shadow:0 1px 4px rgba(0,0,0,0.3);
/*background:#fff;
background:rgba(255,255,255,.9);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-bottom:40px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
box-shadow:0 1px 4px rgba(0,0,0,0.3);*/
}

p{
margin-bottom:2em;
font-size:14px;
}

.content ul.image{
margin:1em;
}

#bgimg{
height:100%;z-index:-1;
}

#realBody{
position:absolute;
z-index:5;
height:100%;
width:100%;
/*overflow:auto;*/
top:0;
left:0;
}
.fullBg{
position:fixed;
top:0;
left:0;
overflow:hidden;
width:100%;
}

#maincontent{
position:absolute;
top:0;
left:0;
z-index:50;
width:100%
}

.bgmaximage{
position:fixed!important;
}

.loader{
position:absolute;
z-index:9999;
width:66px;
height:66px;
top:49%;
left:49%
}