@charset "Shift_JIS";

/***********************************************************************

__AOTS50周年記念ホームページ・コンテンツ

***********************************************************************/

* html #contents { width:712px; }	/* For --- Win: -IE6 */

p#backindex { float:right; padding-bottom:5px; text-align:right; width:250px; }

/*----------------------------------------------------------------------
 #sideNavi
----------------------------------------------------------------------*/

#contents #sideNavi { background:url(../img/bg_sideNavi.gif) repeat-y top center; float:left; margin-bottom:10px; width:178px; }
#contents #sideNavi ul li { text-align:right; }
#contents #sideNavi p {
	background:#fff url(../img/bg_banner.gif) no-repeat top center;
	height:200px;
	text-align:center;
	width:178px;
}
#contents #sideNavi p img { margin-top:20px; }

/*----------------------------------------------------------------------
 #main
----------------------------------------------------------------------*/

#main { float:right; width:526px; }
#main #fairCts { margin-left:10px; }

#main h1 { margin-bottom:10px; }
#main h2,
#main h3,
#main h4 { clear:both; }
#main h2 { margin:20px 0 15px 0; }
#main h3 { font-size:100%; margin-top:15px; margin-bottom:5px; }
#main h4 { font-size:100%; margin-bottom:5px; }

#main h2.ttlBig {
	color:#003366;
	border-bottom:1px #ccc dashed;
	font-size:110%;
	margin-top:10px;
	padding-left:2px;
	padding-bottom:5px;
}

#main h2.txt,#main h3.txt {
	border-left:3px #2d98ae solid;
	font-size:105%;
	margin-top:20px;
	margin-bottom:15px;
	padding-left:5px;
}

#main h3.orangeImg {
	background:url(../history/img/icon_red01.gif) no-repeat;
	background-position:0 4px;
	color:#f78621;
	padding-left:13px;
}

#main h3.arrow,
#main h4.arrow,
#main p.arrow,
#main dl dt.arrow {
	background:url(../../img/arrow_orange.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:0;
}

#main h3.arrow img,
#main h4.arrow img,
#main p.arrow img,
#main dl dt.arrow img { vertical-align:middle; }

#main p { text-indent:1em; }

#main #ctsNavi { border-bottom:1px #ccc dashed; }
#main #ctsNavi .naviList { background-color:#f4f4f4; margin-bottom:10px; padding:8px; }
#main #ctsNavi .naviList ul { border-left:1px #555 solid; margin-bottom:2px; overflow:auto; }
#main #ctsNavi .naviList ul li { border-right:1px #555 solid; display:inline; padding:0 8px 0 6px; }
* html #main #ctsNavi .naviList ul li { padding:0 4px 0 8px; }
*+html #main #ctsNavi .naviList ul li { padding:0 4px 0 8px; }

/*----------------------------------------------------------------------
 #ctsFooter
----------------------------------------------------------------------*/

#ctsFooter { clear:both; padding-top:10px; text-align:right; width:712px; }
#ctsFooter #print { clear:both; height:23px; }
#ctsFooter #print img { cursor:pointer; }

/***********************************************************************

__50周年記念』コンテンツ　トップ

***********************************************************************/

#main dl.idxList { margin-left:10px; }
#main dl.idxList dt,#main dl.idxList dd { margin-bottom:10px; }
#main dl.idxList dt {
	background:url(../img/icon_arrow01.gif) no-repeat;
	background-position:0 1.5px;
	clear:left;
	float:left;
	font-weight:bold;
	padding-left:18px;
	width:130px;
}

#main dl.idxList dd { float:left; width:368px; }

/***********************************************************************

__ご挨拶

***********************************************************************/

#main .massageBox { overflow:hidden; }
#main .massageBox div.txt { float:left; width:370px; } 
#main .massageBox div.txt h3 { margin-top:0; }
#main .massageBox p.image { float:right; font-weight:bold; text-align:center; text-indent:0; width:140px; } 
#main .massageBox p.image img { margin-bottom:5px; } 

/***********************************************************************

__AOTS50年のあゆみ

***********************************************************************/

#main #historyNavi { border-bottom:1px #ccc dashed; padding-bottom:10px; }
#main #historyNavi p { background-color:#f4f4f4; padding:8px; }

#main .historyList { clear:both; margin-bottom:20px; overflow:hidden; }
#main .historyList dl { float:left; width:350px; } 
#main .historyList dl.noImg { float:none; width:100%; } 
#main .historyList dt {
	background:url(../history/img/icon_red01.gif) no-repeat;
	background-position:0 4px;
	color:#f78621;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:10px;
}
#main .historyList p.image { float:right; text-align:right; text-indent:0; width:160px; }


/***********************************************************************

__イベント

***********************************************************************/

#main .imagebox { width: 230px; float: left; margin:0 10px 30px 0; }
#main .imagebox2 { width: 230px; float: right; margin:0 10px 30px 0; }
#main .imagebox3 { width: 370px; margin:0 0 30px 0; }
#main .imagebox4 { width: 130px; display:inline; float: left; margin:0 0 10px 30px; }
#main .imagebox5 { width: 230px; float: left; margin:0 0 15px 17px; display:inline; }
#main .imagebox6 { width: 200px; float: left; margin:0 0 15px 30px; display:inline; }

#main .massageBox2 { margin-top:15px; overflow:hidden; }
#main .massageBox2 p.image { float:left; text-align:center; text-indent:0; width:160px; } 
#main .massageBox2 p.image img { margin:0 0 15px 0; }
#main .massageBox2 div.txt { float:right; width:355px; } 
#main .massageBox2 h4 { clear:both; margin-left:10px; margin-bottom:7px; }
#main .massageBox2 div.txt p { text-indent:0 !important; }
#main .massageBox2 div.txt dl.training { margin:10px 0; overflow:hidden; }
#main .massageBox2 div.txt dl.training dt { margin-bottom:3px; }
#main .massageBox2 div.txt dl.training dd { clear:both; }

* html #main img#nakamura { margin-top:1px; }

/***********************************************************************

__AOTS帰国研修生による活動成功事例報告

***********************************************************************/

table#successTbl01,
table#successTbl03 { margin:0 auto; }

table#successTbl01 { width:90%; }
table#successTbl01 td {
	border:none;
	font-weight:normal;
	padding:0;
}
table#successTbl01 td table { width:100%; }
table#successTbl01 td table th,table#successTbl01 td table td,
table#successTbl02 th,table#successTbl02 td,
table#successTbl03 th,table#successTbl03 td,
table#successTbl04 th,table#successTbl04 td {
	border:solid 1px #999;
	font-weight:normal;
	padding:4px;
	vertical-align:top;
}

table#successTbl01 table th,table#successTbl02 th,
table#successTbl03 th,table#successTbl04 th { background-color:#6cf; text-align:center; vertical-align:middle; }

table#successTbl02 td,table#successTbl04 td { text-align:right; }
table#successTbl03 td { text-align:center; }

* html li.img_name { margin-top:4px !important; padding-top:5px; }
*+html li.img_name { margin-top:4px !important; padding-top:5px; }


/***********************************************************************

__印刷用スタイル

***********************************************************************/

@media print{

* html body { zoom: 100%; }  /* for Win IE6 */

* p#backindex { float:none; width:713px; }
* #contents #sideNavi { margin-top:-25px; }

* #footer p { display:inline; white-space:nowrap; }
* #footer p a img { width:132px; }

}