<style type="text/css">

body	{color: #444444;
	background-image: url(back.png)}

div#container	{padding: 20px;
	background-color: #ffffff;
	width: 800px;
	margin-left: auto;
	margin-right: auto}

div#header	{padding: 5px 20px}

div#header p	{color: #222222;
	margin-top: 5px}

a	{font-size: 20px;
	font-weight: normal}

a:hover	{color: #88aaff}

address	{font-size: 20px;
	font-style: normal;
	clear: both}

address a:hover	{color: #ffaa00}

ul	{list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	background-color: #ffffff;
	padding: 3px 20px;
	margin-top: 0}

li	{display: inline;
	padding-right: 10px;
	font-size: 16px}

li a	{text-decoration: none}

p	{font-size: 20px;
	line-height: 1.4}

p#subtitle	{font-size: 20px;
	margin-top: 0px;
	margin-bottom: 10px}

p#summary	{margin-top: 10px;
	margin-bottom: 30px;
	width: 800px}

p#index	{font-size: 20px;
	margin-top: 0px;
	margin-bottom: 0px}
	
p#comment	{font-size: 20px;
	margin: 2em;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify}

p#cd_no	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px}

p#player	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-left: 40px}

p#dialogue	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	margin-right: 20px;
	text-align: justify}

p#note_a	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	margin-right: 20px;
	padding-left:20px;
	text-indent:-60px;
	text-align: justify}

p#note_b	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-right: 20px;
	padding-left:20px;
	text-indent:-40px;
	text-align: justify}

p#note_c	{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	margin-right: 20px;
	text-align: justify}

h1	{font-size: 40px;
	font-family: Comic Sans MS, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 0}

h2	{font-size: 30px;
	border-left: solid 40px rgb(34, 91, 182);
	padding-left: 10px;
	margin-bottom: 0;
	margin-top: 30px}

h3	{font-size: 30px;
	font-family: Times New Roman, serif;
	color: rgb(102, 0, 102);
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 2px}

h4	{font-size: 24px;
	font-family: ＭＳ Ｐゴシック;
	color: rgb(102, 0, 102);
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 6px}

h5	{font-size: 20px;
	font-family: ＭＳ Ｐゴシック;
	color: rgb(0, 0, 160);
	margin-top: 6px;
	margin-bottom: 6px}
	
h6	{font-size: 20px;
	font-family: Times New Roman, serif;
	color: rgb(0, 0, 160);
	margin-top: 6px;
	margin-bottom: 6px}
	
table	{font-size: 30px;
	margin-bottom: 20px;
	width: 790px;
	border: none;
	background-color: #ddddcc;
	border-collapse: collapse}

th, td	{padding: 8px}

th	{width: 220px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #aa8844}

td	{background-color: #ffffee;
	border: solid 1px #aa8844}

#img_index {
	width:256px;
	height:256px;
	margin:5px 20px;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	body {
	    width: 98vw;
	    margin: 0 auto;
	    
	div#container	{padding: 4vw;
		background-color: #ffffff;
		width: 80vw;
		margin-left: auto;
		margin-right: auto}
	}
	
	div#header	{padding: 1vw 5vw}
	
	div#header p	{color: #222222;
		margin-top: 5px}

	ul	{margin-left: 0;
		padding-left: 0;
		padding: 3px 10px;
		margin-top: 0;
		margin-bottom: 0}

	li	{padding-right: 10px;
		font-size: 14px}

	p	{font-size: 14px;
		line-height: 1.4}

	address	{font-size: 14px;
		font-style: normal;
		clear: both}

	a	{font-size: 14px;
		font-weight: normal}
	
	p#subtitle	{font-size: 17px;
		margin-top: 0px;
		margin-bottom: 10px}
	
	p#comment	{font-size: 15px;
		margin: 2em;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 5px;
		margin-right: 5px;
		text-align: justify}

	p#cd_no	{font-size: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 5px}

	p#player	{font-size: 15px;
		margin-top: 5px;
		margin-bottom: 20px;
		margin-left: 5px}

	p#dialogue	{font-size: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 5px;
		text-align: justify}

	p#note_a	{font-size: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 45px;
		margin-right: 5px;
		padding-left:0px;
		text-indent:-45px;
		text-align: justify}

	p#note_b	{font-size: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px;
		margin-right: 5px;
		padding-left:0px;
		text-indent:-30px;
		text-align: justify}

	p#note_c	{font-size: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px;
		margin-right: 10px;
		text-align: justify}

	h1	{font-size: 18px;
		font-family: Comic Sans MS, Helvetica, sans-serif;
		color: #ffffff;
		margin-bottom: 0}

	h2	{font-size: 18px;
		line-height: 22px;
		border-left: solid 15px rgb(34, 91, 182);
		padding-left: 10px;
		margin-bottom: 0;
		margin-top: 20px}

	h3	{font-size: 16px;
		font-family: Times New Roman, serif;
		color: rgb(102, 0, 102);
		margin-top: 2px;
		margin-left: 10px;
		margin-bottom: 2px}

	h4	{font-size: 18px;
		font-family: ＭＳ Ｐゴシック;
		color: rgb(102, 0, 102);
		margin-top: 6px;
		margin-left: 10px;
		margin-bottom: 6px}

	h5	{font-size: 20px;
		font-family: ＭＳ Ｐゴシック;
		color: rgb(0, 0, 160);
		margin-top: 6px;
		margin-bottom: 6px}
		
	h6	{font-size: 20px;
		font-family: Times New Roman, serif;
		color: rgb(0, 0, 160);
		margin-top: 6px;
		margin-bottom: 6px}
		
	table	{font-size: 160px;
		margin-bottom: 20px;
		width: 80vw;
		border: none;
		background-color: #ddddcc;
		border-collapse: collapse}
}

</style>
