@charset "utf-8";
@import url("plugin.css");
@import url("demo.css");
@import url("tooltip.css");
@import url("magiczoom.css");

body {
  background-color: #ffffcc;
  background-image: url(bg_ba_a.gif);
  background-repeat: repeat;
  background-position: 50% 0%;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
  font-size: 12px;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

a:link {
  color: #993300;
  text-decoration: none;
}

a:visited {
  color: #993300;
  text-decoration: none;
}

a:hover {
  color: #993300;
  text-decoration: none;
}

a:hover img{
opacity:0.75; /* opera firefox safari */
filter: alpha(opacity=85); /* ie */
}

#body-container {
  width: 980px;
  margin: auto;
}

#wrapper {
  width: 893px;
  background-color: #ffffff;
  text-align: left;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1px;
}

h1 {
  color: #330000;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 7px;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 0;
}

#logo a:hover img{
opacity:1; /* opera firefox safari */
filter: alpha(opacity=100); /* ie */
}

#wrap_sidebar {
  width: 24%;
  float: left;
  overflow: visible;
  margin-left: 25px;
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

#logo_text {
  background-color: transparent;
  color: #ffffff;
  text-align: left;
  padding-top: 56px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 18px;
  font-size: 24px;
  font-weight: bold;
}

#logo_text a:hover {
  background-color: transparent;
  color: #330000;
  text-decoration: none;
}

#navigator {
  font-size: 12px;
  line-height: 13px;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  margin-bottom: 0;
}

#navigator ul {
  background-image: url('navibg.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 13px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  height: 25px;
  list-style: none;
  overflow: hidden;
}

#navigator ul li {
  background-color: transparent;
  background-image: url('header-nav.gif');
  background-repeat: no-repeat;
  background-position: 0% 100%;
  float: left;
  margin-top: 0;
  margin-left: 3px;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  width: 76px;
}

#navigator ul li.focus {
  color: #fff;
  background-color: transparent;
  background-image: url('header-nav.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#navigator ul li a {
  display: block;
  color: #000;
  text-align: center;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 0;
}

#navigator ul li a:hover {
  color: #e5dbbd;
  background-color: transparent;
  background-image: url('header-nav.gif');
  background-repeat: no-repeat;
  background-position: 0% 50%;
  opacity: 1;
}

#navigator a:hover {
  color: #e5dbbd;
  background-color: transparent;
}

#navigator ul li.focus {
  color: #fff;
  background-color: transparent;
  background-image: url('header-nav.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

/* Navigation .list2 */
#navigator .list2 ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigator .list2 {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
#navigator .list2 li {
  border-left: 1px solid gray;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
#navigator .list2 li a, #navigator .list2 li a:link,  #navigator .list2 li  a:active,　#navigator .list2 li a:visited {
  font-size: 12px;
  line-height: 13px;
  background: #000;
  color: #cccccc;
  display: block;
  padding: 0 2px;
  text-decoration: none;
  width: 80px;
}
#navigator .list2 li a:hover {
  background: gray;
  color: #cacaca;	
}
#navigator .list2  li:hover a, #navigator .list2 li.sfHover a {
  background: gray;
  color: #cacaca;
}
#navigator .list2 li:hover ul a, #navigator .list2 li.sfHover ul a {
  background: #000;
  color: #cacaca;	
}
#navigator .list2 li:hover ul a:hover,  #navigator .list2 li.sfHover ul a:hover {
  background: gray;
  color: #cacaca;	
} 
#navigator .list1 ul {
  width: 80px;
  margin: 0;
  top: -999em;
}
#navigator .list2 ul {
  list-style: none;
  margin: 0;
  position: absolute;
}
#navigator .list1 li:hover ul, #navigator .list1 li.sfHover ul, 
#navigator .list2 li:hover ul, #navigator .list2 li.sfHover ul {
  top: 0px;
}
#navigator .list1 ul li,  #navigator .list2 ul li {
  border: 0;
  float: none;
}
#navigator .list1 ul a, #navigator .list2 ul a {
  border: 1px solid #ccc;
  border-bottom: 0;
  padding-right: 12px;
  white-space: nowrap;
}
#navigator .list2 ul a:hover {
  color: #000;
}

/* LeftBar
----------------------------------------------------------------------------- */
div#wrap_sidebar{
  border-right: 1px solid #ccc;
  background-color: transparent;
  float: left;
  overflow: visible;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 0;
  margin-bottom:20px;
  padding-bottom: 15px;
}

#sidebar{
	color:#666;
}

.bar a{
	color:#000;
}
.bar a:hover {
	color:#cc3333;
}
.bar h2{
	color: #666;
	margin: 1px 0pt 1px 0pt;
	padding: 1px 8px 0px 8px;
}
.bar h2 a{
	color: #666;
	width: 180px;
	height: 22px;
	text-decoration:none;
	background-image:url("sidebar.gif");
	float: left;
	margin: 0;
	padding: 1px 8px 1px 8px;
	text-indent:8px;
	background-repeat:no-repeat;
}
.bar h2 a:visited{
	color: #666;
	text-decoration:none;
	text-decoration: none;
	background-image:url("sidebar3.gif");
	background-repeat:no-repeat;
}
.bar h2 a:hover{
	color:#ffffff;
	text-decoration:none;
	text-decoration: none;
	background-image:url("sidebar3.gif");
	background-repeat:no-repeat;
}
.bar h3 {
	width:170px;
	height:18px;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
.bar h3 a:{
	float: left;
	background-image:url("swfu/d/mark.png");
	background-repeat:no-repeat;
	text-align: left;
	font-size:13px;
	color:#808080;
	text-decoration:none;
}
.bar h3 a:visited{
	color:#111111;
	text-decoration:none;
}
.bar h3 a:hover {
  background-color: transparent;
  background-image: none;
  color: #111111;
  text-decoration: none;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-bottom: 0;
}

.bar h2.focus {
  background-color: transparent;
}
.bar h2{
	/* font */
	font-size:11px;
	color: #666666;
	text-align:left;
}
.bar h5{
	/* font */
	font-size:14px;
	color: #666666;
	text-align:left;
}
.bar h2 a,
.bar h5 a{
	color:#4283B9;
	text-decoration:none;
}
.bar h2 a:visited,
.bar h5 a:visited{
	color:#06046d;
}


#search_form{
	color:#666;
	text-align:center;
	background-color:#ffffff;
	border:none;
}

div#search_form h1,
div#search_form h2,
div#search_form h3,
div#search_form h4,
div#search_form h5{
	/* font */
	font-size:1.2em;
	color:#fff;
	text-align:left;
	padding:7px 5px 5px 5px;
	/* backgrond */
	background:none;
	/* border */
	border-style:none;
}
.body{
color: black;
text-align:left;
}
.navix a {
color: #00ffff;
font-weight: bold;
}
.navix p {
margin:0px;
}
.navix a:hover {
color: #00cccc;
}

table.calendar {
	padding: 0;
  margin-left: 10px;
  margin-right: 10px;
	background-color: #ffffff;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "Arial", "sans-serif";
	font-size: 10px;
	color: #777777;
}
table.calendar th span {
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 24px;
	height: 20px;
	vertical-align: middle;
	font-family: "Arial", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #ffffff;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #000099;
	background-color: #ffffff;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color: #ffffff;
}
table.calendar td.holyday {
	color: #FF0000;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 13px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 13px;
}

#content {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: transparent;
  padding-top: 5px;
  padding-bottom: 10px;
}

#body {
  line-height: 1.5em;
  width: 100%;
  word-break: normal;
}

#body h2 {
  line-height: 1em;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #555555;
  border-bottom-width: 1px;
  color: #333;
  text-align: left;
  font-size: 18px;
}

#body h3 {
  line-height: 1em;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  background-color: transparent;
  border-bottom-style: dotted;
  border-bottom-color: #bebebe;
  border-bottom-width: 2px;
  color: #333;
  text-align: left;
  font-size: 16px;
}

#body h4 {
  line-height: 1em;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 2px;
  margin-left: 3px;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #bebebe;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-color: #bebebe;
  border-left-width: 10px;
  color: #333;
  text-align: left;
  font-size: 14px;
}

.style_table {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  color: #333;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.style_th {
  color: #333;
  font-weight: bold;
  background-color: #e5c085;
  width: 25%;
  text-align: center;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.style_td {
  color: #333;
  background-color: #f2e9da;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#footer {
  color: #fffff5;
  background-color: #161515;
  width: 100%;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
}

#footer a:hover {
  background-color: transparent;
  color: #fffff5;
  text-decoration: underline;
}

#licence {
  border-top: 1px solid #737272;
  margin-right: 20px;
}

blockquote {
  padding-left: .3em;
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}

dd {
  margin-top: 2px;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 5px;
}

em {
  font-style: italic;
}

hr {
  border-top-width: 2px;
  border-top-color: #333;
  border-top-style: solid;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}

img {
  vertical-align: middle;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #666;
  border-top-style: solid;
  border-right-width: 2px;
  border-right-color: #889;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #889;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-color: #666;
  border-left-style: solid;
  color: #000;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding-top: .5em;
  padding-left: .5em;
  padding-right: .5em;
  padding-bottom: .5em;
}

p style{
  font-size: 10px;
}

strong {
  font-weight: 700;
}

div.ie5 {
  text-align: center;
}

span.handline {
  padding-bottom: .2em;
  background-image: url(line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

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

span.noexists a {
  color: #33F;
}

span.size1 {
  font-size: xx-small;
}

span.size2 {
  font-size: x-small;
}

span.size3 {
  font-size: small;
}

span.size4 {
  font-size: medium;
}

span.size5 {
  font-size: large;
}

span.size6 {
  font-size: x-large;
}

span.size7 {
  font-size: xx-large;
}

tfoot td.style_td {
  color: #834b22;
  background-color: #303;
  bordercolor: #fff;
}

tfoot th.style_th {
  color: #834b22;
  background-color: red;
  bordercolor: #fff;
}

thead td.style_td {
  color: #834b22;
  background-color: #303;
  bordercolor: #fff;
}

thead th.style_th {
  color: #834b22;
  background-color: red;
  bordercolor: #fff;
}

#content h2.title {
  text-align: right;
  font-size: 10px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 5px;
}

#content h2.title a {
  text-decoration: none;
}

#content h2.title a:hover {
  text-decoration: none;
}

#copyright {
  text-align: center;
  font-size: 13px;
}

#copyright p {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#footer a {
  text-decoration: none;
  color: #fffff5;
}

#headcopy {
  width: 893px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#header {
  height: 220px;
  background-color: transparent;
  background-image: url('header-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
}

#header a {
  text-decoration: none;
}

#lastmodified {
  text-align: right;
  color: #777;
  font-size: 12px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#logo {
  text-align: center;
  font-size: 30px;
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#logo a {
  text-decoration: none;
  color: #666;
}

#logo a:hover {
  text-decoration: none;
  color: #900;
  background-color: #f5f5f5;
}

#logo img {
  width: 893px;
}

#logo_text a {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-decoration: none;
  color: #660000;
}

#searchform {float: right;margin: 0;padding: 0 12px 0 0;}
#searchform input{vertical-align: middle;height:20px;}
#searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 153px;}
#searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}

#searchform{
position: absolute;
top: 170px;
left: 20px;
}
#wrapper{
//position: relative;
}

#note {
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #999;
  border-bottom-style: solid;
}

#summary {
  clear: both;
  padding-left: 5px;
  color: #666;
  border-left-width: 4px;
  border-left-color: #999;
  border-left-style: solid;
  margin-top: 45px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#toolbar {
  text-align: center;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;
}

#content {
  width: 69%;
  float: right;
  overflow: hidden;
}

.bar {
  line-height: 1.3em;
  word-break: normal;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.bar a {
  color: #333;
}

.bar div.jumpmenu {
  display: none;
}

.bar h1 {
  font-size: 1em;
  font-weight: 700;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}

.bar h2 a {
  display: block;
  width: 100%;
  color: #FB30D7;
  text-decoration: none;
  margin-top: 0px;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -1px;
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
}

.bar h3 a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
  margin-top: 0;
  margin-left: -20px;
  margin-right: 0;
  margin-bottom: 0px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 0px;
}

.bar h4 a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
  margin-top: 0;
  margin-left: -20px;
  margin-right: 0;
  margin-bottom: 0px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 0px;
}

.bar h5 {
  line-height: 26px;
  font-size: 1em;
  text-align: center;
  color: #666;
  border-top-width: 3px;
  border-top-color: #ff82ab;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ff82ab;
  border-bottom-style: solid;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 0;
}

.bar h5 a {
  display: block;
  width: 100%;
  color: #666;
  text-decoration: none;
  margin-top: -3px;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -1px;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
}

.bar h5 a:hover {
  color: #ff82ab;
  text-decoration: none;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
}

.bar img {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.bar li {
  list-style-type: none;
}

.bar ul {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 2px;
  padding-bottom: 5px;
}

.small {
  font-size: 90%;

.big {
  font-size: 110%;
}

#navigator2 {
  text-align: center;
  line-height: 1.3em;
  word-break: normal;
  margin: 25px 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}