@charset "utf-8";

/* initialize
---------------------------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,a,input,textarea{
	margin: 0; padding: 0; font-size: 100%;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #f6f6ff url(../img/bg.jpg) left top repeat-x;
	color: #000;
}

a:link{ color: #669; }
a:visited{ color: #999; }
a:hover{ color: #000; }
a:active{ color: #000; }

span.new{
	font-size: 0.8em;
	letter-spacing: 0;
	color: #f63;
}


/* container
---------------------------------------------------------*/
#container{
	width: 960px;
	margin: 15px auto;
	background: #fff url(../img/bg_container.png) left top repeat-y;
	border-top: 3px #77d solid;
	border-bottom: 3px #77d solid;
}


/* header
---------------------------------------------------------*/
#header{
	padding: 14px 0 14px 15px;
	background: url(../img/head_bg.jpg) 540px 14px no-repeat;
}
#header h1{
	width: 525px;
	height: 72px;
}
#header h1 a{
	display: block;
	width: 525px;
	height: 0;
	padding-top: 72px;
	overflow: hidden;
	background: url(../img/title.png) left top no-repeat;
}


/* navi
---------------------------------------------------------*/
#navi{
	padding-left: 15px;
	margin-bottom: 15px;
}
#navi ul{
	width: 930px;
	list-style: inside none;
}
#navi ul li{
	float: left;
	width: 186px;
	height: 50px;
}
#navi ul li a{
	display: block;
	width: 186px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
}
#navi ul li#home a{ background: url(../img/navi.jpg) 0px top no-repeat; }
#navi ul li#about a{ background: url(../img/navi.jpg) -186px top no-repeat; }
#navi ul li#info a{ background: url(../img/navi.jpg) -372px top no-repeat; }
#navi ul li#memorial a{ background: url(../img/navi.jpg) -558px top no-repeat; }
#navi ul li#contact a{ background: url(../img/navi.jpg) -744px top no-repeat; }

#navi ul li#home a:hover{ background: url(../img/navi.jpg) 0px -50px no-repeat; }
#navi ul li#about a:hover{ background: url(../img/navi.jpg) -186px -50px no-repeat; }
#navi ul li#info a:hover{ background: url(../img/navi.jpg) -372px -50px no-repeat; }
#navi ul li#memorial a:hover{ background: url(../img/navi.jpg) -558px -50px no-repeat; }
#navi ul li#contact a:hover{ background: url(../img/navi.jpg) -744px -50px no-repeat; }

#navi ul li#home a#here{ background: url(../img/navi.jpg) 0px -50px no-repeat; }
#navi ul li#about a#here{ background: url(../img/navi.jpg) -186px -50px no-repeat; }
#navi ul li#info a#here{ background: url(../img/navi.jpg) -372px -50px no-repeat; }
#navi ul li#memorial a#here{ background: url(../img/navi.jpg) -558px -50px no-repeat; }
#navi ul li#contact a#here{ background: url(../img/navi.jpg) -744px -50px no-repeat; }



/* center
---------------------------------------------------------*/
#center{
	padding: 0 15px 15px 15px;
}

/* main
---------------------------------------------------------*/
#main{
	float: left;
}

#main div.section{
	width: 675px;
	background: url(../img/section_bg.png) left bottom no-repeat;
	padding: 0 0 10px 0;
	margin-bottom: 15px;
}

#main div.section h2{
	width: 675px;
	line-height: 60px;
	background: url(../img/h2_blank.jpg) left top no-repeat;
	padding: 0 0 0 35px;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 1px;
}

/* side
---------------------------------------------------------*/
.side{
	float: right;
	width: 240px;
	background: url(../img/side_bgfoot.png) left bottom no-repeat;
	margin-bottom: 15px;
}
.side h2{
	width: 240px;
	height: 0;
	padding-top: 10px;
	overflow: hidden;
	background: url(../img/side_bghead.png) left top no-repeat;
}
.side h3{
	width: 220px;
	height: 40px;
	overflow: hidden;
	background: url(../img/side_head.jpg) left top no-repeat;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 40px;
	margin-bottom: 10px;
}

.side div.section{
	padding: 0 0 10px 10px;
}

.side div.section ul{
	list-style: inside circle;
	padding: 0 0 0 10px;
}
.side div.section ul li{
	font-size: 0.9em;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.side div.section p{
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.5em;
	padding: 0 0 10px 3px;
}

.side #pickup ul{
	padding: 0;
}
.side #pickup ul li#alumBanner, .side #pickup ul li#mochiBanner,.side #pickup ul li#second20Banner{
	list-style: outside none;
	margin-bottom: 10px;
}
.side #pickup ul li#alumBanner a{
	display: block;
	width: 220px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	background: url(../img/banner_alum.jpg) left top no-repeat;
}
.side #pickup ul li#mochiBanner a{
	display: block;
	width: 220px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	background: url(../img/banner_mochi.jpg) left top no-repeat;
}
.side #pickup ul li#second20Banner a{
	display: block;
	width: 220px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	background: url(../img/banner_second20.jpg) left top no-repeat;
}

.side .sns{
	position: relative;
}
.side .sns #tw{

}
.side .sns #fb{
	position: relative;
	top: 1px;
}


/* footer
---------------------------------------------------------*/
#footer{
	color: #99c;
	margin: 0 1px;
	padding: 0 14px;
	background: url(../img/footer_bg.jpg) left top repeat-x;
}

#footer a{ text-decoration: none; }

#footer #footnavi{
	float: left;
	background: url(../img/footer_logo.jpg) left 15px no-repeat;
	padding: 15px 0 15px 60px;
}

#footer #footnavi address,#footer #footnavi p{
	font-size: 0.8em;
	font-style: normal;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
}
#footer #footnavi p{
	padding: 4px 0;
}

#footer #gototop{
	float: right;
	padding: 15px 0 0 0;
}
#footer #gototop a{
	display: block;
	width: 40px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	background: url(../img/pagetop.jpg) left top no-repeat;
}


/* Faceboox Page
---------------------------------------------------------*/
.fbContainer {
	width: 500px;
	margin: 0 auto;
}


/* clearfix
---------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}