@charset "UTF-8";

@import url(common.css);

@import url(textsettings.css);



/* ================================================================ *

	ヘッダー、サイドメニュー、フッターに関する共通CSSです。

	「★」が付されている設定項目は相互に依存します。注意して

	設定してください。

 * ================================================================ */



/* ---------------------------------------------------------------- *

	ドキュメント全体に関する設定

 * ---------------------------------------------------------------- */



body {

  /* --- 基本的な前景色（文字色）を設定 --- */

	color: #333333;

  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */

	background: #EEEEEE;

}



#container {

  /* --- 内容部分の背景を設定 --- */

  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして背景に変化をつけることができます */

	background: #FFFFFF;

  /* --- ドキュメント本体の幅を設定 --- */

  /* Note：百分率指定も可能です */

	width: 800px;

  /* --- ドキュメント本体の位置を設定 --- */

  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */

	margin: 0 auto;

	border-left: 1px solid #0086b9;

	border-right: 1px solid #0086b9;

	border-bottom: 1px solid #0086b9;

}



/* ---------------------------------------------------------------- *

	header ヘッダ部分の設定

 * ---------------------------------------------------------------- */



#header {

	width:790px;

	height:45px;

  /* --- 背景を設定（短縮プロパティでの設定です） --- */

	background: #FFFFFF;

  /* --- マージンを設定してください --- */

  /* Note：下マージンはナビゲーションの上マージンと折りたたみが生じます */

	margin-top: 0px;

	margin-bottom: 0;

  /* --- パディングを設定 --- */

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

	border-bottom: 1px dotted #3EBAEE;

}



#header img{

	float:left;

	width:200px;

}

#header p {

	float:right;

	width:200px;

	padding-right:15px;

	text-align:right;

}







/* ---------------------------------------------------------------- *

	main コンテンツコンテナの設定

 * ---------------------------------------------------------------- */



#main {

	width:595px;

  /* ★ --- レイアウト調整：サイドメニューの設定に応じて設定 --- */

	margin: 0 auto;

	padding-top: 10px;

	padding-left: 2px;

	padding-right: 0;

  /* --- 背景を設定（短縮プロパティでの設定です）--- */

  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で背景を指定しておく必要があります */

	background: tranparent;

  /* --- マージンを設定 --- */

  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */

  /* Note：下マージンはフッタの上マージンとの折りたたみが生じます */

	margin-top: 0;

	margin-bottom: 0;

}





/* ---------------------------------------------------------------- *

	contents コンテンツ部分の設定

 * ---------------------------------------------------------------- */



.contents {

  /* --- 背景を設定（短縮プロパティでの設定です）--- */

	background: #FFFFFF;

  /* --- マージンを設定 --- */

  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下

           マージンとの折りたたみが生じます */

  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上

           マージンとの折りたたみが生じます */

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 20px;

  /* --- パディングを設定 --- */

  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，

           上下パディングには正の値を指定してください */

	padding-top: 1em;

	padding-right: 1em;

	padding-bottom: 1em;

	padding-left: 1.5em;

  /* --- 枠線の太さ・線種・色を設定（短縮プロパティでの設定です） --- */

	border: 1px solid #EEEEEE;

}



.title_name{

	color:#666699;

}





/* ---------------------------------------------------------------- *

	コンテンツ画像の設定

 * ---------------------------------------------------------------- */



.contents img.fig {

  /* --- 画像をどちらに回り込ませるか設定 --- */

  /* Note：left（左）または right（右）を指定します；この指定によって

           以降のマージンの指定方法が異なります */

	float: right;

  /* --- 画像のマージンを設定 --- */

  /* Note：前記の回り込みについて「left」のとき→左マージン 0，

           「right」のとき→右マージン 0 としてください */

	margin-top: 0;

	margin-right: 1em;

	margin-bottom: 1em;

	margin-left: 0;

}



/* ---------------------------------------------------------------- *

	footer フッタ部分の設定

 * ---------------------------------------------------------------- */



#footer {

	clear:both;

  /* --- 背景を設定（短縮プロパティでの設定です）--- */

	background: #FFFFFF ;

  /* --- フッタ上の罫線の太さ・線種・色を設定（短縮プロパティでの設定です） --- */

	border-top: 1px dotted #3EBAEE;

  /* --- マージンを設定 --- */

  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが生じます */

	margin-top: 0;

	margin-bottom: 0;

  /* --- パディングを設定 --- */

  /* Note：上下マージンを持つものが含まれる場合，上下パディングには正の値を指定してください */

	padding-top: 0.6em;

	padding-right: 0;

	padding-bottom: 1em;

	padding-left: 2em;

}



#footer ul {

	margin-bottom: 4px;

	padding: 0;

  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定（短縮プロパティでの設定です） --- */

	border-left: 1px solid #CCCCCC;

}



#footer ul li {

	margin: 0;

	padding: 0 5px;

  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定（短縮プロパティでの設定です） --- */

	border-right: 1px solid #CCCCCC;

  /* --- 横並びリストのリストマーカ画像を設定 --- */

  /* Note：16×16 ピクセル以下のものを使用してください */

	background-image: none;

}







a,

.mainnav2 a:link {

   /* 必要ならば，リンクテキストに関する設定をしてください */

	color: #FF6633;

	text-decoration: none;

}



.mainnav2 a:visited {

   /* 必要ならば，訪問済みリンクテキストに関する設定をしてください */

	color: #ff6633;

}



.mainnav2 a:hover {

   /* 必要ならば，マウスオーバー時のリンクテキストに関する設定をしてください */

	color: #ff0000;

	text-decoration: underline;

}



mainnav2 a:active {

   /* 必要ならば，アクティブ時のリンクテキストに関する設定をしてください */

	color: #3366ff;

	text-decoration: underline;

}