@charset "utf-8"; 
 
 form, fs{
 	display: inline;
	border: none;
	margin: 0px;
	padding: 0px;	
 }
 
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", sans-serif ;
}
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
div#modal div.container {
	position: relative;
	width: 500px;
	height: 500px;
	background-color: #ffffff;
}

img.bgmaximage{
	position:fixed !important;
	opacity: 0.65;
}
#maincontent {
  position: absolute;
  top: 180px;
  left:720px;
  z-index: 50;
  width: 100%;
  font-size:22px;
  color: #f0f0ff;
  font-weight: bold;
}


.butt1 {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}
.button:hover {
	background-color: rgba(255, 255, 255, .3);
}

.butt1::before,
.butt1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.butt1,
.butt1::before,
.butt1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* --- Top Area --- */
div#topArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 3px; 
    background-color: #100;  
}  


/* --- Footer Area --- */
div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 45px; 
	text-align: center;
	font-size : 10pt;
    background-color: #100;  
    color: #eee;  
}  


.clear_both {
	clear: both;
}