@charset "Shift_JIS";

html, body {
	background: #FFF;
}

.headContent {
	font-size: 14px;
	line-height: 1.75em;
	color: #333;
}
	.headContent .content {
		padding: 40px;
	}
		.headContent .content h2 {
			padding-bottom: 40px;
		}
		.headContent .content p {
			padding-bottom: 2em;
		}



.form {
	position: relative;
	background: url(../images/comment_title_bg.gif) top left;
	padding: 20px;
}
	.form th,
	.form td {
		padding-bottom: 20px;
	}
	.form th {
		padding-right: 10px;
		font-weight: bold;
		vertical-align: top;
	}
	.form .communitySelect {
	}
		.form .communitySelect td {
			vertical-align: middle;
			padding-right: 15px;
		}
			.form .communitySelect td img {
				vertical-align: middle;
			}
			.form .communitySelect td img:hover {
				filter: alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}
			.form .communitySelect td label {
				cursor: pointer;
			}
	.form .characterSelect {
	}
		.form .characterSelect td {
			width: 90px;
			padding-right: 10px;
			padding-bottom: 5px;
			font-size:12px;
			letter-spacing: 0;
			text-align: center;
		}
			.form .characterSelect td input {
				display: none;
			}
			.form .characterSelect td div img {
				cursor: pointer;
				border: 4px solid #DEF3F9;
			}
			.form .characterSelect td div img:hover {
				filter: alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}
			.form .characterSelect td div.selected img {
				border: 4px solid #F00;
			}
			.form .characterSelect td div.selected img:hover {
				filter: alpha(opacity=100);
				-moz-opacity:1.00;
				opacity:1.00;
			}
			.form .characterSelect td div.selected img {
				cursor: default;
			}
			
	.form input[type="text"] {
		max-width: 320px;
		width: 320px;
	}

.cap {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
}

.selected {
	cursor: default;
}


.attention {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #C00;
}

.dialog {
	position:absolute;
	width: 400px;
	height: 140px;
	padding: 10px;
	top: 50px;
	left: 50px;
	line-height: 100px;
	background: url(../images/dialog_bg.png) no-repeat top left;
}





#joinButton, 
#closeButton {
	text-align: center;
}


.invisibled {
	display: none;
}


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

	  Override common id styles

--------------------------------------------------------------------*/
#wrapper {
	width: 600px;
	margin: 0 auto;
}

#header {
	position: relative;
}

#yodogawa {
	float: left;
	width: 325px;
	padding-left: 75px;
}

#contents {
}

#update {
}

#date {
}

#footer {
}
	
#copyright {
}