@charset "utf-8";
/*<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />*/

/*============================================================

	[layout.css]
	
	@author S.Kaizu

	1. container
		1-1. body
		1-2. page
		1-3. content
		1-4. navigation
		1-5. copyright
	2. contents
	3. navigation
		3-1. title
		3-2. menu
		3-3. banner
	4. content
		4-1. layout
		4-2. heading
		
============================================================*/

/*------------------------------------------------------------

	1. container

------------------------------------------------------------*/

/*	1-1. body
------------------------------------------------------------*/
body {
	background: url(../img/background.gif) repeat-x;
}

/*	1-2. page
------------------------------------------------------------*/
div.page {
	position: relative;
	z-index: 1;
	width: 960px;
	margin: 0 auto;
	padding: 70px 0 0;
}
* html div.page {
	text-align: left;
}

/*	1-3. content
------------------------------------------------------------*/
div.content {
	position: relative;
	float: left;
	width: 690px;
	margin: 50px 0 0 30px;
}
* html div.content {
	display: inline;
}

/*	1-4. navigation
------------------------------------------------------------*/
div.navigation {
	float: right;
	width: 150px;
	margin: 50px 30px 0 0;
}
* html div.navigation {
	display: inline;
}

/*	1-5. copyright
------------------------------------------------------------*/
div.copyright {
	clear: both;
	position: relative;
	width: 900px;
	height: 36px;
	margin: 0 auto;
	padding: 0 30px;
}
* html div.copyright {
	clear: none;
	width: 960px;
	text-align: left;
}

div.copyright img {
	display: block;
}

div.copyright address {
	width: 690px;
	height: 36px;
}

div.copyright p.top {
	position: absolute;
	right: 30px;
	top: 0;
}

/*------------------------------------------------------------

	2. contents

------------------------------------------------------------*/
div.contents img {
	vertical-align: bottom;
}

div.contents a {
	outline: none;
}

div.contents div.identity {
	position: absolute;
	left: 15px;
	top: 10px;
	width: 138px;
	height: 60px;
}

div.contents ul {
	position: absolute;
	left: 210px;
	top: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.contents li {
	float: left;
	width: 120px;
	height: 60px;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------

	3. navigation

------------------------------------------------------------*/
div.navigation img {
	vertical-align: bottom;
}

/*	3-1. title
------------------------------------------------------------*/
div.navigation p.title {
	margin: 0 0 50px;
}

/*	3-2. menu
------------------------------------------------------------*/
div.navigation dl.menu {
	margin: 0 0 50px;
}

div.navigation dl.menu dt,
div.navigation dl.menu dd {
	margin: 0;
}

/*	3-3. banner
------------------------------------------------------------*/
div.navigation ul.banner {
	margin: 0 0 50px;
	list-style: none;
}

div.navigation ul.banner li {
	margin: 0 0 10px;
}

/*------------------------------------------------------------

	4. content

------------------------------------------------------------*/

/*	4-1. layout
------------------------------------------------------------*/
div.section {
	position: relative;
	margin: 0 0 50px;
}

div.section:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div.section {
	height: 1%;
}
*:first-child+html div.section {
	min-height: 1%;
}

/* photo */
div.section div.photo {
	/*padding: 0.42305em 0 0;*/
}

/*	4-2. heading
------------------------------------------------------------*/
div.content h1 img,
div.content h2 img {
	display: block;
}

div.content h1 {
	margin: 0;
}

div.content h2 {
	margin: 0;
}