@charset   "Shift_JIS";
/* ====================================
   e-site 共通スタイル
                         2011.05.26 SA
   ==================================== */

/* ====================================================
   ブロックレベル　タグ指定
	address 	連絡先 				blockquote 		引用 
	center 		中央揃え 			div 			複数行グループ（汎用レベル要素） 
	dl 			説明付き定義リスト 	fieldset 		フィールドセット 
	form 		入力フォーム 		hx（x=1〜6） 	見出し 
	hr 			水平線（区切り線）  				番号付きリスト 
	p 			段落 				pre 			フォーマット済みテキスト 
	table 		表（テーブル） 		ul 				通常リスト 
   ====================================================
   インラインレベル　タグ指定
	a 			リンク 				abbr 			略語 
	acronym 	略語（頭文字） 		applet 			Javaアプレット挿入 
	b 			太字 				big 			大きめの文字 
	br 			改行 				cite 			出典元 
	code 		プログラムコード 	dfn 			定義 
	em 			強調 				font 			フォント 
	i 			斜体 				iframe 			インラインフレーム 
	kbd 		キーボード入力 		label 			フォームラベル 
	object 		オブジェクト 		q 				引用 
	s 			取消線 				samp 			サンプル（例） 
	small 		小さめの文字 		span 			1行グループ（汎用インライン要素） 
	strike 		取消線 				strong 			強い強調 
	sub 		下付き文字 			sup 			上付文字 
	tt 			等幅フォント 		u 				下線 
	var 		変数、引数（ひきすう）  

   ==================================================== */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   見出しの変更
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
h1{
	font-size : 36pt;
}
/* 
【特大見出し】*/
h2{
	font-size : 24pt;
}
/* 
【大見出し】*/
H3{
	font-size : 16pt;
	color : #51410b;
}
/* 
【中見出し】*/
H4{
	font-size : 12pt;
	color : #426579;
}
/* 
【小見出し】*/
H5{
	font-size : 11pt;
	color : #3e3e3e;
	font-weight : normal;
	text-decoration : none;
}
h6{
	font-size : 11pt;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   リンク文字色の変更
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
A{
			/*リンクされた文字*/
    
    font-style:normal;
    text-decoration : none;
}
A:link {
			/*未訪問のリンク*/
    color : #1e50a2;
    font-style:normal;
    
}
a:visited {
			/*訪問後のリンク*/
    color:#934C7B;
    text-decoration:underline;
}
a:hover {
			/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {
			/*クリック中*/
    text-decoration:none;
}


/* ====================================================
   ＩＤセレクタ
   ==================================================== */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   ロールオーバー 
	【bottan.jpg】と【bottan2.jpg】です。このふたつにマウスを載せたときの
	設定と乗せていないときの状態をCSSで設定してあげたると上記のようになります。
	ここで大事なのが、【display:block】という指定。
	ロールオーバーをリンクの<a>タグに使う場合に使用します。これをブロック要素といいます。
	これを書かないと、画像が上手く表示されないので注意しましょう。
	また、【height:50px】と【line-height:50px】は文字の高さの中央揃えのために書きます。
	paddingなどで設定してもいいのですが、細かい数字設定やブラウザによっては
	上手く表示されなったりするので、【height:50px】と【line-height:50px】を使い
	文字を中央に揃えます。数字はもちろん、設定する画像の高さによって変えてください。
	そして、文字色も背景画像に合わせて変えてあります。
	これはお好みでどうぞ。
	変えたくなければ、#roll_pic a:hover の color を設定しなければいいだけです。 
	<div id ="roll_pic"><a href="URL">見本です。</a></div>
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#roll_photo a{
	display:block;
	width:520px;
	height : 30px;
	background-color : #fe89c7;
	color : white;
	font-size : 11pt;
	text-decoration:none;
	text-align:left;
	padding-top : 7px;
	padding-left : 10px;
}
#roll_photo a:hover{
	background-color:#F0027F;
	color : white;
	/* background:url(../images/bottan2.jpg) no-repeat; */
}

/* ================== */
/*  メイントップバー  */
/* ================== */
.tb1tr1td1{
  font-size : 9pt; 
  background-color : white;
  width : 800px;
  height : 160px;
  background-attachment : inherit;
  background-repeat : no-repeat;
}
/* ================== */
.tb1tr2td1{
 font-size : 8pt; 
}
/* ================== */
.tb1tr3td1{
 font-size : 8pt; 
}
/* ================== */
/*  メインの枠        */
/* ================== */
.div1{
 font-size : 9pt; 
  line-height : 13pt;
  width : 800px;
}