@charset "utf-8";

* {
	font-family: "Vidaloka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/bg_main.png) no-repeat center;
	background-size: contain;
	background-attachment: fixed;
}

a {
	text-decoration: inherit;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

a:hover {
	text-decoration: none;
	color: #ffb428 !important;
	font-size: inherit;
	font-family: inherit;
}

.txt_color_def {
	color: #666 !important;
}

/*--- container ---*/
#container {
	position: relative;
	width: 100%;
	height: 100%;
}

/*--- header ---*/
#header {
	position: fixed;
	top: 50%;
	left: 80px;
	width: 200px;
	height: 100px;
	margin-top: -50px;
}

	#header .logo {
		width: 98px;
		height: 68px;
		background: url(../img/img_logo.png) no-repeat;
	}

	#header .mailaddr {
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.1em;
		margin-top: 5px; 
		font-family: 'Vidaloka', "Times New Roman", Times, serif;
	}
		

/*--- main ---*/
#main {
	width: 100%;
}

	#main .uncon {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 200px;
		height: 16px;
		margin-top: -8px;
		margin-left: -100px;
	}
	
		#main .uncon .img {
			position: absolute;
			top: 0;
			left: 0;
			width: 174px;
			height: 16px;
			background: url(../img/img_uncon.png) no-repeat;
		}
	
		#main .uncon .loading {
			position: absolute;
			top: 0;
			right: 0;
			width: 16px;
			height: 16px;
			background: url(../img/loading.gif) no-repeat;
		}

/*--- footer ---*/
#footer {
	position: fixed;
	bottom: 50px;
	left: 80px;
	width: 110px;
	height: 58px;
	background: url(../img/img_footer.png) no-repeat;
}