@charset "UTF-8";

@font-face {
    font-family: 'ubahnLight';
    src: url('ubahn-light-webfont.eot');
    src: url('ubahn-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubahn-light-webfont.woff') format('woff'),
         url('ubahn-light-webfont.ttf') format('truetype'),
         url('ubahn-light-webfont.svg#ubahn-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'animeace2_reg';
    src: url('animeace2_reg-webfont.eot');
    src: url('animeace2_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('animeace2_reg-webfont.woff') format('woff'),
         url('animeace2_reg-webfont.ttf') format('truetype'),
         url('animeace2_reg-webfont.svg#ubahn-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




html, body, div, p{
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: ubahnLight, Palatino, serif;
	font-size: 1em;
	line-height: 1.2em;
	}


h1{
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: animeace2_reg, Palatino, serif;
	font-size: 1em;
	line-height: 1.2em;
	}


html, body{ height: 100%; }

body{
	background-color:rgb(255,255,255); 
	background-image:url("../elements/bg/01.png", "../elements/bg/02.png", "../elements/bg/03.png", "../elements/bg/04.png", "../elements/bg/05.png", "../elements/bg/06.png", "../elements/bg/07.png", "../elements/bg/08.png", "../elements/bg/09.png","../elements/bg/10.png", "../elements/bg/11.png", "../elements/bg/12.png", "../elements/bg/13.png", "../elements/bg/14.png","../elements/bg/15.png", "../elements/bg/16.png", "../elements/bg/17.png", "../elements/bg/18.png", "../elements/bg/19.png", "../elements/bg/20.png"); 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:center center; 
	background-size: cover;
	}



	
	#container{
		min-height: 100%;
		position: relative;
		}
	
	#header{
		position: relative;
		width: 100%;
		height: auto;
		background: transparent;
		margin-top: 30px;
		margin-bottom: 30px;
		}
		
		#logo{
			width: 70%;
			max-width: 900px;
			position: relative;
			margin: 0 auto;
			}
			#logo img{
				width: 100%;
				margin: 0;
				padding: 0;
				border: 0;
				}
		#navMenu{
			width: 100%;
			max-width: 800px;
			padding: 0;
			position: relative;
			margin: 20px auto;
			text-align: center;
			 font-family: 'animeace2_reg';
			 font-size:75%;
			}
			
			#navMenu li{
				margin-left: 20px;
				padding: 0 25px 10px 25px;
				list-style: none;
				min-width: 50px;
				color: #900;
				min-height: 10px;
				display: -moz-inline-stack;
        		display: inline-block;
        		vertical-align: middle;
        		zoom: 1;
        		*display: inline;
        		_height: 10px;
				position: relative;
				} #navMenu li:first-child{ margin-left: 0;}
				
				#navMenu li a, #navMenu li a:link{
					padding: 10px 0;
					text-decoration: none;
					display: block;
					background-color: rgb(255, 255, 255);
					background-color: rgba(255, 255, 255, 0.75);
					border-radius: 30px;
					position: absolute;
					width: 100%;
					height: 100%;
					}
					
					#navMenu li a:hover{
						color: #000;
						background-color: rgb(255, 255, 255);
						background-color: rgba(255, 255, 255, 1.0);
						}
	
	#wrapper{
		position: relative;
		width: 75%;
		max-width: 800px;
		margin: 0 auto;
		padding-bottom: 50px;
		}
		
		#content{
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			height: auto;
			padding: 25px;
			color: #333;
			background-color: rgb(255, 255, 255);
			background-color: rgba(255, 255, 255, 0.75);
			border-radius: 30px;
			margin-bottom: 20px;
			text-align: left;
			}	
			#content p{text-align: left; margin: 5px 0 10px 0;}
			
			
						
	#footer{
		position:relative;
   		bottom:25px;
   		width:100%;
   		height: 50px;
   		text-align: center;
		}
		
		
table,td,th
{
border:100px;
}
table
{
width:100%;
}
th
{
height:50px;
}




.floatright
{
float: right;
width: 180px;
margin: 0 0 5px 5px;
padding: 10px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatright img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }

.floatleft
{
float: left;
width: 180px;
margin: 0 0 5px 5px;
padding: 10px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatleft img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }




.otherbutton {
    width: 300px;
    border: 0px;
    padding: 20px;
    overflow: hidden;
}

.otherbutton img, .content h3 {
    float: left;
}

.otherbutton img {
    margin-right: 15px;
}




.table
{
   display:table;
   margin-left:auto;
   margin-right:auto;
}

.table-row
{
   display:table-row;
}

.table-cell
{
   display:table-cell;
}





.floatleft
{
float: left;
width: 400px;
margin: 0 0 5px 5px;
padding: 05px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatleft img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }




#marquee_replacement{
 border:0px;
 width:600px;
 height:133px;
 overflow:auto;
}
#marquee_replacement p.spacer{
 height:150px;
}





.otherbutton2 {
    width: 600px;
    border: 0px;
    padding: 20px;
    overflow: hidden;
}

.otherbutton img, .content h3 {
    float: left;
}

.otherbutton img {
    margin-right: 15px;
}