@charset "utf-8";

@import url(../../css/common.css);

/*----- joan layout -----*/
#joan {vertical-align: top;}
#joan a:link {color:#0066CC;}
#joan a:visited {color:#0066CC;}
#joan a:hover {color:#FF6600;}
#joan_menu {width: auto; padding: 10px 6px;}
#joan_menu dl {width: 150px;}
#joan_menu dt {
	background: url(img/j_menu_bg.gif) repeat-x bottom;
	text-align: center;
	margin-bottom: 4px;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
	border: 1px solid #000000;
}
#joan_menu dd {
	font-size: 14px;
	color: #0066CC;
	background: url(img/j_menu_bg.gif) repeat-x bottom;
	padding: 3px 0px 3px 15px;
	margin-bottom: 4px;
	border: 1px solid #3399FF;
}
#joan_main {
	width: 630px;
	border-right: 1px solid #ccc;
	padding: 10px 0px 10px 4px;
}
#joan_top {
	width: 580px;
	margin-bottom: 8px;
	padding: 0px;
}
#joan_top h2 {
	background: url(img/joan_title.jpg) no-repeat;
	height: 32px;
	width: 570px;
	text-indent: -9999px;
	overflow: hidden;
}
#joan_title {
	width: 580px;
	margin: 5px;
}
#joan_title h2 {
	background:url(img/j_h2_bg.jpg) no-repeat left top;
	font-weight:bold;
	font-size: 120%;
	padding: 2px 0px 0px 28px;
	height: 24px;
	color:#0066CC;
}

.joan_contents {
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
}
.joan_contents h3 {background:url(img/j_h3_head.gif) no-repeat left center; font-weight: bold; font-size: 110%; margin-bottom: 5px; padding-left: 15px;}
.joan_contents h4 {
	margin-left: 10px;
	font-weight: bold;
	color: #0066CC;
}

.joan_contents p {
	margin-bottom: 5px;
	margin-left: 15px;
}
.joan_contents ol {
	margin-left: 20px;
}

.joan_contents li {
	margin-left: 20px;
	list-style: decimal;
}

.joan_contents table {
	margin-left: 15px;
	border-top: 1px solid #0070FF;
	border-left: 1px solid #0070FF;
}
.joan_contents th {text-align: center}
.joan_contents th, .joan_contents td {
	padding: 2px;
	border-right: 1px solid #0070FF;
	border-bottom: 1px solid #0070FF;
}


/* IGO CLUB Design */
#igo {
	background: url(igo/igo_bg.gif);
	padding: 5px;
	font-size: 110%;
}
#igo h2 {
	margin-top: 0px;
	margin-bottom: 8px;
}
#igo_schedule {
	margin-top: 10px;
	margin-bottom: 10px;
}
#igo_schedule table {
	border: 2px solid #333333;
	background-color: #F3F3FF;
	margin:auto;
}
#igo_schedule caption {
	background: #FFFFFF;
}

#igo_schedule th {
	font-weight: bold;
	text-align: center;
	border-bottom: medium double #333333;
	border-right: 1px solid #333333;
}
#igo_schedule td {
	border-right: 1px solid #333333;
	text-align: right;
	border-bottom: 1px solid #333333;
}
#igo_boshu {
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
}
#igo_boshu table {
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#igo_boshu tr {
	vertical-align: top;
}
#igo_boshu th {
	font-weight: bold;
	padding: 3px;
}
#igo_boshu p img{
	vertical-align: middle;
}

/* BEAZ CLUB Title */
#beaz {
	background: url(beaz/beaz_bg.jpg);
	padding: 5px;
	font-size: 100%;
}
#beaz h2 {
	margin-top: 0px;
	margin-bottom: 8px;
}
#beaz h3 {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	background: url(beaz/beaz_lis.jpg) no-repeat 10px center;
	padding-left: 40px;
	vertical-align: middle;
	color: #990099;
}

#beaz_boshu {
}
#beaz_boshu table {
	margin: auto;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#beaz_boshu tr {
	vertical-align: top;
}
#beaz_boshu th {
	font-weight: bold;
	padding: 3px;
}