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


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

/* ---------------------------------------------------------------- *
    ドキュメント全体に関する設定。
 * ---------------------------------------------------------------- */
#print {
	position: absolute;
    /*position:fixed*/
	right: -247px;
	top: 152px;
}
body {
	/* --- 基本的な前景色（文字色）を設定。 --- */
  color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
  /* --- 背景を設定（短縮プロパティでの設定）--- */
  /*background: url(http://sugadairanr.com/images/bgimage3.gif)  ;*/
  /*background: #e7e7e7;*/
}

#container {
	/* --- ドキュメント本体の幅を設定。 --- */
  /* Note：百分率指定も可能 */
  width:  100%;
	/* --- ドキュメント本体の位置を設定。 --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  /*margin: 0 auto;*/
  margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #CCFFFF;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
 }

/*#prin-logo {
	width : 100%;
}*/

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

#header {
	/* --- 背景の設定（短縮プロパティでの設定） --- */
    background-color: #ccffff;
	padding-top: 80px;
	/*background: url(http://www.my-shinanoki.com/hurhatu/h_image/20070616Web.gif);*/
	background: url(../images/20070616Web.gif);

	left top repeat;  
	background-repeat: repeat-x;
    /*background: url(http://sugadairanr.com/images/20070616Web.gif) ;*/
  
  /* --- マージンの設定 --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じる */
  /*margin-top: 0;
  margin-bottom: 0;
  /* --- パディングの設定 --- */
 /* padding-top: 0;*/
  /*padding-right: 0;*/
  /*padding-bottom: 0;*/
  /*padding-left: 0;*/
}
#logo {
	position: absolute;
	left: -2px;
	top: 108px;
	width: 1251px;
	/*background: url(../images/20070616Web.gif) left top repeat;*/
	height: 22px;

}

#logo img {
   position: absolute ;
   left: -9999px;
}


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

#navi {
	/* --- 背景の設定（短縮プロパティでの設定） --- */
  background: #FFFFFF url(../imges/bg.png);
	/* --- マージンの設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
	margin-bottom: 0px;
	/* --- パディングの設定 --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定*/
  padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/* --- 枠の設定 --- */
  border-top: none;
	border-bottom: 1px solid #EEEEEE;
	background-color: #99FFFF;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
}


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

#main {
	/* ★ --- レイアウト調整：サイドメニューの設定に応じて設定 --- */
  /* Note：サイドメニューを左に配置した場合，padding-left をサイド
           メニューの幅＋マージンとし，padding-right を 0 とする
           ；右に配置した場合，左右パディングを逆に読み替える */
  padding-left: 240px;
	padding-right: 0;
	/* --- 背景の設定（短縮プロパティでの設定）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要がある */
  /*background: tranparent;*/
  /*background: url(http://sugadairanr.com/images/bgimage3.gif) ;*/
  /* --- マージンの設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
	margin-bottom: 0;
	word-spacing: normal;
}


/* ---------------------------------------------------------------- *
    サイドメニュー部分の設定
 * ---------------------------------------------------------------- */

#sidenavi {
	/* --- 背景の設定（短縮プロパティでの設定）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されない。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作る */
  /*background: tranparent;	*/   
 
	/* ★ --- メニューのを設定 --- */
  width: 230px;
	/* ★ --- メニューを左右どちらに寄せるかを設定 -- */
  /* Note：左に寄せる場合は，「left: 0; right: auto;」，右の場合は
           「left: auto; right: 0;」　 */
  top: auto;
	left: 0;
	right: auto;
	/* --- パディングの設定 --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定 */
  padding-top: 0;
	padding-bottom: 0;
	color: #000000;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
}

/* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避
         。以降，指示に従って同じ値での指定を 2 回続ける。 */
[id="sidenavi"]#sidenavi {
	/* ★ --- 上マージンの設定 --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定 */
  margin-top: 20px;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
}
html:lang(ja)  #sidenavi {
  /* Note：直前の指定と同じ値を設定 */
  margin-top: 20px;
}

#main .list #sidenavi .list {
	margin-bottom: 20px;
	background-repeat: no-repeat;
	}
#main .list li  # sidenavi.list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
		color:#000000;
	}
	
/* 見出し
---------------------------------------------*/
#main .list h3 {
		/*padding: 3px 10px;
		background-color: #F3F3F3;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #CCCCCC;*/
		padding: 3px 15px;
		color: #000000;
		background-color: #99ffff;
	}
#sidenavi .list h3 {
		padding: 3px 15px;
		color: #000000;
		background-color: #99ffff;
	}
 /* 追加分
  ---------------------------------　*/
#oshinagaki {
	float: right;
	width: 100%;
	margin-left: 20px;
	padding:0px;
	border:1px solid #000;
	font-size: 100%;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
	}

#sannkadanntai {
    font-color:#00000;		
	padding: 2px;
	border: 2px solid #6699CC;
	width: 220px;
	/*text-align: center;*/
		margin-top: 20px;
	background: url(../images/bgimage3.gif);
	background-color: #99FFFF;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
	}
		
#oshinagaki h1 {
	font-size: 150%;
	font-weight: bold;
	border-left: 8px solid #390;
	border-bottom: 1px solid #390;
}

#oshinagaki h2 {
	font-size: 120%;
	font-weight: bold;
	border-left: 8px solid #390;
	border-bottom: 1px solid #390;
}	
	
#textBoxBody1 {
	overflow:scroll;
	width:90%;
	height:450px;
	padding:10px;
	border:1px solid #000;
	scrollbar-base-color:#cccccc;
	scrollbar-arrow-color:red;
	background: url(../images/bgimage3.gif);
	text-align: justify;
	background-image: url(../images/bgimage3.gif);
	}
#textBoxBody2   {
	overflow:scroll;
	width:90%;
	height:450px;
	padding:10px;
	border:1px solid #000;
	scrollbar-base-color:#cccccc;
	scrollbar-arrow-color:red;
	background: url(../images/bgimage3.gif);
	text-align: justify;
	background-image: url(../images/bgimage3.gif);
	}

#textBoxBody1 li {
	color:#000000;	
	}
	
#textBoxBody2 li {	
    color:#000000;	
	}
		
Xp strong {
	 padding:2px;
	 background-color:#ffff66;
	 font-weight:normal;
 }	
/*#innyou {
		font-weight:700;
		font-style:italic;
		text-aligin:right;
		width:400px;
	}	
#calendar {
		padding: 1px;
		border: 2px solid #6699CC;
		width: 220px;
		text-align: center;
		margin-top: 20px;
	}	
*/	
/* ---------------------------------------------------------------- *
    コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
	/* --- 背景のを設定（短縮プロパティでの設定）--- */
  background: #FFFFFF;
	/* --- マージンの設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
	margin-bottom: 1px;
	/* --- パディングの設定 --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定 */
  padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	/* --- 枠線の設定 --- */
  border-top: 8px solid #EEEEEE;
	border-right: 8px solid #EEEEEE;
	border-bottom: 8px solid #EEEEEE;
	border-left: 8px solid #EEEEEE;
	background-image: url(../images/bgimage3.gif);
	background-repeat: repeat;
}


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

.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 {
	/* --- マージンの設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #000000;
}


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

#footer {
	/* --- 背景の設定（短縮プロパティでの設定）--- */
  background: #FFFFFF;
	/* --- マージンの設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
	margin-bottom: 0;
	/* --- パディングの設定 --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定 */
  padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	/* --- 枠の設定 --- */
  border-top: 1px dotted #3EBAEE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: url(../images/bgimage3.gif);
}

#footer ul li {
  /* --- 横並びリストのリストマーカ画像を設定 --- */
  /* Note：16×16 ピクセル以下のものを使用 */
  background-image: none;
}