@charset "Shift_JIS";

/* ---- 基本設定 ---- */

body {
  margin-top: 0px;
  padding: 0px;
  background: #eef;
  text-align:center;
}

h1 {
	font-size: 12px;
	font-weight: normal;
	padding : 2px 0px;
	margin : 0px;
}

DIV#headcopy{
	text-align : left;
	width : 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 0px;
}

DIV#wrapper {
  margin:0px;
  width : 800px;
  border:solid 1px #aac;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

DIV#header {
	margin: 0px;
	padding: 0px;
        font-size : 50px;
	border-width: 0px;
	border-style: none;
	background-color : navy;
  color : white;
}

div#header img {
vertical-align: top;
}









.navi {
	text-align : left;
	margin : 0px;
	font-size : 12px;
	background-color: #ccc;
	padding : 2px 3px 5px 3px;
	background-image:url("../images/navibg.png");
  
}

.navi A {
	color : blue;
	text-decoration: none;
}

.navi a:hover {
	color : #f30;
	text-decoration: none;
}

.navi UL {
	padding : 0px 0px 0px 5px;
	margin-top : 0px;
    width : 700px;
  
}

.navi ul li {
    list-style:none;
    float: left;
	margin: 0px 10px 0px 0px;
	padding:  0px 0px 0px 20px;
	background: url("../images/item.png") no-repeat 0px 0px;
}

DIV#contents {
	float : left;
	width : 396px;
	text-align:left;
	font-size:14px;
	line-height:1.5em;
  
  bottom : auto;
}

DIV#menu {
	float:left;
	width : 188px;
  
}

DIV#menur {
	float : left;
	width : 208px;
  

  bottom : auto;
}

div#footer {
	clear : both;
}

/* ---- リンクの色 ---- */
a:link {
  color: #00f;
  background: transparent;
}

a:visited {
  background: transparent;
}

a:hover {
  color: #f00;
  background: #fdd;
}

a:active {
  color: #000000;
  background: transparent;
}

/* ---- コンテンツ ---- */

div#contents h2 {
  margin: 5px 0px 10px 0;
  padding: 0.2em 0 0.2em 20px;
  background: url(../images/h2.gif) no-repeat left;
  border-bottom: 1px dashed #999999;
  font-size: medium;
}

div#contents h3 {
  margin: 5px 0px 10px 0;
  padding: 0.2em 0 0.2em 20px;
  background: url(../images/h3.gif) no-repeat left;
  border-bottom: 1px dashed #666;
  font-size: small;
}

div#contents ul {
  margin-top : 1em;
}

div#contents li {
  margin-bottom: 0.5em;
  list-style: url(../images/ul.gif);
}

div#contents ul ul li {
  margin-bottom: 0.5em;
  list-style: circle;

}


div#contents p {
  margin: 0.8em 1em 0;
  line-height: 1.5;
}

/* ---- メニューバー左 ---- */
div#menu h2 {
	font-size: 14px;
	color:#fff;
	border : solid 1px #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px 3px -3px 3px;
	background-color: #00129F;
}

DIV#menu H3 {
	font-size: 12px;
	color:#333333;
	border : solid 1px #CCCCCC;
	border-top : none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	background-color: #EBFFFF;
  text-align : left;
}

div#menu h3 a {
	font-size: 12px;
	text-decoration: none;
}

div#menu h3 a:hover,
div#menu h3 a:active,
div#menu h3 a:focus
{
	font-size: 12px;
	color:#f00;
	background-color: #FFD9FF;
	text-decoration: none;
}

/* ---- メニューバー右 ---- */
div#menur h2 {
	font-size: 14px;
	color:#fff;
	border : solid 1px #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px 3px -3px 3px;
	background-color: #00129F;
}

DIV#menur H3 {
	font-size: 12px;
	color:#333333;
	border : solid 1px #CCCCCC;
	border-top : none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	background-color: #EBFFFF;
  font-weight : 100;
  text-align : left;
}

div#menur h3 a {
	font-size: 12px;
	text-decoration: none;
}

div#menur h3 a:hover,
div#menur h3 a:active,
div#menur h3 a:focus
{
	font-size: 12px;
	color:#f00;
	background-color: #FFD9FF;
	text-decoration: none;
}

/* ---- フッタ関連 ---- */

div#footer {
  margin-top:2em;
  margin-bottom:2em;
  border-top: 1px solid #666666;
  padding: 0.5em;
  font-size: small;
}

div#footer p {
  margin: 0;
}

p#copyright {
  width: 100%;
  text-align: center;
}
.mm{
  font-size : x-small;
  text-align : left;
}

