@charset "UTF-8";
@import url("extend.css");
@import url("modern_design.css");
@import url("horizontal_navi.css");
@import url("vertical_navi.css");

/******************************************************************

	CSS for PIAJ  ver 0.4

			written by galileo

*******************************************************************/


/* First settings */
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body {margin:0px; padding:0px;}

h2 {font-size:1em;line-height:150%;}	/* 20px / 30px */
h3 {font-size:1em;line-height:150%;}	/* 20px / 30px */
h4 {font-size:1em;line-height:150%;}	/* 18px / 27px */
h5 {font-size:1em;line-height:150%;}	/* 16px / 24px */
h6 {font-size:1em;line-height:150%;}
p {font-size:0.875em;line-height:142.858%;}	/* 14px / 20px */
li {font-size:0.875em;line-height:142.858%;}
dt {font-size:0.875em;line-height:142.858%;}
dd {font-size:0.875em;line-height:142.858%;}
caption {font-size:0.875em;line-height:142.858%;}
th {font-size:0.75em;line-height:166.66666%;}	/* 12px / 20px */
td {font-size:0.75em;line-height:166.66666%;}

li p,
li li,
dd p,
dd li,
td p,
td li {font-size:1em; line-height:auto;}
li th,
li td,
dd th,
dd td {font-size:0.825em;line-height:166.66666%;}

h1, h2, h3, h4, h5, h6, caption, dt, pre, blockquote {text-align:left;}

/*\*/
p, li, dd {text-align:justify; text-justify:inter-ideograph;}
/* */

/* Block element */

h2 {margin:0px 0px 1em; padding:1px; border:1px solid #cccccc; background-color:white; color:black; line-height:120%;}
h2 span {display:block; padding:1.5em 30px; background:#00ccff url(../images/h2.jpg) repeat-x center top; color:white;}

h3 {margin:1em 0px 1em; padding:4px 0px 4px 4px; color:#333333; border-bottom:1px solid #cccccc; border-left:3px solid #bb0000;}
h4 {margin:0px 0px 0px 10px; padding:4px 0px 4px 20px; background:white url(../images/h4.gif) no-repeat 0px 0.75em;}
h5 {margin:0px 0px 0px 10px;}
h6 {margin:0px 0px 0px 10px;}

p {text-indent:1em;}
ul,ol {margin:1em 0px; padding:0px 0px 0px 1em;}
li {margin:0px 0px 0px 1em; padding:0px;}

pre {margin:1em 0px; padding:1em; border:1px solid #cccccc; background-color:#eeeeee; width:480px; white-space:normal;}
/*\*/
pre {overflow:auto; white-space:pre;}
/* */
td pre {width:auto;}
blockquote {margin:0px 0px 0px 16px; padding:0px 1em; width:400px; border:1px solid #cccccc; background-color:#eeeeee; overflow:auto;}
address {font-style:normal; text-align:left;}

table {margin:0px 0px 20px; padding:0px; border-collapse:collapse; border-color:#666666;}
caption {text-align:left; padding:3px 0px;}
th {border:1px solid #666666; margin:0px; padding:3px 8px; background-color:#f1eee7; text-align:center;}
td {border:1px solid #666666; margin:0px; padding:3px 8px;}
thead th {background-color:#d6cdb8; color:#524730;}

/* Inline element*/

em {font-style:normal; font-weight:bold;}
strong {font-size:1.25em;}
a {text-decoration:underline;}
a:link {color:#0d4c77;}
a:visited {color:#09314d;}
a:hover {text-decoration:none; color:#705f41;}
a:active {color:#66ccff;}
code {font-size:1em; margin:0px 3px; padding:1px 6px; border:1px solid #cccccc; background-color:#eeeeee;} /* font-size:1.14286em; */


a img {border:none;}
p img, li img, td img {vertical-align:middle;}

/* Basic classes */

div.inner_text {margin-left:10px;}
p.caption {margin:0px; padding:0px 0px 0px 2em; font-size:0.7143em; text-indent:-1em;}
p.pict {margin:0px; padding:0px; text-indent:0px; font-size:0.7143em; text-align:center; color:#333333;}
p.pict.right {margin:1em 0px 1em 10px; float:right;}
p.pict.left {margin:1em 10px 1em 0px; float:left;}

div.margin {margin:0px auto; padding:20px 0px; background-color:white;}
div.hide {height:0px; _height:1px; margin:0px auto; padding:1px 0px 0px 0px; overflow:hidden; background-color:white;}
div.margin hr {display:none;}
div.hide hr {clear:left;}

.none {display:none;}
.red {color:#990000;}
.blue {color:#126ca9;}
.bgred {background-color:#990000; padding:2px 4px; color:white;font-style:normal;}
.bgblue {background-color:#126ca9; padding:2px 4px; color:white;font-style:normal;}

.indent {margin-left:28px;}

.left {text-align:left; text-indent:0px;}
.right {text-align:right; text-indent:0px;}
.center {text-align:center; text-indent:0px;}
.justify {text-align:justify; text-justify:inter-ideograph; text-indent:0px;}


table.noborder {border-collapse:collapse;}
table.noborder th {border:1px solid white; background-color:#d6cdb8;}
table.noborder td {border:1px solid white; background-color:#f1eee7;}
table.noborder thead th {background-color:#897650; color:white;}

p.gototop {margin:10px 0px 0px; padding:2px 8px; border:1px solid #cccccc; background-color:#f1eee7; text-align:right; font-size:0.825em;}

/* "center" and "right" and "left" classes */
table.center th, table.center td,
tr.center th, tr.center td,
table th.center, table td.center {text-align:center;}

table.right th, table.right td,
tr.right th, tr.right td,
table th.right, table td.right {text-align:right;}

table.left th, table.left td,
tr.left th, tr.left td,
table th.left, table td.left {text-align:left;}


/* button */

a.button {margin:0.125em 0px; padding:0.5em 0.75em; border-width:1px; border-style:solid; border-color:#cccccc #cccccc #cccccc #eeeeee; background:#eeddaa url(../images/button.gif) 0px center; font-size:0.875em; text-decoration:none; color:black;}

a.button:hover {background-position:-600px center;}

a.button:active {background-position:-1200px center; background-color:#66ccff; border-style:inset; color:white;}

/* box */

div.box {margin:1em; padding:1em; border:1px solid #ff9933; background-color:#ffeecc;}
div.box p {margin:0px;}