@charset "utf-8";
/* ================================================ */
/* 全体設定           */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/* body              */
body {
  font-size: 90%;
/*  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif; */
  line-height: 170%;
  text-align: center;
  color: #000000;
	background: #cccccc; /* 全体背景 */
}

/* ================================================ */
/* 見出し           */
h1,h2 {
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* ================================================ */
/* リンク            */
a{
  color: #0000FF;
  text-decoration: underline;
}
a:visited{
  color: #551a8b;
}
a:hover{
  color: #FFF;
  text-decoration: none;
  background-color: #66ccff;
}

/* ================================================ */
/* 文字強調          */
em {
  color: #aa888f;
  border-bottom: 1px dashed #aa9688;
}
strong {
  font-weight: bold;
  color: #ff0000;
  border-bottom: 1px dashed #aa9688;
}

/* ================================================ */
/* 画像              */
img {
  border: 0;
  border-style: none;
}

/* ================================================ */
/* ページの整形     */
#container {
  text-align: left;
  background-color: #f4f4ed;
  margin: 0 auto;
  width: 835px;
  border-top: 1px solid #003399;
  border-right: 1px solid #003399;
  border-left: 1px solid #003399;
}

/* ================================================ */
/* ヘッダー     */
#header {
  width: 835px;
  height: 65px;
  margin: 5px 0px 0px 0px;
  background: #f4f4ed;
  border-bottom: 10px solid #003399;
}
#header p {
  padding: 10px 10px 5px;
  color: #003399;
  text-align: right;
}
#topics {
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	clear: both;
}
#topics ul{
	margin: 0px;
	padding: 0px;
}
#topics ul li{
	list-style: none;
	float: left;
	margin-left: 4px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
	display: inline;
}
#topics ul li a{
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	text-decoration: none;
	background: #FFFFFF;
}
#topics ul li a:hover{
	background: #FF6633;
	font-size: 12px;
	padding: 5px;
	text-decoration: none;
	color: #FFFFFF;
}
#topics ul #tn1 a {
	background: #000000; /* 上部ボタン反転色 */
	color: #FFFFFF;
}


/* サイト名    */
h2 {
  font-size: 90%;
  padding: 10px 10px 5px;
  color: #003399;
  text-align: right;
}

/* ================================================ */
/* メニュー     */
#menu {
/* 値を1つ指定した場合： 指定した値が[上下左右]のパディングになります。  */
/* 値を2つ指定した場合： 記述した順に[上下][左右]のパディングになります。  */
/* 値を3つ指定した場合： 記述した順に[上][左右][下]のパディングになります。  */
/* 値を4つ指定した場合： 記述した順に[上][右][下][左]のパディングになります。  */
  padding: 2px 0px 0px 10px;
	font-size: 12px;
  width: 825px;
  border-bottom: 1px solid #003399;
  background-color: #F3F3F3;
}
#menu ul {
  list-style: none;
  margin: 3px 0 0;
  padding: 0 10px;
  text-align: right;
}
#menu li {
  list-style: none;
  padding-left: 10px;
  text-align: center;
  display: inline;
}
#menu p {
  margin: 0px 0px 0px 10px;
}
#menu2 {
	float: left;
	width: 170px;
	background: #FFFFFF;
	margin: 5px 5px 5px 5px;
	padding: 5px 0px 10px 0px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#menu2 p{
/* 値を4つ指定した場合： 記述した順に[上][右][下][左]のパディングになります。  */
	margin: 5px 5px 10px 5px;
}
#menu2 ul{
	margin: 10px 19px;
	padding: 0px;
}
#menu2 ul li{
	margin-top: 4px;
  padding-left: 0px;
	list-style-type: square;
}
#menu2 h4 {
	font-size: 12px;
	line-height:110%;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 4px;
	font-weight: normal;
	color: #666666;
}
#menu2 hr {
	margin: 5px 5px 5px 5px;
}

/* ================================================ */
/* メイン     */
#main {
	width: 641px;
  background-color: #ffffff;
	margin: 5px 5px 5px 0px;
  padding: 5px 0;
	float: right;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
/* 見出し     */
#main h1 {
	padding: 5px 5px 0px 5px;
  margin: 0px 20px 8px 20px;
	font-weight: bold;
	border-bottom: 5px solid #E3E3E3;
  font-size: 120%;
}

/* 段落・リスト     */
#main p,dl {
  margin: 0px 30px 20px 30px;
}
#main a name {
  margin: 0px 30px 20px 30px;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0;
}
#main ul{
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#main ul li{
	padding: 5px 5px 5px 5px;
	margin: 0px 20px 15px;
	border: 1px solid #999999;
	list-style: none;
}
#main SELECT,OPTION {
width: 270px;
height: 1.8em;
font-size: 70%;
}
h3 {
	margin: 0px 20px 10px;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	line-height:110%;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 10px;
	font-weight: normal;
	color: #666666;
}

h5 {
	line-height:110%;
	padding: 0px 0px 0px 0px;
	margin: 2px 14px 2px;
	font-weight: normal;
	color: #666666;
}
hr {
	margin: 5px 15px 5px 15px;
}
hr.contents {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}
p.hwlist {
	font-size: 12px;
	line-height:190%;
}
/* ================================================ */
/* フッター     */
#footer {
	clear: both;
	font-size: 12px;
  border-top: 10px solid #003399;
  padding: 0;
  margin: 0;
  background-color: #F3F3F3;
	padding: 10px 0px;
  text-align: center;
  width: 835px;
  border-bottom: 1px solid #003399;
}
#footer ul {
  list-style: none;
  margin: 3px 0 0;
  padding: 0 10px;
  text-align: center;
}
#footer li {
  list-style: none;
  padding-left: 10px;
  text-align: center;
  display: inline;
}

/* 著作権     */
address {
  margin: 2px 15px 0 0;
  padding: 5px;
  color:#000000;
}