@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: bottom;
  border-style:none;
}

a img { border: none;}
a { text-decoration: none; outline:none;}
a:hover { text-decoration: underline;}


ul li { list-style-type:none;}
	
.clear { clear:both;}

html {
	font-size:62.5%;
	overflow-y:scroll;
	}
	
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	line-height: 1.8em;
	color:#000;
		}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
	* html .clearFix {
		zoom: 1;
	}

	*+html .clearFix {
		zoom: 1;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
.clear {
	clear:both;
	}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/

#contents {
	margin:40px auto 0px;
	width:950px;
	}
#contents_message {
	margin:40px auto 0px;
	width:600px;
	background:url(../images/message/bg.png) repeat-y;
		}
	
#logo {
	background:#fff;
	opacity:0.7;
	float:left;
	}
#list {
	width:166px;
	float:right;
	margin:0px 30px 0px 0px;
	}
#list ul li {
	margin:0px 0px 10px;
	}		
.polaroid { position:absolute; }
.polaroid img { margin:25px 0 0 15px; }
	
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
	
	
#nav {
position: relative;
top: 0;
float: left;
width: 350px;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	background-position: top left;
	width: 196px;
	height: 55px;
}
.text {
	display: none;
}
#nav li a:hover {
	background-position: bottom left;
}
/*------------------------------------------------------------
	archive_list
------------------------------------------------------------*/

.no1 {
	background: url("../images/2011.png") no-repeat;
}
.no2 {
	background: url("../images/husen01.png") no-repeat;
}
.no3 {
	background: url("../images/husen02.png") no-repeat;
}
.no4{
	background: url("../images/husen03.png") no-repeat;
}
.no5{
	background: url("../images/husen04.png") no-repeat;
}
.no6{
	background: url("../images/husen05.png") no-repeat;
}
.no7{
	background: url("../images/archive.png") no-repeat;
}

/*------------------------------------------------------------
	message
------------------------------------------------------------*/

#message {
	width:500px;
	margin:0px 0px 0px 83px;
	line-height:1.8em;
	color:#313131;
	}
#message h1 {
	padding:30px 0px 0px;
	font-weight:normal;
	font-size:3.2em;
	line-height:1.4em;
		}	
#message h2#top {
	padding:0px!important;
	}		
#message h2 {
	padding:20px 0px 0px;
	font-weight:normal;
	font-size:2.2em;
	line-height:1.4em;
	}	
h3 {
	font-size:1.8em;
	line-height:1.4em;
		}	
p , ul {
	margin:10px;
	font-size:1.4em;
	line-height:1.8em;
		}
p.name {
	text-align:right;
	font-weight:bold;
	}
p.gototop {
	text-align:right;
		}			
p.gototop a {
	color:#7f7e7e;
	}		
#table_history {
	font-size:1.2em!important;
	width:100%;
	background:#f7fcce;
	line-height:1.6em!important;
		}	
table#history {
	width:96%;
	margin:10px auto;
	border-collapse: separate;
*border-collapse: collapse;
border-spacing: 0;
	}
table#history td {
	vertical-align:top;
	padding:4px 0px;
	}	
td.caption {
	border-bottom:1px solid #00561f;
	}		
td.theme {
	width:28%;
	}	
td.title {

	}	
td.date {
	width:18%;
	}	
	
/*------------------------------------------------------------
	archive
------------------------------------------------------------*/
ul#archive_list li {
	float:left;
	margin:0px 10px 0px 0px;
	}	
.archive h3 {
	font-size:1.4em;
	margin:30px 0px 0px;
	}