@charset "utf-8";

/* 要素のリセット */
html{overflow-y: scroll ;}
html,body,
h1,h2,h3,h4,h5,h6,
table,caption,th,td,
ul,ol,li,dl,dt,dd,
p,address,img,form {
	margin: 0 ;
	padding: 0 ;
	border: none ;
	font-style: normal ;
    font-family: "メイリオ",Meiryo,Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: normal ;
	font-size: 100% ;
	text-align: left ;
	list-style-type: none ;
}
a{text-decoration: none ;outline: 0 ;}

/* ベースラインをボトムにし画像の下にできる隙間をなくす */
img {
	border: 0 ;
	vertical-align: bottom ;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style: inherit ;
	font-weight: inherit ;
}
sup,sub{vertical-align: baseline ;}
del,ins{text-decoration: none ;}
abbr,acronym{
	border: 0 ;
	font-variant: normal ;
}

/* TextArea内文字サイズのブラウザ間での差異をなくす */
fieldset{border: 0 ;}
input,button,textarea,select{*font-size: 100%;}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* clearfix */
.clear{clear: both ;}
/* for modern brouser */
.clearfix:after {
  content: "." ;
  display: block ;
  clear: both ;
  height: 0 ;
  visibility: hidden ;
}
/* IE7,MacIE5 */
.clearfix {display: inline-block ;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* clearfix */



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

	CommonElements

======================================= */
body {
width: 100%;
	font-size: 100%;
	line-height: 140%;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,Arial,Helvetica,sans-serif;
	color: #FFF;
	text-align: center;
	background: url(../image/back-top-winter.jpg) center top #95bedc no-repeat ;
	background-size: 100%;
}
.back01{
	background: url(../image/back-bottom-winter.png) center bottom no-repeat ;
	background-size: 100%;
}

a:link { text-decoration:none; color: #FFF;}
a:visited { text-decoration:none; color: #FFF;}
a:active { text-decoration:none; color: #FFF;}
a:hover { text-decoration:none; color: #3399CC;}

h1 {
	margin-bottom: 0px;
	padding: 10px 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: bold ;
}
h2 {
	padding: 30px 0;
	width: 100%;
	font-size: 16px;
	font-weight: bold ;
}

#container {
	width: 95%;
	text-align: center;
	margin: 0px auto ;
}

/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0 ;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
	background:#FFF;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	left: 10px;
	background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}








#head{
	width: 100% ;
	margin: 0px auto ;
	text-align:center;
}
#head img{
	margin: 0px auto 0px auto ;
	z-index: 999999 ;
	position: relative ;
}
.viewer{
	margin-top: -15% ;
}
.viewer img{
	z-index: 10 ;
}
#nero-text{
	width: 70% ;
	margin: 0px auto ;
	text-align:left;
	font-size: 12px ;
}
#nero-text h2{
	text-align:center;
}
#nero-text span.paragraph{
	display: block ;
	padding: 5px 0px 10px 10px ;
}
#map{
	width: 100% ;
	margin: 0px auto ;
	padding: 10px 0px ;
	text-align:center;
}

#calendar{
	max-width: 800px ;
	min-width: 300px ;
	margin: 30px auto 0px auto ;
	padding: 10px 10px 0px 10px ;
	border-top: 2px dotted #555555 ;
	border-bottom: 2px dotted #555555 ;
}


#calendar table.cale{
	margin: 0px auto 10px 10px ;
	float: left ;
}

#calendar table.cale th,
#calendar table.cale td{
	padding: 0px 4px 0px 4px ;
	text-align:center;
	vertical-align:top;
	font-size:11px;
	background: #3e3e3e ;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
.pink{font-weight:bold;color: #FF6699 ;}
.orange{font-weight:bold;color: #ff9c00 ;}
.cale-text{
	width: 280px ;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 20px 0px ;
	font-size: 11px ;
	line-height: 160% ;
	text-align:left;
	float: right ;
}








#yago{
	width: 85% ;
	margin: 60px auto 20px auto ;
}
table.yago{
	border-top: 1px dotted #555555 ;
	margin: 20px auto ;
	font-size: 10px ;
}

#yago table.yago th{
	white-space: nowrap;
}
#yago table.yago th,
#yago table.yago td{
	vertical-align:top;
	line-height: 160% ;
	padding: 3px 15px 5px 5px ;
	border-bottom: 1px dotted #555555 ;
}
#yago table.yago dl{
	margin: 0px 0px 0px 15px ;
}
#yago table.yago dt,
#yago table.yago dd{
	float: left ;
}


.mail{
	margin: 50px auto ;
	font-size: 17px ;
}
.mail a{color: #FFF ;}
.mail a:visited{color: #FFF ;}
.mail a:hover{color: #FF6633 ;}



address{
	width: 100% ;
	text-align: center ;
	padding: 5px ;
	background: #1b2329 ;
	font-size: 10px ;
}