@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* 				{ padding: 0; margin: 0;	}
a:link		{ color: blue; text-decoration: underline;	}
a:visited { color: #990099; text-decoration: underline;	}
a:hover		{ color: red; text-decoration: underline;	}

/* ---------------------------------------- フォントスタイル フォントサイズ Background*/
body {
  font-size: 0.85em;  text-align: center;  padding: 0;  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
  	background-image:url(../image/bg.png);
	background-repeat:repeat;
	height: 100%;}

/* ---------------------------------------- レイアウトに関する指定 */
#wrapper 	{ text-align:left; margin:1em auto 0; width:800px; border:1px solid silver;	background-color: white;}
#header		{ padding: 20px 20px 10px 85px;	}
#globalnavi { width: 100%; position: relative; 	}
#contents { float: right; width: 540px;
  					padding: 4em 30px 4em 29px; border-left: 1px solid silver;	}
#sidebar 	{ float: left; width: 180px; padding: 4em 10px 2em;	}
#footer 	{ clear: both; padding: 0.5em 0 1em; 	}

/* ---------------------------------------- #header内の指定 */
/* -- 見出しレベル1 -- */
h1 { text-align: right;  font-size: 1em;  font-weight: normal;	}

/* -- サイト名 -- */
.logo 	{ font-size: 1.8em;  margin-bottom: 0.5em;	}
.logo a { text-decoration: none;  background-color: white;  color: mediumblue;	}
.logo a:hover { text-decoration: none;  background-color: white;  color: red;	}

/* -- 概要 -- */
.description { }

/* ---------------------------------------- #globalnaviの指定 */
#globalnavi ul {
  width: 800px;  list-style-type: none;
  position: absolute;  background-color: mediumblue;	}
#globalnavi li { width: auto; float: left; border-right: 2px groove silver;	}
#globalnavi li a {
  text-decoration: none; display: block;
  width: auto; padding: 0.5em 1em;
  background-color: mediumblue; color: white;	}
#globalnavi li a:hover { background-color: aqua; color: red;	}

/* ---------------------------------------- #globalnavi1の指定 */
#globalnavi1 ul {
  width: 800px;  list-style-type: none;
  padding-left: 200px; position: relative;  background-color: none;	}
#globalnavi1 li { width: auto; float: left; }
#globalnavi1 li a {
  text-decoration: none; display: block;
  width: auto; padding: 0.5em 1em;
  background-color: none; color: grey;	}
#globalnavi1 li a:hover { background-color: none; color: black;	}


/* ---------------------------------------- #contents内の指定 */
/* -- 見出し -- */
h2,h3,h4,h5,h6 {
  font-size: 1.2em; margin-bottom: 1.5em; padding: 5px 0 5px 5px;
  border-left: 5px solid black; border-bottom: 1px solid black;	}
h3,h4,h5,h6 { margin-top: 2.5em; }

/* -- 文字 -- */
#contents p { line-height: 1.6em; margin-bottom: 0.5em;	}

/* -- パン屑リスト -- */
#contents .topic-path { line-height: 1em; margin-bottom: 2em;	}

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }
#contents dt {
  margin-bottom: 0.5em; font-weight: bold; border-bottom: 1px dotted grey; }
#contents dd { margin-bottom: 2em; }
#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }

/* ---------------------------------------- #sidebar内の指定 */
/* -- カテゴリタイトル -- */
.sidetitle { padding: 0.5em 0; border-bottom: 1px solid darkgray; }

/* -- リスト -- */
.localnavi { list-style-type: none; margin-bottom: 2em; }
.localnavi li { display: inline; }
.localnavi a {
  text-decoration: none; display: block; width: 170px;  padding: 0.5em 5px;
  background-color: whitesmoke; color: black;
  border-bottom: 1px solid lightgray; }
.localnavi a:hover {
  text-decoration: none; background-color: #999999;
  color: whitesmoke; border-bottom: 1px solid red; }

/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: right; }