* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

}

	img {
    border-style:none;}
li{
	list-style:none}

/*Page Layout（2段組み）*/
#container{text-align:left;margin:0px auto;}
#header{padding:0px 0px 0px 0px;
	height:70px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	width:100%;
	background-image:url("./images/toplogo2.png");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
}

#migi{float:left;margin-left:200px; margin-top:-700px;width:690px;padding:0 0 0 10px;display:inline;}
#footer{clear:both;padding:20px 0px; }
#hidari{float:left;width:200px;} 
iframe{ overflow:auto; width:200px; height:700px;}

div#contents{text-align:left;width:100%;margin-bottom:15px;margin-left:10px;
}

/*============================================
ヘッダ
============================================*/


div#topmenu{
	position:absolute;
	margin-left:480px; 
	margin-top:16px; 
	float:right;	
}
div#search{
	position:absolute;
	margin-left:620px; 
	margin-top:15px; 
	float:right;	
}





/*============================================
フッタ
============================================*/
div#footer {
	width:670px;height:100px; 
	/*margin:10px 0px 0px 200px;	幅の指定と位置調整*/

	text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#ffffff;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
	color:#111111;
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:700px; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/

	float:right;

				/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース(トップページ)（中央カラム）
============================================*/
/*トップの写真（背景画像として埋め込み）*/
div#photoarea{
			height:320px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
			width:490px;margin-right:10px;
			float:left;
			background-image:url("images/img_top1009.jpg");	/*ヘッダ部分の背景画像*/
			background-repeat:no-repeat;		/*背景画像を繰り返さない*/
			background-color:#ffffff;		/*ヘッダ部分の背景色*/
			position:relative;		/*20100413 Matsumura追加*/
			}
div#photoarea p{		/*20100413 Matsumura追加*/
	position:absolute;
	top:310px;
	right:5px;
	font-size:75%;
	color:#666666;
}
div#ue{                                  /*20100413 Matsumura追加*/
	background-color:#ffffff;
	height:310px;
}
/*バナーエリアの定義*/
div#bunnerarea{width:190px;margin-right:10px;float:left;}
div#kaijo{clear:left;}

/*バナー*/
bunner{float:right;margin:0 0 10px 10px;}

/*各ページのトップ写真*/
div#toppicture{
	height:250px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/img_top2.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}

div#toppicture_template{
	height:100px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/toppicture_template1.png");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	
	div#toppicture_about{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/about_top_g2.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	div#toppicture_gakkaishi{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/gakkaishi_top.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	div#toppicture_oshirase{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/oshirase_top_g.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	div#toppicture_seminar{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/seminar_top.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	
	div#toppicture_links{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/links_top_g.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	
	div#toppicture_sitemap{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/sitemap_top.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	div#toppicture_katsudo{
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/katsudo_top_g.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}
	
div#midashi_toppage_oshirase{
	height:50px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/top_oshirase.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;	/*ヘッダ部分の背景色*/
	}
	
div#midashi_toppage_koushin{
	height:50px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("images/top_koushin.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
	}

div#news {
	width:480px;/*margin:0px 0 1em 10px*/;text-align:left;
	margin-top:-20px;
	padding-left:10px;
	font-size:90%; float:left;					/*カラムを左寄せにする*/
	background-repeat:no-repeat
			/*背景画像を繰り返さない*/
}

div#page_contents {
	width:640px; 
	margin-left:20px; 
	/*padding-top:10px; 幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}


/*見出し・段落・水平線のスタイル指定*/
h2 {
    color:#006633;
    /*margin-bottom:10px;*/ padding-left:20px;
    margin-top:10px;
    /*height : 60px;*/
	font-size:120%; /*border-bottom:solid 1px #ffffff;*/
	background-image:url("images/h2_back3.jpg");
	background-repeat:no-repeat; background-position:left;
}
h2 a {text-decoration:none;
		padding-left:30px;
        margin-top:10px;
        font-size:120%;
	    color:#006633;}
h2 a:hover {background-color:#ffcccc;}

h3 {font-size:110%; margin-left:5px;  background-color:#ffffff}
h3 a {text-decoration:none;		/*リンクの下線を無くす*/}
h3 a:hover {background-color:#ffcccc;}


h4{        /*2009/12/24 Matsumura 追加*/
	color:#006633;	
   	margin-top:10px;
	padding-left:20px;
	background-image:url("images/h2_back3.jpg");
	background-repeat:no-repeat; 
	background-position:left;
}
p {font-size:100%; margin:10px 0px 10px 10px; text-indent:0px;}
hr {height:2px; border:solid 1px #ccffcc; margin-bottom:10px;}

li a {text-decoration:none;		/*リンクの下線を無くす*/
margin-left:0px;
list-style-type:none; 		/*リストマーカー無しにする*/}
li a:hover {background-color:#ffcccc;
list-style-type:none; 
} 


l3  {font-size:90%; margin-left:30px;  background-color:#ffffff}
l3 a {text-decoration:none;}
l3 a:hover {
  background-color:#ffcccc;	/*リンクにマウスが乗ったら色を変える*/
}

.tablebodyCatch{
	font-size:120%;  background-color:#ffffff; }
	
tablehlineCopy a {text-decoration:none;
/*margin-left:30px;*/
font-size:100%;}
.tablehlineCopy a:hover {
  background-color:#ffcccc;	/*.リンクにマウスが乗ったら色を変える*/
}

td a {text-decoration:none;
font-size:110%;}
td a:hover {
  background-color:#ffcccc;	/*リンクにマウスが乗ったら色を変える*/
}

td.L01tablebody{
font-size:110%;
margin-top: 20px;
color:#006633;
}

td.tablebodyCatchCenter{
color:#006633;
	font-size:110%; /*border-bottom:solid 1px #ffffff;*/
	background-image:url("images/h2_back3.jpg");
	background-repeat:no-repeat; background-position:left;
}


/*セミナーページのテーブルレイアウト　20090717松村追加  */

.semitable_layout{			
	margin-left:20px;
	text-align:left;
}
.semitablelayout_title{
	width:80px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

.semitablelayout_item{
	vertical-align:top;
	text-align:left;
}
.semitable_layout td{
	padding-top:15px;
}
.semitable_layout li{
	text-indent:-1.2em;
	margin-left:1em;
	list-style-type:none; 	
}
.tablebodyCatchCenter{
	color:#006633;
	font-size:110%; /*border-bottom:solid 1px #ffffff;*/
	background-image:url("images/h2_back3.jpg");
	background-repeat:no-repeat; background-position:left;
}
/*-----------------------------------------------------
2010/02/25 seminar/index.html
-------------------------------------------------------*/
#semi ul{
	margin:15px 0 30px 20px;
}
#semi li{
	line-height:2em;
}
#semi p{
	text-align:right;
	margin:10px 0 20px 0;
}	
.kaisai table {
	/*width:100%;*/
	margin:15px 0px 0 20px;
	border: 1px #999999 solid;
	border-collapse: collapse;
}
.kaisai th{	
	border: 1px #999999 solid;
	margin:0;
	padding:5px;
	color:#555544;
	background:#cccccc;
	text-align:center;
}
.kaisai td {
	border: 1px #999999 solid;
	margin:0;
	padding:5px 20px;
	color:#444444;
}
.kaisai table a{
	text-decoration:underline;
}
/*-----------------------------------------------------
2010/05/10 bunnerbosyu.html
-------------------------------------------------------*/
.bunner table {
	/*width:100%;*/
	margin:15px 0px 0 20px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size:95%
	
}
.bunner td {
	border: 1px #999999 solid;
	margin:0;
	padding:5px 20px;
	color:#444444;
}
.bunner table a{
	text-decoration:underline;
	font-size:95%
}
/*-------------------------------------------------
各種委員会ページのテーブルレイアウト　20090717松村追加 
--------------------------------------------------- */

.miebotablelayout{
	margin-left:15px;
}

.miebotablelayout table{
	width:600px;
	margin:20px 0 0 0;
}
.miebotablelayout_title{		
	width:100px;
	vertical-align:top;
	text-align:left;
	padding-left:10px;
}

/*総会　会報（第○報）ページ　20090723松村追加 */
.migiyose{
	text-align:right;
	margin:30px 0 30px 0;
}
.centeradd{
	margin:0 0 0 80px;
}
.paragraph_01{
	margin:-5px 0 0 25px;
}
/*理事会ニュースページ　20090723松村追加 */
.rijitable_title{
	width:70px;
	vertical-align:top;
	text-align:left;
}
.rijitable_title2{
	width:120px;
	vertical-align:top;
	text-align:left;
}
.rijitable_td{
	width:85px;
	text-align:left;
}
ul.rijikai{
	width:100%;
	/*margin:20px 0 10px 0;*/
}
ul.rijikai li{
	text-indent:-1em;
	margin-left:1em;
	list-style-type:none; 	
}

.rijitable_02{
	margin-left:50px;
}
.rijitable_02 th{
	vertical-align:top;
	width:25%;
	font-weight:normal; 
	text-align:left;
}
.rijitable_02 td{
	text-align:left;
	text-indent:0em;
}
.tyusyaku {    /*20100720　松村追加　26-5理事会*/
        padding-left:6em;   
        text-indent:-5em; 
}   

ul.teikan{
	width:100%;
	margin:-10px 0 0 10px;
}
ul.teikan li{   /*20091224　松村追加　定款細則*/
	text-indent:-1em;
	margin-left:1em;
	list-style-type:none; 	
}
.saisoku{       /*20100525　松村追加　定款細則*/
	margin-left:5px;
}
.jisage{
        text-indent:-1em; 
}	
.futoji{
	font-weight:bold;
}
.midori{
	color:#006633;
}
.midori_02{    /*20091224　松村追加　定款細則*/
	color:#006633;
	font-weight:bold;	
}
.akaji{
	color:#ff0000;
}
.hassin{
	margin:20px 0 20px 250px;
}
/*評議員業績ページ　20090723松村追加 */
.oshirase_space{
	margin-left:30px;
}
.oshirasetable01{		
	width:130px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}
.oshirasetable02{
	vertical-align:top;
}
.oshirasetable03{
	margin:20px 0 20px 30px;
	border:1px #c3c3c3 solid;
	border-collapse:collapse;
}
.oshirasetable03 th{
	font-weight:normal;
	background:#f9f9f9;
	width:110px;
	padding-left:10px;
	border:1px #c3c3c3 solid;
}
.oshirasetable03 td{
	padding:8px 5px 8px 5px;
	border-bottom:1px #c3c3c3 solid;
}
.oshirasetable03 a{
	border-bottom:1px #333333 solid;
}
.oshirasetable04 td{
	border:none;
	vertical-align:top;
}	
.kasen{
	border-bottom:1px #333333 solid;
}
ul.listin{
	width:100%;
	margin-left:20px;
}
ul.listin li{
	text-indent:-1em;
	margin-left:1em;
	list-style-type:none; 	
}

/*20080919 LF02.html Matsumura　←旧cssよりコピー
	地域インストラクター、交換研修施設一覧*/

.lf02_ninki{
	font:bold 14px "ＭＳ Ｐゴシック", "Osaka";
	color:#333333;
}
		
.lf02 table {
	/*width:100%;*/
	margin:15px 0px 0 20px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size:12px;
}
.lf02 th{
	border: 1px #999999 solid;
	margin:0;
	padding:5px;
	color:#555544;
	background:#f5f5f5;
	text-align:center;
}
.lf02 td {
	border: 1px #999999 solid;
	margin:0;
	padding:5px;
	color:#444444;
}


.lf02_ninki{
	font:bold 14px "ＭＳ Ｐゴシック", "Osaka";
	color:#333333;
}
		
.rekidai table {               /*20100526 rekidai.html Matsumura　*/
	/*width:100%;*/
	margin:15px 0px 0 20px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size:90%;
}
.rekidai th{
	border: 1px #999999 solid;
	margin:0;
	padding:5px;
	color:#555544;
	background:#f5f5f5;
	text-align:center;
}
.rekidai td {
	border: 1px #999999 solid;
	margin:0;
	padding:5px;
	color:#444444;
}

/*バックナンバー*/
.backtablelayout table{
	font-size: 90%;
	margin:10px 0 20px 20px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border-bottom: 1px solid #f1ebeb;	
}

.backtablelayout th{
	font-weight: normal;
	padding: 12px 15px;
	/*color: #039;*/
	text-align:center;
}
.backtablelayout td{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #f1ebeb;
}
.backtablelayout tr:hover td
{
	color: #339;
	background:#ecf8e0;
}
.oce-first
{
	background: #ece0f8;
	/*border-right: 10px solid transparent;*/
	/*border-left: 10px solid transparent;*/

}

/*定款のテーブル　2009/12/24追加*/
.nyukai_01{
	text-align:left;
	width:90px;
	padding-left:10px;
}
.nyukai_02{
	text-align:right;
	width:100px;
}

/*細則の評議員業績　2009/12/24追加*/
.gyouseki {		
	margin:15px 0px 0 20px;
	vertical-align:top;
	text-align:center;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing:10;
}
.gyouseki th{
	border:1px #999999 solid;
	padding:0.3em;
	text-align:left;
	font:normal;
}
.gyouseki td{
   	border:1px #999999 solid;
	padding:0.3em;
}

#photo p{
	margin-top:20px;
	margin-left:20px;
}

#photo img{
	margin-top:20px;
	margin-left:35px;
}

/*-----------------------------------------------
koukan
-----------------------------------------------*/
#inner{
		padding-top:20px;
}
#item {
	float:left;
	width:400px;
	padding-bottom:10px;
	padding-right:30px;
}
.clear{
	clear:both;
}
/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
     float:left;width:170px;text-align:left; 
     margin-left:10px; 		/*左マージンを10px空ける*/
     margin-top:-20px;
	/*background-image:url("images/bunner1.png");	右カラムの背景画像*/
	background-repeat:no-repeat;		 /*背景画像を繰り返さない*/
}
div#pickup ul {
	margin-left:10px; 		/*左マージンを10px空ける*/
	font-size:90%;			/*フォントサイズを90%にする*/
}
div#pickup li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	line-height:1.8;		/*行の高さを1.8倍にする*/
    font-size:90%;			/*フォントサイズを90%にする*/
}

div#pickup li a {
  text-decoration:none;		/*リンクの下線を無くす*/
}

div#pickup li a:hover {
 /* background-color:#111111;	リンクにマウスが乗ったら色を変える*/
  background-color:#ffcccc;	/*リンクにマウスが乗ったら色を変える  ←20090708松村追加



/*--------------------------------------------
 topのサブメニュ
--------------------------------------------*/
#ID {
width:30em;
height:3em;  
/*margin:0px 100px 0px 0px;	幅の指定と位置調整*/
white-space:nowrap;

}

#ID ul { 
margin: 0; 
padding :0; 

}

#ID a {
display:block; 
border:2px dotted #99cc66;
background-color:#99cc66;
font-size:small;
padding:1px 0px 1px 0px;
text-decoration:none;
color:#ffffff;width:7em; 
height:1.5em;
margin:0px 5px; 
text-align:center;
}
#ID a:hover {
display:block; 
border:2px solid #ccff99;
background-color:#ccff99;
font-size:small;
padding:1px 0px 1px 0px;
text-decoration:none;
color:#111111;
height:1.5em;
text-align:center;
}
/*semihoukoku.html*/