@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/
/* 前設定を無効に  */
.clear{clear:both;}

.hpb-parts-cnt-style
{
    border-color: #CCCCCC;
}

.hpb-parts-hl-style
{
    margin-top: 12px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border-color: #CCCCCC;
}

.hpb-parts-cbox-style
{
    border-color: #D0E6EF;
}

.hpb-parts-hr-style
{
    border-color: #D0E6EF;
}

.hpb-parts-pbox-style
{
    border-color: #D0E6EF;
    background-color: #f6fbfd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px;
}
.hpb-parts-pbox-style img
{
    background-color: #f6fbfd;
}

.hpb-parts-blist-style
{
    border-color: #F0D535;
}
a:link.hpb-parts-blist-style
{
    color: #333333;
}
a:visited.hpb-parts-blist-style
{
    color: #333333;
}
a:hover.hpb-parts-blist-style
{
    color: #333333;
    background-color: #FFFBE1;
}
a:active.hpb-parts-blist-style
{
    color: #333333;
    background-color: #FFFBE1;
}

/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01
{
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
}

/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅自動 */
.hpb-parts-cnt-02
{
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360
{
    margin-bottom: 5px;
    padding: 5px;
}

/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01
{
}

/* 下線 1 */
.hpb-parts-hl-02
{
}

/* 下線 2 (2重線) */
.hpb-parts-hl-03
{
}

/* 線囲み 1 */
.hpb-parts-hl-04
{
    border-bottom-width: 3px !important;
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-bottom-color: #D0E6EF;
    border-left-color: #ccc;
    padding-top: 5px;
    padding-right: 0.2em;
    padding-bottom: 3px;
    padding-left: 5px;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05
{
    padding: 5px 0.2em 3px 5px !important;
    border-color: #ccc !important;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #D0E6EF !important;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #D0E6EF !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08
{
    padding-top: 6px !important;
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #D0E6EF !important;
    border-top-width: 1px !important;
    border-top-color: #ccc !important;
    border-top-style: dotted !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
    border-right-width: 1px !important;
    border-right-color: #ccc;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01
{
    margin-bottom: 5px;
    margin-right: 0px;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02
{
    margin-bottom: 5px;
    margin-right: 0px;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03
{
    margin-bottom: 5px;
    margin-right: 0px;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04
{
    margin-bottom: 5px;
    margin-right: 0px;
}

/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01
{
}

/* 余白あり */
.hpb-parts-img-02
{
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03
{
}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04
{
}

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05
{
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06
{
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07
{
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08
{
}

/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01
{
}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02
{
}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03
{
}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04
{
}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05
{
}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06
{
}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07
{
}

/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01
{
}

.hpb-parts-pbox-01 h4
{
    margin-bottom: 0.5em;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060
{
}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120
{
}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180
{
}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240
{
}

/* 線囲み */
.hpb-parts-pbox-02
{
}

.hpb-parts-pbox-02 h4
{
    margin-bottom: 0.5em;
}

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060
{
}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120
{
}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180
{
}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240
{
}

/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc
{
}

.hpb-parts-pbox-desc h4
{
    margin-bottom: 0.5em;
}

/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060
{
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060
{
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060
{
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120
{
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120
{
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120
{
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180
{
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180
{
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180
{
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240
{
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240
{
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240
{
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060
{
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060
{
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060
{
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120
{
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120
{
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120
{
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180
{
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180
{
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180
{
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240
{
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240
{
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240
{
}

/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01
{
    clear: both;
}
.hpb-parts-blist-01 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-01 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-01 li a
{
    padding: 7px !important;
}

/* 文字型 2 */
.hpb-parts-blist-02
{
    clear: both;
}
.hpb-parts-blist-02 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-02 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-02 li a
{
    border-style: dotted;
}

/* 文字型 3 */
.hpb-parts-blist-03
{
    clear: both;
}
.hpb-parts-blist-03 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-03 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-03 li a
{
    border-left-width: 1em;
    border-right-width: 1em;
    border-right-style: solid;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/* 画像付き 1 */
.hpb-parts-blist-04
{
}
.hpb-parts-blist-04 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-04 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-04 li a
{
}
.hpb-parts-blist-04 li a img
{
}

/* 画像付き 2 */
.hpb-parts-blist-05
{
}
.hpb-parts-blist-05 ul
{
}
.hpb-parts-blist-05 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-05 li a
{
    border-style: dotted;
}
.hpb-parts-blist-05 li a img
{
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/


/* MAP の入り口画像用  */
.enter_guide
{
	width: 200px;
	margin-right: 80px;
	float: right;
}

/* STAFF  profile */
.img_profile
{
	width: 100px;
	float: left;
	margin: 10px 15px 10px 5px;
	border: 3px solid #fff;    /* フレーム */
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); 
}

.staff_profile
{

margin-left: 20px;

	/*	width: 640px;*/
	/*	overflow: hidden;*/
    /*		float: left; */
	/*	padding: 0 0 0 20px;*/
}

/* ###### 画像を保存できなくする #########  */

div.phto_guard{
    position:relative;
/*    width:240px; */
 /*   height:180px; */
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
 /*   background-image:url(../img/spacer.gif);*/
 
}

	/* 活動報告　リスト*/
	#nt_list {}
	#nt_list li {
		margin-bottom: 10px;
		padding: 0 10px 10px 0;
		border-bottom: 1px dotted #ccc;
		overflow: hidden;
	}
	#nt_list li a {
		color: #222;
	}
	
	#nt_list  ul {
		border-style: dotted;
	}
	
		.nt_date{
			width: 90px;
			overflow: hidden;
			display: block;
			float: left;
			margin-right: 15px;
		}
		.nt_title {
			width: 775px;
			overflow: hidden;
			float: left;
			display: block;
		}
		
	
	/* 所蔵資料P　大項目 
.collection
{
	margin: 150px 0;
	padding: 0 20px;
}*/	

/* 所蔵資料　中項目　 */
.catalogTitle{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.2;
	font-weight: bold;
	color: #1C6889;
}
#engTitle{
	margin-right: 20px;
	float: right;
	display: inline;
	font-weight: none;
	color:  #DF0174;/* #8A0829; */
}
/* 大学史 */
.catalogDescription
{
	margin: 0px 10px 10px 10px;

}

.catalogOfUni
{
	margin: 0px 12px 15px 12px;
	padding: 0 20px;
}
/* Collection  写真左寄り */
		.img_left{
		    width:200px;
		    margin: 20px 40px 0px 0px;
		    float: left;
		}
		
		/* 縦写真　2枚　左寄り */
		.img_right{
		    width:200px;
		    margin: 0px 10px 10px 20px;
		    float: right;

		}		
		
		

/* 所蔵資料：熊本地域*/
.catalog
{
	margin: 15px 0;
	padding: 0 20px;
}

.catalog ul li{
	background-image: url(../img/blank.gif)!important;
}

.catalog h4 {
		border-left: 5px solid #6c9;
		/*   下線　　以下４行　*/
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom-color: #dcdcdc;
		display: inline-block;
		margin-left: 20px;
		margin-bottom: 10px;
		padding-left: 20px;
		font-style: italic;
		font-family: Sans-Serif;
    	font-weight: bold; 
    	font-size: 14px
		margin-bottom: 0.8em;
}



/*  PDF ファイル　自動ファイルアイコン添付　*/		

a[href$=".pdf"]:after {
    content:" ";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/PDF_244.png) no-repeat;
}

/* hr ： 区切りライン */
.ex1 {
	width: 95%;
	height: 1px;
	border: none;
	border-top: 1px #dcdcdc solid;
	padding-bottom: 5px;
}

/* 水俣病  折りたたみクラス  */
#open1
{
	border-left: 2px solid #6c9;
	margin-left: 44px;
}

#open2
{
	border-left: 2px solid #6c9;
	margin-left: 44px;
}

#open3
{
	border-left: 2px solid #699;/*#6c9;*/
	border-right: 2px solid #699;
	border-top: 2px solid #699;
	border-bottom: 2px solid #699;
	margin-left: 44px;
	margin-right: 44px;
	padding: 3px 3px 3px 3px;
	text-align: left;
}

/*カーソルが重なったら色が変わる（リンク箇所） */
a:hover {
    /*color: #8A0868; /* 深紫 *//*#0404B4;   /* 青  */
   
}
/* リンクから戻った時の枠線を消す */
a {
	outline: none;
}

/* 　アーカイブリスト・ページ　*/
/* 大項目 タイトル */
p.title_contents
{
	font-size: 15px;
	color: #000066;
/*	font-weight:  bold;*/
}
/* サブタイトル */
p.title_contents2
{
	font-size: 13px;
/*	color: #336699;*/
	margin-left: 50px;
/*	font-weight:  bold;*/
}

.arTop_img
{
	width: 200px;/*100px;*/
	margin-left:  100px;
	/*float: rihgt;*/
   cursor: pointer;
   transition-duration: 0.3s;
}
.arTop_img:hover {    /* マウスオーバー処理 */
   opacity: 0.6;
  transition-duration: 0.3s;
}



/*  【大学史】 熊本工業高校関係資料   */
#archive_List1
{
	display: inline-block;
	width: 650px;
	margin-left: 75px;
	margin-right: 35px;
	margin-top: 40px;
	margin: 0 auto;

}


/* Gallery :アルバム　album1915 */
#gallery_showBox
{
	margin-left: 75px;
	margin-right: 75px;
	margin-top: 40px;

}


.gallery_img
{
	width: 200px;/*100px;*/
	margin-right: 60px;
	margin-bottom: 30px;
	float: left;

   cursor: pointer;
   transition-duration: 0.3s;
}
.gallery_img:hover {    /* マウスオーバー処理 */
   opacity: 0.6;
  transition-duration: 0.3s;
}

.gallery_imgRVS
{
	width: 100px;
	margin-right: 60px;
	margin-bottom: 30px;
	float: left;
	cursor: pointer;
    transition-duration: 0.3s;
}
.gallery_imgRVS:hover {    /* マウスオーバー処理 */
   opacity: 0.6;
  transition-duration: 0.3s;
}

#album_img
{
	width: 700px;
}

/*【水俣病】闘争のコトバ〜石牟礼道子『天の魚』から読むビラ合戦  */
/* 水俣病資料デジタルアーカイブ追加時に階層を一段下げた2020.12　*/
/* archive2 : 水俣病資料 */

#archive_List2
{
	display: inline-block;
	margin-left: 75px;
	margin-right: 75px;
	margin-top: 40px;
	margin: 0 auto;

}

p.ar_title{
	font-size: 18px;
	font-weight: bold;
	color: #336699;
}
p.ar_title2{
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

p.imagebox {
    display: inline-block;   /* インラインブロック化 */
    padding: 0px;
    margin: 10px 5px 7px 0px; /* 外側に余白を追加(※右に3px・下に7px) */
    background-color: #c0c0c0;/*#add8e6;  /* 背景色 c0c0c0 */
    text-align: center;
    height: 170px;
   
}
/* ▼画像に対する装飾 */
p.imagebox img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 8px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
	width: 150px;
}
/* ▼キャプションに対する装飾 */
p.imagebox span.caption {
    font-size: 0.7em;        /* 文字サイズを90%に  0.9em*/
    text-align: center;      /* 中身をセンタリング */
   
    
}

/* 英語対応：説明文、タイトル　切り替え */

#langChenge input[type="radio"]{
  display    : none;
}
 
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChenge label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  padding    : 2px 6px;
  float: right;
  margin-right: 5px;
}
 
 /* === 選択されていない言語は非表示にする ==== */
#langJa:not(:checked) ~ * *:lang(ja) {
  display    : none;
}
#langEn:not(:checked) ~ * *:lang(en) {
  display    : none;
}

 
 /* === 選択されている言語のラベル色を変更 ==== */
#langJa:checked ~ label[for="langJa"] {
  background : #ffa64d;
}
#langEn:checked ~ label[for="langEn"] {
  background : #ffa64d;
}

/* アーカイブ画像BOX */

div.imagebox2 {
   /*border: 1px solid #0000cc; /* 1.枠線 */
   background-color: #eeeeff;  /* 2.背景色  #c0c0c0 */
   width: 150px;
   height: 150px;
   margin: 0px 20px 15px 0px;
   float: left;
   
  /* overflow: hidden;*/
 
}
.imagebox2.img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.:hover img{    /* マウスオーバー処理 */
  opacity: 0.7;          /* 透過度 0.0 〜1.0*/
  transition-duration: 0.3s;
}

p.image{
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}

/* No. タイトル    No.部分 */
p.captionNo {
	float: left;
    font-size: 80%;  /* 5.文字サイズ */
   /*color: darkblue; /* 6.文字色 */
   color: #003366;

}
/*  タイトル部分  */
p.caption {
/* text-align: center; /* 3.中央寄せ */
  /*vertical-align: middle; /* 上下中央に寄せる */ 
  /* margin: 5px;        /* 4.余白・間隔 */
  	/*margin: 0 auto;*/

   float: rigth;
   font-size: 90%;   /* 5.文字サイズ */
   /*color: darkblue; /* 6.文字色 */
   color: #000033;
   font-family: "游ゴシック","arial unicode ms",sans-serif;/*font*/
   line-height: 20px;    /* 表示位置、行間調整 */

}
/* タイトルが長いバージョン */
p.captionL {
/* text-align: center; /* 3.中央寄せ */
  /*vertical-align: middle; /* 上下中央に寄せる */ 
  /* margin: 5px;        /* 4.余白・間隔 */
  	/*margin: 0 auto;*/

	float: rigth;
    font-size: 75%;   /* 5.文字サイズ */
   /*color: darkblue; /* 6.文字色 */
   color: #000033;
   font-family: "游ゴシック","arial unicode ms",sans-serif;/*font*/
   line-height: 1;

}


/* 水俣病　イントロダクション　のテキストBOX */
#intoroBox
{
	
    margin: 0px 50px 15px 50px;
    text-align: left;
   /* background-color: #eeeeff; */
}
#referencesBox
{	
    margin: 20px 20px 0px 20px;
    text-align: left;
}

/* ガリ版文化の動画用 video
#movbox
{
controls:on;	
}
*/

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
#gallery_showBox
{
	width:55%;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;

}

#album_img
{
	width: 450px;
}

#videoMinamata
{
	width: 330px;
}

/* No. タイトル    No.部分 */
p.captionNo {
	float: left;
	margin-right: 10px;  /*　<- Noとタイトルの間にマージン*/
    font-size: 80%;  /* 5.文字サイズ */
   /*color: darkblue; /* 6.文字色 */
   color: #003366;

}
/*  タイトル部分  */
p.caption {
   font-size: 90%;   /* 5.文字サイズ */
   color: #000033;
   font-family: "游ゴシック","arial unicode ms",sans-serif;/*font*/
   line-height: 20px;    /* 表示位置、行間調整 */

}
/* タイトルが長いバージョン */
p.captionL {
	float: rigth;
    font-size: 80%;   /* <-　5.文字サイズ */
   /*color: darkblue; /* 6.文字色 */
   color: #000033;
   font-family: "游ゴシック","arial unicode ms",sans-serif;/*font*/
   line-height: 1;

}

/* 水俣病　イントロダクション　のテキストBOX */
#intoroBox
{
    margin: 0px 20px 15px 20px;
    text-align: left;
   /* background-color: #eeeeff; */
}
#referencesBox
{	
    margin: 10px 20px 15px 20px;
    text-align: left;
}

}