@charset "utf-8";
/* CSS Document */

html, body {
    height:100%;
	min-height:100% ;
	}


BODY{
	background:#F5F5DC;/*#e9e9e9;*//*f0f0f0*/
	background-image:url(images/backimg1.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	padding:0px;
	}


#container{
	position: relative;
	background-color:#fafafa;
	margin:0 auto;
	padding:0px 0px 25px 0px;
	width:720px;
	height:100%;
	height:auto !important;	
	min-height:100%;
	}

/*ヘッダー用*/

#header{
	margin:0px;
	padding:0px;
	width:720px;
	height:105px;
	background-color:#33CC66;
	/*overflow:hidden;
	border-bottom: solid 2px #e0e0e0;*/
}

.toplink {
	margin:0px;
}


.toplink a{
	float:left;
	display:block;
	width:520px;
	height:105px;
	background-image:url(images/header.jpg);
	background-position:0% 0%;
	background-repeat: no-repeat;
}


.toplink span{display:none;}

.headlink{
	color:#e8ffe0;
	line-height:35px;
	font-size:16px;
	text-align:right;
	width:150px;
	height:35px;
	background-color:e0ffe0;
	display:block;
	border-bottom:1px solid #ccffcc;
	border-right:1px solid #ccffcc;
	padding-right:10px;
}

#header a{
	
	text-decoration:none;
}

a .headlink{
	text-decoration:none;
}

a:hover .headlink{
	background-color:#FFF;
	color:#66CC66;
	margin:0px;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}

/*トップナビゲーション用*/
#topnavi{
	font-size:16px;
	background-color:#f8f8f8;
	border-bottom: solid 1px #e0e0e0;
	position:relative;
	width:720px;
	/*	margin:2px auto;	*/
}

.dropBox{
	/*margin-bottom:20px;*/
	margin:0px;
	padding-left:50px;
}
	
.dropBox dl{
	/*padding:5px 0px; */
	line-height:40px;
	margin:0;
 }
 
.drop{
	float:left;
	width:155px;
	text-align: center;
}

.drop dt{
	width:155px;
	/*border:2px solid #9ac1c9;*/
	/*border-left:none;
	padding:5px 0px;*/
	padding:0px;
	/*font-weight:bold;*/
	cursor:pointer;
	color:#A9A9A9;
	background:#f8f8f8;
}

.drop dt:hover{
/*	background:#C9D3D6;*/
	background:#d7dfe1;
}
.drop dd{
	width:155px;
	padding:0px;
	margin:0px;
	position:absolute;
	/*margin-left:-20px;*/
	overflow:hidden;
	display:none;
	background:#FFF;
	z-index:200;
}

.drop ul{
	/*border:2px solid #9ac1c9;*/
	border-top:none;
	display: table;
	padding: 0;
	margin: 0 auto;
	border-bottom:1px solid #A9A9A9;
}

.drop li{
	display: table;
}
.drop a,
.drop a:active,
.drop a:visited{
	display:block;
	line-height:40px;
	/*padding:5px;*/
	color:/*#333#888*/#666;
	text-decoration:none;
	background:/*#eaf0f2*/#f8f8f8;
	width:155px;
	/*color:#999999;*/
}

.drop a:hover{
	background-color:#d7dfe1;
	color:#000;
}
.drop .underline{
	border-bottom:1px solid #A9A9A9;
}

.dropBox,
.clearFix{
	overflow:hidden;
}

* html .dropBox,
* html .clearFix{
	height:1em;
	overflow:visible;
}

.clear{
	clear:both;
}


/*上部スライドショー*/

.index_slideshow {
	/*border-top:solid 5px #f0f0f0;*/
	margin-top:20px;
	width:100%;
	text-align:center;
	min-height:290px;
	}
	
.topimg1{
	margin:20px auto;
}


/*　フラッシュ下リンクボタン用　　*/

#button1{
    background-color:#f8f8f8;
	width:500px;
	height:auto;
	margin:0 auto 0 auto;
	border-bottom: solid 1px #e0e0e0;
	/*padding-bottom:35px;*/
	overflow:hidden;
	zoom:1;/*IE独自プロパティ*/
	}

#button1 ul	{
	float: left;
	margin:2px auto 0px auto;
	padding:0;
	list-style: none;
	width:100%;
	/*position:relative;
	left:7%;*/
	}

#button1 li	{
	/*height:40px;*/
	margin:0;
	padding:0;
	float: left;
	text-align: center;
	font-weight: bold;
	padding:0px;
	background:none;
	}

#button1 li a	{
	display: block;
	font-size:15px;
	width: 165px;
	text-decoration: none;
	border-top:solid 3px #9ACD32;
	border-left:solid 1px #CACACA;
	color: #888888;
	margin:0px;
	padding:10px 0px;/*同じ値↓*/
	outline:none; 
	
	}

#button1 li a:hover	{
	border-top:solid 3px #ff9f9f;
	background:#fff;
    text-decoration: none;
	margin:0px;
	color: #A9A9A9;
	padding:10px 0px;/*同じ値↑*/
	outline:none;
	}

	
/*トピックス用(trはkouzaと共用) */
#sort_tag {
	width:110px;
	margin-top:80px;
	float:left;
	color:#414141;
	}

#sort {
	cursor:pointer;
	
	}

#sort li {
	list-style:none;
	width:35px;
	height:88px;
	margin-left:75px;
	text-align:right;
		background-color:#FAFAFA;
	}
	
#sort a {
	list-style:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0)!important;
}

#topics {
	width:490px;
	min-height:380px;
	margin:40px auto;
	color:#414141;
	}
	
#topics a {
	list-style:none;
	color:#424242;
	text-decoration:none;
	display:block;
	/*padding-bottom:40px;*/
	}
	
#topics a:hover {
	list-style:none;
	text-decoration:none;
	/*color:#9c9c9c;*/
	}
	
#topics a:visited  {
	list-style:none;
	text-decoration: none;
	color:#bf7878;
	}
	
#topics table{
	width:490px;
	border-collapse:collapse;
	font-size:13px;
	}

#topics table tr{
	border-bottom:1px solid #dfdfdf;
	}
	
.category{/*　トピックスの種類画像  */
	width:54px;
	margin:auto 5px;
	vertical-align:central;
	}
	
.td1{ /*　トピックステーブル　日付  */
	text-align:left;
	width:120px;
	padding-top:4px;
	vertical-align:top;
	font-size:12px;
	}	
	
.td2{ /*　トピックステーブル　タイトル  */
	text-align:left;
	vertical-align: middle;
	line-height:22px;
	min-height:24px;
	}	
	
.td3{ /*　トピックステーブル　本文  */
	text-align:left;/*
	width:330px;*/
	min-height:60px;
	/*height:100px;
	padding:0px;
	margin:0px;*/
	}
	
.td4{ /*　トピックステーブル　記事ジャンル画像  */
	text-align:left;
	width:330px;
	min-height:60px;
	/*height:100px;
	padding:0px;
	margin:0px;*/
	}	
	
.td5{ /*　研修報告テーブル　日付  */
	text-align:left;
	padding-left:20px;
	width:70px;
	vertical-align: top;
	/*min-height:60px;
	height:100px;
	padding:0px;*/
	
	}	
.td6{ /*　研修報告テーブル　研修タイトル  */
	text-align:left;	
	line-height:20px;
	/*height:100px;
	padding:0px;
	margin:0px;*/
	}		
	
.td7{ /*　研修報告テーブル　伸縮コンテンツ　ここから  */
	text-align:left;	
	padding-left:20px;
	line-height:20px;
	}	
	
.td7 img{ /*　研修報告テーブル　伸縮コンテンツ内　画像  */
	width:220px;
	margin:5px 5px;
	}	
	

label {
    display: block;
    margin: 0;
    border: 0;
	padding:0;
}

input[type="checkbox"].furl{
    display: none;
}

.menu div {
	width:460px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}

.menu label{
	cursor:pointer;
}

.menu ul{
	list-style-image:url(images/circle-g.jpg);
	margin:0px 0px 0px 5px;
	border:0px;
	padding:0px;
}

.menu ul li{
	padding-left:20px;
}

.menu ol{/*
	list-style-image:url(images/circle-g.jpg);*/
	list-style-position:inside;
	margin:0px 0px 0px 5px;
	border:0px;
	padding:0px;
}

.menu ol li{
	padding-left:10px;
}

input[type="checkbox"].furl + div{
    height: 0;
    overflow: hidden;
	border-top:#ddd;
}

input[type="checkbox"].furl:checked + div{
	padding-top:5px;
   	height: 250px;
	border-top:#ddd dashed 1px;
}
/*　研修報告テーブル　伸縮コンテンツ　ここまで  */


.td_old{/*　過去の情報用最下行  */
	border-left-style:none;
	text-align:right;
	line-height:30px;
	
	}
/*　フッター　*/

#footer{
	margin:0 auto;
	padding:0;
	position: absolute;
	bottom:-1px;
	height:25px;
	width:100%;
	background-color:#fefefe;
	border-bottom:#33CC66 solid 5px;
	border-top:#9ACD32 1px solid;
	left: 0px;
	clear:both;
	}
	
#footer ul	{
	margin:0px auto 0px auto;
	padding:0;
	list-style: none;
	width:100%;
	}

#footer li	{
	margin:0;
	padding:0;
	float: right;
	width: 150px;
	text-align: center;
	padding:0px;
	line-height:26px;
	}

#footer li a	{
	display: block;
	/*line-height:25px;*/
	font-size:13px;
	text-decoration: none;
	border-left:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	color: #888888;
	margin:0px;
	padding:0px 0px;/*同じ値↓*/
	outline:none; 
	
	}

#footer li a:hover	{
	/*line-height:25px;マウスオーバー時の下部ずれ防止*/
    text-decoration: none;
	color: #A9A9A9;
	margin:0px;
	padding:0px 0px;/*同じ値↑*/
	outline:none;
	}



	
/*　ページ最下部帯　　*/

#pageend{
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
	width:100%;
	background-color:#33CC66;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif, "メイリオ", Meiryo, Osaka;
	font-size:13px;
	color:#fbfbfb;
	}


/*　ページタイトル　　*/
.title1{
	/*display:block;
	padding-top:2px;
	background-color: #069393;
	height:65px;*/
	padding-bottom:1px;
	border-bottom:solid 2px #8fc323;	
	width:500px;
	margin:auto;
}

/*　以下テンプレート用　　*/

#kaisou{/*　上部階層表示　　*/
	/*margin:20px;*/
	width:100%;
	text-indent:2em;
	line-height:25px;
	font-size:12px;
	color:#A9A9A9;
	background-color:#def2dd;
}

#kaisou a	{
	text-decoration:none;
	color:#A9A9A9;

	}

#kaisou a:hover	{
	text-decoration:none;
	color:#396;

	}

#main{/*下層ページ編集エリア*/
		width:500px;
		margin:30px auto;
		font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif, "メイリオ", Meiryo, Osaka;
		font-size:14px;
		color:#333333;
	}

.titleimg{/*下層ページのページタイトル画像*/
		width:500px;
		margin-bottom:20px;
	}

ul {/*リスト、サイトポリシーで使用*/
  margin-left:20px; /* 上下左右のマージンを0 */
  padding: 0; /* 上下左右のパディングを0 */
}
li {
	line-height:25px;
 /* リストマーカーを表示しない */
}

.subtitle0{/*下層ページのサブタイトル　グレー&ブルーライン*/
		background-image:url(images/line0.jpg);
		background-repeat:no-repeat;
		background-position:bottom;	
		border-left:3px solid #7DC5C4;
		color:#666;
		width:100%;
		margin-bottom:20px;
		font-size:16px;
		text-indent:0.6em;
		letter-spacing:1px;
		line-height:30px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight: 600;
	}

.subtitle1{/*下層ページのサブタイトル　グレー&オレンジライン*/
		background-image:url(images/line0.jpg);
		background-repeat:no-repeat;
		background-position:bottom;	
		border-left:3px solid #F5AC72;
		color:#666;
		width:100%;
		margin-bottom:30px;
		font-size:16px;
		letter-spacing:1px;
		text-indent:1em;
		line-height:30px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight: 600;
	}
	
	.subtitle2{/*下層ページのサブタイトル　グレー&グリーンライン*/
		background-image:url(images/line0.jpg);
		background-repeat:no-repeat;
		background-position:bottom;	
		border-left:3px solid #A4D39F;
		color:#666;
		width:100%;
		margin-bottom:30px;
		font-size:16px;
		text-indent:1em;
		line-height:30px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight: 600;
	}
	
	.subtitles1{/*下層ページのサブタイトル小　グレー&グリーンライン　下部マージン5px*/
		background-image:url(images/line0.jpg);
		background-repeat:no-repeat;
		background-position:bottom;	
		border-left:3px solid #A4D39F;
		color:#666;
		width:100%;
		margin-bottom:5px;
		padding-bottom:5px;
		font-size:14px;
		text-indent:1em;
		line-height:22px;
		font-weight: 600;/*
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	}

#main p{/*下層ページmain内の文章*/
	line-height:20px;
	color: #333;
	margin-bottom:20px;
	margin-left:5px;
	}
	
#main ul{/*下層ページリスト形式*/
	list-style-type:none;
	margin-bottom:30px;
	}

#main li{/*下層ページリスト形式*/
	line-height:140%;
	margin:0 0 10px 12px;
	text-indent:-25px;
	}
	
.pdf_icon2{/*文字型pdfアイコン表示*/
vertical-align: text-bottom;
margin-left:10px;

}
	
/*　以下位置調整用　　*/
.center{
	/*clear:both;*/
	text-align:center;
	margin:0 auto;
}

.img_center{
	display:block;
	margin:0 auto 30px auto;
}

.img_center_b{
	display:block;
	margin:30px auto 5px auto;
}

.img_left{
	display:block;
	margin:0 30px 30px 0;
	float:left;
}

.floatl{
	float:left;
}

.floatr{
	float:right;
	
}

	
/*　以下各ページ用　　*/

/*公開講座ページのテーブル　*/
.work {
	width:480px;
	margin:0px auto;
	color:#414141;
	}
	
.work a {
	list-style:none;
	text-decoration:none;
	color:#414141;
	padding-bottom:40px;
	}
	
.work a:hover {
	list-style:none;
	text-decoration: underline;
	color:#ff8080;
	}
	
.work a:visited  {
	list-style:none;
	text-decoration: none;
	color:#bf7878;
	}
	
.worktoptable{/*業務・活動TOP(workページ)*/
	width:480px;
	border-collapse:collapse;
	font-size:12px;
	line-height:26px;
	}
	
.worktoptable tr{
	border-bottom:1px solid #dfdfdf;
	padding-bottom:30px;
	}

.worktoptable img{
	margin:10px 10px;
	}

.worktoptable a {
	list-style:none;
	text-decoration:none;
	color:#414141;
	padding-bottom:40px;
	}
	
.worktoptable a:hover {
	list-style:none;
	text-decoration: underline;
	color:#333;
	}
	
.work table{
	width:480px;
	border-collapse:collapse;
	font-size:12px;
	line-height:26px;
	}

.work table tr{
	border-bottom:1px solid #dfdfdf;
	text-align:center;
	}
	
.workimg3{/*　work3(公開講座情報index)サムネイル画像  */
	width:100px;
	/*height:80px;*/
	margin:10px;
	}
	
.workimg1_1{/*　work1(業務・実習風景index)サムネイル画像  */
	width:108px;
	/*height:80px;*/
	padding:4px 0px 15px 0px;
	margin:10px 0px 10px 0px;
	text-align:center;
	border:1px solid #CCC;
	background-image:url(images/zoom1.jpg);
	background-repeat:no-repeat;
	background-position: right bottom
	}
		
.workimg1_2{/*　work1(業務・実習風景index)サムネイル画像  */
	width:100px;
	height:75px;
	margin:0px 0px;
	}
	
abbr[title]{border-bottom:1px dotted}/*　work1lightbox画像下部キャプション  */
	
.work3_main{
	font-size:14px;
	line-height:22px;
}

.rele{/*　トピックスページ　関連記事への移動　*/
	float:right;
	text-decoration:none;
	margin:5px 0px 5px 0px;
	font-size:smaller;
}

.rele a{/*　トピックスページ　関連記事への移動　*/
	text-decoration:none;
	margin:10px 0px 5px 0px;
	color:#666;
}

.rele a:hover{/*　トピックスページ　関連記事への移動　*/
	list-style:none;
	text-decoration:underline;
	color:#399;
}

.goback{/*　前後ページ移動用テーブル　*/
	width:100%;

}

.goback a{/*　前後ページ移動用テーブル　*/
	text-decoration:none;
	color:#666;

}
.goback a:hover{/*　前後ページ移動用テーブル　*/
	list-style:none;
	text-decoration: underline;
	color:#ff8080;
}
.goback a:visited  {
	list-style:none;
	text-decoration: none;
	color:#bf7878;
	}