@charset "utf-8";

/* topbar
------------------------- */
.topbar {
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	overflow: visible;
}
.topbar a {
  /*color: #bfbfbf;*/
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a {
  background-color: #333;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  text-decoration: none;
}
.topbar h3 {
  position: relative;
}
.topbar .brand {
  float: left;
  display: block;
  padding: 0px 10px 0 0;
  margin-left: -20px;
  color: #ffffff;
}
.topbarInner {
	height: 30px;
	color:#FFFFFF;
	background-color: #317bc7;
	/*background-color:#333333;*/
	-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	vertical-align:bottom;
	padding:10px 0 0 0;
}

/* footer
------------------------- */
.backTop {
	float:right;
	/*width:80px;*/
	text-align:center;
	cursor: pointer;
  	display: inline-block;
  	background-color: #b0d9ff;
  	background-repeat: no-repeat;
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5f2ff), color-stop(25%, #d5eaff), color-stop(50%, #cae5ff), color-stop(75%, #89c4fa),to(#b0d9ff));
  	background-image: -webkit-linear-gradient(#e5f2ff 0%, #d5eaff 25%, #cae5ff 50%, #89c4fa 75%,#b0d9ff);
  	background-image: -moz-linear-gradient(top, #e5f2ff 0%, #d5eaff 25%, #cae5ff 50%, #89c4fa 75%,#b0d9ff);
  	background-image: -ms-linear-gradient(#e5f2ff 0%, #d5eaff 25%, #cae5ff 50%, #89c4fa 75%,#b0d9ff);
  	background-image: -o-linear-gradient(#e5f2ff 0%, #d5eaff 25%, #cae5ff 50%, #89c4fa 75%,#b0d9ff);
  	background-image: linear-gradient(#e5f2ff 0%, #d5eaff 25%, #cae5ff 50%, #89c4fa 75%,#b0d9ff);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f2ff', endColorstr='#b0d9ff', GradientType=0);
  	padding: 5px 10px 6px;
  	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  	color: #333;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	border-radius:0;
	border:none;
	padding:5px 10px;
	margin-top:-20px;
	margin-bottom:10px;
}
.footer {
	background-color: #317bc7;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#2383ce), to(#195dba));
 	background-image: -moz-linear-gradient(top, #2383ce, #195dba);
 	background-image: -ms-linear-gradient(top, #2383ce, #195dba);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2383ce), color-stop(100%, #195dba));
	background-image: -webkit-linear-gradient(top, #2383ce, #195dba);
	background-image: -o-linear-gradient(top, #2383ce, #195dba);
	background-image: linear-gradient(top, #2383ce, #195dba);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2383ce', endColorstr='#195dba', GradientType=0);
	-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	color:#FFFFFF;
	padding:20px 0 30px 0;
}
.footer a {
	color:#FFFFFF;
}
.footer ul {
	list-style:none;
	margin-left: 0;
}
.footer li {
	padding:3px 0;
}
.backTop a {
	color: #333333;
  	font-weight:bold;
	text-decoration:none;
}

/* action_message
------------------------- */
#action_message {
	position:fixed;
	margin:40px 0 0 0;
	padding:13px 0;
	width:100%;
	/* background-color:#FFF1C6;*/
	background-color:#A8EFAF;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	z-index:1000;
	-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/* dialog
------------------------- */
.enq_row {
	background-color:#ededed;
	border-radius:3px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.1);
	padding:10px;
	margin-bottom:20px;
}
.enq_question {
	font-weight:bold;
	padding-bottom:5px;
}
.enq_actions {
	text-align:right;
	padding-bottom:5px;
}
.comment_area {
	display:block;
	width:360px;
}

/*========================================================= EVENT_DETAIL */
#event_detail {
	margin-bottom:		40px;
	word-break: 		break-all;
	word-wrap:			break-word;
}
#event_detail li {
	font-family: 		"メイリオ" ,Meiryo, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック";
	font-weight:		bold;
	font-size:			100%;
	line-height:		150%;
}
#event_detail .Apple-style-span {
  float: none;
  margin-left: 0px;
}

/*EVENT_DETAIL for Editor*/
#event_detail {			line-height:		160%;}
#event_detail hr {		display:	inherit;}
#event_detail h1, #event_detail h2, #event_detail h3,
#event_detail h4, #event_detail h5, #event_detail h6,
.cleditorList h1, .cleditorList h2, .cleditorList h3,
.cleditorList h4, .cleditorList h5, .cleditorList h6 {
	font-weight:		bold;
	color:				#333333;
	padding:            0;
	margin:				10px 0;
}
#event_detail h1, .cleditorList h1 { font-size:250%; margin:20px 0;}
#event_detail h2, .cleditorList h2 { font-size:200%; margin:15px 0;}
#event_detail h3, .cleditorList h3 {
	font-size:			180%;
	border:				none; }
#event_detail h4, .cleditorList h4 {
	background:			none;
	font-size:			160%; }
#event_detail h5, .cleditorList h5 {
	font-size:			140%; }
#event_detail h6, .cleditorList h6 {
	font-size:			120%; }

#event_detail font {	line-height:		100%;}
#event_detail ul {
	list-style:			disc inside;
	margin:				0;
	padding:            0;
}
#event_detail ol {
	list-style:			decimal inside;
	margin:				0;
	padding:            0;
}
#event_detail table td {
	padding:            5px;
}

/* Auto Table of Contents */
.fixedMenu {
	position: fixed;
	margin-left: 680px;
}

#toc li {
	width: 300px;
}