@charset "utf-8";
/* CSS Document */

/* =============== 共通 Common =============== */

body,p,a,table,th,tr,td,ul,li,ol,div,strong,s,img,h1,h2,h3,h4,h5,h6,span,em,caption,dl,dt,dd,del,b,q,blockquote {
border:none;
margin:0;
padding:0;
text-decoration:none;
font-weight:normal;
text-align:left;
line-height:150%;
letter-spacing:1px;
font-family:Verdana, sans-serif;
color:#4e4e4e;
}
table,th,tr,td {
border-collapse:collapse;
border-spacing:0;
}
ul,li,ol {
list-style:none;
}
li img {
vertical-align:bottom;
}
strong,b {
font-weight:bold;
}
del,s {
text-decoration:line-through;
}

.clearfix {
width: 100%;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr {
clear:both;
}
.clrL {
clear:left;
}
.clrR {
clear:right;
}

.out {
font-size:1px;
text-indent:-9999px;
display:block;
background-repeat:no-repeat;
}



	/* :::::: FONTS :::::: */

	.nobold {
	font-weight:normal;
	}
	.center {
	text-align:center;
	}
	.right {
	text-align:right;
	}
	.txtS {
	font-size:10px !important;
	}
	.important {
	color:#80715b !important;
	}
	.error {
	color:#b34b4a !important;
	font-weight:bold !important;
	}
	

	/* :::::: LINK :::::: */

	a {
	color:#4e4e4e;
	text-decoration:underline;
	}
	a:hover {
	color:#CCCCCC;
	}



/* =============== 全体 =============== */

#whole {
width:840px;
margin:30px auto;
}

.pagetop {
text-align:right;
}



/* =============== Header =============== */

#header {
height:91px;
margin:0 0 16px;
position:relative;
}
	#header #logo {
	position:absolute;
	width:290px;
	}
	#header .lead {
	width:285px;
	position:absolute;
	left:306px;
	}
		#header .lead h3 {
		margin:0 0 5px;
		}
		#header .lead p {
		font-size:10px;
		line-height:120%;
		}
	#header .entry {
	width:235px;
	position:absolute;
	right:0;
	}



/* =============== Main Area =============== */

.pan {
	margin:0 0 1px;
	background:#ffc4e9;
	height:18px;
	line-height:18px;
}
	.pan li {
		display:block;
		line-height:18px;
		height:18px;
		font-size:10px;
		color:#FFF;
		float:left;
		font-size:10px;
		color:#ec32a6;
		padding:0 20px 0 10px;
		background:url(/event/run/images/pan_next.gif) no-repeat right #ec32a6;
	}
		.pan li a {
			display:block;
			height:18px;
			line-height:18px;
			font-size:10px;
			color:#FFF;
			text-decoration:none;
		}
		.pan li a:hover {
			color:#ffc4e9;
		}
		.pan li.end {
			background:url(/event/run/images/pan_end.gif) no-repeat right #ec32a6;
		}
		.pan li.this {
			background:none;
		}

.youkou {
	border:#ec32a6 solid 2px;
	padding:10px 20px;
	margin-bottom:1px;
}
	.youkou p {
		font-size:12px;
	}
	.youkou p a {
		color:#ec32a6;
	}

#mainArea {
margin:0 0 20px;
}

	#mainImg {
	margin:0 0 10px;
	}
	
	#navi {
	width:840px;
	height:40px;
	margin:0 0 20px;
	}
		#navi li {
		display:block;
		width:140px;
		height:40px;
		line-height:1%;
		float:left;
		}
			#navi li a {
			display:block;
			}

#mainArea .rightArea {
width:540px;
float:left;
}

	.rightArea h3 {
	margin:0 0 10px;
	}
	
	.rightArea .topBox {
	margin:0 0 30px;
	}
		.rightArea .topBox p {
		margin:0 0 14px;
		font-size:12px;
		}
	
	.rightArea .contentBox {
	background:url(/event/run/images/box_bg.gif) repeat-y;
	}
		.rightArea .contentBox h4 {
		padding:0 0 0 20px;
		}
		.rightArea .contentBox h4.header {
		background:url(/event/run/images/box_top.gif) no-repeat top;
		padding:15px 0 0 20px;
		}
			#lot .header {
			margin:0 0 20px;
			}
		.rightArea .contentBox h4.separator {
		background:url(/event/run/images/box_separater.gif) no-repeat top;
		padding:15px 0 0 20px;
		margin:15px 0 0 0;
		}
		.rightArea .contentBox .lead {
		margin:15px 20px 25px;
		padding:15px 0 0 0;
		border-top:#cececf solid 1px;
		}
		.rightArea .contentBox .textArea {
		padding:0 20px;
		font-size:12px;
		}
			.rightArea .contentBox .textArea p {
			padding:0 0 12px;
			}
			
			#join .imgArea {
			width:243px;
			float:left;
			margin:0 10px 10px 0;
			display:block;
			}
			
			#lot .imgArea {
			text-align:center;
			margin:0 0 12px;
			}
			
			#sikyu .imgArea {
			width:92px;
			float:left;
			margin:0 20px 10px 0;
			display:block;
			}
			#sikyu .imgArea2 {
			width:94px;
			float:right;
			margin:0 0 10px 20px;
			display:block;
			}
			#sikyu table {
			width:380px;
			margin:0;
			}
			#sikyu .textArea {
			padding-bottom:20px;
			}
			#sikyu .textArea .txtS {
			text-align:right;
			padding-right:15px;
			}
			
			#water .textArea {
				width:500px;
			}
			#water .imgArea {
			width:137px;
			float:left;
			margin:0 20px 10px 0;
			display:block;
			}
			#water p.link {
			text-align:right;
			}
			#water p.attention {
				font-size:10px;
				color:#C00;
				text-align:right;
			}
			#water p.attention strong {
				color:#C00;
			}
			#water .textbox {
				width:343px;
				float:right;
			}
			
			
		.rightArea .contentBox table {
		width:500px;
		margin:0 0 0 20px;
		}
			.rightArea .contentBox table * {
			vertical-align:top;
			font-size:12px;
			padding:0 0 12px;
			}
			.rightArea .contentBox table th {
			width:90px;
			}
		.rightArea .flashbanner {
		}
			.rightArea .flashbanner p {
			font-size:12px;
			}
	.rightArea .contentEnd {
	border-bottom:#cececf solid 1px;
	padding:0 0 25px;
	margin:0 0 25px;
	}
		
	

#mainArea .leftArea {
width:281px;
float:right;
}
	.leftArea .contentBox {
	margin:0 0 10px;
	}
		.leftArea .contentBox h3 {
		margin:0 0 10px;
		}
		.leftArea .contentBox h5 {
		font-size:12px;
		font-weight:bold;
		}
		.leftArea .contentBox p {
		font-size:12px;
		margin:0 0 10px;
		}
	
		.leftArea #couse .imgArea {
		margin:0 0 10px;
		}
		.leftArea #couse p {
		font-size:10px;
		}
		
		.leftArea #guest .imgArea {
		width:100px;
		float:right;
		margin:0 0 10px 10px;
		}
		
		.leftArea #volunteer {
			margin:0 0 30px;
		}
		.leftArea #volunteer .entry {
		text-align:center;
		}
		
		.leftArea #contact {
		background:#ed32a7;
		}
			.leftArea #contact p {
			color:#FFFFFF;
			padding:10px;
			}

	.leftArea #twitter {
	margin:0 0 30px;
	}
	.leftArea #what {
	margin:0 0 20px;
	}



/* =============== Footer =============== */

#footer {
}

	#footer .contentBox {
	margin:0 0 15px;
	}
		#footer .contentBox h3 {
		margin:0 0 10px;
		}
	
	#footer #info {
	padding:0 0 15px;
	border-bottom:1px solid #cececf;
	}
		#footer #info p {
		font-size:12px;
		margin:0 0 12px;
		}
		#footer #info table * {
		vertical-align:top;
		padding: 0 0 10px;
		}
		#footer #info table th {
		width:90px;
		}
		#footer #info table td {
		font-size:14px;
		}
			#footer #info table td ol {
			list-style:decimal;
			padding:0 0 0 30px;
			}
				#footer #info table td ol li {
				font-size:14px;
				list-style:decimal;
				margin:0;
				padding:0;
				}

	#footer #mainEntry {
	padding:0 0 15px;
	border-bottom:1px solid #cececf;
	}

	#footer #agreement {
	margin:0 0 15px;
	}
		#footer #agreement p {
		font-size:10px;
		margin:0 0 10px;
		}
		#footer #agreement ol {
		list-style:decimal;
		padding:0 0 0 30px;
		}
			#footer #agreement ol li {
			font-size:10px;
			list-style:decimal;
			}


	#footer #privacy {
	margin:0 0 15px;
	}
		#footer #privacy p {
		font-size:10px;
		margin:0 0 10px;
		}