@import url(../../css/common.css);
/* ====================================================== */
/* concept  */
/* ====================================================== */
body{
	background: url("../image/title.jpg") 50% 0 no-repeat;
}

h1{
	margin-bottom:35px;
	color:#cecece;
	font-size:6em;
	font-weight:normal;
	text-align:center;
}

.open{
	margin-bottom:15px;
}

.t-right{
	margin-bottom: 20px;
	text-align: right;
}

/* -------------------------------------------------------------------------- */
/* event */
/* -------------------------------------------------------------------------- */
#event{
	margin-bottom:50px;
}
#event #event-wrapper{
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
#event h2{
	margin-bottom:10px;
	font-size:2em;
}
#event #event-wrapper #event-inner{
	width:990px;
}
#event #event-wrapper #event-inner .box{
	overflow:hidden;
	float:left;
	width:295px;
	margin:0 30px 20px 0;
	padding:10px 0;
	border:1px solid #bdbdbd;
	border-left:4px solid #b15330;
	/zoom:1;
}
#event #event-wrapper #event-inner .box .left{
	float:left;
	width:190px;
}
#event #event-wrapper #event-inner .box .left .date{
	width:85px;
	margin-bottom:5px;
	padding:2px 5px 0 15px;
	background-color:#b15330;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}
#event #event-wrapper #event-inner .box .left .title{
	margin-left:15px;
	font-size:1.2em;
	font-weight:bold;
}
#event #event-wrapper #event-inner .box .photo{
	float:right;
	width:85px;
	margin-right:10px;
}
#event #event-wrapper #event-inner .box .photo img{
	max-width: 85px !important;
	height: auto !important;
	width: expression(this.width > 85 ? 85: true); /*for ie6*/
	width: auto;
}

/* -------------------------------------------------------------------------- */
/* calendar */
/* -------------------------------------------------------------------------- */
#calendar {
	margin-bottom:80px;
}
#calendar h2{
	margin-bottom:20px;
	padding-top:40px;
	border-top:1px solid #bdbdbd;
	font-size:2.0em;
}

#calendar p{
	text-align:center;
}

/* -------------------------------------------------------------------------- */
/* report-wrapper */
/* -------------------------------------------------------------------------- */
#report-wrapper{
	width:960px;
	margin:0 auto;
	background:url("../image/bg_report.gif") 0 0 repeat;
}
#report-wrapper #report{
	padding:30px 0;
}
#report-wrapper #report h2{
	margin-bottom:40px;
	text-align:center;
}
#report-wrapper #report .block{
	width:860px;
	margin:0 auto;
}
#report-wrapper #report .block .inner{
	width:885px;
	letter-spacing:-0.4em;
}
#report-wrapper #report .block .inner dl{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	width:250px;
	margin:0 25px 25px 0;
	padding:10px;
	background-color:#FFF;
	box-shadow:0 0 4px #676767;
	-webkit-box-shadow:0 0 4px #676767;
	vertical-align:top;
	/zoom:1;
	letter-spacing:normal;
	text-align:center;
}
#report-wrapper #report .block .inner dl dt{
	margin-bottom:10px;
}
#report-wrapper #report .block .inner dl dt img{
	max-width: 250px !important;
	height: auto !important;
	width: expression(this.width > 250 ? 250: true); /*for ie6*/
	width: auto;
}

#report-wrapper #report .block .inner dl dd span{
	padding:0 5px;
	background-color:#aa441e;
	color:#fff;
	font-size:0.8em;
}
#report-wrapper #report .block .inner dl dd{
	padding:0 5px;
	text-align:left;
	font-size:1.2em;
}

#report-wrapper #report .all-list{
	overflow:auto;
	padding:25px;
	width:810px;
	height:150px;
	margin:0 auto;
	background:url("../image/bg_bloglist.png") 0 0 repeat;
}

#report-wrapper #report .all-list dl{
	overflow:hidden;
	margin:0 auto 15px;
	/zoom:1;
}

#report-wrapper #report .all-list dl dt{
	float:left;
	width:80px;
	padding-top:3px;
	color:#d63d3d;
	font-size:0.9em;
	font-weight:bold;
}

#report-wrapper #report .all-list dl dd{
	float:right;
	width:700px;
}