@charset "utf-8";







/* -------------------------------------------------------------------------------------

レイアウトに関する基本ルール（作成者：豊田）



トップページ

■コンテンツ幅は900pxで作成。

■ヘッダ以下コンテンツ部分全体をinContents、左側グローバルメニュー部分をinContentsLeft、

右側メインコンテンツ部分をinContentsRightとする。

■Flashエリア以下にin_inContentsを作り、「新着情報」と「お知らせ」をin_inContentsLeft、

「データベース検索」をin_inContentsRightとし、floatさせる。

※「データベース検索」はトップページのみ右側に配置し、それ以外のページは左側

グローバルメニューの下に配置する。banners（バナー）はトップページのみに表示する。



各ページ

■見出しタイトル（例：会長ご挨拶）下に10px間隔を開ける。

■各イメージ（例：会長の顔写真等）下に10px間隔を開ける。

■各コンテンツページの右側は外枠をinContentsRight、コンテンツ自体はmainContents内に。

■各見出しタイトルはmainContentsHeader内に記述。

------------------------------------------------------------------------------------- */





/* ---------------------------------

contents全体設定



--------------------------------- */

#contents{

	width:900px;

}







/* ---------------------------------

header設定



--------------------------------- */

#header{

/*	background:transparent url(../image/common/headerBG.jpg) repeat-x; */
	background:transparent url(../image/common/headerBG.gif) repeat-x;

}



#logo{

	float:left;

	width:480px;

}



#headerButtons{

	float:left;

	width:96px;

	

	padding-top:5px;

	margin-left:310px;

}







/* ---------------------------------

inContents設定



--------------------------------- */

#menu{

	

}



#enterBTs{

	margin-left:10px;

	margin-top:10px;

}



.enterBT{

	padding-bottom:10px;

}



#enterContents{

	margin-left:10px;

	margin-top:10px;

}



.enterContent img{

	padding-top:1px;

	padding-bottom:3px;

}





/* ---------------------------------

inContents設定



--------------------------------- */

#inContentsTop{

	padding-top:20px;

	margin-left:10px;

}



#inContents{

	/*padding-top:20px;*/

	margin-left:10px;

}



#inContentsLeft{

	float:left;

	width:180px;

}



#inContentsRight{

	float:left;

	width:700px;

	

	margin-left:10px;

	

	line-height:1.4em;



}



#projectContents{

	margin-right:10px;

	margin-bottom:40px;

}



#action_data{

	width:690px;

}



#action_data h4{

	padding-top:20px;

	padding-bottom:20px;

}



#action_link{

	margin-top:40px;

}



.textCentering{

	text-align:center;

}



.rightImage{

	padding-left:10px;

	padding-bottom:10px;

	padding-right:10px;

}





/* ---------------------------------

banners設定



--------------------------------- */

#banners{

	padding-top:20px;

	border-top:1px dotted #ccc;

}



#topix-contents{

	padding-top:20px;

}







/* ---------------------------------

databaseSearch設定



--------------------------------- */

#databaseSearch{

	padding-bottom:10px;

}







/* ---------------------------------

in_inContents設定（トップページのみ）



--------------------------------- */

#in_inContents{

	margin-top:10px;

}



#in_inContentsLeft{

	float:left;

	width:480px;

	

	border-right:1px dotted #ccc;

}



#in_inContentsRight{

	float:left;

	width:200px;

	

	margin-left:10px;

}







/* ---------------------------------

news設定



--------------------------------- */

#news{

	width:470px;

}



.newsDate{

	float:left;

	width:90px;

	

	text-indent:20px;

}



.newsContents{

	float:left;

	width:380px;

}



#newsContentsList{

	width:690px;

	min-height:690px;

}



#newsContentsList .newsDate{

	float:left;

	width:90px;

	

	text-indent:20px;

}



#newsContentsList .newsContents{

	float:left;

	width:580px;

}



#eventList{

	width:690px;

	min-height:690px;

}







/* ---------------------------------

info設定



--------------------------------- */

#info{

	margin-top:20px;

	height:500px;

}



.infoTable{

	width:470px;

	margin-top:10px;

	border-bottom:1px dotted #ccc;

}



.infoTable td{

	margin-top:10px;

	padding-bottom:10px;

}



.infoTable_alternative{

	width:470px;

	margin-top:10px;

}



.infoTable_alternative td{

	margin-top:10px;

	padding-bottom:10px;

}



.tableInfoImage{

	width:130px;

}







/* ---------------------------------

mainContents設定



--------------------------------- */

#mainContents{

	margin-top:10px;

	padding-bottom:40px;

}



#mainContentsTop0px{

	margin-top:0;

}



#purpose{

	margin-top:20px;

}



#databaseEnter{

	padding-top:10px;

}







/* ---------------------------------

toTop設定



--------------------------------- */

#toTop{

	margin-left:790px;

	margin-bottom:40px;

}





/* ---------------------------------

contact設定



--------------------------------- */

#contactform table{

	border:1px solid #ccc;

	border-collapse:collapse;

	width:560px;

}



#contactform table th{

	font-weight:normal;

	width:100px;

	vertical-align:top;

	padding:5px;

	background-color:#f0f0f0;

	

	border:1px solid #ccc;

	border-collapse:collapse;

}



#contactform table td{

	border:1px solid #ccc;

	border-collapse:collapse;

	padding:5px;

}



#contactform table td.contactHeader{

	background-color:#f0f0f0;

	text-align:center;

}



#contactform table td input.name{

	width:200px;

}



#contactform table td input.org{

	width:200px;

}



#contactform table td input.email{

	width:200px;

}



#contactform table td input.number1{

	width:30px;

}



#contactform table td input.number2{

	width:40px;

}



#contactform table td input.number3{

	width:40px;

}



#contactform table td textarea.textarea{

	width:360px;

	height:180px;

}



#contactform table td.contactBT{

	text-align:center;

	/*background-color:#666;*/

}









/* ---------------------------------

footer設定



--------------------------------- */

#footer{

	background:transparent url(../image/common/footerBG.jpg) repeat-x;

	height:140px;

}



#endmenu{

	padding-top:20px;

	padding-left:10px;

}



#copy{

	margin-left:0px;

	margin-top:80px;

}















#non-disclosure{

	width:600px;

	margin-left:45px;

}