@charset "utf-8";

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

	Nature of sarufutsu CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
 	-Structure
	
	-Header
	
	-Footer
	
	-Contents
	

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

/* Structure
****************************************************************************************/
html,body {
	background: #141414 url(../../images/nature_of_sarufutsu/structure_bg_01.png) repeat-x;
	color: #FFF;
}

body {
	min-width: 950px;
	padding: 0 40px;
}

#document {
	margin: 0 auto;
	width: 950px;
	background: #030303 url(../../images/nature_of_sarufutsu/document_bg_01.gif) no-repeat;
	border-bottom: 50px solid #141414;
}

#header {
	padding: 29px 0 20px;
}

#contents {
	padding: 0 40px;
}

#footer {
	padding: 28px 0 15px;
	background: url(../../images/nature_of_sarufutsu/footer_bg_01.png) no-repeat 0 100%;
}


/* Header
****************************************************************************************/
#header {
	position: relative;
	zoom: 1;
}

	/* Site Title
	========================================== */
	#header h1#siteTitle {
		margin: 0 0 23px 39px;
		width: 208px;
	}
	
	#header h1#siteTitle a {
		display: block;
	}


	/* Header Navi
	========================================== */
	#header ul#headerNavi {
		position: absolute;
		top: 31px;
		left: 521px;
		width: 392px;
	}
	
	#header ul#headerNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#header ul#headerNavi li {
		float: left;
	}
	
	#header ul#headerNavi li a {
		display: block;
	}


	/* Globalnavi
	========================================== */
	#header ul#globalnavi {
		position: absolute;
		top: 56px;
		left: 263px;
		width: 663px;
	}
	
	#header ul#globalnavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#header ul#globalnavi li {
		float: left;
		display: inline;
	}
	#header ul#globalnavi li.item01 {width:  52px;}
	#header ul#globalnavi li.item02 {width: 140px;}
	#header ul#globalnavi li.item03 {width:  79px;}
	#header ul#globalnavi li.item04 {width:  70px;}
	#header ul#globalnavi li.item05 {width:  60px;}
	#header ul#globalnavi li.item06 {width:  70px;}
	#header ul#globalnavi li.item07 {width:  91px;}
	#header ul#globalnavi li.item08 {width: 101px;}
	
	#header ul#globalnavi li a {
		display: block;
		height: 35px;
		background: url(../../images/nature_of_sarufutsu/globalnavi_bg_01.png) no-repeat;
	}
	#header ul#globalnavi li.item01 a {background-position:     0  0;}
	#header ul#globalnavi li.item02 a {background-position:  -52px 0;}
	#header ul#globalnavi li.item03 a {background-position: -192px 0;}
	#header ul#globalnavi li.item04 a {background-position: -271px 0;}
	#header ul#globalnavi li.item05 a {background-position: -341px 0;}
	#header ul#globalnavi li.item06 a {background-position: -401px 0;}
	#header ul#globalnavi li.item07 a {background-position: -471px 0;}
	#header ul#globalnavi li.item08 a {background-position: -562px 0;}
	
	#header ul#globalnavi li a:hover {
		background-color: #FFF;
	}
	
	#header ul#globalnavi li a:hover img {
		visibility: hidden;
	}


/*Footer
****************************************************************************************/
#footer {
}

	/* Footer Navi
	========================================== */
	#footer ul#footerNavi {
		margin: 0 auto 10px;
		width: 536px;
	}
	#footer ul#footerNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#footer ul#footerNavi li {
		float: left;
		height: 11px;
		overflow: hidden;
		line-height: 0;
	}
	
	/* Copyright
	========================================== */
	#footer p#copyright {
		margin: 0 auto;
		width: 441px;
		height: 21px;
		overflow: hidden;
		line-height: 0;
	}


/* Contents
****************************************************************************************/
#contents h2 {
	margin: 0 0 13px;
	line-height: 0;
	height: 24px;
	overflow: hidden;
	line-height: 0;
}

#contents p.relatedLink {
	position: relative;
	top: -13px;
	margin: -17px 0 0;
	height: 17px;
	overflow: hidden;
	line-height: 0;
	text-align: right;
}

#contents p.relatedLink a {
}