@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ================================================================ *
	webdesignning css template
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  
  color: #fff;
  background: url(img/container-bg.jpg) fixed;
}

#container {
  background: tranparent;
  width: 950px;
  margin: 0 auto;
}

.key {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin: 5px;
}


/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  height: 96px;
  background: url(img/logo-b.gif) no-repeat;
  margin-top: 0;
  margin-bottom: 0;

  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

}

	/* ---追記--- */
#header img {
	display: inline;
}
.hidden {
	position: absolute;
	width: 0;
	hegiht: 0;
	overflow: hidden;
}
.site {
  color: #ddd;
  font-size: 12px;
  text-align: right;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  height: 25px;
  background: #09c;

  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;

  border-top: 2px solid #eee;

}

#navi ul {

  margin: 0;
  padding: 0;

}

#navi ul li {

  margin: 0;
  padding: 0px 0px 0px 0px;
  float: left;
}

#navi ul li a {
  color: #fff;
  background: #666;
  margin: 0;
  padding:  3px 10px 1px 10px;
  display: block;
  border-left: 1px solid #CCCCCC;
  border-bottom: 5px solid #eee;
  font-weight: 900;
  text-decoration: none;
}

#navi a:hover {
  background: #333;
  border-bottom: 5px solid #ff0000;
  text-decoration: none;
}

#navi ul li a span {
	position: absolute;
	width: 0;
	hegiht: 0;
	overflow: hidden;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main{
  width: 950px;
  background: tranparent;
  margin: 10px auto;

}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {

  width: 950px;

  background: #333;

  float: left; 

  margin-top: 0;
  margin-left: 0;
  margin-bottom: 5px;
 }


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
 
  float: left;

  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0 としてください */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;

	display: block;
}


/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
    	background: #000;
  	margin-top: 10px;
  	margin-bottom: 10px;
	border-top: 10px solid #03c;
	border-bottom: 10px solid #03c;
}


/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  background: #366;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border-top: 1px dotted #3EBAEE;
}

#footer p {
  line-height: 1.4em;
}


#footer ul {
  margin-bottom: 4px;
  padding: 4px 0 0 0;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px dotted #3EBAEE;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}