﻿@charset "utf-8";


body {
  margin:0 auto;
  padding:0;
  text-align:center;
  font-size:small!important;
  font-size:x-small;
  color:#666;
  }

h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-size:small!important;
  font-size:x-small;
  }

div,span {
  margin:0;
  padding:0;
  }

ul,li,dl,dt,dd {
  margin:0;
  padding:0;
  list-style:none;
  }

form,input {
  margin:0;
  padding:0;
  }

hr {
  margin:0;
  padding:0;
  display:none;
  }

/* ------------------------------------------------------------------- */

.center {
  text-align:center;
  }

.right {
  text-align:right;
  }

.floatright {
  float:right;
  }

.floatleft {
  float:left;
  }

.box {
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  }

.valigntop {
  vertical-align:top;
  }

.small {
  font-size:x-small!important;
  font-size:xx-small;
  }

.pressbox {
height:130px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
line-height:140%;
}


/* ------------------------------------------------------------------- */

#background {
  margin:0 auto;
  padding:0;
  background:#fff url(../images/body_bg_01.gif) repeat-y center;
  text-align:center;
  }

#container {
  margin:0 auto;
  padding:0;
  width:770px;
  text-align:left;
  position:relative;
  }

/* ------------------------------------------------------------------- */

#header {
  margin:0 auto;
  position:relative;
  width:770px;
  height:90px;
  background:url(../images/header_bg_01.gif) repeat-x;
  }

#header h1 {
  position:absolute;
  left:10px;
  top:13px;
  }
  
#header #logo {

    border:0px;
  }


#header h2 {
  text-indent:-10000px;
  }

#header p.message {
  margin:0;
  padding:0;
  position:absolute;
  left:100px;
  top:41px;
  }

/* ------------------------------------------------------------------- */

#language {
  width:auto;
  position:absolute;
  top:8px;
  right:10px;
  }

/* Opera7 対策 Opera8で解消されている */
/* boxのpositionがabsoluteのときoperaだけwidth指定がないと崩れる */
/* html>body #language { width:260px; } */ /* firefoxも呼んでしまう */
/* head:first-child+body #language { width:260px; } */ 

#language ul {
  font-size:x-small!important;
  font-size:xx-small;
  list-style:none;
  }

#language li {
  float:left;
  display:inline;
  margin:0;
  padding:2px 6px 0 6px;
  line-height:1.2em;
  }

#language a, #language strong {
  float:left;
  display:block;
  color:#666;
  text-decoration:none;
  white-space: nowrap;
  border-bottom:dashed #999 1px;
  }

#language span {
  float:left;
  color:#aaa;
  }

#language strong {
  padding-left:12px;
  background:url(../images/arrow_01.gif) no-repeat left;
  color:#666;
  border-bottom:none;
  }
 
#language a:hover {
	border-bottom:dashed #f60 1px;
	color:#f60;
  }

/* もし韓国語表記をする場合 */
/*
.ko {
  font-size:x-small!important;
  font-size:x-small;
  font-family: GulimChe, DotumChe, BatangChe;
  line-height:1.4em;
  text-decoration:none;
  letter-spacing:2px;
}
*/

/* ------------------------------------------------------------------- */

#search {
  width:auto;
  position:absolute;
  right:10px;
  top:60px;
  }

#search_box {
  border:1px solid #999;
  }

#submit_bt {
  vertical-align:text-bottom;
  }

#sitemap a {
  color:#666;
  text-decoration:none;
  border-bottom:dashed #999 1px;
  }

#sitemap a:hover {
  border-bottom:dashed #f60 1px;
  color:#f60;
  }

/* ------------------------------------------------------------------- */

#navigation {
  float:left;
  background-color:#039;
  background-image:url(../images/nav_bg_01.gif);
  background-repeat:repeat-x;
  width:770px;
  border-top:solid #5678b9 1px;
  border-bottom:solid #dcdcdc 7px;
  }

#navigation ul {
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
  font-size:small!important;
  font-size:x-small;
  }

#navigation li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0;
  }

#navigation a {
  display:block;
  padding:10px 7px 10px 7px;
  border:solid #5678b9;
  border-width:0 1px 0 0;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  }


#navigation a:hover {
  color:#fff;
  background-color:#416BB0;
  background-image:url(../images/nav_bg_03.gif);
  background-repeat:repeat-x;
  }

#navigation #current {
  background-color:#063A60;
  background-image:url(../images/nav_bg_03.gif);
  background-repeat:repeat-x;
  }
 
#navigation #leftline {
  border-left-width:1px;
  }



/* ------------------------------------------------------------------- */

#mainarea {
  margin:0 auto;
  width:770px;
  background:#fff url(../images/main_bg_01.gif) repeat-y center;
  }

#sidebar {
  margin:0 auto;
  width:190px;
  float:right;
  }

#content {
  margin:0 auto;
  width:580px;
  float:left;
  }

/* ------------------------------------------------------------------- */

#contentend {
  clear:both;
  margin:0;
  padding:0;
  font-size:x-small!important;
  font-size:xx-small;
  /*position:relative;*/
  }

#contentend p {
  clear:both;
  display:block;
  margin:0;
  padding:0px 10px 10px 0px;
  text-align:right;
/*  border:solid #ccc 1px; */
  }

#contentend a {
  margin:0;
  padding:0;
  padding-left:12px;
  background:url(../images/upbt_01.gif) no-repeat left;
/*  padding-bottom:1px;  */
  text-decoration:none;
  border-bottom:dashed #999 1px;
  color:#666;
  }

#contentend a:hover {
  margin:0;
  padding:0;
  padding-left:12px;
  background:url(../images/upbt_02.gif) no-repeat left;
  text-decoration:none;
  border-bottom:dashed #f60 1px;
  color:#f60;
  }

/* ------------------------------------------------------------------- */

#footer {
  margin:0 auto;
  padding:0;
  clear:both;
  width:770px;
  height:39px;
  background:url(../images/footer_bg_02.gif) repeat-x;
  }

p.footerbox {
  margin:0 auto;
  padding:12px 0 0 8px;
  text-align:left;
  }

/* The Holly Hack
   Hides from IE-mac \*/
/*  * html .footerbox { height: 1%; }  */
/* End hide from IE-mac */


#footer a {
  text-decoration:none;
  border-bottom:dashed #999 1px;
  color:#666;
  }

#footer a:hover {
  border-bottom:dashed #f60 1px;
  color:#f60;
  }

#footerend {
  margin:0 auto;
  padding:0;
  background:url(../images/footer_bg_01.gif) no-repeat center;
  text-align:center;
  height:50px;
  }

p.copyright {
  margin:0 auto;
  padding:10px 0 0 0;
  font-size:x-small!important;
  font-size:xx-small;
  clear:both;
  }


/* ------------------------------------------------------------------- */

#topicpath {
  padding:15px 20px 10px 10px;
  }

#topicpath p {
  margin:0 auto;
  padding:0;
  font-size:x-small!important;
  font-size:xx-small;
  }

#topicpath a {
  text-decoration:none;
  border-bottom:dashed #999 1px;
  color:#666;
  }

#topicpath a:hover {
  text-decoration:none;
  border-bottom:dashed #f60 1px;
  color:#f60;
  }


/* ------------------------------------------------------------------- */


#subnavi {
  position:relative;
  top:10px;
  left:10px;
  margin:0;
  padding:0;
  width:170px;
  }

#subnavi ul {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	font-size:small!important;
	font-size:x-small;
	width: 170px;
  }

#subnavi li {
  margin:0;
  padding:0;
  }

#subnavi #subnavitl {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:1px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  background-color:#2A59A8;
  }

#subnavi .nowpage {
  background-color:#DDE5F1;
  }

#subnavi a {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:0px 1px 1px 1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#fff;
  }

#subnavi a:hover {
  color:#666;
  background-color:#DDE5F1;
  }

/* ------------------------------------------------------------------- */

#subnavi2 {
  position:relative;
  top:201px;
  left:10px;
  margin:0;
  padding:0;
  width:170px;
  margin-top:20px;
  }

#subnavi2 ul {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	font-size:small!important;
	font-size:x-small;
	width: 170px;
  }

#subnavi2 li {
  display:block;
  margin:0;
  padding:0;
  }

#subnavi2 .subnavitl2 {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#fff;
  }

#subnavi2 .subnavitl3 {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#DDE5F1;
  }


#subnavi2 .nowpage {
  background-color:#DDE5F1;
  }

#subnavi2 a {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:0px 1px 1px 1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#fff;
  }

#subnavi2 a:hover {
  color:#666;
  background-color:#DDE5F1;
  }

/* ------------------------------------------------------------------- */

#subnavi3 {
  position:relative;
  top:150px;
  left:10px;
  margin:0;
  padding:0;
  width:170px;
  margin-top:20px;
  }

#subnavi3 ul {
  position:absolute;
  margin:0;
  padding:0;
  list-style:none;
  font-size:small!important;
  font-size:x-small;
  }

#subnavi3 li {
  display:block;
  margin:0;
  padding:0;
  }

#subnavi3 a {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:1px 1px 1px 1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#fff;
  }

#subnavi3 .nowpage {
  background-color:#DDE5F1;
  }

#subnavi3 a:hover {
  color:#666;
  background-color:#DDE5F1;
  }

/* ------------------------------------------------------------------- */

#subnavi4 {
  position:relative;
  top:300px;
  left:10px;
  margin:0;
  padding:0;
  width:170px;
  margin-top:20px;
  }

#subnavi4 ul {
  position:absolute;
  margin:0;
  padding:0;
  list-style:none;
  font-size:small!important;
  font-size:x-small;
  }

#subnavi4 li {
  margin:0;
  padding:0;
  }

#subnavi4 .subnavitl {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:1px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  background-color:#888;
  }

#subnavi4 .nowpage {
  background-color:#DDE5F1;
  }

#subnavi4 a {
  display:block;
  width:100%;
  padding:5px 0px 5px 0px;
  border:solid #ccc;
  border-width:0px 1px 1px 1px;
  color:#666;
  text-align:center;
  text-decoration:none;
  background-color:#fff;
  }

#subnavi4 a:hover {
  color:#666;
  background-color:#DDE5F1;
  }

/* ------------------------------------------------------------------- */



.newmark {
  margin-bottom:5px;
  padding-right:30px;
  background:url(../images/new25_11.gif) no-repeat right;
  }
