@charset "UTF-8";

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

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
}

#container {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 900px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #333;
	background-color: #FFF;
}

#header {
	height: 393px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 20px;
}

#header h1 {
	font-size: 0.75em;
	line-height: 1;
	height: 90px;
	display: block;
	text-indent: -9999px;
}

#wrap {
	height: 302px;
	display: block;
	background-image: url(../images/top_image01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#wrap p {
	height: 270px;
	font-size: 0.75em;
	text-indent: -9999px;
}

#navi ul {
	list-style-type: none;
	height: 32px;
	display: block;
	padding-left: 72px;
}

#navi li {
	float: left;
	height: 32px;
	font-size: 0.75em;
	text-indent: -9999px;
	display: block;
	width: 123px;
}

#navi li a {
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#navi li#home a {
	background-position: 0px 0px;
}
#navi li#abou a {
	background-position: -123px 0px;
}
#navi li#even a {
	background-position: -246px 0px;
}
#navi li#topi a {
	background-position: -369px 0px;
}
#navi li#semi a {
	background-position: -493px 0px;
}
#navi li#home a:hover {
	background-position: 0px -32px;
}
#navi li#abou a:hover {
	background-position: -123px -32px;
}
#navi li#even a:hover {
	background-position: -246px -32px;
}
#navi li#topi a:hover {
	background-position: -369px -32px;
}
#navi li#semi a:hover {
	background-position: -493px -32px;
}

#content {
	height: 438px;
	clear: left;
}

#col {
	width: 440px;
	float: left;
	padding-left: 30px;
}

#col h2 {
	font-size: 0.75em;
	background-image: url(../images/about_club.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-indent: -9999px;
}

#col p#pres {
	font-size: 0.75em;
	line-height: 1.5;
	padding-right: 104px;
	background-image: url(../images/ph_pre.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#col p#pres2 {
	font-size: 0.75em;
	line-height: 1.5;
	text-align: right;
	padding-right: 104px;
}

#col #info {
	background-color: #D7F2DB;
	background-image: url(../images/col_footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 208px;
	margin-top: 20px;
}

#col #info h3 {
	font-size: 0.75em;
	background-image: url(../images/col_header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 28px;
	padding-top: 13px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 7px;
}

#col #info .article {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	height: 42px;
	margin-bottom: 7px;
}
#col #info h5.date {
	font-size: 0.75em;
	color: #666;
	display: block;
	width: 110px;
	height: 30px;
	float: left;
	padding-left: 10px;
	font-weight: normal;
}

#col #info p.disc {
	font-size: 0.75em;
	line-height: 1.5;
	display: block;
	float: left;
	width: 310px;
	color: #333;
}

#col #info .article p a {
	text-decoration: none;
	color: #666;
}

#col #info .article p a:hover {
	text-decoration: underline;
	color: #900;
}

#sidemenu {
	float: right;
	width: 218px;
	padding-right: 30px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
	height: 410px;
}

#semin {
	background-color: #F0F0E4;
	background-image: url(../images/side_footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
}

#semin h3 {
	font-size: 1em;
	background-image: url(../images/side_header.gif);
	background-repeat: no-repeat;
	height: 25px;
	display: block;
	background-position: center top;
	padding-top: 7px;
	padding-left: 12px;
}

#semin p {
	font-size: 0.75em;
	line-height: 1.5;
}

#semin #underline {
	height: 21px;
	width: 194px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#semin p#times {
	display: block;
	width: 120px;
	height: 18px;
	float: left;
}

#semin p#datein {
	display: block;
	height: 18px;
	width: 70px;
	text-align: right;
	float: right;
	font-size: 0.625em;
}

#semin p#thema {
	clear: both;
	padding-top: 7px;
	padding-left: 6px;
}

#semin h4 {
	font-size: 0.875em;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#semin h4 a {
	color: #666;
	text-decoration: none;
}

#semin h4 a:hover {
	color: #900;
	text-decoration: underline;
}

#semin p#subcap {
	width: 194px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-size: 0.75em;
	padding-bottom: 8px;
}

#semin p#teach {
	font-size: 0.75em;
	padding-bottom: 12px;
	text-indent: -6px;
	display: block;
	width: 194px;
	margin-right: auto;
	margin-left: auto;
}
#sidemenu .subcon {
	display: block;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 10px;
}
#sidemenu .subcon h3 {
	display: block;
	height: 19px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

#sidemenu .subcon h3#news {
	background-image: url(../images/news.gif);
}

#sidemenu .subcon h3#blog {
	background-image: url(../images/blog.gif);
}

#sidemenu .subcon h3#link {
	background-image: url(../images/link.gif);
}

#sidemenu .subcon h3#join {
	background-image: url(../images/join.gif);
}

#sidemenu .subcon p {
	font-size: 0.75em;
	color: #666;
	padding-left: 18px;
}

#sidemenu .subcon a {
	text-decoration: none;
	color: #666;
	display: block;
	width: 130px;
	height: 12px;
}

#sidemenu .subcon a:hover {
	text-decoration: underline;
	color: #900;
	display: block;
	width: 130px;
	height: 12px;
}


#footer {
	height: 50px;
	clear: both;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer p {
	font-size: 0.625em;
	color: #CCC;
	text-align: center;
	padding-top: 15px;
	text-indent: 0px;
}