@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 1em; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: blue;  text-decoration: none ;} /* 通常時 */
a:visited { color: blue; text-decoration: none ;} /* 訪問済 */
a:hover { background-color:# ; color: #00704a; text-decoration:underline; padding-bottom:1px; } /* オンマウス時 */
a:active { color: #ff0000; } /* クリック時 */



/* --- コンテンツ全体 --- */
#container {
width: 1024px; /* ページの幅 */
margin: 0 auto;*/ /* センタリング*/
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 0px royalblue solid; /* 左の境界線 */
border-right: 0px royalblue solid; /* 右の境界線 */
padding: 0px;　/* 左右の境界線のマージ設定 */
}
#containerInner {
width: 100%;
}

/* --- ヘッダ --- */
#header {
background-color: #131cc7; /* ヘッダの背景色 */
height: 100px;
}

/* --- 左カラム --- */
#left {
float: left;
width: 20%; /* 左サイドの幅 */
}

/* --- メインカラム（センターのみ） --- */
#content {
float: left;
width: 55%; /* メインカラムの幅 */
}

/* --- メインカラム2（センター+ライト）--- */
#content2 {
float: left;
width: 80%; /* メインカラムの幅 */
}


/* --- 右カラム --- */
#right {
float: left;
width: 25%; /* 右サイドの幅 */
}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #FFFFF0; /* フッタの背景色 */
}

/* --- UL位置補正値 --- */
ul { padding: 0; }
ul { margin: 0 0 0 1.5em; }

/* --- TOP新着情報用 --- */
ul.new_list { list-style-image: url(/img/pin_red.gif); }/*マーカーの画像を指定*/

/*個別にリンク指定　新着情報　ａにclassで指定する*/
a.new1:link { color : none; }
a.new1:hover { color : red;  background-color:black; text-decoration:underline;}
a.new1:active { color : orange; }
a.new1:visited { color : none; }


/*個別にリンク指定　TOPアクセスランキング　ａにclassで指定する*/
a.access:link { color : none; }
a.access:hover { color : red;  background-color:black; text-decoration:underline;}
a.access:active { color : orange; }
a.access:visited { color : none; }


/*個別にリンク指定　TOPマップ　ａにclassで指定する*/
a.map:link { color : black; }
a.map:hover { color : black; background-color:; text-decoration:none;}
a.map:active { color : orange; }
a.map:visited { color : black; }

/*個別にリンク指定　title　ａにclassで指定する*/
a.f1:link { color : black; }
a.f2:link { color : black; }
a.f3:link { color : black; }


/* --- 個別にリンク指定　TOPタイトル等　ａにclassで指定する*/
a.widelink { display: block; 
	     line-height: 2.2em;
	     width:100%;
             height:100%;}

td.Tbsample a{
width:100%;height:31px;display:block;
}
/* 
td.Tbsample a:hover{
background-color: #f49d9d;
} 
*/
td.Tbsample2 a{
width:100%;height:56px;display:block;
} 
/*
td.Tbsample2 a:hover{
background-color: #f49d9d;
} 
*/


/* topタイトル背景画像を左上に固定して繰り返さない  */
table.logotitle {
height: 100px;
background-image    : url("../img/center_title1.gif");
background-repeat : no-repeat;
/*background-attachment : fixed;*/
background-position : 2% 50%;
}



table.oshirase {
background-color: #FFFFF0;/* お知らせの背景色 */
}

/* 検索部の＊からさがすタイトル部  */
td.bunya1 {
/*background-color: gray;/* 分野からさがすタイトル背景色 現在はkakumaru.cssにて宣言している */
font-size: 120%;
color: #fff;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}



/*HRのライン設定*/

/* --- Dottedスタイル --- */
hr.separator1 {
height: 2px;
border: none;
border-top: 2px royalblue dotted; /* 境界線 */
}

/* --- Dashedスタイル --- */
hr.separator2 {
height: 2px;
border: none;
border-top: 2px #0000ff dashed; /* 境界線 */
}

/* --- solidスタイル --- */
hr.separator3 {
height: 0px;
border: none;
border-top: 2px #ccc solid; /* 境界線 */
}

hr.separator4 {
height: 0px;
border: none;
border-top: 5px #ccc solid; /* 境界線 */
}

/* --- グラデーションスタイル --- */
hr.separator5  {
    height:2px;
    border:0;
    background:linear-gradient(left, #f5f5f5, #999, #f5f5f5);
    background:-webkit-linear-gradient(left, #f5f5f5, #999, #f5f5f5); /* Chrome, Safari */
    background:-moz-linear-gradient(left, #f5f5f5, #999, #f5f5f5); /* FireFox */
    background:-o-linear-gradient(left, #f5f5f5, #999, #f5f5f5); /* Opera */
      /* IE6-9 linear-gradient(方向, 開始色, 終了色)*/
      -pie-background: linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	behavior: url(PIE.htc);
	position:relative; /* ぽじしょん りれーてぃぶ*/
}






span.footer01 {font-size: 90%; } /* フッターfontサイズの指定*/

table.link  {font-size: 90%; } /* link fontサイズの指定*/

table.cal  {font-size: 110%; } /* calender fontサイズの指定*/

table.new1  {font-size: 90%; } /* TOP新着 fontサイズの指定*/

table.acc  {font-size: 90%; } /* TOPアクセスランキング fontサイズの指定*/

.btn {
    border-radius: 4px;
    border: 1px solid #4D9437;    
    -webkit-box-shadow: inset 0 1px 1px #ffffff;
    -moz-box-shadow: inset 0 1px 1px #ffffff;
    box-shadow: inset 0 1px 1px #D4EBB2;
    
    background: #7DBB3C; /* Old browsers */
    background: -moz-linear-gradient(top, #a2d93f 0%, #388235 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #388235), color-stop(0.00, #a2d93f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a2d93f 0%, #388235 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2d93f 0%, #388235 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2d93f 0%, #388235 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a2d93f 0%, #388235 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d93f', endColorstr='#388235', GradientType=0); /* IE7,8,9 */
}

/* IE9のfilterを解除する */
.btn:not(:target){ filter: none\9;}

/*画像の透過性を変える*/
.gazo img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}

/*
#site a:link, a:visited, a:hover, a:active  {
color : red;
text-decoration : none;
} 
*/

/*
#site a:link { color: bule; }
#site a:visited { color: bule; }
#site a:hover { background-color:red ; color: bule; text-decoration:underline; }
#site a:active { color: bule; }
*/

div.example {
  width: 100%;
  height: 900px;
  /*background-color: red;*/
  overflow: scroll;
}

/*
// 検索入力ページ検索テキストボックスで使用
*/
input.textfont2 {background: #ffffff; color: #000000; width:98%;
	font-size:1em;			/*フォントサイズ*/
	border:1px solid #999999;	/*ボーダー*/
	padding:2px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;	/*影を付ける*/
	height:25px;	/*幅と高さ*/
}

/*
// LOGIN用テキストボックスで使用
*/
input.textfont3 {background: #ffffff; color: #000000; width:200px;
	/*font-size:1em;			/*フォントサイズ*/
	border:1px solid #999999;	/*ボーダー*/
	padding:2px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;	/*影を付ける*/
	height:20px;	/*幅と高さ*/
}
/*
// 検索入力ページ 検索ボタンで使用
*/
input.btn2 {border:solid 1px #ccc;
	padding:7px 10px;
	margin:5px 0 5px;
	font-family:Arial, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}

/*
// LOGIN用テキストボックスで使用
*/
select.textfont1 {background: #ffffff; color: #000000; width:90px;
	/*font-size:1em;			/*フォントサイズ*/
	border:1px solid #999999;	/*ボーダー*/
	padding:2px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;	/*影を付ける*/
	height:20px;	/*幅と高さ*/
}


.combobox1 {display:inline-block; _display: inline;}

span.ff2 { color: #FFF; }

#nav-skiplink {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}