@charset "Shift_JIS";

/*
[1]全体のリンク指定
[2]CSS.DesignSampleへのリンク指定
[3]レイアウトに関する指定
[4]ヘッダー内の各部分指定
[5]グローバルナビ内の各部分指定
[6]コンテンツ内の各部分指定
[7]フッター内の各部分指定
*/


/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

/*########################################

[1]全体のリンク指定 */

/*特に指定していません*/

/*########################################

[2]CSS.DesignSampleへのリンク指定 */
#footer #cds {
  font-size: 0.8em;
  position: absolute;
  bottom: 1em;
  right: 1em;
  color:#000;
  background-color: transparent;
}

#footer #cds a {
  color:#000;
  background-color: transparent;
  text-decoration: none;
}

/*########################################

[3]レイアウトに関する指定 */

body {
  font-size: 95%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background: url(img/007.jpg) no-repeat 0 0 scroll;
}

#wrapper {
  width: 800px; 
  margin: 60px 100px 0 ;
}

#globalnavi { border-bottom: 10px solid #669900; }

#contents {
  padding: 0 50px 100px;
<!-- background: url(img/bg-contents.jpg) no-repeat 0 100%; -->
}

#footer {
  width: 100%;
  position: relative;
  height: 50px;
  padding-top: 40px;
  <!-- background: url(img/bg-footer.jpg) no-repeat 0 0; -->
}

/*########################################

[4]ヘッダー内の各部分指定 */

/* -- ロゴ -- */
.logo {
  font-size: 200%;
  font-weight: bold;
}

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

.logo a:hover {
  text-decoration: underline;
  color: #ff0000;
}

/* -- ページの概要 -- */
.description { margin: 0.5em 0 2em;}

/*########################################

[5]グローバルナビ内の各部分指定 */

#globalnavi ul {
  list-style-type: none;
  margin-bottom: 0.5em;
  border-left: 2px groove #99cc00;
}

#globalnavi li {
  display: inline;
  padding: 0 0.5em;
  border-right: 2px groove #99cc00;
}

#globalnavi li a {
  text-decoration: none;
  color: #336600;
}

#globalnavi li a:hover {
  text-decoration: underline;
  color: #ff0000;
}

/*########################################

[6]コンテンツ内の各部分指定 */

/* -- 見出し -- */
h1 {
  font-size: 1.6em;
  margin-bottom: 2em;
  padding-left: 30px;
  background: url(img/mark01.jpg) no-repeat 0 50%;
  background-color: transparent;
  color: #336600;
  border-bottom: 1px solid #336600;
}

h2,
h3,
h4,
h5,
h6 {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 1em;
  padding-left: 30px;
  background: url(img/mark02.jpg) no-repeat 0 50%;
  border-bottom: 1px dotted #336600;
}

h3,
h4,
h5,
h6 { margin-top: 4em; }

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

/* -- パン屑リスト -- */
p.topicpath { margin: 1em 0; }

/* -- ページトップ -- */
p.pagetop {
  text-align: right;
  margin: 1em 0;
}

/* -- UL OL リスト -- */
#contents ul,
#contents ol { margin: 2em 0; }

#contents ul { margin-left: 20px; }

#contents ol { margin-left: 25px; }

#contents li {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

/* -- DLリスト -- */
#contents dl { margin: 2em 0; }

#contents dt {
  font-weight: bold;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #cccccc;
}

#contents dd { margin-bottom: 1em; }

#contents dd p { margin-bottom: 0.5em; }

/*########################################

[7]フッター内の各部分指定 */

/* -- コピーライト -- */
address {
  text-align: center;
  text-decoration: underline;
  font-style: normal;
  background-color: transparent;
  color: #fff;
}
