/*===============================================
〜以下、画面の横幅が480pxまでの場合のスタイル記入〜
===============================================*/

@charset "Shift-JIS";

/*============================================
全般的なスタイル
============================================*/
* {
 margin:0; padding:0px; 	/*全要素のマージン・パディングをリセット*/
 color:#333333;		/*文字色*/
font-size: 12px;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}


body {
 padding: 0px;
 background-color:#ffffff;
}

body.ifra {
 padding: 0px;
 background-color:#ffffff;
}


#field_spc{ background-color:#ffffff;
 width: 100%;
 margin:0px auto; 
 margin-top:5px; 
 padding: 0px;
margin-bottom:30px;


}

a{text-decoration:none;}

/*============================================
見出しタイトル（ｈ１）部分
============================================*/

h1 {z-index: 1; 
position:absolute; top:1px;
display: block;
background-image: url(../img/bg-h1.jpg);
width:100%;height:18px;
text-align: left;
font-size: 0.8em; letter-spacing:-0.5px;
font-weight: normal;
padding:0px;
margin:0;
}





/*============================================
Ｐについて　pについて　Pについて　ｐについて
============================================*/

p{margin:0 1.5% 1% 1%;font-size:1em;}


/*============================================
ページトップ部分
============================================*/
#top_waku {position:absolute; top:19px; 
 width: 100%;
 height:127px;
 background-image: url(../img/bg-top.jpg);
 text-align: left;
 padding: 0;
 margin:0;z-index: 0; 
}


/*============================================
ページトップ部分(社章ー雲部　）
============================================*/
li.kumo{float:right;
width:20%;
        height:47px;
       text-align:center;
       line-height:1em; 
     margin-top:18px;
     margin-right:3px;
    font-weight:bold; 
list-style-type:none}


li.kumo a{     padding-top:20%;        height:47px;

        background-image: url(../img/kumo.gif);background-repeat:no-repeat;
background-position : 0px 0px;
background-size:100% auto; 
        display:block;
	font-size: 0.7em;
        color: #003399;
        letter-spacing:0px;
}

li.kumo a:hover   {color:#ff9999;
        background-image: url(../img/kumo2.gif);background-repeat:no-repeat;
background-size:100% auto; 
}




li.shop{float:right;
        width:20%;
        height:47px;
       text-align:center;
     margin-top:15px;
     margin-right:3px;
list-style-type:none}


li.shop a{     padding-top:20%;        height:47px;

        background-image: url(../img/botan_shop.gif);
background-position : 0px 8px;
background-repeat:no-repeat;
background-size:100% auto; 
        display:block;
	font-size: 0.6em;
        color: #003399;
        letter-spacing:-0.5px;
}

li.shop a:hover   {color:#ff9999;
        background-image: url(../img/botan_shop.gif);
background-size:100% auto; 
background-repeat:no-repeat;}




img.shashou {border:0px;
margin-left:0px;margin-top:10px;
width:30%;
}




img.shashou2 {border:0px;
margin-left:5px;
width:30%;hight:auto;
}

br.fe{clear: both;}



/*============================================
ページトップ部分(メニュー部　）
============================================*/
#menu   {clear: both;
 position:absolute; top:92px;

 margin-left:0px;
 width:100%;

 }

	#menu ul {list-style:none;
	text-align:center;

	}

		#menu  li.on {	background: url(../img/botanon.gif) no-repeat;
				float:left;
				display:block;
        			width:20%;
        			height:27px;
border:0px solid;border-color:#ffffff; 
				}

		#menu  li.off {
  				background: url(../img/botan_off.gif) no-repeat;
				float:left;
				display:block;
        			width:20%;
border:0px solid;border-color:#ffffff; 
        			height:27px;
				}


    			
			#menu li.on a {font-size:0.8em;
				width:100%;
				color:#ffffb4;
				display:block;
	      			height:27px;
  				background: url(../img/botanon.gif) no-repeat;border:1px solid;border-color:#ffffff; 
				text-shadow:0 -1px 0px #333,0 1px 0px #555;  
		padding-top:6px;
				}





			#menu li.off a {font-size:0.8em;        letter-spacing:-0.5px;

background: url(../img/botan_menu_mob.jpg) no-repeat;
				text-decoration:none;		/*リンクの下線を無くす*/
				display:block;
				width:100%;
       				color: #ffffff;
				padding-top:6px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555;  
				}


		#menu li.off a:hover {color:  #ffffb4;	display:block;
				background: url(../img/botanon.gif) no-repeat;
				width:100%;
        			height:27px;
				padding:6px 0px 0px 0px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555;


 }

		#menu li.on a:hover {color: #ffffb4;	display:block;
				background: url(../img/botanon.gif) no-repeat;border:1px solid;border-color:#ffffff; 
				width:100%;
        			height:27px;
				padding:6px 0px 0px 0px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555; }









		#menu  li.on_s {font-weight:bold; border:1px solid;border-color:#ffffff; 
            font-size: 0.8em;
				float:left;
				display:block;
        			width:77px;
        			height:27px;
				}

		#menu  li.off_s {font-weight:bold; border:1px solid;border-color:#ffffff; 
  				background: url(../img/botan_off.gif) no-repeat;
				float:left;
				display:block;
        			width:77px;
        			height:27px;
				}


    			
			#menu li.on_s a {font-size:0.8em;
				color:#ffffb4;
				display:block;
				width:77px;
	      			height:27px;
  				background: url(../img/botanon.gif) no-repeat;
				text-shadow:0 -1px 0px #333,0 1px 0px #555;  
		padding-top:6px;
				}





			#menu li.off_s a {font-size:0.7em;
  				background: url(../img/botan_off.gif) no-repeat;	
				text-decoration:none;		/*リンクの下線を無くす*/
				display:block;
				width:77px;
       				color: #ffffff;
				padding-top:6px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555;  
				}


		#menu li.off_s a:hover {color:  #ffffb4;
				background: url(../img/botanon.gif) no-repeat;
				width:77px;
        			height:27px;
				padding:6px 0px 0px 0px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555;


 }

		#menu li.on_s a:hover {color: #ffffb4;	display:block;
				background: url(../img/botanon.gif) no-repeat;
				width:77px;
        			height:27px;border:1px solid;border-color:#ffffff; 
				padding:6px 0px 0px 0px;
				text-shadow:0 -1px 0px #333,0 1px 0px #555; }












/*============================================
ナビ

 color: #2727af;旧青

color:#990066;旧赤

============================================*/
#pan {width:100%;height:12px;
margin:0;

 position:absolute; top:146px; 
 background-color:#ffffff;
}

#pan p{font-size:0.7em;letter-spacing:-0.5px;
margin-top:1%;
margin-left:1%;
text-align: left;
}

#pan a{text-decoration:none;
 font-size:1em;
color: #003399;}

#pan a:hover{text-decoration:none;
 font-size:1em;
color:#ff9999;}



/*============================================
グランドスペック
============================================*/
#grand_spc{clear: both;
position:absolute; top:162px; left: 0px;
margin:0 0 0 0;
padding:0px;

width:100%;
 background-color:#ffffff;
}



/*============================================
メインスペック
============================================*/
#main_spc {position: relative;
 width: 100%;
margin-left:-3px;
 margin-top: 5px;
 margin-bottom: 20px;
 padding: 5px;
 text-align: left;
    line-height:170%; }



/*============================================
見出し（ｈ２、ｈ３）タイトル部分
============================================*/

h2 {

	margin:0 0 10px 0;
	padding:2px 8px;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;

}



 h3 { 
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#C6485B;
	color:#FFE6E7;
	line-height:140%;
	font-weight:bold;


}


h2 small{font-size:11px;font-weight:bold;
 color:#ffffff;}


p.taitoru{text-align:left;
 font-size:1.1em;font-weight:bold;
 color:#00008b;
 margin-bottom:5px;
 margin-top:15px;
 margin-right:0px;
 margin-left:5px;
 padding-left: 15px;
 padding-top: 4px;
padding-bottom: 1px;
border-bottom:solid 1px #0033cc;
border-left:solid 5px #0033cc;
background-color:#e6e6fa;}

p.midashi{ font-size:1.1em;
font-weight: bold;
padding-top:20px;
padding-left: 0px;
padding-bottom: 5px ;
}






/*============================================
サブスペック（左カラム）
============================================*/
div#sub_spc { position: relative;
 width: 100%;
 margin-bottom: 10px;
 padding: 0px 0px;
 text-align: left;

}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div.submenu_header {
        width:186px;
	height:26px; padding:4px 0px 0px 0px;
	background: url(../img/bg-sm.gif) no-repeat;
	font-size:1em; font-weight:bold; text-align:center;
 color:#ffffe0;	
margin-top:13px;
margin-left:8px;

	text-shadow:
		-1px -1px rgb(223,113,132),
		1px -1px rgb(223,113,132),
		-1px 1px rgb(223,113,132),
		1px 1px rgb(223,113,132);
}





div.submenu_header small {font-size:1em;font-weight:bold; text-align:center;
 color:#ffffe0;	
	text-shadow:
		-1px -1px rgb(223,113,132),
		1px -1px rgb(223,113,132),
		-1px 1px rgb(223,113,132),
		1px 1px rgb(223,113,132);



}



/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul.submenu_body {
margin-top:-1px;
margin-left:8px;
width:186px;
	padding-bottom:1px;
	background-color:rgb(223,113,132); 
margin-bottom: 6px;
list-style-type:none;
}

ul.submenu_body li.s-on,li.s-off {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body li.s-on a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_s_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body li.s-off a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_s.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body li a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_s_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}


ul.submenu_body li p {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_m.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}



/*以下、文字の小さいサブメニュー*/


ul.submenu_body2 {
margin-top:-1px;
margin-left:8px;
width:186px;
	padding-bottom:1px;
	background-color:rgb(223,113,132); 
margin-bottom: 6px;
list-style-type:none
}

ul.submenu_body2 li.s-on,li.s-off {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body li.s-on2 a {border:inset 1px #ffffff;
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}

ul.submenu_body2 li.s-off a {
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_m.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}



ul.submenu_body2 li.s-on a {
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 3px 0px 3px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;
	/*リンクにマウスが乗ったら色を変える*/
	border:inset 1px #ffffff;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}

ul.submenu_body2 li a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;
	border:inset 1px #ffffff;
}



/*以下、高さ2行のサブメニュー*/
ul.submenu_body li.s-on_m,li.s-off_m {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body li.s-on_m a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body li.s-off_m a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_m.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body li.s-on_m a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}

ul.submenu_body li.s-off_m a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_m_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}



ul.submenu_body strong{	font-size:12px;	}


/*以下、高さ3行のサブメニュー*/
ul.submenu_body li.s-on_l,li.s-off_m {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body li.s-on_l a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_ll_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body li.s-off_l a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_ll.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body li.s-on_l a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_ll_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}

ul.submenu_body li.s-off_l a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm_ll_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}







/*新しいサブメニュー（小）*/

ul.submenu_body li.ssn-on,li.ssn-off {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}


ul.submenu_body li.ssn-on a {border:solid 1px #ffcccc;
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 0px;		/*サブメニュー項目のマージン*/
	padding:1px 0px 1px 0px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm_s_on.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
 
text-align:center;
border:inset 1px #ffffff;
}

ul.submenu_body li.ssn-off a {border:solid 1px #ffcccc;
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:1px 0px 1px 0px;	/*サブメニュー項目のパディング*/

 background-image: url(../img/bg_sm_s.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;

}





ul.submenu_body li.ssn-on a:hover {		padding:1px 0px 1px 0px;
	border:inset 1px #ffffff;
}





ul.submenu_body li.ssn-off a:hover {	padding:1px 0px 1px 0px;

 	border:inset 1px #ffffff;
 background-image: url(../img/bg_sm_s_on.jpg);
 background-repeat:no-repeat;

}





/*============================================
amazon、カウンター、iframeサブメニュー
============================================*/

/*透明化（今は使用していない20130325）*/
div.hid {visibility: hidden;}

img.ct{width:0;height:0;}

/*アマゾン*/

iframe.amazon{display:none; width:120px;height:240px; scrolling:no; margin:10px 0 0 30px; border:0;}


/*iframeサブメニュー*/
iframe.subme{display:none; width:220px;height:210px; scrolling:no; margin:0px 0 0 0px; border:0;background:#ffffff;}

iframe.subme_hi{display:none; width:220px;height:260px; scrolling:no; margin:0px 0 0 0px; border:0;background:#ffffff;}

 div.ifra_subme{background-color:#ffffff;}

iframe.subme_mess{display:none; width:220px;height:550px; scrolling:no; margin:0px 0 0 0px; border:0;background:#ffffff;}

/*============================================
フッタ
============================================*/
div.footer {
 clear:both;
 width: 100%;
 margin:0; 
 padding: 0px 0px;
text-align:left;
} 
	
/*水平線部分*/
hr{
width:100%;
color: #d3d3d3;
border-style: double;
margin-top: 10px;
margin-bottom: 0px;
margin-left:0px;
}

/*フッタ社章部分*/
div.shashou2 {float:left;
        text-align:left;
 margin-left:3px;
 margin-top: 5px;
 margin-bottom;7px;
}

div.shashou2 a { letter-spacing:-0.5px;
	font-size:0.7em;	
 	text-decoration:none;		/*リンクの下線を無くす*/
        color:808080;

}


/*フッタのメニュー部分*/
ul.footer-menu {float:right;
margin-right:10px;
width:100%;

margin-top:10px;
}

ul.footer-menu li.f-on,li.f-off {	font-size:0.8em;	
        float:right;
        display:block;
        margin:5px 0px 0px 0px;
         width:12%;
text-align:center;
line-height: 200%;
	padding:0px 0px 0px 0px;	/*サブメニュー項目のパディング*/
   border-width:1px;
    border-color:#FFEEDB;
    border-style:ridge;
}

ul.footer-menu li.f-on a { letter-spacing:-0.5px;

	font-size:0.8em;	
	background-color:#ffffff;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
        color:#ff9999;
	display:block;	
        margin:0;
border-color:#808080;
border-width:2px;}

ul.footer-menu li.f-off a { letter-spacing:-0.5px;
	font-size:0.8em;	
	background-color:#ffe4e1;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	display:block;			/*リンクをブロック表示にする*/
        margin:0;}

ul.footer-menu li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
 color:#ff9999;	
}


p.copyright {width:100%; letter-spacing:-0.5px;
	font-weight:bold;
	font-size:0.8em;			 /*フォントサイズを小さくする*/
	padding:5px 0 5px 0;		 /*要素内容の位置調整*/
text-align:center;
background-color:#00008b;
color:#ffffff;
        display:block;
margin:0;
}



p.under{        display:block;
 background-color:#f5f5f5;
 width: 100%;
 height:5px;
margin:0;

}


/*============================================
トップページ
============================================*/

/*============================================
旧

div.pic_left{margin:0 0 35px 0;
        background-image: url(../img/ume.jpg);
	 background-repeat:no-repeat;
background-size:280px auto; 
background-position: 0 10px;
padding:10px 0 0 0;

}


p.t1{padding-left:330px; font-size:1em;}
p.t2{padding-left:350px; font-size:1em;}
p.t3{padding-left:370px; font-size:1em;}
p.t4{padding-left:390px; font-size:1em;}

============================================*/


div.fright{
width:100%;
margin:50% 0 5px 0;
padding:0 0 0 0;

}



	<!-- =========================== -->
	<!-- ▼スライドショーのためのCSS -->
	<!-- =========================== -->

		#slideshow {float:left;
		}

		#slideshow img {
			position: absolute;
			top:  161;
			left: 18%;
			z-index: 8;
			opacity: 0.0;

width: 60%;
height:auto;
		}

		#slideshow img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow img.last-active {
			z-index: 9;
		}




div.pic_right_2{margin:0 0 15px 0;
padding:10px 0 0 0;

}


div.pic_right_3{margin:0 0 15px 0;
padding:10px 0 0 0;

}






/*============================================
研修ポリシー
============================================*/


div.pic_right_pol{margin:0 0 15px 0;
    line-height:180%; 
}



/*============================================
代表挨拶
============================================*/
p.yoshi{
 padding:20px 0 0 0;
 font-family: cursive,"HG行書体","HG Gyoushotai","HG正楷書体-PRO","HG Seikaishotai Pro","ヒラギノ角ゴ Pro W3″,"Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif ;
 font-size:1em;

}

strong.yoshi{ font-size:2em; font-family:cursive,"HG行書体","HG Gyoushotai","HG正楷書体-PRO","HG Seikaishotai Pro",“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
}



div.dh{width:100%;
height:100px;
margin:0 0 10px 0;
background-image: url(../img/yoshi.jpg);
background-repeat:no-repeat;
background-size:20% auto; 
background-position: 85% 20%;
}













/*============================================
人間性心理学
============================================*/


div.pic_right_ns{margin:0 0 15px 0;
    line-height:180%; 
}






table.gakusha caption{
 font-size:12px;
}

table.gakusha{margin-top:15px;border-collapse:collapse;
width:100%;
   border:1px solid #ffb74c;
    border-spacing:0;
 margin:10px auto; 
}

table.gakusha td{ 
font-size:12px;
padding:8px;
    border:1px solid #ffb74c;
}


table.gakusha th{ 
font-size:12px;
padding:8px;
    border:1px solid #ffb74c;
font-weight:bold;
    border:1px solid #ffa500;
background-color:#ffff99;
}

/*============================================
体験学習
============================================*/
div.pic_right_tg{margin:0 0 15px 0;

    line-height:180%; 
}


img.tg{
width:100%;
hight:auto;
   border:1px solid #ffd699;
    border-spacing:0;
 margin:5px 0 0 0; 
}


p.indent_tg{
text-indent:14px;
line-height:170%;
margin:0 5px 0 10px;


}


/*============================================
企業研修プログラム
============================================*/


div.pic_right_kk{margin:0 0 15px 0;
    line-height:180%; 
}

a.shiro{color: #FFFFFF;}


a.shiro:hover   {color:#0000FF;
}




img.botan-program{border:0px;
margin:10px 25px 10px 15px;
float:right;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px; 
}

img.botan-program_m{border:0px;
margin:10px 25px 10px 15px;
float:right;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px; 
}


a:hover img.botan-program {
filter:alpha(opacity=80);opacity:0.8;
}


a:hover img.botan-program_m {
filter:alpha(opacity=80);opacity:0.8;
}


/*============================================
アトランティックプロジェクトTOP
============================================*/

div.pic_left_ap{margin:0 0 20px 0;
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 0 10px;
padding:15px 0 30px 0;
    line-height:180%; 
}

div.pic_left_ap2{margin:0 0 0 0;

}




div.pic_right_ap{margin:0 0 15px 0;

}

div.pic_right_ap_oosama{margin:0 0 15px 0;

}

div.pic_right_ap2{margin:0 0 15px 0;

}

table.ap{width:100%;
margin-top:5px;
border-collapse:collapse;
margin-left:1%;
margin-right:0px;
margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}

table.ap td{vertical-align: top;

font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.ap td.p{display:none;
 text-align:center;

padding:2px 1px 2px 1px;
    border:1px solid #ffa500;
}

table.ap td.p img{display:none;

}


table.ap th{  text-align:center;
font-size:1em;
padding:5px;
font-weight:bold;
    border:1px solid #ffa500;
background-color:#ffff99;
}

div.ap_fo_r{margin-right:0px;
margin-left:0px;
margin-bottom: 10px ;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 10px;
border:solid 1px #add8e6;
background-color:#f5fffa;
}


p.ap_fo{margin-top:7px;
 font-size:1em;
font-weight: normal;
line-height:120%;}

p.ap_fo strong{ font-size:1em;
font-weight: bold;
color:#000000
}

div.w{padding:1em;
margin:10px 25px 10px 10px;

    border:1px solid  #0033cc;}


table.ap_s{margin-top:15px;
border-collapse:collapse;
margin-left:10px;
margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}

table.ap_s td{line-height:180%; 
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.ap_s td.ap_c{line-height:180%; 
text-align:center;
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.ap_s td strong{ 
font-size:1em;
}

table.ap_s th{ 
font-size:1em;
padding:5px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}


   
table.ap_ssme{margin-top:15px;
border-collapse:collapse;
margin-left:5px;
margin-bottom:10px;
margin-right:10px;
   border:1px solid #ffa500;
    border-spacing:0;
}

table.ap_ssme td{line-height:180%; 
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}
table.ap_ssme td.title{line-height:180%; 
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.ap_ssme td.ap_c{line-height:180%; 
text-align:center;
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.ap_ssme td strong{ 
font-size:1em;
}

table.ap_ssme th{ 
font-size:1em;
padding:5px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}






table.a_c{margin-top:15px;
border-collapse:collapse;
margin-left:30px;
margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
float:left;}



table.a_c td{font-size:1em;
padding:8px;
    border:1px solid #ffa500;
text-align:center;width:88px;
}
table.a_c td.jikoku{font-size:1em;
padding:8px;
    border:1px solid #ffa500;
text-align:center;width:40px;
}
caption.a_c{font-size:1em;
padding:8px;
font-weight:bold;
}

table.a_c th{ 
font-size:1em;
padding:8px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}


p.kaisetu{font-size:1em;
font-weight: normal;
margin-top:5px;margin-right:0px;
padding-left:5px;
line-height:170%;}



p.kaisetu-s{font-size:0.8em;
font-weight: normal;
margin:3px 0 0 20px;
padding-left:12px;
text-indent:-12px;
line-height:150%;}

p.koumoku{font-size:14px;
font-weight:bold;
margin-top:20px;
padding-left:0px;
line-height:150%;}


div.pic_right_ap3{margin:0 0 15px 0;
padding:10px 0 0 0;

}

div.pic_right_ap3_g{margin:0 0 15px 0;
padding:10px 0 0 0;

}


div.pic_right_ap4{margin:0 0 5px 0;
        background-image: url(../img/apk_pj.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 5% 3%;
padding:100px 5px 0 0;

}

div.pic_right_ap4{margin:0 0 5px 0;
        background-image: url(../img/apo6.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 5% 3%;
padding:100px 5px 0 0;

}
table.a{clear: both;
margin-top:15px;
border-collapse:collapse;
margin-left:1px;
margin-right:1px;
margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}

table.a td{ 
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
line-height:160%;}



table.a td strong{font-weight:bold; 
font-size:1em;

}


table.a th{ 
font-size:1em;
padding:5px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}

table.a th.apm{ 
font-size:1em;
padding:5px 60px 5px 60px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}




table.a td.s{ 
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
line-height:170%;
}





table.a td.c{ 
text-align:center;
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
}

table.a td.cs{ 
text-align:center;
font-size:1em;
padding:10px;
    border:1px solid #ffa500;
background-color:#ffff99;}


table.a caption{ font-weight:bold;
font-size:1em;
padding:8px;
}
caption{ font-weight:bold;
font-size:1em;
padding:8px;
}

img.form{float:right;border:0px;
margin-top:6px;
margin-right:0px;
width:120px;
}

a:hover img.form {
filter:alpha(opacity=80);opacity:0.8;
}

div.form{margin:10px 0px 10px 0px;
padding:2px;}



/*============================================
アトランティックプロジェクト事例紹介
============================================*/
div.pic_right_apj{margin:0 0 0 0;
        background-image: url(../img/bg-ap-1.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0;

}

div.pic_left_apj{margin:0 0 0 0;
        background-image: url(../img/ap-hinshituk.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0;

}

p.tantousha{ font-size:1em;
 margin:15px 0px 20px 40px;
line-height:160%;}

div.pic_right_apj2{margin:0 0 0 0;
        background-image: url(../img/ap-sakusei.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0;

}

div.pic_left_apj2{margin:0 0 0 0;
        background-image: url(../img/ap-buhinokiba.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0;
}


div.pic_right_apj3{margin:0 0 0 0;
        background-image: url(../img/ap-mihonshitu.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0;

}

/*============================================
AP説明会
============================================*/


div.pic_right_aps{margin:0 0 15px 0;
    line-height:180%; 
}

p.tensou{font-weight:bold;font-size:15px;
padding-left:15px;
text-indent:-15px;
}
p.tensou a{font-weight:bold;font-size:15px;
	text-decoration:none;		/*リンクの下線を無くす*/
}

p.tensou a:hover{font-weight:bold;font-size:15px;
	text-decoration:none;		/*リンクの下線を無くす*/
 position: relative; top: 1px; left: 1px;}



table.sched{

margin-top:15px;
border-collapse:collapse;
margin-left:20px;
margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}


table.sched td{font-size:14px;
padding:10px;
    border:1px solid #ffa500;
width:370px;
}

div.s-indent-ten{font-size:12px;  /*div.s-indent-10から変更*/
padding:10px 10px 0px 20p;
border-left:10px;
text-indent:-10px;
line-height:160%; 
text-align:left;
}


table.sched td.jikoku{font-size:10px;
padding:10px;
    border:1px solid #ffa500;
text-align:center;width:35px;vertical-align:top;
}

p.jikoku-ap{
line-height:120px;
}



table.sched th{ 
font-size:14px;
padding:8px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}

table.sched caption{ font-weight:bold;
font-size:14px;
padding:8px;
}


div.f-right{float:right
}

div.f-left{float:left}


img.botan-program_aps{border:0px;
margin:15px 50px 10px 15px;
float:right;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px; 
}

a:hover img.botan-program_aps {
filter:alpha(opacity=80);opacity:0.8;
}

/*============================================
組織実習AP
============================================*/


div.pic_right_ap_jis{margin:0 0 15px 0;
    line-height:180%; 
}


/*============================================
アドベンチャー　トゥ　エンカウンター
============================================*/
div.pic_right_ate{margin:0 0 15px 0;
    line-height:180%; 
}

table.ate div.right{font-size:12px;
float:right;
line-height:160%;text-align:left;
width:45%;
margin:3px 3px 3px 3px;
}


table.ate div.left{font-size:12px;
line-height:160%;text-align:left;
float:left;
width:45%;
margin:3px 3px 3px 3px
}


table.ate{margin-top:15px;
border-collapse:collapse;
 margin-left : 20px;

margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}


table.ate td{font-size:1em;
padding:10px;
    border:1px solid #ffa500;
text-align:center;
width:410px;
}
table.ate td.l{font-size:1em;text-align: left;
padding:10px;
    border:1px solid #ffa500;

width:410px;
}

table.ate td.twd{font-size:1em;
padding:10px;
    border:1px solid #ffa500;
text-align:left;
width:250px;
}

table.ate td.twd_ue{font-size:1em;
padding:10px;
    border:1px solid #ffa500;
text-align:left;
width:250px;
vertical-align:top;
}


table.ate td.jikoku{font-size:1em;
padding:10px;
    border:1px solid #ffa500;
text-align:center;
width:35px;
vertical-align:top;
}

table.ate th{ 
font-size:1em;
padding:8px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}

table.ate p{margin 5px 0px 5px 20px;
font-size:1em;text-align:left;}

div.pic_right_ate_manu{margin:0 0 35px 0;
        background-image: url(../img/manu_ate_nashi.jpg);
	 background-repeat:no-repeat;
background-size:40px auto; 
background-position: 100% 10%;
padding:10px 0 0 0;

}


/*============================================
ひょうたん山
============================================*/
img.hy{ display: block; 
margin-right : auto;
 margin-left : auto;
}



/*============================================
トゥ　ビー　ア　ヒーロー
============================================*/
div.pic_right_tby{margin:0 0 15px 0;
    line-height:180%; 
}

div.pic_right_tbh_manu{margin:0 0 15px 0;
        background-image: url(../img/tbhmanual.gif);
	 background-repeat:no-repeat;
background-size:20% auto; 
background-position: 100% 10%;
padding:10px 0 0 0;

}

div.pic_right_tbh_m{margin:0 0 15px 0;
        background-image: url(../img/tbhmanual.gif);
	 background-repeat:no-repeat;
background-size:20% auto; 
background-position: 100% 5%;
padding:10px 0 0 0;

}




table.ate div.right-tbh{font-size:12px;
float:right;
line-height:160%;text-align:left;
width:45%;
margin:3px 3px 3px 3px;
}




/*============================================
労働組合研修
============================================*/
div.pic_right_kumiai{margin:0 0 15px 0;
    line-height:180%; 
}

/*============================================
大学関係
============================================*/
div.pic_right_s-leader{margin:0 0 15px 0;
    line-height:180%; 
}

div.pic_right_carri_k{margin:0 0 15px 0;
    line-height:180%; 
}

div.pic_right_shuk_p{margin:0 0 15px 0;
    line-height:180%; 
}
div.pic_right_carri_p{margin:0 0 15px 0;
    line-height:180%; 
}
div.pic_right_kyouin{margin:0 0 15px 0;
    line-height:180%; 
}

div.pic_right_orit{margin:0 0 15px 0;
    line-height:180%; 
}

/*============================================
出版物　教材
============================================*/

a.ao{color: #0000ff;}


a.ao:hover   {color:#ff9999;
}

div.pic_right_apm{margin:0 0 35px 0;
        background-image: url(../img/manual_ap.jpg);
	 background-repeat:no-repeat;
background-size:250px auto; 
background-position: 495px 10px;
padding:10px 0 0 0;
    line-height:180%; 
}

div.pic_right_atem{margin:0 0 35px 0;
        background-image: url(../img/manu_ate.jpg);
	 background-repeat:no-repeat;
background-size:200px auto; 
background-position: 495px 10px;
padding:10px 0 0 0;
    line-height:180%; 
}


div.pic_cent_hy{margin:0 0 35px 0;
        background-image: url(../img/hyoutanyama.jpg);
	 background-repeat:no-repeat;
background-size:400px auto; 
background-position: 180px 10px;
padding:320px 0 0 0;


}

div.pic_right_pc{margin:0 0 35px 0;
        background-image: url(../img/pc.gif);
	 background-repeat:no-repeat;
background-size:200px auto; 
background-position: 495px 10px;
padding:10px 0 0 0;
    line-height:180%; 
}

div.pic_cent_pc{margin:0 0 35px 0;
        background-image: url(../img/pc-dialog.jpg);
	 background-repeat:no-repeat;
background-size:650px auto; 
background-position: 40px 0px;
padding:430px 0 0 0;


}

div.pic_cent_pc2{margin:0 0 35px 0;
        background-image: url(../img/pc-jisshu.jpg);
	 background-repeat:no-repeat;
background-size:580px auto; 
background-position: 40px 10px;
padding:410px 0 0 0;


}

div.pic_cent_pc3{margin:0 0 35px 0;
        background-image: url(../img/pc-shoukougi.jpg);
	 background-repeat:no-repeat;
background-size:520px auto; 
background-position: 40px 10px;
padding:760px 0 0 0;


}
div.pic_right_tbh{margin:0 0 35px 0;
        background-image: url(../img/gattsu.jpg);
	 background-repeat:no-repeat;
background-size:200px auto; 
background-position: 495px 10px;
padding:10px 0 0 0;
    line-height:180%; 
}


table.pc{margin-top:15px;
border-collapse:collapse;
margin-left:5px;
margin-right:15px;

margin-bottom:20px;
   border:1px solid #ffa500;
    border-spacing:0;
}

table.pc td{ vertical-align:top;
font-size:1em;
padding:8px;
    border:1px solid #ffa500;
line-height:170%;
}


table.pc th{ 
font-size:1em;
padding:5px;
font-weight:normal;
    border:1px solid #ffa500;
background-color:#ffff99;
}

table.pc caption{ font-weight:bold;
font-size:1em;
padding:8px;
}


div.pic_right_jsm{margin:0 0 0 0;
        background-image: url(../img/jsm.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 100% 3%;
padding:20px 0 0 0;
    line-height:180%; 
}

div.pic_right_tby{margin:0 0 30px 0;
        background-image: url(../img/tby.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 100% 3%;
padding:20px 0 10px 0;
    line-height:180%; 
}
iframe.ml{margin:0 0 25px 80px;}

ul.ml{margin:10px 0 0 30px;}



div.pic_right_sfs{margin:0 0 35px 0;
        background-image: url(../img/sfs1.jpg);
	 background-repeat:no-repeat;
background-size:250px auto; 
background-position: 495px 10px;
padding:10px 0 0 0;
    line-height:180%; 
}



div.pic_cent_sfs2{margin:0 0 35px 0;
        background-image: url(../img/sfs.jpg);
	 background-repeat:no-repeat;
background-size:300px auto; 
background-position: 5px 10px;
padding:280px 0 0 0;


}
div.pic_cent_sfs3{margin:0 0 35px 0;
        background-image: url(../img/sfs_ichiran.jpg);
	 background-repeat:no-repeat;
background-size:300px auto; 
background-position: 0px 10px;
padding:180px 0 0 0;


}

div.pic_right_himitu{margin:0 0 0 0;
        background-image: url(../img/himitu2.jpg);
	 background-repeat:no-repeat;
background-size:260px auto; 
background-position: 490px 5px;
padding:20px 0 0 0;
    line-height:180%; 
}
div.pic_right_facilitator{margin:0 0 0 0;
        background-image: url(../img/facilitator.jpg);
	 background-repeat:no-repeat;
background-size:260px auto; 
background-position: 490px 5px;
padding:20px 0 0 0;
    line-height:180%; 
}



div.pic_left_himitu_uketuke{margin:0 0 0 0;
        background-image: url(../img/uketuke.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0 ;

}
div.pic_left_himitu_ongaku{margin:0 0 0 0;
        background-image: url(../img/ongaku.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0 ;

}
div.pic_left_himitu_kukki{margin:0 0 0 0;
        background-image: url(../img/kukki.jpg);
	 background-repeat:no-repeat;
background-size:120px auto; 
background-position: 50% 3%;
padding:100px 5px 0 0 ;

}


div.pic_left_teduka{margin:0 0 15px 0;
        background-image: url(../img/yoshi.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}
div.pic_left_kimura{margin:0 0 15px 0;
        background-image: url(../img/kimura.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}



div.pic_left_fuji{margin:0 0 15px 0;
        background-image: url(../img/fuji.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}

div.pic_left_onishi{margin:0 0 15px 0;
        background-image: url(../img/onishi.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}

div.pic_left_saito{margin:0 0 15px 0;
        background-image: url(../img/saito.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}

div.pic_left_yamaguchi_k{margin:0 0 15px 0;
        background-image: url(../img/yamaguchi_k.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:20% 0 0 27%;

}



div.pic_left_ino{margin:0 0 15px 0;
        background-image: url(../img/ino.jpg);
	 background-repeat:no-repeat;
background-size:150px auto; 
background-position: 0 0;
padding:140px 0 0 160px;

}


p.koushi{
font-size:1.2em;
font-weight:bold;
}

p.koushi small{
font-size:1em;
font-weight:normal;
}


div.shomei{margin-left:50px;
 font-size:1em;}
/*============================================
サイトマップ　
============================================*/

/*サイトマップページ本文中のリンク部分*/
ul.sitemap{margin: 10px 0 10px 30px;
font-size:14px;line-height: 170%;
}

ul.sitemap li.a{margin: 10px 0 0 20px;
font-size:14px;line-height: 170%;
}

ul.sitemap li.b{margin: 0 0 0 40px;
font-size:14px;line-height: 170%;
}



ul.sitemap li a:link {
	font-size:14px;	
	text-decoration:none;		/*リンクの下線を無くす*/
 color:#0000cc;
}


ul.sitemap a:visited {font-size:12px;	
 text-decoration:none;
 color: #990066;
}

ul.sitemap a:hover {font-size:14px;
 text-decoration: underline;
 position: relative; top: 1px; left: 1px;
 color: #990066;
}

/*パブリシティTOP本文中のリンク部分*/
ul.theory{margin: 10px 0 10px 40px;
font-size:13px;line-height: 230%;
}

ul.theory li a:link {
	font-size:13px;	
	text-decoration:none;		/*リンクの下線を無くす*/
 color:#0000cc;
}


ul.theory a:visited {font-size:13px;	
 text-decoration:none;
 color: #990066;
}

ul.theory a:hover {font-size:13px;
 text-decoration: underline;
 position: relative; top: 1px; left: 1px;
 color: #990066;
}
/*============================================
企業と人材　
============================================*/


p.right{float:right;
font-size:12px;margin-right:25px;}


img.left{width:45%;
float:left;
margin-left:5px;
}


img.right{float:right;
margin-right:5px;

width:45%;
}

img.right_sm{float:right;
margin:0 5px 5px 5px;
border:1px solid #333333;
width:45%;
}



img.right_a{float:right;
margin:0 5px 5px 5px;
width:45%;
}






table.message{margin:30px 30px 0px 10px;
border:none;}

table.message td.l{font-size:1em;
width:250px;
height:30px;
line-height:180%;
border:none;
}
table.message td.r{font-size:1em;
width:300px;
height:30px;
line-height:180%;
border:none;
}


table.message caption{font-size:1em;
font-weight: bold;
margin:15px　0 15px 0;
padding:0 80px 0 0;

}

p.title{font-size:16px;
font-weight: bold;
margin:15px　0 15px 0;
padding:0 0 0 50px;

}


p.message{font-size:14px;
margin:20px 0px 10px 10px;
text-align:left;
line-height:215%;
}

/*============================================
フォーム
============================================*/


table.form{margin-top:15px;border-collapse:collapse;
   border:1px solid #4444ff;
    border-spacing:0;
}


table.form td{ 
font-size:14px;
padding:8px;
    border:1px solid #4444ff;
}

table.form td.l{width:60px; 
font-size:14px;
padding:8px;
    border:1px solid #4444ff;
}


table.form2{border:0;width:500px; 
cellspacing:0; cellpadding:10;
}

table.form2 td{ width:220px;
font-size:14px;
padding:8px;
    border:0;
}


li.px1{
margin-top:3px;
}



img.rss {border:0px;
margin-left:30px;
}






img.kz{
border:0px;
margin-top:0px;
width:80px;
}



img.kz_border{border:1px solid #333333;
margin-top:0px;
width:80px;
}






img.botan-program_m_n{border:0px;margin:0px 0px 20px 20px ;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px; 
}

a:hover img.botan-program_n {
filter:alpha(opacity=80);opacity:0.8;
}


a:hover img.botan-program_m_n {
filter:alpha(opacity=80);opacity:0.8;
}


img.shopbotan {border:0px;
width:186px;
height:auto;
margin:20px 0 20px 10px;


}



a:hover img.shopbotan {
filter:alpha(opacity=80);opacity:0.8;
}



table.a th.short{width:25%;
text-align: center;  }

table.a th.long{width:75%;
text-align: center;  }


/*============================================
グローバル教育
============================================*/


div.pic_right_ge{margin:0 0 35px 0;
        background-image: url(../img/grobal.jpg);
	 background-repeat:no-repeat;
background-size:250px auto; 
background-position: 495px 30px;
padding:10px 0 0 0;
    line-height:180%; 
}

div.pic_right_ap_g{margin:0 0 35px 0;
        background-image: url(../img/apk.jpg);
	 background-repeat:no-repeat;
background-size:250px auto; 
background-position: 495px 15px;
padding:10px 0 0 0;

}


div.pic_right_aps_g{margin:0 0 35px 0;
        background-image: url(../img/ap_g_p.jpg);
	 background-repeat:no-repeat;
background-size:250px auto; 
background-position: 495px 30px;
padding:10px 0 0 0;
    line-height:180%; 
}


div.imagebox_l {margin:0px 5px 50px 0px;
   float: left;/*画像の配置場所*/
   font-size: 80%;/*キャプションの文字サイズ*/
   color: #ff7f00;/*キャプションの文字色*/
text-align:center;
line-height:130%; }

div.imagebox {margin:0px 5px 5px 5px ;
   float: right;/*画像の配置場所*/
   font-size: 80%;/*キャプションの文字サイズ*/
   color: #ff7f00;/*キャプションの文字色*/
text-align:center;
line-height:130%; }

div.imagebox a.ao{color: #0000ff;
   font-size: 80%;/*キャプションの文字サイズ*/}


div.imagebox a.ao:hover   {color:#ff9999;
   font-size: 80%;/*キャプションの文字サイズ*/

}

div.rss{text-align:center;}



img.left_n{width:120px;
float:left;
margin:5px 5px 5px 5px;

}


img.right_n{float:right;
margin:5px 5px 5px 5px;

width:120px;
}

img.right_ns{float:right;
margin:5px 5px 5px 5px;

width:100px;
}



img.title {border:0px;
margin-left:-3px;
margin-top:5px;
width:100%;
height:auto;
}


td.title p{font-size:1.5em;
font-weight:bold;}


td.title p.tate{font-size:1.5em;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}




div.ap_border{margin:2px 3px 0px 0px;
width:65%;
padding-left: 3x;
padding-top: 3px;
padding-bottom: 5px;
border:solid 1px #add8e6;
background-color:;
   float: right;/*画像の配置場所*/
}

div.imagebox_ln {margin:0;
   float: left;/*画像の配置場所*/
 
width:30%;

}


img.bzl{border:0px;
margin:5px 0px 10px 0px;

list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:100%;
}


p.sm{font-size: 80%;
margin-left:5px;


}


p.ap_fon{margin-top:7px;
 font-size:1.2em;
font-weight: bold;
line-height:120%;}




p.ap_fon a{margin-top:7px;
font-size:1.2em;
font-weight: bold;
line-height:120%;
color: #0000ff;}


p.ap_fon a:hover   {margin-top:7px;
font-size:1.2em;
font-weight: bold;
line-height:120%;
color:#ff9999;
}




div.submenu_header_ap {
        width:186px;
	height:50px;
 padding:4px 0px 0px 0px;
	background: url(../img/bg_smh_ap.jpg) no-repeat;
	font-size:16px; font-weight:bold; text-align:center;
 color:#ffffe0;	
margin-top:13px;
margin-left:8px;

	text-shadow:
		-1px -1px #000826,
		1px -1px #000826,
		-1px 1px #000826,
		1px 1px #000826;

}


div.submenu_header_b {
        width:186px;
	height:26px; padding:4px 0px 0px 0px;
	background: url(../img/bg-sm_b.gif) no-repeat;
	font-size:15px; font-weight:bold; text-align:center;
 color:#ffffe0;	
margin-top:13px;
margin-left:8px;

	text-shadow:
		-1px -1px #000826,
		1px -1px #000826,
		-1px 1px #000826,
		1px 1px #000826;
}







ul.submenu_body_ap {
margin-top:-1px;
margin-left:8px;
width:186px;
	padding-bottom:1px;
	background-color:#0033ff; 
margin-bottom: 6px;
list-style-type:none;
}

ul.submenu_body_ap li.s-on,li.s-off {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body_ap li.s-on a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_s_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body_ap li.s-off a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_s.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body_ap li a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm-ap_s_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}


ul.submenu_body_ap li p {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_m.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}



      
ul.submenu_body_ap li.s-on_m,li.s-off_m {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body_ap li.s-on_m a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_m_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body_ap li.s-off_m a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_m.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body_ap li.s-on_m a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm-ap_m_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}

ul.submenu_body_ap li.s-off_m a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm-ap_m_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}



ul.submenu_body_ap strong{	font-size:12px;	}


/*以下、高さ3行のサブメニュー*/
ul.submenu_body_ap li.s-on_l,li.s-off_m {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}

ul.submenu_body_ap li.s-on_l a {border:inset 1px #ffffff;
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:0.5px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:6px 3px 6px 3px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_l_on.jpg);
 background-repeat:no-repeat;

	text-decoration:none;		/*リンクの下線を無くす*/

text-align:center;}

ul.submenu_body_ap li.s-off_l a {
	font-size:12px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:7px 4px 7px 4px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_l.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;}


ul.submenu_body_ap li.s-on_l a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm-ap_l_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}

ul.submenu_body_ap li.s-off_l a:hover {	padding:6px 3px 6px 3px;
 background-image: url(../img/bg_sm-ap_l_on.jpg);
 background-repeat:no-repeat;

	border:inset 1px #ffffff;
}







/*新しいサブメニュー（小）*/

ul.submenu_body_ap li.ssn-on,li.ssn-off {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;	/*リスト項目をインライン表示にする*/
}


ul.submenu_body_ap li.ssn-on a {border:solid 1px #ffcccc;
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 0px;		/*サブメニュー項目のマージン*/
	padding:1px 0px 1px 0px;	/*サブメニュー項目のパディング*/
 background-image: url(../img/bg_sm-ap_s_on.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
 
text-align:center;
border:inset 1px #ffffff;
}

ul.submenu_body_ap li.ssn-off a {border:solid 1px #ffcccc;
	font-size:10px;	
line-height: 130%;
	display:block;			/*リンクをブロック表示にする*/
	margin:1px 1px 0px 1px;		/*サブメニュー項目のマージン*/
	padding:1px 0px 1px 0px;	/*サブメニュー項目のパディング*/

 background-image: url(../img/bg_sm-ap_s.jpg);
 background-repeat:no-repeat;
	text-decoration:none;		/*リンクの下線を無くす*/
text-align:center;

}





ul.submenu_body_ap li.ssn-on a:hover {		padding:1px 0px 1px 0px;
	border:inset 1px #ffffff;
}





ul.submenu_body_ap li.ssn-off a:hover {	padding:1px 0px 1px 0px;

 	border:inset 1px #ffffff;
 background-image: url(../img/bg_sm-ap_s_on.jpg);
 background-repeat:no-repeat;

}




p.ts{
padding-left:12px;
text-indent:-12px;
margin:5px 5px 0 0;
 }


iframe{width:100%;hight:auto;
}


img.botan{border:0px;
margin:5px 10px 5px 5px;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px; 
hight:auto;
}

img.botan_boder{border:1px solid #333333;
margin:5px 10px 5px 5px;
list-style-type:none;		/*リストマーカー無しにする*/
	text-decoration:none;		/*リンクの下線を無くす*/
width:120px;
hight:auto; 
}

a:hover img.botan {
filter:alpha(opacity=80);opacity:0.8;
}


img{width:95%;height:auto;margin-left:2%;}



div.rss img{width:50px;hight:auto;text-align:left;}




div.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

div.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

p.tsol{font-size: 1.8em;
padding-left:1em;
text-indent:-1em;
margin:5px 10px 10px 10px;
 }


video.ap {
  width: 100%; 

}