@charset "utf-8";

@import "lower.css";

* { margin:0; padding: 0; }

body {
	color:#333333;
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
	font-size:76.5%;
	line-height:1.6;
	background: url(../_img/header_back.gif) repeat-x top center #e4e0d7;
}


html, body { height: 100%; }

#wrap { min-height: 100%; margin: 0 auto; text-align: center;  }

#main { overflow:/*auto*/ visible; padding-bottom: 28px; }  

#footer { position: relative;
	margin-top: -28px;
	height: 28px;
	clear:both;	
	background: url(../_img/footer.gif) no-repeat top center;
	width: 1020px;
	text-indent: -99999px;
	margin-right: auto;
	margin-left: auto;
	 } 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}


img { border: none; }

ul, ol { list-style: none outside; }

a { text-decoration: none; color: #071f43; }
a:hover { text-decoration: none; color: #666; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}


#header {  height: 111px; /*position: relative; top: 0; z-index: 5; margin: 0 auto; text-align: center;*/ overflow: visible;  }

#contents { width: 1020px; margin: 0 auto;text-align: center; background: url(../_img/back.gif) repeat-y top center;  }

#contents p.main_pic {position: relative; top: -4px; z-index: 10; /*width:1020px; height:258px;*/  }

#menu { width:1020px; margin:0 auto; text-align:left; height: 111px; }

h1 { /*position: relative; top: 0; z-index: 100;  margin-left:48px;*/ position: relative; left:48px; width:305px; float:left;  display: block; text-align:left; }

#menu ul:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
#menu ul { min-height: 1px;width: 586px; float:left; /*position: relative;*/ margin-left:81px; text-indent:-999999px;  }
* html #menu ul { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }
#menu ul li { display: table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%;  }
#menu ul li a { display: table; _float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; height:107px; }

*:first-child+html #menu ul li a { float:left; }


#menu ul li#introduction a { background: url(../_img/menu01.gif) no-repeat top left; width:153px; }
#menu ul li#events a { background: url(../_img/menu02.gif) no-repeat top left; width:147px; }
#menu ul li#members a { background: url(../_img/menu03.gif) no-repeat top left; width:143px; }
#menu ul li#contact a { background: url(../_img/menu04.gif) no-repeat top left; width:143px; }

#menu ul li#introduction a:hover,#menu ul li#events a:hover,#menu ul li#members a:hover,#menu ul li#contact a:hover { background-position: 0px -107px; }
.introduction #menu ul li#introduction a,.events #menu ul li#events a,.members #menu ul li#members a { background-position: 0px -107px; }

.box_wrap:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
.box_wrap { min-height: 1px; clear:both; width:923px; padding: 20px 0; margin: 0 auto; }
* html .box_wrap { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }



/* TOP CONTENT --------------------------*/

.top_left { width:612px; float:left; }

.box01_top { background:url(../../_img/box01_top.gif) no-repeat  top left; padding-top:15px; }
.box01_btm { background:url(../../_img/box01_btm.gif) no-repeat bottom left; padding-bottom:20px; margin-bottom: 20px; }

.top_left dl { width:590px; margin: 0 auto; }

.top_left dt:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
.top_left dt { min-height: 1px; clear:both; width:590px; text-align: left;  }
* html .top_left dt  { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

.top_left dt span { font-weight: bold; color:#071f43; font-size: 16px; float:left; width:auto; text-align: left; padding: 0 5px 0 10px;  }
.top_left dt em { font-weight: bold; color:#071f43; font-size: 16px; float:left; width:auto; padding-left:10px; font-style: normal;/* background:url(../../_img/bar.gif) no-repeat center left; */ }


.top_left dd { background:url(../../_img/pic_back.gif) no-repeat top left; height:223px; }

.top_left dd ul:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
.top_left dd ul { min-height: 1px; width: 590px;  }
* html .top_left dd ul { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }
.top_left dd ul li { display: table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; height:198px; margin: 12px 15px 0 16px; _margin: 12px 17px 0 9px; }


.top_right { width:292px; float:right; }

.mypage_top { background:url(../../_img/mypage_top.gif) no-repeat  top left; padding-top:10px; }
.mypage_btm { background:url(../../_img/mypage_btm.gif) no-repeat bottom left; padding-top:5px; margin-bottom: 30px; }

.mypage_top form { text-align: left; width: 242px; margin: 10px auto; padding-bottom:20px; }
.mypage_top p { margin-bottom: 5px; }
.mypage_top input { width:236px; border: 1px solid #071f43; padding:1px; }
.mypage_top input.btn { border: none; margin-top: 10px; width: 242px; }

dl.event_schedule { width:255px; margin:0 auto 30px auto; text-align:center; padding-top:8px; }
dl.event_schedule dt { text-align:left;  color:#fff; height:19px; }

dl.event_schedule dt:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
dl.event_schedule dt { min-height: 1px; clear:both; margin: 5px 0; }
* html dl.event_schedule dt{ height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

dl.event_schedule dt em { background:url(../../_img/date_back01.gif) no-repeat top left; display: block; float:left; padding-left:5px; font-style: normal; }
dl.event_schedule dt span { background:url(../../_img/date_back02.gif) no-repeat top right; display: block; float:left; padding-right:5px;padding-top: 1px; }
dl.event_schedule dd { text-align:left; }
dl.event_schedule a { text-decoration: underline; }


dl.event_schedule dd:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
dl.event_schedule dd { min-height: 1px; clear:both; }
* html dl.event_schedule dd  { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }


.profile_box01 { background:url(../../_img/box02_top.gif) no-repeat  top left; padding-top:10px; }
.profile_box02 { background:url(../../_img/box02_btm.gif) no-repeat bottom left; padding-bottom:15px; padding-top:5px; margin-bottom: 5px; }
.profile_box02 ul li { display: block; vertical-align: top; zoom:1; font-size:1%; height: auto; }
.profile_box02 ul li p { font-size:14px; height: auto; text-align: left; width:254px; margin: 5px auto; }
.profile_box02 ul li p a { text-decoration: underline; }

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

/**/


.f_left { float: left; }
.f_right { float: right; }

.block { display: block; }

.clr:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
.clr { min-height: 1px; clear:both; }
* html .clr  { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }