@charset "utf-8";

@import url("reset.css");
@import url("common.css");

body:before {
	background: url(../../common/img/background/photo_triangulate.jpg) no-repeat top center;
	background-size: 100% auto;
	content: "";
	display: block;
	height: 130px;
	position: absolute;
	width: 100%;
	z-index: -1;
}

/* header
────────────────────────────────────────────────── */

header{
	background-size: 100% auto;
	height: 130px;
	margin:0 auto;
	width:960px;
}
header:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

header img{
	vertical-align:bottom;
}

header h1{
	padding:15px 0 0;
	float:left;
}

header h1 img{
	display:block;
	height:auto;
	width:297px;
}

header h1 img + img{
	margin-top:10px;
}

header nav{
	margin-top:35px;
	float:right;
}

header nav ul{
	background:#FFF;
	display:table;
}
header nav ul li{
	display:table-cell;
}

/* pagetitle
────────────────────────────────────────────────── */

#pagetitle{
	border-bottom:1px #CCC solid;
}

#pagetitle img{
	vertical-align:bottom;
}

#pagetitle h1{
	margin:0 auto;
	width:960px;
}

#pagetitle h1 img{
	background:url(../img/background/line.png) no-repeat bottom left;
	background-size:100% 3px;
	margin-bottom:-2px;
	padding:30px 0 33px;
}


/* container
────────────────────────────────────────────────── */

#container{
	width:960px;
	margin:60px auto;
}
#container:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}