@charset "utf-8";

/* ↓共有 -------- */
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	background: whitesmoke;
}
#container {
	margin: 0 auto;
	width: 980px;
	background: whitesmoke;
	background: url(../../assets/img/bg_0.png) no-repeat bottom right;
	border: 1px solid #29abe2;
}
/* header -------- */
header {
	width: 980px;
	height: 75px;
	box-shadow: 0px 9px 10px -5px #99aaaa inset;
		-webkit-box-shadow: 0px 9px 10px -5px #99aaaa inset;
		-moz-box-shadow: 0px 9px 10px -5px #99aaaa inset;
	border-top: solid 1px #99aaaa;
}
header h1 {
	margin: 0 auto;
	margin-top: 15px;
	width: 213px;
}
header h1 a:hover {
	opacity: 0.7;
}
.company_info{
	font-size: 14px;
	margin-top: -20px;
	margin-right: 30px;
	text-align: right;
	float: right;
	width: 310px;
}
/* article -------- */
article {
	padding-top: 5px;
	height: 410px;
}
/* nav -------- */
nav {
	overflow: hidden;
	float: left;
	width: 230px;
	margin-top: 8px;
}
nav ul li {
	margin-bottom: 20px;
}
nav ul li img {
	box-shadow: 0px 7px 10px 0px #99aaaa;
		-webkit-box-shadow: 0px 7px 10px 0px #99aaaa;
		-moz-box-shadow: 0px 7px 10px 0px #99aaaa;
}
/* section -------- */
section {
	position: relative;
	float: right;
	margin-top: 5px;
	width: 740px;
}
section#clockBox {
	height: 200px;
}

/* footer -------- */
footer {
	text-align: center;
	height: 35px;
	color: #A6A6A6;
	letter-spacing: 0.1em;
	box-shadow: 0px -2px 10px 0px #99aaaa;
		-webkit-box-shadow: 0px -2px 10px 0px #99aaaa;
		-moz-box-shadow: 0px -2px 10px 0px #99aaaa;
}
footer small {
	color: #A6A6A6;
	font-size: 11px;
	letter-spacing: 0.1em;
	line-height: 3;
}
/* font -------- */
@font-face {
	font-family: '7barSP';
	src: url('../../assets/font/7barSP.eot');
	src: local('☺'), url('../../assets/font/7barSP.woff') format('woff'), url('../../assets/font/7barSP.ttf') format('truetype'), url('../../assets/font/7barSP.svg') format('svg');
}

/* layer -------- */
p.layer, p.layerBox {
	position: absolute; top: 3px; left: 5px;
	z-index: 20;
	background: #fff;
	opacity:0.4;
	filter: alpha(opacity=40);
}
p.layer {
	width: 582px;
	height: 55px;
}
p.layerBox {
	width: 535px;
	height: 60px;
}

/* Link------------- */
a {
	font-size: 11px;
	color: #0088cc;
	text-decoration: none;
}
a:hover {
	color: #074da3;
}
/* ↑共有 -------- */