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

/* ================================================================ *
	Web Designing 2007/10
	テンプレート B：2 カラム型
	カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
	「★」が付されている設定項目は相互に依存します。注意して
	設定してください。
 * ================================================================ */

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



body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  height:100%;
  background: #FFFFFF;
}

#container {
  /* --- 一番外側の枠 --- */
  background: url(img/back.gif);
    min-height:100%;
    height:auto;
	width: 800px;
	margin: 0 auto; }
#container2 {
  /* --- ドロップシャドウ内の枠 --- */
	width: 764px;
	height: auto;
	margin: 0 auto; }

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

#header a{
	background: #ffffff url(img/obi.gif) no-repeat;
	border-bottom: 1px solid #959595; 
	display: block;
	text-indent: -1000px;
	width: 764px;
	height: 68px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0; }
#topphoto {
  background: #ffffff url(img/topphoto1.jpg) no-repeat;
  width: 764px;
	height: 326px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0; }


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

#topnavi {
	width: 764px;
	height: 169px;
	margin: 18px 0 18px 0;
}
  /* --- ドロップシャドウ内の枠

	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1000px;
	width: 764px;
	height: 169px;
	margin: 18px 0 18px 18px;
	list-style-image: none; } --- */

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

#topnavi ul li {
	padding: 0;
	float: left;
}
#topnavi ul li a {
	width:236px;
	height:169px;
	margin-left: 13px;
	display: block; }

#topnavi ul li#tn01 a{
	background: url(img/topnavi1.jpg) no-repeat; }
#topnavi ul li#tn01 a:hover{
background: url(img/topnavi1on.jpg) no-repeat;}

#topnavi ul li#tn02 a{
background: url(img/topnavi2.jpg) no-repeat;}
#topnavi ul li#tn02 a:hover{
background: url(img/topnavi2on.jpg) no-repeat;}

#topnavi ul li#tn03 a{
background: url(img/topnavi3.jpg) no-repeat;}
#topnavi ul li#tn03 a:hover{
background: url(img/topnavi3on.jpg) no-repeat;}

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

#main {
  /* ★ --- レイアウト調整：サイドメニューの設定に応じて設定 --- */
  /* Note：サイドメニューを左に配置した場合，padding-left をサイド
           メニューの幅＋マージンとし，padding-right を 0 として
           ください；右に配置した場合，左右パディングを逆に読み替えて
           ください */
  padding-left: 215px;
  padding-right: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはフッタの上マージンとの折りたたみが生じます */
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */
#navi{
	display: block;
	width: 142px;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6; }
	
/* --- 第一階層--- */
#nv01on a{
	display: block;
	background: url(img/nv01on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px; }
#nv02on a {	background:  url(img/nv02on.gif) no-repeat;
	text-indent: -1000px;
	display:     block;
	width:       142px;
	height:      22px; }

#nv03on a {	background:  url(img/nv03on.gif) no-repeat;
	text-indent: -1000px;
	display:     block;
	width:       142px;
	height:      22px; }
#nv01off a{
	display: block;
	background: url(img/nv01off.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px; }
#nv02off a {	background:  url(img/nv02off.gif) no-repeat;
	text-indent: -1000px;
	display:     block;
	width:       142px;
	height:      22px; }

#nv03off a {	background:  url(img/nv03off.gif) no-repeat;
	text-indent: -1000px;
	display:     block;
	width:       142px;
	height:      22px; }
#nv01off a:hover{
	background: url(img/nv01on.gif) no-repeat;}
#nv02off a:hover{
	background: url(img/nv02on.gif) no-repeat;}
#nv03off a:hover{
	background: url(img/nv03on.gif) no-repeat;}
/* --- 第二階層その１--- */
#nv01-1on a{
	background: url(img/nv01-1on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-2on a{
	background: url(img/nv01-2on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-3on a{
	background: url(img/nv01-3on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-4on a{
	background: url(img/nv01-4on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-5on a{
	background: url(img/nv01-5on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-1off a{
	background: url(img/nv01-1off.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-2off a{
	background-image: url(img/nv01-2off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }

#nv01-3off a{
	background-image: url(img/nv01-3off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-4off a{
	background-image: url(img/nv01-4off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-5off a{
	background-image: url(img/nv01-5off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv01-1off a:hover {
	background-image: url(img/nv01-1on.gif);}
#nv01-2off a:hover {
	background-image: url(img/nv01-2on.gif);}
#nv01-3off a:hover {
	background-image: url(img/nv01-3on.gif);}
#nv01-4off a:hover {
	background-image: url(img/nv01-4on.gif);}
#nv01-5off a:hover {
	background-image: url(img/nv01-5on.gif);}
	
/* --- 第二階層その２--- */
#nv02-1on a{
	background: url(img/nv02-1on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-2on a{
	background: url(img/nv02-2on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-3on a{
	background: url(img/nv02-3on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-4on a{
	background: url(img/nv02-4on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-5on a{
	background: url(img/nv02-5on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-1off a{
	background: url(img/nv02-1off.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-2off a{
	background-image: url(img/nv02-2off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }

#nv02-3off a{
	background-image: url(img/nv02-3off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-4off a{
	background-image: url(img/nv02-4off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv02-5off a{
	background-image: url(img/nv02-5off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
	
#nv02-1off a:hover {
	background-image: url(img/nv02-1on.gif);}
#nv02-2off a:hover {
	background-image: url(img/nv02-2on.gif);}
#nv02-3off a:hover {
	background-image: url(img/nv02-3on.gif);}
#nv02-4off a:hover {
	background-image: url(img/nv02-4on.gif);}
#nv02-5off a:hover {
	background-image: url(img/nv02-5on.gif);}
/* --- 第二階層その３--- */
#nv03-1on a{
	background: url(img/nv03-1on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv03-2on a{
	background: url(img/nv03-2on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv03-3on a{
	background: url(img/nv03-3on.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv03-1off a{
	background: url(img/nv03-1off.gif) no-repeat;
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv03-2off a{
	background-image: url(img/nv03-2off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }

#nv03-3off a{
	background-image: url(img/nv03-3off.gif);
	text-indent: -1000px;
	width: 142px;
	height: 22px;
	display: block; }
#nv03-1off a:hover {
	background-image: url(img/nv03-1on.gif);}
#nv03-2off a:hover {
	background-image: url(img/nv03-2on.gif);}
#nv03-3off a:hover {
	background-image: url(img/nv03-3on.gif);}
	

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

#cont{
	width: 604px;
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	border: solid 1px #c6c6c6; }
#cont2{
	width: 570px;
	margin-top: 30px;
	margin-left: 17px;
	margin-bottom: 17px; }
#contline{
	border-bottom: 1px solid #c6c6c6; }

#h01-1{
	text-indent: -1000px;
	background: url(img/h01-1.gif) no-repeat;
	height: 55px;
	margin-bottom: 17px; }
#h02-1{
	text-indent: -1000px;
	background: url(img/h02-1.gif) no-repeat;
	height: 55px;
	margin-bottom: 17px; }
#h02-31{
	text-indent: -1000px;
	background: url(img/h02-31.gif) no-repeat;
	height: 55px;
	margin-bottom: 17px; }
#h02-32{
	text-indent: -1000px;
	background: url(img/h02-32.gif) no-repeat;
	height: 25px;
	margin-bottom: 17px; }
#h02-41{
	text-indent: -1000px;
	background: url(img/h02-41.gif) no-repeat;
	height: 25px;
	margin-bottom: 17px; }
#h02-42{
	text-indent: -1000px;
	background: url(img/h02-42.gif) no-repeat;
	height: 25px;
	margin-bottom: 17px; }
#h02-43{
	text-indent: -1000px;
	background: url(img/h02-43.gif) no-repeat;
	height: 25px;
	margin-bottom: 17px; }
#h02-51{
	text-indent: -1000px;
	background: url(img/h02-51.gif) no-repeat;
	height: 25px;
	margin-bottom: 17px; }
#h03-1{
	text-indent: -1000px;
	background: url(img/h03-1.gif) no-repeat;
	height: 55px;
	margin-bottom: 17px; }
#pspace{
	margin-top: 20px;
	margin-bottom: 20px;
}
#pspace2{
	margin-top: 20px;
	margin-right: 17px;
	margin-bottom: 20px;
}
.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 0;
  margin-bottom: 20px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border: 8px solid #EEEEEE;
}

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

.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;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
}

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

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 0;
	margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding: 10px 0 0 18px;
	border-top: 1px solid #959595; }

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

#footer ul li {
	font-size: 0.9em;
	margin: 0;
	padding: 0 15px 0 14px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: url(img/sq_arrow.gif); }

div#slideshow {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 764px;
	height: 326px;
	line-height: 326px;
	text-align: center;
	border: 1px solid #666666;
}
img.img-center
	{
	position:absolute;
	left:18px;
	}

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

.bt-e {
	text-align: right;
	padding-right: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 746px;
}