@charset "utf-8";

.kairou {
	width: 728px;
	float: right;
}
.kairou h2 {
	font-size: 18px;
	line-height: 33px;
	font-weight: bold;
	background: url(../img/h2_bg.gif) no-repeat 0px 0px;
	padding: 2px 0 0 22px;
	margin: 50px auto 20px;
	letter-spacing: 1px;
	width: 688px;
	border: 1px solid #303030;
	clear: both;
}
#annai {
	width: 650px;
	margin: 0px auto;
}
#annai p {margin-top: 1em;}
.contents h3 {
	font-size: 113%;
	color: #FFFF99;
}
.contents h3 a {color: #FFFF99;}
.contents img, .log img {
	float: right;
	margin: 12px 3px 3px 8px;
}
p#info {margin: 5px 0px 30px 40px;}
h3.slide, .panel {
	letter-spacing: 0.1em;
	cursor:pointer;
	font-size: 113%;
	background-color: #222222;
	font-weight: bold;
	color: #FFFF99;
	margin: 0px auto 40px;
	padding: 6px 0px 5px 50px;
	width: 630px;
	border: 3px solid #333;
}
.panel:hover {color:#FF6600;}
.panel-up {background: url(../img/data-down.gif) no-repeat 640px center;}
.panel-down {background: url(../img/data-up.gif) no-repeat 640px center;}
.log, .panel-target {
	margin: -44px auto 25px;
	border: 3px solid #333;
	width: 680px;
	background: -moz-linear-gradient(top, #333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
}
.panel-closed {display:none;}
.kairou .log p {margin: 1em 15px 10px;}