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

body {
	font-family: Verdana, Geneva, "sans-serif";
	color: #ffffff;
	text-align: center;
	margin: 0;
	background: #111111;
	background-size: contain;
	background-image: url(../image/bg.png); /* 画像ファイルの指定 */
	background-position: center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
	background-attachment: fixed; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color: #111111; /* 背景画像が読み込まれる前に表示される背景のカラー */
    animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}

a {text-decoration: none;}

.font_xs {font-size: x-small;}
.font_s  {font-size: small;}
.font_n  {font-size: medium;}
.font_l  {font-size: large;}
.font_xl {font-size: x-large;}

.aqua {color: #00a0e9;}
.text_blur {text-shadow: 0px 0px 30px #00a0e9;}

/*　モバイルヘッダ　*/
#header_mobile {display: none;}

.title_pc {
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0px;
	font-size: x-large;
	color: #2b2b2b;
	background-color: #ffffff;
	width: 100%;
}

/* ヘッダ　*/
header {
	position: fixed;
	height: 70px;
	z-index: 1000;
	display: block;
	background-color: #ffffff;
	color: #2b2b2b;
	width: 100%;
}

/*  PC MENU  */
#menu_pc {
	padding: 81px 0 10px 0;
	margin: 0; list-style: none;
	overflow: hidden;
}
#menu_pc li {
	width: 150px;
	font-size: medium;
	text-align: center;
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 0px 0px ;
	border-bottom: solid 1px rgba(100,100,100,0.5);
}
#menu_pc a {
	color: #ffffff;
	display: block;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#menu_pc a:hover {
	border-left: solid 1px rgba(25,25,112,0.5);
	border-right: solid 1px rgba(25,25,112,0.5);
	background: rgba(127,127,127,0.5);
	color: #ffffff;
}

.menu_pc_here {
	background: rgba(0,0,0,0.75);
	color: #ffffff;
	text-shadow: 1px 1px 10px #00a0e9;
}

/* コンテンツ */
.contents_area {
	width: 100%;
	overflow: auto;
	margin: -35px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
}

.sns_mini{
	margin: 8px;
}

/*  MENU Botm PC Only  */
#menu_botm {
	display: inline-block;
	padding: 0 0 47px 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#menu_botm li {
	color: #ffffff;
	width: 100px;
	font-size: small;
	text-align: center;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0px 0px;
	padding: 0 1px;
}
#menu_botm a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#menu_botm a:hover {
	background: rgba(127,127,127,0.5);
	color: #ffffff;
}

.menu_botm_here {
	text-shadow: 1px 1px 3px #00a0e9;
}

/* フッターMobile */
#footer_mobile {display: none;}

/* フッターPC */
.footer_area {
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	width: 100%;
}
.footer_block {
	background: #ffffff;
}
.footer_box {
	width: 100%;
	height: 50px;
	margin: 0 auto;
}
.footer_box p {
	font-size: x-small;
	color: #2b2b2b;
}

/* IE6 */
html,body {_height: 100%; _overflow: hidden;}
.contents_wrap {_width: 100%; _height: 100%; _overflow: auto;}