@charset "utf-8";
body{
	font-family:"メイリオ","Arial","MS P ゴシック",sans-serif;
	scrollbar-base-color:"black";
	scrollbar-arrow-color:"white";
	color:#221111;
	font-size:15px;
	padding: 0;
	padding-top: 16px;
	padding-bottom: 100px;
	margin: 0;

	background: #8ab8e6;
}

a:link   { color:#3366ff; }
a:visited{ color:#3366ff; }
a:active { color:#ff6633; }
a:hover { color:#ff6633; }


h1,h2 {
	font-size: 32px;
	font-weight: normal;
	color: #111111;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}

.title p {
	margin-bottom: 0;
}


.banner {
	text-align: center;
	margin-top: 16px;
}

.MusicSelector {
	color: #ffffff;
}

#previewMusicVolumeIcon {
	color: #ffffff;
}

.fixed-width {
	font-family: "MS ゴシック", "Osaka-等幅", "メイリオ", "Meiryo";
}


table{
	border:1px solid #000;
	border-collapse:collapse;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

table.greeting {
	border:4px double #000;
	border-collapse: none;
	width:700px;
	margin: 24px auto;
}

table.tacomment{
	border:4px double #000;
	border-collapse: none;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

th,td{padding:0;}

td.maker {
	width: 18%;
	text-align: center;
}

td.maker_comment {
	text-align: left;
}

.tacomment {
	width: 1000px;
	background: #e6f2ffaa;
	margin-left: auto;
	margin-right: auto;
}

.tacomment table {
	width: 100%;
	margin: 48px auto;
}

.tacomment table, .tacomment th, .tacomment tr, .tacomment td{
	border: 2px solid #333;
	border-collapse: collapse;
	padding: 8px 12px;
}

.tacomment th {
	font-weight: bold;
}


.comment {
	width: 80%;
	text-align: left;
}

.video {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.small {
	font-size: 16px
}

.center {
	text-align: center;
}