/* Output CSS ---- */
@charset "Shift_JIS";
@import "../code.css";

pre, dl, ol, p, blockquote { line-height:130%; }

blockquote { margin-left:32px; }

body,td {
	color:black;
	background-color:#FFFFFF;
	margin-left:2%;
	margin-right:2%;
	font-size:90%;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

a:link {
	color:#215DC6;
	background-color:inherit;
	text-decoration:none;
}

a:active {
	color:#215DC6;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited {
	color:#A63D21;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	color:#215DC6;
	background-color:#CCDDEE;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	background-color:#DDEEDD;
	margin:0 0 0.5em 10px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #003399;
}

h1 {
	width: 650px;
	padding-left: 10px;
	border-bottom: 3px;
}

h2 {
	width: 600px;
	padding-left: 15px;
}

h3 {
	width: 550px;
	padding-left: 15px;
	background-color:#EEFFDD;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #0022AA;
	border-left: 10px solid #0022AA;
}

h4 {
	width: 500px;
	padding-left: 25px;
	color:#FFFFFF;
	background-color:#0022AA;
	border: 0;
}

h5 {
	width: 450px;
	padding-left: 30px;
	border-bottom: 2px solid #003399;
}

h6 {
	width: 400px;
	padding-left: 35px;
	border-bottom: 1px solid #003399;
}

div#header {
	background-image: url(image/ship/header.gif);
}

div#header-title {
	font-size: 2em;
	font-weight: bold;
	background-color:transparent;
	padding-top:10px;
}

div#header-title a:link{
	color: #000000;
}

div#header-title a:visited{
	color: #003333;
}

div#header-title a:hover{
	color:#66CC00;
}

div#header-title a:alink{
	color: #FF0000;
}

div#header-title a:active{
	color: #FF0000;
}


dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}

img {
	border:none;
}

ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}

em { font-style:italic; }

strong { font-weight:bold; }

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#E0E8F0;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; }
ul.list3 { list-style-type:square; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small { font-size:80%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu {
	font-size:60%;
	text-align:right;
}

hr.full_hr {
	border-style:ridge;
	border-color:#0000CC;
	border-width:1px 0px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

span.size1 {
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* html.php/catbody() */
strong.word0 {
	background-color:#FFFF66;
	color:black;
}
strong.word1 {
	background-color:#A0FFFF;
	color:black;
}
strong.word2 {
	background-color:#99FF99;
	color:black;
}
strong.word3 {
	background-color:#FF9999;
	color:black;
}
strong.word4 {
	background-color:#FF66FF;
	color:black;
}
strong.word5 {
	background-color:#880000;
	color:white;
}
strong.word6 {
	background-color:#00AA00;
	color:white;
}
strong.word7 {
	background-color:#886800;
	color:white;
}
strong.word8 {
	background-color:#004699;
	color:white;
}
strong.word9 {
	background-color:#990099;
	color:white;
}

/* html.php/edit_form() */
.edit_form { clear:both; }

div.navigation {
	clear:both;
	padding:0px;
	margin:0px;
}


div.navigation form {
	padding:0px;
	margin:0.2em 0 0 2em;
}

div.navigation ul,
div.navigation * ul {
	list-style: none;
	padding:0px;
	margin:0px;
	line-height:1.8em;
}

div.navigation ul li,
div.navigation * ul li {
	float: left;
	text-align: center;
	width:9em;
	padding:0px;
	margin:0px;
	border-right: solid 1px #FFFFFF;
}

div.navigation ul li {
	width:3em;
	font-size:80%;
	border-right: solid 3px #FFFFFF;
}

div.navigation ul li.w4em {
	width:4em;
}
div.navigation ul li.w5em {
	width:5em;
}

div.navigation ul li.w6em {
	width:6em;
}

div.navigation ul li.w7em {
	width:7em;
}

div.navigation ul li.w8em {
	width:8em;
}

div.navigation ul li.w9em {
	width:9em;
}

div.navigation * ul li {
	width:7em;
	font-size:100%;
}

div.navigation ul li a,
div.navigation * ul li a {
  display: block;
  height:1.8em;
  color: #000000;
  background-color: #EEEEEE;
  text-decoration: none;
}

div.navigation ul li a:link {
  color: #000000;
  background-color: #FFFF99;
}

div.navigation * ul li a:link {
  color: #ffffff;
  background-color: #336699;
}

div.navigation ul li a:visited {
  color: #EA7F65;
  background-color: #FFFF99;
}

div.navigation * ul li a:visited {
  color: #EA7F65;
  background-color: #336699;
}

div.navigation ul li a:active,
div.navigation * ul li a:active {
  color: #FF0000;
  background-color: #339999;
}

div.navigation ul li a:alink,
div.navigation * ul li a:alink {
  color: #FF0000;
  background-color: #339999;
}

div.navigation ul li a:hover,
div.navigation * ul li a:hover {
  color: #FFFFFF;
  background-color: #0099FF;
}

div.navigation * label {
	padding:0em;
	margin:0em 0em 0em 5em;
}


div#note {
	clear:both;
	padding:0px;
	margin:0px;
}

div#attach {
	clear:both;
	padding:0px;
	margin:0px;
}

div#toolbar {
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

div#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
}

div#related {
	font-size:80%;
	padding:0;
	margin:16px 0 0 0;
}

div#footer {
	font-size:70%;
	padding:0;
	margin:16px 0 0 0;
}

div#banner {
	float:right;
	margin-top:24px;
}

div#preview {
	color:inherit;
	background-color:#F5F8FF;
}

img#logo {
	margin-right:10px;
	margin-top:5px;
	margin-left:10px;
	height: 80px;
	width: 80px;
	float:left;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

/* br.inc.php */
br.spacer {}

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* diff.inc.php */
span.diff_added {
	color:blue;
	background-color:inherit;
}

span.diff_removed {
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align:center;
	width:80%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}

/* include.inc.php */
h5.side_label { text-align:center; }

/* navi.inc.php */
ul.navi {
	margin:0px;
	padding:0px;
	text-align:center;
}
li.navi_none {
	display:inline;
	float:none;
}
li.navi_left {
	display:inline;
	float:left;
	text-align:left;
}
li.navi_right {
	display:inline;
	float:right;
	text-align:right;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
	margin-left:32px;
	margin-right:32px;
}

/* vote.inc.php */
td.vote_label {
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1 {
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2 {
	color:inherit;
	background-color:#EEF5FF;
}

td#menubar-area {
}

div#menubar {
			position:absolute;
			top:170px;
			left:10px;
			overflow:hidden;
}

#menu-title {
	text-align: center;
	height: 30px;
	color: #000099;
	font-weight: bold;
	background-image: url(image/ship/menu1.jpg);
}

#menu-space {
	color: #FFFFFF;
}

/* menubar */
img.corner-top_left {
	float: left;
	vertical-align: top;
}

div.corner-top_right {
	background-image: url(image/top_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

div.corner-bottom_right {
	margin-top:0.72em;
	background-image: url(image/bottom_right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#sidemenu {
	background-repeat: no-repeat;
	background-image: url(image/ship/menu2.jpg);
}

/* treeview.inc.php */
.treeview ul {
	margin: 0 0 0 1em;
	padding-left: 0;
	cursor: default;
	font-size: 100%;
}

.treeview * ul {
	margin: 0 0 0 0.5em;
	font-size: 100%;
/*	float:left; Bad */
}

.treeview li,
.treeview * li {
	line-height: 120%;
	font-size: 100%;
	font-family:verdana, arial, helvetica, Sans-Serif;
	margin: 0 0 0 -12px;
	padding: 0 0 0 20px;
	list-style-type: none;
	background: transparent url(image/ship/leaf.gif) no-repeat 0 0.1em;
	background-position:left bottom;
}

.treeview * li.collapsed {
	background-image: url(image/ship/collapsed.gif);
	cursor: pointer;
	background-position:left top;
	font-weight:bold;
}

.treeview * li.expanded {
	background-image: url(image/ship/expanded.gif);
	cursor: pointer;
	background-position:left top;
}

.treeview * a {
	color: #000066;
	font-size: 100%;
	display: block;
	width: 90%;
	padding: 2px 0 3px 0;
	text-decoration: none;
	white-space: nowrap;
}

.treeview p a {
	display: inline;
}

.treeview li a {
	margin-left: 4px;			/* (width of image) - (indent) */
}

* html .treeview a {			/* for IE6 and below */
	padding-bottom: 1px;
	/*\*/
	display: inline;			/* for Windows IE */
}

.treeview a:hover {
	background: #cde;
}

.treeview a:visited {
	color: #990000;
}

.treeview span.count {
	margin-left: 0.5em;
	color: #880033;
	font-family: Arial, sans-serif;
	font-size: 90%;
}

.treeview h1,h2,h3,h4,h5,h6{
	width: auto;
}

/* Menu Area Width */
.menu-wd {
	width: 200px;
}

/* left of adm buttons */
.navi-left {
	left: 220px;
}

/* Compass Direction Pllate Setting */
div.course {
	position:absolute;
	width : 100px;
	height : 20px;
}

div.course a:hover {
	color: #000000;
	background-color: transparent;
}

div#DIRN img:hover {
	background-image: url(../../img/iCompass/North.jpg);
}
div#DIRNE img:hover {
	background-image: url(../../img/iCompass/NoEt.jpg);
}
div#DIRE img:hover {
	background-image: url(../../img/iCompass/East.jpg);
}
div#DIRS img:hover {
	background-image: url(../../img/iCompass/South.jpg);
}
div#DIRW img:hover {
	background-image: url(../../img/iCompass/West.jpg);
}