@charset "UTF-8";

@font-face {
  font-family: AndikaNewBasicW;
  src: url(AndikaNewBasic-R.woff);
}

@font-face {
  font-family: AndikaNewBasicW;
  font-style: italic;
  src: url(AndikaNewBasic-I.woff);
}

@font-face {
	font-family: AndikaNewBasicW;
	font-weight: bold;
	src: url(AndikaNewBasic-B.woff);
}

@font-face {
	font-family: AndikaNewBasicW;
	font-weight: bold;
	font-style: italic;
	src: url(AndikaNewBasic-BI.woff);
}
@font-face {
  font-family: CharisSILW;
  src: url(CharisSIL-Regular.woff);
}

@font-face {
  font-family: CharisSILW;
  font-style: italic;
  src: url(CharisSIL-Italic.woff);
}

@font-face {
	font-family: CharisSILW;
	font-weight: bold;
	src: url(CharisSIL-Bold.woff);
}

@font-face {
	font-family: CharisSILW;
	font-weight: bold;
	font-style: italic;
	src: url(CharisSIL-BoldItalic.woff);
}


@media screen
{
	pre { overflow: auto; }
}

html {
	background-color: #ffffff;
	background-image: url("./w-07wata3.jpg");
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

body{
	margin: 0px 0px 2.5% 0px;
	font-family: CharisSILW, Verdana, Tahoma, "MS UI Gothic", sans-serif;
	line-height: 1.33333;
}

blockquote {
	background: #f8ffff;
	padding: 1em;
	border: silver dashed 1px;
}
blockquote p,
blockquote ul,
blockquote ol,
blockquote dl
{
	margin: 1em 3em;
}


ol ol, ol ul, ul ul, ul ol,
dd ol, dd ul
{
	margin: 1em 1em;
}




dl {
	line-height: 1.125;
}

.noitalic {
	font-style: normal;
}

#r {
	float: right;
	width: 20em;
	margin: 10% 0px 0px 2em;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #ddd;
}

#r div {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc;
}

#r p {
	padding: 1em;
	margin: 0px;
}

p.title {
	text-align: left;
}

p.title strong {
	color: #c30;
	font-size: 110%;
}

#links {
	background-color: #eef;
	background-image: url("./W_flwb01.gif");
	
}


#news, #recent {
	text-align: left;
	background-color: #ffe;
	color: navy;
	/*font-family: "Verdana", sans-serif;*/
	font-size: 12px;
}

#projects {
	text-align: center;
        background-color: #eef;
        background-image: url("./images/w_sqy12.png");
}
#projects p {text-align: center;}

#files {
	background-color: #eff;
	background-image: url("./images/w_si301.png");
	
}

#betas {
	background-color: #fee;
	background-image: url("./images/W_sep07.png");
}

#recommended {
	background-color: #ffe;
	background-image: url("./images/w_si402.png");
}

#articles {
	background-color: #efe;
	background-image: url("./images/w_si102.png");
}


em.accesskey {
	font-style: normal;
	background-color: #eee;
	padding: 1px 2px;
	border: solid #ccc 1px;
	font-family: "Courier New", monospace;
	font-size: 85%;
	color: navy;
	cursor: help;
}

em { font-style: italic; }
em em { font-style: normal; }


h1{
	font-style: italic;
	font-weight: bold;
	font-size: 30px;
	font-family: AndikaNewBasicW, "Palatino Linotype", "MS UI Gothic", sans-serif;
	color: #e7af24;
	line-height: 1.1;
	padding: 30px;
	margin: 30px 30px 30px 90px;
}


h1#frontpage{
	height: 210px;
}

h1#frontpage span { position: relative; top: -2px; }

h1 strong {
	font-family: AndikaNewBasicW, "Palatino Linotype", "MS UI Gothic", sans-serif;
	font-style: normal;
	color: #cea473;
	font-size: 45px;
}

h1 em{
	font-style: italic;
	font-size: 20px;
	color: #ff79be;
	white-space: nowrap;
}

h1 em.noitalic {
	font-size: 112.5%;
}

h1 img {
	vertical-align: baseline;
	color: #eee;
	background-color: white;
}

#yukata {
	float: left;
	padding: 0.25em 0.5em 0.25em 5%;
}

#honobono-ja {
	position: relative;
	top: 0.25em;
	left: 3em;
	width: 326px;
	height: 94px;
	font-style: normal;
	font-weight: bold;
}

/*
#nav0 {
	text-align: center;
	margin-top: 2.5em;
	color: olive;
}
*/

#nav0 {
	text-align: center;
	position: relative;
	top: -1.5em;
	left: -3.5em;
	color: olive;
}

h2 {
	font-weight: bold;
	font-size: 137.5%;
	color: blue;
	margin: 5em 1em 1em 125px;
	clear: both;
}

h2,h3,h4,h4,h6 { font-family: AndikaNewBasicW; }

h2.section {
	border-style: dotted;
	border-color: silver;
	border-width: 3px 0px;
	margin: 2em 1em 1em 125px;
	padding: 0.25em 1em;
}

/*
h2#table {
	margin-top: 10em;
}
*/
h3 {
	font-style: italic;
	font-weight: bold;
	font-size: 112.5%;
	color: maroon;
	text-align: center;
	margin: 2em 7.5% 1em 7.5%;
}


blockquote, h4,h5,h6,
p, ul, ol, dl, table {
	font-family: CharisSILW, Verdana, Tahoma, "Palatino Linotype", "MS UI Gothic", sans-serif;
	margin: 1.5em 5.5em;
	text-align: justify;
}

h4 {
	text-decoration: underline;
	text-indent: 1em;
}
h5 {
	font-style: italic;
	font-weight: 400;
	color: navy;
	text-indent: 2em;
}
h6 {
	text-indent: 3em;
}

pre {
	font-family: "Courier New", "MS Gothic", monospace;
	font-size: 66.666667%;
	background: #e8f8e8;
	width: 60%;
	padding: 1em;
	margin: 1.5em 150px;
	border: 1px solid silver;
}

code {
	font-family: "Courier New", monospace;
	font-style: normal;
}

/*
ol li {
	background: #cff;
}
*/

ul {
	list-style-image: url("/images/jp2.gif");
}
ul.star {
	list-style-image: url("/st11.gif");
	line-height: 1.5;
}



address{
	margin: 5em 5em 0px 5em;
	font-style:italic;
	font-size: 20px;
	font-family: "Times New Roman",serif;
	text-align: right;
	color: #888;
}
address em {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #e38;
}



img {
	vertical-align: middle;
}

img.inset {border:1px inset #fff !important;}


dt {
	color: navy;
	font-weight: bold;
	font-size: 108%;
	padding: 0.5em;
}

dd {
	color: maroon;
	padding: 0.5em;
}

a img {
	border: 0px none;
}
div.navbottom {
	margin: 8em 150px 1em 150px;
	line-height: 1.5em;
	text-align: center;
	border: silver dotted 3px;
	padding: 1em 3em;
	background: #fef;
}

table.proj {
	width: 40%;
	margin-left: 200px;
	background-image: none;
	background-color: #000;
	border: 1px silver solid;
}

table.proj th {
	width: 160px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

table.proj th img {
	margin: 0px;
	padding: 0px;
}

table.proj td {
	text-align: center;
	background-color: #000;
	border-color: #888;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

table.proj td,table.proj td strong
{
	color: #999;
}


table.proj td a
{
	color: #9df;
}

table.proj td.completed a,
table.proj td.completed,
table.proj td.completed strong
{
	color: #9fd;
}
table.border1 {border-collapse: collapse}
table.border1 td, table.border1 th { border: 1px solid #c0c0c0; padding: 0.125em 0.25em; background:#f4f4f0; }



.center {
	text-align: center;
	text-indent: none;
	margin: 2em;
}

abbr, acronym, .tip {
	font-style: normal;
	border-style: dotted;
	border-color: red;
	border-width: 0px 0px 1px 0px;
	cursor: help;
}

hr { display:none; }

/*2023-04-09*/
div.newsitem {
	margin: 2em 24em 2em 6em;
	text-indent: 0;
	border-top: double 3px silver;
	padding: 1em 1em 1em 1em;
	clear: left;
}
div.newsitem p {
	margin: 0em 3em 0em 0em;
	text-indent: 1.5em;
}

div.newsitem p.header {
	font-family: AndikaNewBasicW;
	font-weight: 700;
	font-size: 120%;
	color: #090;
	margin-bottom: 0.5em;
	text-indent: 1em;
}

div.newsitem p.header img {
	margin: 0;
	padding: 0.5em 1em 1em 0.5em;
	text-indent: 0;
	float: left;
}