/* ############# UPDATE ############# */
div.top_update{
	overflow: auto;
	margin: 0 5px 20px 5px;
	background-color: #fff9ff;
	padding: 10px;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
}
div.top_update dl{
	margin: 10px 0;
	padding: 0;
	line-height: 1.8;
	width: 100%;
}
div.top_update dl dt{
	clear: left;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
}
div.top_update dl dd{
	display: block;
	position: relative;
	min-height: 4em;
	padding: 0 5px 0 10em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
div.top_update dl dt span.date{
	display: block;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0;
	margin-bottom: 0;
	margin-left: 1em;
}
div.top_update dl dt span.cat{
	display: block;
	width: 10em;
	text-align: center;
	font-size: 70%;
	color: #e6e6e6;
	margin-left: 2em;
	padding: 1px 2px;
	border-radius: 2px; 
	-webkit-border-radius: 2px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px; /* Firefox用 */  
}
	div.top_update dl dt span.general{
		background-color: #808080;
	}
	div.top_update dl dt span.wh{
		background-color: #0063a4;
	}
	div.top_update dl dt span.vis{
		background-color: #ed8f4e;
	}
	div.top_update dl dt span.eta{
		background-color: #e06897;
	}
	div.top_update dl dt span.common{
		background-color: #4da619;
	}

/* ############# UPDATE ############# */




h1.top_cont_title{
	position: relative;
	padding: 5px 20px;
	margin: 30px 5px 20px 5px;
	font: bold 180%/1.6 Arial, Helvetica, sans-serif;
	color: #0063a4;
	background: #fff;
	text-shadow: 
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top: #333 solid 3px;
	border-bottom: #333 solid 3px;
	box-sizing: border-box;
	background-image:  -webkit-gradient(linear, left top, right bottom,
			from( rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image:  -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size: 4px 4px;
}
h1.top_cont_title:before{
	content: " ";
	position: absolute;
	top: 100%;
	left: 24px;
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #333;
}
h1.top_cont_title:after{
	content: " ";
	position: absolute;
	top: 100%;
	left: 28px;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #f0f0f0;
	z-index: 1;
}

h1.wh{
	color: #0063a4;
}
h1.vis{
	color: #ed8f4e;
}
h1.eta{
	color: #e06897;
}
h1.common{
	color: #4da619;
}


div.top_cont_wrap{
	overflow: hidden;
	margin: 0px 5px 10px 5px;
	padding: 8px;
	background-color: #f4f4f4;
	border: solid 1px #d9d9d9;
	box-sizing: border-box;

	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
	box-sizing: border-box;
}

	div.top_cont_wrap ul.menu {
	/*	background-color: #fff09e;*/
		overflow: hidden;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px dotted  #cccccc;
		box-sizing: border-box;
	}
		div.top_cont_wrap ul.menu:last-of-type {
			border-bottom: 0 dotted  #cccccc;
		}

	div.top_cont_wrap ul.menu li {
		margin: 3px 0 3px 0;
		border-bottom: 0 dotted  #cccccc;
		color: #737373;
		float: left;
	}
		/* FontAwesome Icon */
		div.top_cont_wrap ul.menu li a:before{
			font-family: FontAwesome;
			margin: 0 10px 0 0;
			font-size: 100%;
		}
		div.top_cont_wrap ul.menu li.info a:before{
			content: "\f05a";
		}
		div.top_cont_wrap ul.menu li.person a:before{
			content: "\f007";
		}
		div.top_cont_wrap ul.menu li.check a:before{
			content: "\f046";
		}
		div.top_cont_wrap ul.menu li.doc a:before{
			content: "\f0f6";
		}
		div.top_cont_wrap ul.menu li.book a:before{
			content: "\f02d";
		}
		div.top_cont_wrap ul.menu li.email a:before{
			content: "\f003";
		}
		div.top_cont_wrap ul.menu li.payment a:before{
			content: "\f09d";
		}
		div.top_cont_wrap ul.menu li.files a:before{
			content: "\f0c5";
		}
		div.top_cont_wrap ul.menu li.prof a:before{
			content: "\f2bc";
		}
		div.top_cont_wrap ul.menu li.laptop a:before{
			content: "\f109";
		}
		div.top_cont_wrap ul.menu li.qa a:before{
			content: "\f29c";
		}
		div.top_cont_wrap ul.menu li.pdf a:before{
			content: "\f1c1";
		}
		div.top_cont_wrap ul.menu li.fb a:before{
			content: "\f082";
		}
		div.top_cont_wrap ul.menu li.link a:before{
			content: "\f08e";
		}
		div.top_cont_wrap ul.menu li.globe a:before{
			content: "\f0ac";
		}


	div.top_cont_wrap ul.menu li.title:before {
/*
		content: "\000A";
		white-space: wrap;
*/
	}

	div.top_cont_wrap ul.menu li.title {
		width: 14em;
		background: #e6e6e6;
		border-left: 0 solid #7b7b7b;
		text-align: right;
		padding: 3px 8px 3px 0;
		margin: 3px 0;
		color: #595959;
		font-weight: bold;
		text-decoration: none;
		box-sizing: border-box;

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
		box-sizing: border-box;
	}
	div.top_cont_wrap ul.menu li a {
		margin-left: 5px;
		padding: 3px 10px;
		color: #595959;
		text-decoration: none;
		box-sizing: border-box;

		display: inline-block;
		/display: inline;  /* IE用ハック */
		/zoom: 1;  /* IE用ハック */

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  

	}
	div.top_cont_wrap ul.menu li a:hover {
		background: #ededed;
		padding: 3px 10px;
		color: #595959;
		box-sizing: border-box;

		display: inline-block;
		/display: inline;  /* IE用ハック */
		/zoom: 1;  /* IE用ハック */

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
	}