@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	font-size: 16px;
	text-align: left;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新着情報 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 16px;
}
#フッター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 10px;
	font-style: italic;
}
#MENU {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#territory {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニュー内容 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 79.1666%;
	display: block;
}
#絵図用グリッド {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#トップ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#授業者別実践例 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニューボタン {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#このホームページについてメニュータイトル {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-new {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新着情報スペース {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#問い合わせフォーム {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#トップページのイメージ写真 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#バナー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#実践例募集のメニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧についての説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#予備タグ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#関連図書 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新着 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#space {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#oshirase {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#news {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#l1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-aicon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-aicon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa-lesson {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#rekisisainyumon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#toukoukitei {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#文責 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキストの取り扱いについて {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#著書内写真 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#絵図欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#絵図の一覧 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#お問い合わせ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#問い合わせのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#研究誌についてのテキスト {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#みんなの実践のテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#このホームページについてのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#虹ときゅうちゃん {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#虹ときゅうちゃん欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#トップページに戻る欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#絵図のテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#書誌情報 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#kyuchan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#ライン {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ライン２ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#引用文 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FEDDFF;
}
#pagenumber {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-image: none;
	background-position: bottom;
}
#おしらせ２ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pagenumber-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#poster {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新型コロナお見舞いポスター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#kyuchan-image {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	text-align: left;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#新着情報 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
	font-size: 16px;
}
#フッター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MENU {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#メニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#main {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#territory {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニュー内容 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#絵図用グリッド {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#トップ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#授業者別実践例 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニューボタン {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#このホームページについてメニュータイトル {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-new {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新着情報スペース {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#問い合わせフォーム {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#トップページのイメージ写真 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#バナー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#実践例募集のメニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧についての説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#予備タグ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#関連図書 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新着 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#space {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#oshirase {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
	text-align: center;
}
#news {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#l1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-aicon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-aicon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa-lesson {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#rekisisainyumon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#toukoukitei {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#文責 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキストの取り扱いについて {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#著書内写真 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#絵図欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#絵図の一覧 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#お問い合わせ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#問い合わせのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#研究誌についてのテキスト {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#みんなの実践のテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#このホームページについてのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#虹ときゅうちゃん {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#虹ときゅうちゃん欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#トップページに戻る欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#絵図のテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#書誌情報 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#kyuchan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#ライン {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ライン２ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#引用文 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FEDDFF;
}
#pagenumber {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-image: none;
	background-position: bottom;
}
#おしらせ２ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pagenumber-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#poster {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#新型コロナお見舞いポスター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#kyuchan-image {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88%;
	max-width: 1232px;
	background-size: auto;
	text-align: left;
	font-size: 18px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
	text-align: center;
}
#新着情報 {
	float: left;
	margin-left: 2.0408%;
	width: 59.1836%;
	padding-top: 0px;
	font-size: 16px;
	clear: none;
	text-align: left;
}
#フッター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#MENU {
	clear: both;
	float: left;
	margin-left: 0;
	width: 38.7755%;
	display: block;
	padding-top: 0px;
}
#メニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 59.1836%;
	display: block;
}
#territory {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニュー内容 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#絵図用グリッド {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#トップ {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#授業者別実践例 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#メニューボタン {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 38.7755%;
	display: block;
}
#このホームページについてメニュータイトル {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-new {
	clear: both;
	float: left;
	margin-left: 0;
	width: 38.7755%;
	display: block;
}
#新着情報スペース {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#問い合わせフォーム {
	clear: left;
	float: left;
	margin-left: 0;
	width: 59.1836%;
	display: block;
}
#トップページのイメージ写真 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 8.1632%;
	display: block;
}
#バナー {
	clear: both;
	float: none;
	margin-left: 0px;
	width: 28.5714%;
	display: block;
	text-align: center;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#実践例募集のメニュー {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧についての説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト一覧説明 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#予備タグ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#関連図書 {
	clear: none;
	float: right;
	margin-left: 2%;
	width: auto;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#新着 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
	overflow: auto;
	padding-right: 0px;
	padding-left: 0px;
}
#header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
	padding: 0px;
	text-align: center;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: auto;
    display: block;
    text-align: center;
}
#space {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
}
#menu-1 {
	float: left;
	margin-left: 0;
	width: 28%;
	display: block;
}
#oshirase {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
}
#Menu-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
	text-align: center;
}
#news {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
}
#l1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}
#new-aicon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#new-aicon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa-lesson {
	clear: both;
	float: left;
	margin-left: 0px;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	text-align: left;
}
#rekisisainyumon {
	clear: left;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#maekawa {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#toukoukitei {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#文責 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキストの取り扱いについて {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#著書内写真 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ビジュアルテキスト欄 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0;
}
#絵図欄 {
	clear: both;
	float: left;
	width: 38.7755%;
	display: block;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FCC;
	border-right-color: #FCC;
	border-bottom-color: #FCC;
	border-left-color: #FCC;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 0;
}
#絵図の一覧 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
#お問い合わせ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#問い合わせのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#研究誌についてのテキスト {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#みんなの実践のテキスト欄 {
    clear: none;
    float: none;
    margin-left: auto;
    width: auto;
    display: block;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    text-align: center;
}
#このホームページについてのテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#虹ときゅうちゃん {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#虹ときゅうちゃん欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#トップページに戻る欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#絵図のテキスト欄 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#書誌情報 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#kyuchan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#ライン {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#ライン２ {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#引用文 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FEDDFF;
}
#pagenumber {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-image: none;
}
#おしらせ２ {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
}
#pagenumber-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0px;
}
#poster {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}
#新型コロナお見舞いポスター {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}
#kyuchan-image {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}
.gridContainer.clearfix #LayoutDiv1 {
	font-size: 16px;
	text-align: left;
	padding-top: 0px;
	margin-top: 7px;
	background-repeat: repeat;
	background-position: center center;
}
.gridContainer.clearfix #Menu ul li a {
	text-decoration: none;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-01.png);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	list-style-type: none;
	height: 50px;
	background-position: left center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: normal;
	color: #333;
}
.gridContainer.clearfix #Menu ul li {

}
.gridContainer.clearfix #Menu ul li a {
	text-align: center;
	padding-top: 5px;
}
.gridContainer.clearfix #Menu ul li {
	font-size: 18px;
	text-align: center;
}
.gridContainer.clearfix #新着情報 p {
	color: #FFF;
	background-color: #066;
	height: 35px;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: italic;
	font-weight: normal;
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 5px;
}
.gridContainer.clearfix #新着情報 dl dt {
	font-size: 16px;
	font-style: normal;
	padding-right: 10px;
}
.gridContainer.clearfix #新着情報 dl dd {
	font-style: normal;
	font-size: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.gridContainer.clearfix #MENU ul li {
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	width: auto;
	height: 50px;
	vertical-align: middle;
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-01.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.gridContainer.clearfix #MENU ul li a {
	text-decoration: none;
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-01.png);
	background-repeat: no-repeat;
}
.gridContainer.clearfix #MENU ul li {

}
.gridContainer.clearfix #MENU ul li a:hover {
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-01.png);
	background-repeat: no-repeat;

}
.gridContainer.clearfix #MENU ul li a:hover {
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-02.png);
	background-repeat: no-repeat;
}
.gridContainer.clearfix #メニュー ul li a {
	text-decoration: none;
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-01.png);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	width: auto;
	height: 50px;
	padding-top: 13px;
	font-size: 18px;
}
.gridContainer.clearfix #メニュー ul li a:hover {
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E8%83%8C%E6%99%AF-up%E7%94%BB%E5%83%8F%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%BC%E3%83%B3-02.png);
	background-repeat: no-repeat;
	margin-right: 10px;
}
.gridContainer.clearfix img {
    padding-top: 3px;
    margin-top: 0px;
    margin-left: 2px;
    margin-bottom: 2px;
    text-align: center;
    margin-right: 2px;
}
.gridContainer.clearfix #メニュー {
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(img/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F-01.png);
	background-position: left;
	padding-top: 0px;
	text-align: center;
}
.copyright {
	font-size: 12px;
	font-style: italic;
}