/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- 配置 -------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* ---配置：画面の余白を消す--------------------------------------------------------------------------------*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
}


/* ---配置：画面のセンターに、浮き上がり・両サイド（+20px）、IE6対策左ならびの戻し--------------------------------------*/

#wrapper_c {
	width: 660px;
	text-align: left;
	background: url('../img/wrapper_c_line.gif') repeat-y;
	height: 100%;
}

/* ---配置：内容の範囲指定、画面のセンターに、枠線なし-----------------------------------------------------------*/

#wrapper {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #cccccc;
}

/* ---配置：読み上げ用画像をまとめる、読み上げはHTMLの順、非表示--------------------------------------------------*/
.voice_nav{
	position: absolute;
	top: 1px;
	left: 1px;

}


/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ インクルードヘッド--------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* ---インクルードヘッド：タイトル画像、ナビとのレイアウト-----------------------------------------------------------------*/
#title {
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border-width :0px 0px 3px 0px;
	border : solid #ffffff;
	background-color: #ECF0E5;
}	

/* ---インクルードヘッド：グローバルナビゲーション（メインナビ） ------------------------------------------------------------*/

#nav{
	margin: 0px;
	padding: 0px;
	width: 640px;
	background: url('../img/nav_bg.gif') repeat-x;
}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#nav li a{
	display: block;
	width: 124px;
	height: 30px;
	text-decoration: none;	
	color: #000000;	
	background: url('../img/nav_off.gif') no-repeat;
	padding: 0px;
}

#nav li a:hover{
	width: 124px;
	height: 30px;
	color: #000000;
	text-decoration: none;	
	background: url('../img/nav_on.gif') no-repeat;
	padding: 0px;
} 


/* ---インクルードヘッド：パンくずリスト -----------------------------------------------------------------------------*/

#breadcrumb {
	clear: both;
	font-size: 80%;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	border-top: 0px solid #999999;
	border-bottom: 2px solid #339933;
	background-color: #F5FEBD;	
	line-height: 1.4em;
}


/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ 　コンテンツ　  -------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

/* ---コンテンツ：全体-----------------------------------------------------------------------------------------*/
#content {
	line-height: 2em;	
}


/* ---コンテンツ：見出し-----------------------------------------------------------------------------------------*/
/* 見出し枠 ----------------------------------------------*/
.content_h2 {
	background-image:url('../img/title_line.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #ffffff;
	padding: 10px
}

/* 見出しタイトル------------------------------------------*/
.content_h2_title { 
	letter-spacing: 0.2em;
	border-width :0px 0px 0px 8px;
	border :solid  #990000;
	padding: 5px 0px 1px 10px;
	margin: 0px;
}

/* 見出し本文----------------------------------------------*/
.content_h2_con { 
	padding: 0px 5px 0px 10px;
	text-indent: 1em;
		line-height: 2em;
}


/* ---コンテンツ：内容-------------------------------------------------------------------------------------------*/
/* 内容タイトル(青線)--------------------------------------*/
.content_h3_title { 
	background-color: #ffffff;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	border-width :0px 0px 1px 8px;
	border :solid  #0E62B0;
	padding: 3px 15px 1px 15px;
	margin: 15px 20px 0px 20px;
}

/* 内容タイトル(線なし)------------------------------------*/
.content_h4_title { 
	padding: 0px 15px 0px 15px;
	line-height: 2em;
}

/* 内容本文----------------------------------------------*/
.content_h3_con { 
	padding: 0px 5px 0px 15px;
	line-height: 2em;
	text-indent: 1em;
}

/* 内容リスト（全体フォロー用）--------------------------*/

p, li, th, td {
	line-height: 1.4em;
}

/* 閲覧ソフトのダウンロード--------------------------------*/
.d_load {
	padding: 0px 10px 0px 10px;
	margin: 10px 30px 30px 30px;
	border: 1px solid #999999;
	font-size: 90%;
}

/* 施設案内図-------------------------------------------*/

.img_map {
	padding: 0px 0px 0px 20px;
	border: 0px solid #cccccc;
}

.li_map{
	list-style-type: none;
}

/* 問い合わせ先----------------------------------------------*/
.qa_title {
	text-align: center;
}

.qa {
	padding: 5px 0px 5px 0px;
	margin: 10px 60px 10px 60px;
	border: 1px solid #999999;
	font-size: 80%;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ 箇条書き画像の例-----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

/* ---箇条書き画像の例：矢印----------------------------------------------------------------------------*/

/* 矢印：青--------------------------------*/
ul.arrow_blue{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_blue li{ 
	margin: 0px;
	background: url('../img/li/arrow_blue.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 矢印：赤--------------------------------*/
ul.arrow_red{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_red li{ 
	margin: 0px;
	background: url('../img/li/arrow_red.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 矢印：黄--------------------------------*/
ul.arrow_yellow{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_yellow li{ 
	margin: 0px;
	background: url('../img/li/arrow_yellow.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 



/* 矢印：緑--------------------------------*/
ul.arrow_lime{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_lime li{ 
	margin: 0px;
	background: url('../img/li/arrow_lime.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 


/* ---箇条書き画像の例：白抜き矢印----------------------------------------------------------------------------*/

/* 白抜き矢印：青--------------------------------*/
ul.arrow_blue_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_blue_wh li{ 
	margin: 0px;
	background: url('../img/li/arrow_blue_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 白抜き矢印：赤--------------------------------*/
ul.arrow_red_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_red_wh li{ 
	margin: 0px;
	background: url('../img/li/arrow_red_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 白抜き矢印：黄--------------------------------*/
ul.arrow_yellow_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_yellow_wh li{ 
	margin: 0px;
	background: url('../img/li/arrow_yellow_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 



/* 白抜き矢印：緑--------------------------------*/
ul.arrow_lime_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.arrow_lime_wh li{ 
	margin: 0px;
	background: url('../img/li/arrow_lime_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 









/* ---箇条書き画像の例：斜め矢印----------------------------------------------------------------------------*/

/* 斜め矢印：青--------------------------------*/
ul.oblique_blue{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_blue li{ 
	margin: 0px;
	background: url('../img/li/oblique_blue.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 斜め矢印：赤--------------------------------*/
ul.oblique_red{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_red li{ 
	margin: 0px;
	background: url('../img/li/oblique_red.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 


/* 斜め矢印：緑--------------------------------*/
ul.oblique_lime{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_lime li{ 
	margin: 0px;
	background: url('../img/li/oblique_lime.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 



/* ---箇条書き画像の例：白抜き斜め矢印----------------------------------------------------------------------------*/

/* 白抜き斜め矢印：青--------------------------------*/
ul.oblique_blue_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_blue_wh li{ 
	margin: 0px;
	background: url('../img/li/oblique_blue_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 白抜き斜め矢印：赤--------------------------------*/
ul.oblique_red_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_red_wh li{ 
	margin: 0px;
	background: url('../img/li/oblique_red_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 


/* 白抜き斜め矢印：緑--------------------------------*/
ul.oblique_lime_wh{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.oblique_lime_wh li{ 
	margin: 0px;
	background: url('../img/li/oblique_lime_wh.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 




/* ---箇条書き画像の例：三角矢印----------------------------------------------------------------------------*/

/* 矢印：青--------------------------------*/
ul.triangle_blue{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.triangle_blue li{ 
	margin: 0px;
	background: url('../img/li/triangle_blue.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 矢印：赤--------------------------------*/
ul.triangle_red{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.triangle_red li{ 
	margin: 0px;
	background: url('../img/li/triangle_red.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 


/* 矢印：緑--------------------------------*/
ul.triangle_lime{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.triangle_lime li{ 
	margin: 0px;
	background: url('../img/li/triangle_lime.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 



/* ---箇条書き画像の例：丸印----------------------------------------------------------------------------*/

/* 丸印：青--------------------------------*/
ul.circle_blue{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.circle_blue li{ 
	margin: 0px;
	background: url('../img/li/circle_blue.gif') no-repeat 1px 0.3em; 
	padding: 5px 0px 5px 25px;
} 

/* 丸印：赤--------------------------------*/
ul.circle_red{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.circle_red li{ 
	margin: 0px;
	background: url('../img/li/circle_red.gif') no-repeat 1px 0.3em; 
	padding: 5px 0px 5px 25px;
} 

/* 丸印：黄--------------------------------*/
ul.circle_yellow{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.circle_yellow li{ 
	margin: 0px;
	background: url('../img/li/circle_yellow.gif') no-repeat 1px 0.3em; 
	padding: 5px 0px 5px 25px;
} 

/* 丸印：緑--------------------------------*/
ul.circle_lime{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.circle_lime li{ 
	margin: 0px;
	background: url('../img/li/circle_lime.gif') no-repeat 1px 0.3em; 
	padding: 5px 0px 5px 25px;
} 



/* ---箇条書き画像の例：四角----------------------------------------------------------------------------*/

/* 四角：青--------------------------------*/
ul.square_blue{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.square_blue li{ 
	margin: 0px;
	background: url('../img/li/square_blue.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 四角：赤--------------------------------*/
ul.square_red{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.square_red li{ 
	margin: 0px;
	background: url('../img/li/square_red.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 

/* 丸印四角：緑--------------------------------*/
ul.square_lime{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.square_lime li{ 
	margin: 0px;
	background: url('../img/li/square_lime.gif') no-repeat 1px 0.4em; 
	padding: 5px 0px 5px 25px;
} 




/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ 画像・表の例　---------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* ---画像・表の例：画像のレイアウト----------------------------------------------------------------------------*/

/* 画像よせ（左）のレイアウト 枠線つき--------------------------------*/
.img_left_line{
	float: left;
	padding: 0.5em;
	margin: 10px;
	border: solid 1px #0000ff;
}

/* 画像よせ（左）のレイアウト 枠線なし--------------------------------*/
.img_left{
	float: left;
	padding: 0.5em;
	margin: 10px;
}

/* 画像よせ（中央）のレイアウト--------------------------------------*/
.img_center{
	
}

/* 画像よせ（右）のレイアウト--------------------------------------*/
.img_right{
	float: right;
	padding: 0.5em;
	margin: 10px;
}

/* 施設概要の画像の左よせ------------------------------------------*/
.img_pic {
	float: left;
	padding: 0.5em;
	margin: 10px;
}

/* 画像の回り込み解除----------------------------------------------*/
.img_stopfloat {
	clear: both;
}



/* ---画像・表の例：表のレイアウト----------------------------------------------------------------------------*/

/* 表の線（青）のレイアウト--------------------------------------*/
table.t_blue{
	border: solid 1px  #0000ff;
	margin: 20px 20px 20px 20px;
	padding:  0px;
	border-collapse: collapse;
}

table.t_blue th{
	border-bottom: solid 1px #0000ff;
	border-right: solid 1px #0000ff;
	padding: 10px;
}

table.t_blue td{
	border-bottom: solid 1px #0000ff;
	border-right: solid 1px #0000ff;
	padding: 10px;
}

/* 表の線（黒）のレイアウト--------------------------------------*/
table.t_black{
	border: solid 1px  #000000;
	margin: 20px 20px 20px 20px;
	padding:  0px;
	border-collapse: collapse;
}

table.t_black th{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
}

table.t_black td{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
}

/*表の線（黒）のレイアウト（見出し色：青）-----------------*/

table.t_black_b{
	width: 600px;
	border: solid 1px #000000;
	margin: 20px 20px 20px 20px;
	border-collapse: collapse;
}

table.t_black_b th{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
	background-color: #e6e6ff;
}

table.t_black_b td{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
}

/*表の線（黒）のレイアウト（見出し色：青）横幅指定なし-----*/

table.t_black_b_nowidth{
	border: solid 1px #000000;
	margin: 20px;
	border-collapse: collapse;
}

table.t_black_b_nowidth th{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
	background-color: #e6e6ff;
}

table.t_black_b_nowidth td{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 10px;
}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ 事務分掌--------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* ---事務分掌：表のレイアウト----------------------------------------------------------------------------*/

table.job{
	width: 600px;
	border: solid 1px #339933;
	margin: 20px 20px 20px 20px;
	border-collapse: collapse;
}

table.job th{
	border-bottom: solid 1px #339933;
	border-right: solid 1px #339933;
	padding: 10px;
}

table.job td{
	border-bottom: solid 1px #339933;
	border-right: solid 1px #339933;
	padding: 10px;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- インクルードフッター ------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

/* ---インクルードフッタ：先頭へ戻る--------------------------------------------------------------------*/
#footer_top {
	clear: both;
	text-align: right;
	font-size: 80%;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #ffffff;
}


/* ---インクルードフッタ：サイト情報--------------------------------------------------------------------*/

/* フッターサイト内情報前半--------------------------------------*/
#footer_i {
	text-align: center;
	font-size: 80%;
	border-top: 1px solid #cccccc;
	border-bottom: 3px solid #339933;
	padding: 5px;
	margin: 0px;
	line-height: 2em;	
	background-color: #F9F7F4
}

/* ---インクルードフッタ：著作権情報--------------------------------------------------------------------*/
#footer {
	text-align: center;
	font-size: 80%;
	line-height: 2;
	margin: 0px;
	padding: 0px;	
	background-color: #F7EFEA;
	border-bottom: 1px solid #cccccc;
}