body {
	margin: 30px 20px 20px 180px;
	padding: 20px 20px 0 20px;
	line-height: 1.4;
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Meiryo, "MS PGothic", serif;
	color: #222222;
}

html {
	background: #222222 url(wallpaper.jpg) no-repeat fixed;
	min-width: 500px;
}

body {
	background-image: url(white75.png)\9; /* For IE7,8 */
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	/*-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

/* For IE6 and below. */
* html body {
	background-color: white;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Tahoma, Meiryo, "MS PGothic", sans-serif;
}

h1 {
	margin: -20px -20px 2em -20px;
	padding: 40px 20px;
	color: #eeeeee;
	background: #777777 url(h1.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#777777));
	background: -moz-linear-gradient(top, #222222, #777777);
	background: gradient(top, #222222, #777777);
	font-size: 140%;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	font-weight: normal;
}

body#top h1 {
	padding: 0;
	height: 120px;
	color: #222222;
	background: #777777 url(h1_top.png) no-repeat;
	text-align: right;
	font-size: 1px;
}

h2 {
	margin: 2em 0 1em 0;
	border-bottom: 1px solid;
	font-size: 120%;
}

h3 {
	color: #115566;
	margin: 2em 0 1em 0;
	font-size: 100%;
}

a:link {
	color: #2222aa;
}

a:visited {
	color: #555599;
}

a:active, a:hover {
	color: #aa2222;
}

address, footer {
	display: block;
	margin: 2em -20px 0 -20px;
	padding: 4px 20px;
	color: #222222;
	background-color: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
	background: -moz-linear-gradient(top, #777777, #555555);
	background: linear-gradient(top, #777777, #555555);
	font: normal 9pt "Lucida Grande", Arial, sans-serif;
	text-align: left;
}

dl {
	border: 1px solid gray;
	background-image: url(white25.png)\9; /* For IE7,8 */
	background-color: rgba(255, 255, 255, 0.25);
}

dt {
	padding: 2px 4px;
	background-image: url(black25.png)\9; /* For IE7,8 */
	background-color: rgba(0, 0, 0, 0.25);
}

dd {
	margin: 0;
	padding: 2px 20px;
}

table, th, td {
	border: 1px solid gray;
	border-collapse: collapse;
}

th, td {
	padding: 4px;
	text-align: left;
	font-weight: normal;
	background-image: url(white25.png)\9; /* For IE7,8 */
	background-color: rgba(255, 255, 255, 0.25);
}

th {
	background-image: url(black25.png)\9; /* For IE7,8 */
	background-color: rgba(0, 0, 0, 0.25);
}

table caption {
	font-size: 80%;
}

img.icon {
	margin: 0 0 20px 20px;
	float: right;
}

img.screenshot, img.photo {
	margin: 1px;
	border: #444444 solid 1px;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

img {
	max-width: 100%;
	height: auto;
}

object , embed {
	max-width: 100%;
}

kbd {
	font-family: monospace;
}

dfn {
	font-style: normal;
}

strong:lang(ja) {
	color: #cc2222;
	font-family: "Lucida Grande", Tahoma, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6, address, footer {
	clear: both;
}

#youtube div {
	-webkit-animation-name: youtube_animation;
	-webkit-animation-duration: 2s;
}

@-webkit-keyframes youtube_animation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}	
}