@charset "utf-8";

body {
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 90%; line-height: 1.5em; }

/* +----------------------------------------------------+ */
/* | ナビメニューのＣＳＳスプライト化						        | */
/* | http://www.xenophy.com/webdesign/2170							| */
/* +----------------------------------------------------+ */
/* 中央寄せ */
#nav				 { position: relative; overflow: hidden;  }
#nav ul 		 { position: relative; left:  50%; float: left; }
#nav ul li 	 { position: relative; left: -50%; float: left; }
/* 中央寄せ　ここまで */
#nav ul 					{ margin: 0; padding: 0; list-style-type: none; }
#nav ul li 	 			{ z-index: 1; margin-left: 5px; margin-top: 5px; }
#nav ul li a 			{ display: block; text-decoration: none; }
#nav ul li a span { position: relative; z-index: -1; }

#nav a.sprite_00
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:80px; height:60px;
																																background-position:-10px -10px; }
#nav a.sprite_00:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:80px; height:60px; 
																																background-position:-10px -70px; }

#nav a.sprite_01
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px;
																																background-position:-10px -960px; }
#nav a.sprite_01:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -1020px; }

#nav a.sprite_02
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -770px; }
#nav a.sprite_02:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -830px; }

#nav a.sprite_03
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -580px; }
#nav a.sprite_03:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -640px; }

#nav a.sprite_04
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -390px; }
#nav a.sprite_04:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -450px; }

#nav a.sprite_05
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -200px; }
#nav a.sprite_05:hover
		{ background: url(../archives/img/csssprite.png) no-repeat left top; width:200px; height:60px; 
																																background-position:-10px -260px; }

#breadcrumb ul 			{ margin: 0.5em 0 0 0; padding: 0; }
#breadcrumb li 			{ display: inline; }
#breadcrumb a	 			{ color: #630; text-decoration: none; font-size: 85%; }
#breadcrumb a:hover { color: #F60; }

#preface ul 		 	{ position: relative; left:  50%; float: left; }
#preface ul li 	 	{ position: relative; left: -50%; float: left; }
#preface ul 			{ margin: 0.5em 0; padding: 0; }
#preface li 			{ display: inline; }
#preface a	 			{ color: #630; text-decoration: none; font-weight: bold; }
#preface a:hover	{ color: #F60; }
#preface .active a { color: #C60; }

#divCenter          { clear: both; width: 35em; margin: 0 auto; }
#divCenter          { background: url(../archives/img/yellow.png) repeat; border-radius: 10px; }
#divCenter a	 			{ color: #630; text-decoration: none; font-weight: bold; }
#divCenter a:hover	{ color: #F60; }

h2 { font-size: 130%; line-height: 1.6em; text-align: center; }

#div1, #div6, #div8, #div10 { background: url(../archives/img/yellow.png) repeat; margin-top: 5px; }
#div2, #div5, #div7, #div11 { background: url(../archives/img/lightblue.png) repeat; margin-top: 5px; }
#div3, #div4, #div9, #div12 { background: url(../archives/img/pink.png) repeat; margin-top: 5px; }

.alignCenter 	{ text-align: center; }
.alignLeft   	{ text-align: left; }
.alignRight  	{ text-align: right; }
.margin-All10	{ margin: 10px; }

.margin-h1	 	{ margin-left: 1em; margin-right: 1em; }
.imgShadow	 	{ box-shadow: 8px 10px 6px -6px #777; }

#preface 		 	{ margin-bottom: 10px; }
.prefaceDeco 	{
	border-radius: 10px;
	background: url(../archives/img/brown.png) repeat; margin-top: 5px;
	box-shadow: 0 10px 6px -6px #777;
}

.IE6notice { text-align: center; font-size: 120%; font-weight: bold; color: red; 
	margin: 0 0 10px 0; padding: 0; 
	border: 1px solid #F7941D; background: #FEEFDA; clear: both;
}
.putSprite 		{ display: inline-block; }


/* +--------------------+ */
/* | Copyright 著作権   | */
/* +--------------------+ */
#copyright p { color:#0099CC; text-align: center; vertical-align: middle; }

/* +--------+ */
/* | Footer | */
/* +--------+ */
.footer        { padding: 10px 0; background-color: #6F7D94; }
.footerSetting { font-size: 90%; margin-top: 0; }
.footerNote    { color: #666666; font-size: 90%; margin-top: 0; margin-left: 10%; margin-right: 10%; }

/* +--------------------+ */
/* | page top           | */
/* +--------------------+ */
#page_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:18px; height:99px;
                display:block; background:url(../img/pagetop.png) no-repeat left top; }
#page_top a:hover { background:url(../img/pagetop.png) no-repeat right top; }