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

body {
	font-family: メイリオ;
	font-size: 80%;
	color: #30bcea;
	background-color: #fff;
}
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#logo {
				bottom:5%;
				height:auto;
				left:5%;
				position:absolute;
				z-index:1000;
			}
			#logo2013AW {
				top:2%;
				height:auto;
				left:5%;
				position:absolute;
				z-index:1000;
			}
			#arrow_right {
				top:50%;
				position:absolute;
				right:5%;
				z-index:1000;
			}
			#arrow_left {
				top:50%;
				position:absolute;
				left:5%;
				z-index:1000;
			}
			#arrow_left:hover {
				bottom:25px;
			}
			#arrow_right:hover {
				bottom:30px;
			}
			#arrow_left:active {
				bottom:24px;
			}
			#arrow_right:active {
				bottom:29px;
			}
			
			a {color:#ff0000;text-decoration:none;}
			a:hover {text-decoration:underline;}
			img {border:none;}
			a img {border:none; width:100%;}
			.top-content { 
				float:left;
				text-align:left;
				left:10%;
				padding:20px;
				position:absolute;
				top:12%;
				display:none;
				z-index:9999; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
			}
			.under-content { 
				float:right;
				text-align:right;
				right:10%;
				padding:20px;
				position:absolute;
				top:12%;
				display:none;
				z-index:9998; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
			}
			.left-content { 
				float:left;
				text-align:left;
				left:10%;
				padding:20px;
				position:absolute;
				bottom:12%;
				width:400px;
				display:none;
				z-index:9997; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
			}
			.right-content { 
				float:right;
				text-align:right;
				right:10%;
				padding:20px;
				position:absolute;
				bottom:12%;
				width:400px;
				display:none;
				z-index:9996; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
			}
			.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}
			
			.table{list-style:none;mergin:0;padding:0;}
			.table li{clear:both;}
			.table li div{display:block;float:left;}
#header {
	background-color: #FFF;
	font-family: 'Marcellus SC', serif;
	font-size: 100%;
	line-height: 120%;
	padding-top: 12px;
	padding-bottom:10px;
}

#header a {color:#003366;text-decoration:none;}
#header a:hover {text-decoration:none;}
#header il a {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
}