@charset "UTF-8";
@import "reset.css";


/* CSS Document */


/*
	----------------------------
	HTML SELECTORS
	____________________________
*/


body {
    margin:0px;
    padding:0px
background: #333;
}
p,a,h1,h2,h3,h4,h5,th,td,button { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:1.4; text-shadow: 1px 1px 0px #333; color: #fff; font-size:0.8em; }
a,button { color: #fcc; text-decoration: underline; font-size:0.9em; }
a:hover { color: #fb2b2b; }
h1 { font-size: 0.9em; line-height: 1.4em; font-weight: normal; color: #fff; }
h2 { font-size: 1.6em; line-height: 1.4em; font-weight: bolder; color: #fff; }
h3 { font-size: 0.7em; line-height: 1.4em; font-weight: normal; color: #fff; }
h4 { font-size: 1.0em; line-height: 6.0em; font-weight: normal; color: #fff; }
h5 { font-size: 1.2em; line-height: 1.5em; font-weight: bolder; color: #fff; }
ul { margin-left: 20px; }
ol { margin-left: 36px; }
td,th { font-size: 1.0em; line-height: 1.5em;text-align:center; background:rgba(200,200,200,0.3); }
/*
	----------------------------
	LAYOUT
	____________________________
*/


#wrapper { margin: 0 left; padding-top: 0px; }
#main { float: left; padding: 100px 0px 100px 0px;}
#main > p, #main > div { margin-left: 7px; }
#sidebar { width: 450px; float: right; padding: 100px 0px 100px 0px; text-align:right; }
/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


#video-controls { width: 333px; }
#video-controls a { color: #ddd; text-decoration: underline; }


/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/


.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 8px; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 8px; }
.black-50 { background: url(../media/black-50-trans.png); color: #fff; padding: 4px 8px; }
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 8px; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 8px; }

.margin { margin-top: 16px; }

div.clear { overflow: hidden; height: 1px; clear: both; }
img.alignRight { float: right; margin: 0 0 15px 15px; }
img.alignLeft { float: left; margin: 0 15px 15px 0; }
.error { color: #833; }


#nav {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #ccc;
	padding: 0px 10px 2px 10px;
	text-align: center;
	}
#nav ul {
	list-style-type: none;
	}
#nav li {
	line-height: 1em;
	display: inline-block;
	margin-right: 20px;
	}
#nav li a {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 0;
	text-shadow: 1px 1px 0px #faa;
	color: #fff;
	font-size:0.8em;
	text-decoration: none;
	}
#nav li .share {
	position: relative;
	top: 4px;
	}
.click {
	position: relative;
	top: -580px;
	left: -40px;
	opacity: 0.3;
	}
.page {
	min-height: 1200px;
	}



button{
			display:block;
			background:transparent;
			border:none;
			cursor:pointer;
		}

		button.command{
			display:inline-block;
		}

		button:hover, button.sel{
			color: #fb2b2b;
		}