* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
/*	font-size: 13px;*/
/*	font-size: 82%; */
	font-size: 86%;
	line-height: 137%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
	background-image: url(../image/bg.jpg);
}

/* .underconst {
 *	background-color: #88EE77;
 *}
 */

br { line-height: 120%; }
.strong			{ font-weight: bold; }
.strong_brown	{ font-weight: bold; color:#A9002A; }
.font_big		{ font-size: 115%; }
.midashi		{ font-weight: bold; font-size: medium; }
.text-right		{ text-align: right; }
.text-center	{ text-align: center; }
.photo-right		{float: right;}
.nowrap		{white-space:nowrap}

.title		{white-space:nowrap; vertical-align:text-top; font-weight:bold;}
p {
      line-height: 150%;
      margin-bottom: 0.7em;
}

ol {
	margin-left: 2em;
	_margin-left: 2em;
}

ul {
	margin-left: 2em;
	_margin-left: 2em;
}

ul.itemlist {
	list-style:none outside none;
	font-size:medium;
	line-height:150%;
	margin-left:6px;
}

ul.itemlistsmall {
	list-style:none outside none;
	font-size:small;
	_font-size:90%;
	line-height:150%;
	margin-left:6px;
}

ul.itemlist li {
	background: url("../image/arrow03.gif") no-repeat scroll left 4px transparent;
	padding-left: 16px;
}

ul.itemlistsmall li {
	background: url("../image/arrow03.gif") no-repeat scroll left 4px transparent;
	padding-left: 16px;
}

ul.itemlist2 {
	list-style:none outside none;
	margin-left:40px;
	margin-right:40px;
}


ul.itemlist2 li {
	background: url("../image/arrow.gif") no-repeat scroll left 4px transparent;
	padding-left: 12px;
}

dl dt {
	padding: 1em 0px 0px 0px;
	font-weight: bold;
}

dl dd {
	padding: 0px 0px 1em 2em;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img { border: 0px; }

a:link { color: #CC6666; } 
a:visited { color: #CC6666; } 
a:hover { color: #aaaaaa; } 

table{
	font-size: 100%;
	line-height: 150%;
}

table a:link{ color: #336699; }
table a:visited{ color: #336699; }
table a:hover{ color: #bbbbbb; } 


.none{ display: none; }
.size100{ font-size: 100%; line-height: 16px; }
.size83{ font-size: 83%; line-height: 16px; }
.size80{ font-size: 80%; line-height: 16px; }

/*-------------
	Hタグ
-------------*/
h2,h3,h4,h5{
	background: url(../image/h2.gif) no-repeat;
	background-position: bottom;
	margin: 30px 0 5px 0;
}

h1{
	background: url(../image/h1.gif) no-repeat;
	height: 36px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 5px 0 0 35px;
	color:#333366;
	font-size: 23px;
}

h2{
	font-weight: bold;
	color:#A9002A;
	font-size: 130%;
}

h3{
	
}
h4{
	
}
h5{
	
}
/*-----------*/

.hr_line{
	border-style: solid none none none;
	border-top-color: #666666; 
	height: 1px;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 7px;
	clear: both;
}
.hr_line02{
	border-style: solid none none none;
	border-top-color: #666666; 
	height: 1px;
	clear: both;
}
.dot_line{
	border-style: dotted none none none; 
	border-top-width: 1px; 
	border-top-color: #999999; 
	height: 1px;
	width: 350px;
	margin-top: 13px;
	margin-bottom: 15px;
	clear: both;
}
.dot_line02{
	border-style: dotted none none none; 
	border-top-width: 1px; 
	border-top-color: #999999; 
	height: 1px;
	clear: both;
}

.txt_right{
	text-align: right;
	margin-right: 30px;
}

#zoom01{
	position: relative;
	top: 250px;	left: 735px;
	width: 206px;	height: 137px;
}

#margin240{ width: 445px; }
#margin440{ width: 645px; }
#margin400{
	width: 400px;
	float: left;
	padding-right: 20px;
	_padding-left: 0;
}
#margin_right{
	float: left;
	width: 206px;
}

#mita_123{
	margin-top:30px;
	clear: both;
	width: 430px;
}

.txt_color{ background-color: #FFFF99;}


/*********************
		global
*********************/
#shadow{
	width: 987px;
	margin:0px auto;
	background-image: url(../image/bg_shadow.jpg);
	background-repeat: repeat-y;
}
#main_text{
	padding: 0 320px 0 0;
}

/*********************
	header
**********************/
.header a{
	background-image: url(../image/header.jpg);
	background-repeat: no-repeat;
	margin: 0;	padding: 0;
	width:971px;	height: 99px;
	display: block;
}
.header02 {
	background-image: url(../image/header.jpg);
	background-repeat: no-repeat;
	margin: 0;	padding: 0;
	width:971px;	height: 99px;
}

/*********************
	footer
**********************/
.footer {
	width:970px;
	height: 40px;
	background: url(../image/footer_bg.gif) repeat-x;
	background-position: bottom;
	color: #fff;
	text-align: center;
	padding-top: 55px;
	clear: both;
	font-size: 11px;
}
.footer a{
	color: #FFCC33;
	text-decoration: none;
}
/*********************
	カラム
**********************/
#container {
	width:970px;
	margin:0px auto;
	background-color: white;
	text-align:left;
}
#content{
	width:971px;
	margin: 0;
	padding: 0;
}

#con_menu{
	float: left;
	width:200px;
	margin: 0;
	padding: 0;
}
#con_main{
	float: left;
	width:759px;
	_width:761px;
	margin: 0;
	padding: 0 2px 0 10px;
}
#con_menu ul{
	margin: 25px 0 0 20px;
	background: url(../image/menu/submenu.gif) no-repeat;
	background-position: bottom;
	padding: 0 0 0 0;
}
#con_menu li{
	list-style: none;
	background: url(../image/menu/submenu.gif) no-repeat;
	padding: 4px 0 2px 0;
	background-color:#777;
}

#con_menu li#now {
	list-style: none;
	background: url(../image/menu/submenu.gif) no-repeat;
	padding: 4px 0 2px 0;
	background-color:white;
	color:black;
}


#con_menu li a{
	background: url(../image/menu/icon.gif) no-repeat;
	background-position: 1px 3px;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-weight:bold;
	color:white;
}
#con_menu #now a{
	background: url(../image/arrow.gif) no-repeat;
	background-position: 1px 3px;
	padding: 0 0 0 15px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
#con_menu a:hover { color: #feec99; } 
/*********************
	メニュー
**********************/


/* メニューが8個の場合 */
#header_menu{
	height: 53px;
	width: 970px;
	background : url(../image/menu/menu_bg.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 18px;
}
#header_menu ul{ margin: 0; padding: 0; list-style-type: none; }

#header_menu li{
	float: left;
	width: 117px;
	height: 53px;
	background : url(../image/menu/menu_on.gif) no-repeat;
	text-align: center;
}
#header_menu li a{
	width: 107px;
	height: 41px;
	display: block;
	background : url(../image/menu/menu.gif) no-repeat;
	padding: 12px 5px 0 5px;
	text-decoration: none;
	line-height: 15px;
	color: #333333;
	font-weight:bold;
}
	#header_menu #now a{
		background : url(../image/menu/menu_on.gif) no-repeat;
	}

#header_menu .menu_midle a{
	width: 107px;
	height: 36px;
	display: block;
	background : url(../image/menu/menu.gif) no-repeat;
	padding: 17px 5px 0 5px;
	text-decoration: none;
	line-height: 15px;
	color: #333333;
	font-weight:bold;
}
#header_menu li a:hover{
	background: none;
}


/* メニューが7個の場合は下記のコメントを外す */
/*
#header_menu{
	padding: 0 0 0 22px;
}
#header_menu ul{ margin: 0; padding: 0; list-style-type: none; }

#header_menu li{
	width: 133px;
}
#header_menu li a{
	width: 123px;
}

#header_menu .menu_midle a{
	width: 123px;
}
*/

/* sub menu -------------------------------------------*/
div#submenu {
	height:20px;
	left:0;
	margin:0;
	padding:0;
	/*position:absolute;*/
	margin-top: 0px;

	margin-left: 0px;
	width:800px;

	_position:absolute;
	_margin-top:-27px;
	_margin-left:500px;

}

/* for Webkit (Safari, Chrome) */
@media screen and (-webkit-min-device-pixel-ratio:0){
	div#submenu {
		margin-left:4px;
	}
}


div#submenu ul {
	list-style:none outside none;
	height:20px;
	margin:0;
	padding:0;
	width:800px;
}

div#submenu ul li {
	background-color:#E0E0E0;
	float:left;
	height:20px;
	text-align:center;
	width:133px;
}

div#submenu ul li#current {
	background-color:#FFFFFF;
	border-color:#E0E0E0 #E0E0E0 -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px medium;
	height:19px;
}


/* footer*/
.footer {
	width:970px;
	height: 40px;
	background: url(../image/footer_bg.gif) repeat-x;
	background-position: bottom;
	color: #fff;
	text-align: center;
	padding-top: 55px;
	clear: both;
	font-size: 11px;
}
.footer a{
	color: #FFCC33;
	text-decoration: none;
}

/*********************
	  top page
*********************/

/* 更新履歴 */

.index_header {
	width:970px;
	height: 350px; #411px;
	text-indent: -9999px;
	background-image: url(../image/top_header.jpg);
}

#left{
	float: left;
	width:591px;
}

.new_head{
	background-image: url(../image/top/new_head.gif);
	background-repeat: no-repeat;
	width: 556px;
	height: 51px;
	text-indent: -9999px;
	margin-top: 10px;
	margin-left:15px;
	margin-bottom: 0;
}

#whats_new{
	width: 556px;
	margin-left: 15px;
	background-image: url(../image/new_bg.gif);
	background-repeat: repeat-y;
}
.new_foot{
	background-image: url(../image/top/new_foot.gif);
	background-repeat: no-repeat;
	width: 556px;
	height: 19px;
	margin-left:15px;
	margin-bottom: 5px;
}
.new_line{
	background-image: url(../image/top/new_line.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 507px;
	height: 8px;
}
.new_partition{	width: 10px; background: url(../image/top/new_partition.gif) repeat-y; }

.new_date{ width: 110px; text-align: right; padding: 5px 10px 0 0; vertical-align:top}
.new_update{ width: 411px; padding: 5px 20px 5px 5px;  vertical-align:top}

/*////// 過去履歴 ///////
/////////////////////////*/

#update_tbl{
	width: 566px;
	margin-top: 30px;
	margin-left: 150px;
}
#update_left{
	float: left;
	width: 330px;
	background-image: url(../image/report/photo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	padding-top: 405px;
	padding-bottom: 60px;
}
#update_right{
	float: left;
	width: 401px;
	padding-right: 240px;
	_padding-right: 0px;
}
*:first-child+html #update_right{
	float: left;
	width: 641px;
	padding-right: 0px;
}
/*///////////////////////
/////////////////////////*/

#right{
	float: left;
	width: 365px;
	padding-left: 15px;
}
/* インフォメーション */

#topics{
	background-image: url(../image/top/topics.gif);
	background-repeat: no-repeat;
	width: 350px;
	height: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#information{
	background-image: url(../image/top/information.gif);
	background-repeat: no-repeat;
	width: 350px;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#info_content01{
	width: 270px;
	height: 140px;
	padding-left: 85px;
	background: url(../image/top/info_photo01.jpg) no-repeat;
	line-height: 17px;
}
	#info_tite01{
		margin-bottom: 5px;
		background: url(../image/top/info_title01.gif) no-repeat;
		text-indent: -9999px;
		height: 14px;
		width: 202px;
	}
	#info_link01{
		background: url(../image/arrow.gif) no-repeat;
		background-position: 2px 4px;
		padding-left: 13px;
		margin: 5px;
	}

#info_content02{
	width: 267px;
	height: 130px;
	padding-left: 85px;
	background: url(../image/top/info_photo02.jpg) no-repeat;
	line-height: 17px;
}
	#info_tite02{
		margin-bottom: 10px;
		background: url(../image/top/info_title02.gif) no-repeat;
		text-indent: -9999px;
		height: 15px;
		width: 183px;
	}
	#info_link02{
		background: url(../image/arrow.gif) no-repeat;
		background-position: 2px 4px;
		padding-left: 13px;
		margin: 5px;
	}

/* 広告 */
#advert a{
	margin-left: 5px;
	margin-bottom: 7px;
	background-image: url(../image/top/advert.jpg);
	background-repeat: no-repeat;
	width: 339px;	height: 76px;
	display: block;
}
	#advert a:hover{
		background-image: url(../image/top/advert.jpg);
		background-repeat: no-repeat;
		background-position: 1px 1px;
		display: block;
	}

/* バナー */
#banner02 a{
	float: left;
	display: block;
	background-image: url(../image/top/ban02.jpg);
	background-repeat: no-repeat;
	width: 144px; height: 41px;
	margin-right: 40px;
	margin-top: 10px;
}
#banner04 a{
	float: left;
	display: block;
	background-image: url(../image/top/ban04.jpg);
	background-repeat: no-repeat;
	width: 144px; height: 42px;
	margin-top: 10px;
}
#banner01 a{
	float: left;
	display: block;
	background-image: url(../image/top/ban01.jpg);
	background-repeat: no-repeat;
	width: 144px; height: 41px;
	margin-right: 40px;
	margin-top: 20px;
}
#banner03 a{
	float: left;
	display: block;
	background-image: url(../image/top/ban03.jpg);
	background-repeat: no-repeat;
	width: 145px; height: 41px;
	margin-top: 20px;
}


/*********************
		about
*********************/
#aisatsu{
	background-image: url(../image/about/aisatsu.gif);
	width:88px;
	height:28px;
	text-indent:-9999px;
	margin-bottom:5px;
}

#about_text{
	padding: 0 320px 0 0;
	background-image: url(../image/about/about_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#about25_text{
	padding: 0 320px 0 0;
	background-image: url(../image/25th/about_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#committee_text{
	padding: 0 320px 0 0;
	background-image: url(../image/about/about_photo03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}















#about_btn01{
	margin-left: 25px;
	background: url(../image/about/about_btn01_on.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn01 a{
	background: url(../image/about/about_btn01.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn01 a:hover{ background:none; }

#about_btn02{
	margin-left: 25px;
	background: url(../image/about/about_btn02_on.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn02 a{
	background: url(../image/about/about_btn02.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn02 a:hover{ background:none; }

#about_btn03{
	margin-left: 25px;
	background: url(../image/about/about_btn03_on.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn03 a{
	background: url(../image/about/about_btn03.gif) no-repeat;
	height: 33px;	width: 129px;	display:block;	
}
#about_btn03 a:hover{ background:none; }


/*////////////////////
	 committee
//////////////////////*/

#committee01{
	background-image: url(../image/about/honbu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 35px; height: 20px;
	margin-top: 10px;
}
#committee02{
	background-image: url(../image/about/gakubu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 66px; height: 20px;
	margin-top: 10px;
}
#committee03{
	background-image: url(../image/about/bukai.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 34px; height: 20px;
	margin-top: 10px;
}
#committee04{
	background-image: url(../image/about/fuzoku.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 81px; height: 20px;
	margin-top: 10px;
}



#to25th_btn{
	margin-left: 25px;
	background: url(../image/25th/25th_btn_on.gif) no-repeat;
	height: 33px;	width: 168px;	display:block;	
}
#to25th_btn a{
	background: url(../image/25th/25th_btn.gif) no-repeat;
	height: 33px;	width: 168px;	display:block;	
}
#to25th_btn a:hover{ background:none; }




/*********************
		25th
*********************/
#purpose{
	background: url(../image/25th/purpose.gif) no-repeat;
	width: 35px;
	height: 17px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#outline{
	background: url(../image/25th/outline.gif) no-repeat;
	width: 35px;
	height: 17px;
	text-indent: -9999px;
	margin-top: 25px;
	margin-bottom: 5px;
}

/*********************
		募金
*********************/
#contribute_text{
	padding: 0 310px 0 0;
	background-image: url(../image/contribute/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}










#about_contribute{
	background-image: url(../image/contribute/about_contribute.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 34px;
	margin-top: 40px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#contribute01{
	background: url(../image/contribute/contribute01.gif) no-repeat;
	width: 295px;
	height: 28px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#contribute02{
	background: url(../image/contribute/contribute02.gif) no-repeat;
	width: 160px;
	height: 18px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#contribute03{
	background: url(../image/contribute/contribute03.gif) no-repeat;
	width: 179px;
	height: 26px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 5px;
}

/*********************
		記念誌
*********************/
#comme_text{
	padding: 0 315px 0 0;
	background-image: url(../image/commemoration/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}











#about_commemoration{
	background-image: url(../image/commemoration/about_commemoration02.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 36px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
#commemoration_txt{
	background-image: url(../image/commemoration/commemoration_txt.gif);
	background-repeat: no-repeat;
	width: 418px;
	height: 23px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

	#commemoration_ban01{
		background: url(../image/commemoration/btn01.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban02{
		background: url(../image/commemoration/btn02.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 15px;
		text-indent: -9999px;
	}
	#commemoration_ban03{
		background: url(../image/commemoration/btn03.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban04{
		background: url(../image/commemoration/btn04.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban05{
		background: url(../image/commemoration/btn05.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban06{
		background: url(../image/commemoration/btn06.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban07{
		background: url(../image/commemoration/btn07.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#commemoration_ban08{
		background: url(../image/commemoration/btn08.gif) no-repeat;
		width: 196px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}


/*********************
	テーブル整理用
*********************/

.committee_tbl{
	margin-top: 5px;
	margin-bottom: 10px;
}
.contribute_tbl{
	margin-top: 10px;
	margin-bottom: 10px;
}

.contribute_shoft_tbl{
	width: 380px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.attendance_tbl{
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.activity_tbl{
	width: 440px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.con_tbl_le{
	width: 80px;
	padding: 3px;
	padding-left: 10px;
	vertical-align: top;
}
.con_partition{	width: 10px; background: url(../image/top/new_partition.gif) repeat-y; }

.con_tbl_ri{
	width: 300px;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.partition{	width: 10px; background: url(../image/top/new_partition.gif) repeat-y;}

table.tbl_rep tr td {vertical-align:top }

.tbl_le_style{
	padding: 3px;
	padding-left: 10px;
	vertical-align: top;
}
.tbl_le_style02{
	padding: 3px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFCCCC;
	font-weight: bold;
}
.tbl_le_style03{
	padding: 3px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.tbl_le_style04{
	padding: 0px;
	padding-top: 3px;
	vertical-align: top;

/*
	width: 289px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
*/
}

.tbl_ri_style{
	line-height: 16px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.radio_wid{
	width: 100px;
	float: left;
}
.radio_wid02{
	width: 90px;
	float: left;
}
.radio_wid03{
	width: 80px;
	float: left;
}

/*********************
	alumni
*********************/
#alumni_contenter{
	width:970px;
	margin:0px auto;
	padding: 0;
	text-align:left;
	background-image: url(../image/alumni/photo02.jpg);
	background-repeat: no-repeat;
	background-position: left 95%;
}
#alumni_text{
	padding: 0 315px 0 0;
	background-image: url(../image/alumni/photo03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
#	margin: 0 0 20px 0;
}

#alumniPast_text{
	padding: 0 315px 0 0;
	background-image: url(../image/alumni/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}


/*

#alumni_left{
	float: left;
	width: 330px;
	height:400px;
	background-image: url(../image/alumni/photo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	padding-top: 405px;
	padding-bottom: 60px;
}
#alumni_right{
	float: left;
	padding-right: 0px;
}
*/


#alumni_form02{
	background-image: url(../image/alumni/form02.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 34px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

/*********************
	alumni
*********************/

#about_ceremony{
	background-image: url(../image/alumni/about_ceremony.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 49px;
	margin-bottom: 5px;
/*
	background-position: 0px -38px;
	width: 405px;
	height: 65px;
	margin-top: 20px;
*/
	text-indent: -9999px;
}

#alumni_btn02{
	margin-left: 25px;
	background: url(../image/alumni/btn02_on.gif) no-repeat;
	height: 33px;	width: 199px;	display:block;	
}
#alumni_btn02 a{
	background: url(../image/alumni/btn02.gif) no-repeat;
	height: 33px;	width: 199px;	display:block;	
}
#alumni_btn02 a:hover{ background:none; }


#alumni_attendance{
	background-image: url(../image/alumni/attendance.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 60px;
	margin-top: 40px;
	margin-bottom: 5px;

/*
	background-position: 0px -38px;
	width: 405px;
	height: 65px;
	margin-top: 20px;
*/
	text-indent: -9999px;
}
#alumni_tablebooking{
	background-image: url(../image/alumni/tablebooking.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 60px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
#alumni_tablebooking_list{
	background-image: url(../image/alumni/tablebooking_list.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 60px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

/*********************
	alumni_member
*********************/
.list_table1{
	border-collapse: collapse;
	padding: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.list_table2{
	border: 1px solid #c0c0c0;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}
.list_table3{
	border: 1px solid #c0c0c0;
	/* width: 600px;*/
	text-align: left;	
	padding-left: 4px;
	padding-right: 4px;
}

.list_table4{
	border: 1px solid #c0c0c0;
	text-align: center;	
}
.list_table5{
	border: 1px solid #c0c0c0;
	width: 600px;
	text-align: left;	
}

/*********************
	report
*********************/
#report_contenter{
	width:970px;
	margin:0px auto;
	padding: 0;
	text-align:left;
	background-image: url(../image/report/photo02.jpg);
	background-repeat: no-repeat;
	background-position: left 99%;
}
#report_text{
	padding: 0 320px 0 0;
	background-image: url(../image/report/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#repo_right2{
	float: left;
	width: 401px;
/*	background-image: url(../image/report/photo02.jpg); */
	background-repeat: no-repeat;
	background-position: 435px bottom;
	padding-right: 240px;
	_padding-right: 0px;
}
*:first-child+html #repo_right2{
	float: left;
	width: 641px;
/*	background-image: url(../image/report/photo02.jpg); */
	background-repeat: no-repeat;
	background-position: 435px bottom;
	padding-right: 0px;
}

	
	#repo_ban01{
		background: url(../image/report/ban01.gif) no-repeat;
		width: 51px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#repo_ban02{
		background: url(../image/report/ban02.gif) no-repeat;
		width: 105px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#repo_ban03{
		background: url(../image/report/ban03.gif) no-repeat;
		width: 53px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#repo_ban04{
		background: url(../image/report/ban04.gif) no-repeat;
		width: 105px; height: 18px;
		margin-top: 25px;
		text-indent: -9999px;
	}

#repo_btn02{
	margin-left: 25px;
	background: url(../image/report/repo_btn02_on.gif) no-repeat;
	height: 33px;	width: 139px;	display:block;	
}
#repo_btn02 a{
	background: url(../image/report/repo_btn02.gif) no-repeat;
	height: 33px;	width: 139px;	display:block;	
}
#repo_btn02 a:hover{ background:none; }

#repo_btn03{
	margin-left: 25px;
	background: url(../image/report/repo_btn03_on.gif) no-repeat;
	height: 33px;	width: 139px;	display:block;	
}
#repo_btn03 a{
	background: url(../image/report/repo_btn03.gif) no-repeat;
	height: 33px;	width: 139px;	display:block;	
}
#repo_btn03 a:hover{ background:none; }


#past_repo{
	background-image: url(../image/report/past_repo.gif);
	background-repeat: no-repeat;
	width: 605px;
	height: 35px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
}





/*********************
	member_regist/registration.html
*********************/
#regist_text{
	height: 500px;
	padding: 0 315px 0 0;
	background-image: url(../image/registration/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}
#registFaq_text{
	padding: 0 315px 0 0;
	background-image: url(../image/registration/photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 20px 0;
}










#r_submit_btn{
	margin: 10px;
	margin-left: 80px;
}

#r_reset_btn{
	margin: 10px;
}

	#registration_btn01{
		margin-left: 25px;
		background: url(../image/registration/registration_btn_on.gif) no-repeat;
		height: 33px;	width: 129px;	display:block;	
	}
	#registration_btn01 a{
		background: url(../image/registration/registration_btn.gif) no-repeat;
		height: 33px;	width: 129px;	display:block;	
	}
	#registration_btn01 a:hover{ background:none; }


	#faq_btn{
		margin-left: 25px;
		background: url(../image/registration/faq_btn_on.gif) no-repeat;
		height: 33px;	width: 138px;	display:block;	
	}
	#faq_btn a{
		background: url(../image/registration/faq_btn.gif) no-repeat;
		height: 33px;	width: 138px;	display:block;	
	}
	#faq_btn a:hover{ background:none; }


/*********************
	photo album
*********************/
#about_photo{
	margin-top: 40px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #333333;
}


/*-----*/
a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(form_buttons.png);
    _background-image:url(form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}


span.button:hover input{
background-position:100% -60px;
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));

}

/* --------------------- */


