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

/*clearfix hack*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 10, 2010 */


@font-face {
	font-family: 'DINSchrift1451Mittelschrift';
	src: url('../dinmittelschrift-webfont.eot');
	src: local('☺'), url('../dinmittelschrift-webfont.woff') format('woff'), url('../dinmittelschrift-webfont.ttf') format('truetype'), url('../dinmittelschrift-webfont.svg#webfontj8GkUXXA') format('svg');
	font-weight: normal;
	font-style: normal;
}







/*html5 element*/

address, aside, article, figure, footer, header, hgroup, menu, nav, section
{
display:block
}
/*end*/

body{
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
margin:0px;
background-color:#000000;
font-size:11px;
text-align:right;

font-family:'DINSchrift1451MittelschriftAl', Arial, Helvetica, sans-serif;
font-weight:normal;

}


#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../images/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

#wrap{
text-align:right;
position:absolute;
top:550px;
left:0px;
width:90%;
height:auto;
overflow:visible;
padding:10px;
-webkit-transform: rotate(0.3deg);
-moz-transform: rotate(0.3deg);
}

header{
position:relative;
top:70%;
}

menu{
width:426px;
margin:0px;
padding:0px;
}

#btn{
font-family:'DINSchrift1451MittelschriftAl', Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:10px;
margin-left:0px;
}

#btn2{
font-family:'DINSchrift1451MittelschriftAl', Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:5px;
}

.btnmargin{
margin-right:10px;
}

.din{
font-family:'DINSchrift1451MittelschriftAl', Arial, Helvetica, sans-serif;
font-weight:normal;
}


#titl{
width:95%;
height:99px;
text-align:right;
position:absolute;
top:70%;
left:0px;
float:right;
margin-right:30px;
z-index:100;
}

#nakanohito{
margin-top:10px;
text-align:right;
filter: alpha(opacity=76);
opacity: 0.6;
-moz-opecity:0.6;
opecity:0.6;
}

a{ outline: none; }


a:link	{
color:#FFFFFF;
text-decoration:none;
}
a:visited{
color:#CCCCCC;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:underline;
}
a:active{
background-color:#ffffff;
color:#000000;
text-decoration:none;
}