@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
/* ---------------------------------------------------------------- *
	
ドキュメント全体に関する設定です
 
* ---------------------------------------------------------------- */


body {
	/* --- 基本的な前景色（文字色）を設定してください --- */
  
color: #FFFFFF;
	background-color:  #FFFFFF;
	
background-image: url(img/arrow.gif);
	;
}


#container {
	
/* --- 内容部分の背景を設定してください --- */
  
/* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
背景に変化をつけることができます */
  
background: transparent;
	
/* --- ドキュメント本体の幅を設定してください --- */
  
/* Note：百分率指定も可能です */
  
width: 800px;
	
/* --- ドキュメント本体の位置を設定してください --- */
  
/* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  
margin: 0 auto;
}


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


#header {
	/* --- マージンを設定してください --- */
  
/* Note：上下マージンの折りたたみに注意してください */
  
margin-top: 0;
	margin-bottom: 0;
	
/* --- パディングを設定してください --- */
  
padding-top: 0;
	padding-right: 0;
	
padding-bottom: 0;
	
padding-left: 0;
}


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


#navi {
	/* --- マージンを設定してください --- */
  
/* Note：上下マージンの折りたたみに注意してください */
  
margin-top: 0;
	margin-bottom: 0;
	
/* --- パディングを設定してください --- */
  
/* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           
上下パディングには正の値を指定してください */
  
padding-top: 0;
	padding-right: 0;
	
padding-bottom: 0;
	
padding-left: 0;
	
background-image: url(img/bg.png);
	
background-repeat: repeat-x;
	
border-bottom-width: 1px;
	
border-bottom-style: solid;
	
border-bottom-color: #696969;
}

#navi ul {
  
/* --- マージンを設定してください --- */
  
margin: 0;
  
/* --- パディングを設定してください --- */
  
padding: 0;
  
/* --- 高さを設定してください --- */
  
height: 2.5em;
}

#navi ul li {
  
/* --- マージンを設定してください --- */
  
margin: 0;
  
/* --- パディングを設定してください --- */
  
padding: 0;
  
/* --- 横並びにさせるためにフロートを指定してください --- */
  
float: left;
}

#navi ul li a {
	margin: 0;
	
padding: 6px 20px 5px 20px;
	
/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;
と指定してください --- */
  
display: block;
	
/* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  
background: url(img/bg.png) repeat-x;
	
/* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  
font-weight: bold;
	
border-right-width: 1px;
	
border-bottom-width: 5px;
	
border-right-style: solid;
	
border-bottom-style: solid;
	
border-right-color: #696969;
	
border-bottom-color: #696969;

}

#navi a:hover {
	
/* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  
border-bottom: 5px solid  #696969;
	
background-image: url(img/arrow.gif);
	;
	
/* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、
ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  
text-decoration: none;
	background-color: #FFFFFF;
	
background-image: url(img/arrow.gif);
	
background-repeat: no-repeat;
}


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


#main {
  
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  
background: transparent;
  
/* --- マージンを設定してください --- */
  
/* Note：この要素のマージン・パディングは，その有無と値によって
           
複雑な折りたたみを生じます。複雑なカスタマイズをしない
           
限り，以下を「すべて 0」にしておくことをおすすめします。 */
  
margin-top: 0;
  margin-bottom: 0;
  
/* --- パディングを設定してください --- */
  
padding-top: 17px;
  
padding-bottom: 0;
}


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


.contents {
  
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  
background:  #ffffff;
	
background-image: url(img/arrow.gif);
	;
 
/* --- マージンを設定してください --- */
  
/* Note：上下マージンの折りたたみに注意してください */
  
margin-top: 0;
  
margin-bottom: 20px;
  
/* --- パディングを設定してください --- */
  
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           
上下パディングには正の値を指定してください */
  
padding-top: 1em;
  padding-right: 1em;
  
padding-bottom: 1em;
  
padding-left: 1em;
  
/* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  
border: 15px solid #696969;
}


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


.contents img.fig {
  
/* --- 画像をどちらに回り込ませるか設定してください --- */
  
/* Note：left（左）または right（右）を指定します；
この指定によって
以降のマージンの指定方法が異なります */
  
float: left;
  
/* --- 画像のマージンを設定してください --- */
  
/* Note：前記の回り込みについて「left」のとき→左マージン 0，
           
「right」のとき→右マージン 0 としてください */
  
margin-top: 0;
  
margin-right: 1em;
  
margin-bottom: 1em;
  margin-left: 0;
}


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


.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  
background: #ffffff;
	
background-image: url(img/arrow.gif);
	;
  
/* --- マージンを設定してください --- */
  
/* Note：上下マージンの折りたたみに注意してください */
  
margin-top: 0;
  
margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}


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


#footer {
	
/* --- マージンを設定してください --- */
  
/* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           
生じます */
  
margin-top: 0;
	
margin-bottom: 0;
	
/* --- パディングを設定してください --- */
  
/* Note：上下マージンを持つものが含まれる場合，上下パディングには
           
正の値を指定してください */
  
padding-top: 0.6em;
	
padding-right: 0;
	
padding-bottom: 1em;
	
padding-left: 1em;
	
border-top-width: 1px;
	
border-top-style: dotted;
	
border-top-color: #696969;
	
background-image: url(img/foot.gif);
	
background-repeat: no-repeat;
	
background-position: right top;
	color: #696969;
	height: 30px;
}

#footer ul {
	
margin-bottom: 4px;
	
padding: 0;
	
border-left-width: 1px;
	border-left-style: solid;
	
border-left-color: #696969;
}

#footer ul li {
	
margin: 0;
	
padding: 0 5px;
	/* 
--- 横並びリストのリストマーカ画像を設定してください --- */
  
/* Note：16×16 ピクセル以下のものを使用してください */
  
background-image: none;
	border-right-width: 1px;
	
border-right-style: solid;
	
border-right-color: #696969;
}