@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin: 0;
	padding: 0;
	}
html{
	 overflow-y: scroll;
	}
body{
	font-size: 13px;
	color: #595959;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
a:link		{ color: #fff;text-decoration: underline; }
a:visited	{ color: #fff; }
a:hover		{ text-decoration: none; }
h1, h2, h3, h4, h5, h6{	font-size: 100%;}
ul,li,dl,dt,dd{ list-style: none;}
img{ border: 0; vertical-align: bottom;}
a img{ border: 0; overflow: hidden;}
p{line-height: 1.5;}
table{border:0; border-collapse:collapse; border-spacing: 0;}
textarea{
	font-size: 100%;
	}
em{
	font-weight:bold;
	font-style:normal;
}
.clfx,#body,.entry{
	zoom:1;/*for IE 5.5-7*/
	min-height: 1px;
	}	
.clfx:after,#body:after,.entry:after{/*for modern browser*/
	content:".";
	display: block;
	clear:both;
	height: 1px;
	margin-top: -1px;
	visibility:hidden;
	}
.clr{clear: both;}

sub{
	font-size:60%;
	line-height:1;
	vertical-align:5%;
	margin:0 0.3em 0 0;
}

.left{
	float:left;
}

.right{
	float:right;
}

/* Frame setting
-----------------------------------------------------  */
body{

}

div#contents{
	width:950px;
	margin:0 auto;
	}	

div#main{
	width:680px;
	float:right;
	}
	
div#sub{
	width:285px;
	float:left;
	}		

/* ヘッダー
-----------------------------------------------------  */
#headerWrap{
	width:100%;
	background: url(../cmn_img/bg.png) 0 0 repeat-x;
	padding:25px 0;
	position:fixed;
	z-index:21;
}

#header{
	position:relative;
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

#header h1{
	float:left;
	margin:0 40px 0 0;
}

/* ナビゲーション
-----------------------------------------------------  */
ul#nav{
	width:657px;
	margin:0 auto 55px;
	overflow:hidden;
	}
ul#nav li{
	line-height:1;
	float:left;
	border:solid #ccc;
	border-width:0 0 0 1px;
	}
ul#nav li.last{
	border:solid #ccc;
	border-width:0 1px;
}


ul#nav li ul.subnav{
	position:absolute;
}

ul#nav li ul.subnav li{
	margin:0 0 0 -1px;
	border:none;
}



/*ボディ共通
-----------------------------------------------------  */
img.bgmaximage{
  position:fixed !important;
}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}


.bgmaximage{
  position:fixed !important;
  display:none;
}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

.loader {
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}


/* コンテント共通
-----------------------------------------------------  */
div#contents{
	width:950px;
	margin:180px auto 0;

}

div#contents div.contentTop{
	background:url(../cmn_img/bg_content_top.png) 0 0 no-repeat;
	height:76px;
	margin:0 0 px;
}

div.content{
	width:870px;
	padding:20px 40px;
	overflow:hidden;
	background:url(../cmn_img/bg_content.png) 0 0 repeat-y;
}

div.figureR{
	float:right;
	margin:0 0 0 40px;
}

div.figureL{
	float:left;
	margin:0 15px 0 0;
}

div.figureR-left{
	width:430px;
}

div.content p{
	line-height:1.6;
}

div.content h3{
	font-size:130%;
	color:#666;
	margin:0 0 15px;
}

div.content p.link{
	font-size:130%;
	color:#666;
	margin:15px 0;
	text-align:right;
}

div.columun{
	overflow:hidden;
	padding:0 0 20px;
	border:solid #D1D1D1;
	border-width:0 0 1px;	
	margin:20px 0;
}

div.content h4{
	font-size:130%;
	color:#666;
	margin:15px 0 5px;
	font-weight:bold;
}

div.content h4.purple{
	font-size:100%;
	color:#609;
	margin:15px 0 20px;
	font-weight:bold;
}

div.content h4.red{
	font-size:100%;
	color:#900;
	margin:20px 0 5px;
	font-weight:bold;
}

div.content .day{
	margin-bottom:30px;
	font-weight:bold;
}

div.content .map{
	margin-top:20px;
}

div.content h5{
	font-size:140%;
	color:#666;
	margin:5px 0 5px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

div.content table{
	font-size:90%;
	line-height:150%;
	color:#666;
	margin:0px auto 5px;
	width:790px;
	
}

div.content table td{
	padding:3px 0;
	vertical-align:top;
	
}

div.content table td.year{
	padding-right:30px;
	color:#900;
	font-weight:bold;
	width:10%;
}

div.content .red{
	color:#900;
}

div.content .solid{
	border-bottom:solid 1px #ccc;
	padding-bottom:15px;
}

div.content a:link		{ color: #c00;text-decoration: underline; }
div.content a:visited	{ color: #c00; }
div.content a:hover		{ text-decoration: none; }

div.content  p.satooya{
	color:#900;
	font-size:10px;
	margin-bottom:3px;
}


/*instagrama*/

.instagram { text-align:center; background:#fff; padding-top:1.5em; padding-bottom:1.5em;}
.instagram .inner { width:870px; margin:0 auto 1em; text-align:left;}
.instagram td { padding-right:10px; font-size:12px; line-height:16px; }
.instagram a, a:visited { color:#f33; font-weight:bold; text-decoration:underline; }
.instagram a:hover { color:#f99; text-decoration:none; }

/* フッター
-----------------------------------------------------  */		
div#footer{	
	width:950px;
	overflow:hidden;
	padding:10px 0 10px;
	margin:0px auto;
	background:url(../cmn_img/bg_content.png) 0 0 repeat;
}

div.footerBottom{
	background:url(../cmn_img/bg_footer_btm.png) 0 0 no-repeat;
	height:76px;
	margin:0 auto;
	width:950px;
}

div#footer div.copyright{
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

	
div#footer p{	
	text-align:right;
	padding:0 40px 0 0;
	}

div#footer p a:link{	
	color:#900;
	}
div#footer p a:visited{	
	color:#900;
	}
div#footer p a:hover{	
	color:#030;
	}
div#footer p a:active{	
	color:#fff;
	}