@charset "UTF-8"; 

@font-face{
	font-family: 'HONYA-JI';
	src: url('./HONYA-JI.eot?') format('eot'),
		 url('./HONYA-JI.ttf') format('truetype');
}

article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary {
    display:block;
}

body{
	font-family: 'HONYA-JI';
	background-color: #7f7f7f;
	text-align: center;
}

header{
	background-color: #adadd1;
	font-size: xx-large;
}

nav{
	width: 20%;
	float: left;
	background-color: #45607a;
}

section{
	width: 80%;
	float: right;
	background-color:#adb7d1;
	margin: 0 auto;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

#sidemenu{
	width: 100%;
}

#mainwindow{
	width: 100%;
}

#subwindow_left{
	float: left;
}

.tw1{
	width: 9px;
	height: 18px;
	background-image: url('image/taleswindow1.png');
}

.tw2{
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	font-weight: bold;
	color: #4A3C9C;
	background-image: url('image/taleswindow2.png');
}

.tw3{
	width: 8px;
	background-image: url('image/taleswindow3.png');
}

.tw4{
	width: 9px;
	height: 1px;
	background-image: url('image/taleswindow4.png');
}

.tw5{
	width: 8px;
	height: 1px;
	background-image: url('image/taleswindow5.png');
}

.twbg{
	height: 100%;
	background-color: #4A3C9C;
	color: white;
}

#tleft{
	text-align: left;
}

img{
	border: 0;
}

a{
	color: white;
}

#menu{
	font-size: 20px;
}

#backline{
	background-color: black;
	text-align: left;
	font-size: 20px;
	clear: left;
}

#backline2{
	background-color: grey;
	text-align: left;
	font-size: 20px;
	clear: left;
	margin-left: 2em
}

#update{
	scrollbar-arrow-color:#ddd;
	scrollbar-face-color:#4A3C9C;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-track-color:#4a4a4a;
	scrollbar-shadow-color:#fff;
	scrollbar-darkshadow-color:#bbb;
	color:#000;border-width:1;
	font-size:13px;
}

#subwindow_left td {
	border: 2px solid black;
}

.talesa{
	color: white;
	background-color: #7f7f7f;
}