@charset "Shift_JIS";

/*////////////////////////////////////////////////////////////
	sakura
////////////////////////////////////////////////////////////*/

#page-inside {/*2015追加修正*/
	padding-top:40px;
}

h1 {
	height:23px;
	width:147px;
	text-indent:-5000px;
	background:url(../img/hana_sakura.gif) no-repeat 0px 20px;
	margin-left:31px;
	margin-bottom:7px;
	padding-top:20px;/*2015追加修正*/
}
#head {
	height:82px;
}

/*////////////////////////////////////////////////////////////
	navi
////////////////////////////////////////////////////////////*/

#head .navi {
	margin-left:30px;
	height:22px;
}
#head .navi li {
	display:inline;
}
#head .navi a {
	display:block;
	float:left;
	text-indent:-5000px;
	text-decoration:none;
	margin-right:2px;
}
#head .navi .navi-calendar a {
	height:22px;
	width:110px;
	background:url(../img/navi_calendar.gif) no-repeat;
}
#head .navi .navi-unique a {
	height:22px;
	width:200px;
	background:url(../img/navi_unique.gif) no-repeat;
}
#head .navi .navi-sakuramap a {
	height:22px;
	width:123px;
	background:url(../img/navi_sakuramap.gif) no-repeat;
}

#head .navi .navi-calendar a:hover,
#head .navi .navi-unique a:hover,
#head .navi .navi-sakuramap a:hover {
	background-position: 0px -50px;
}
#sakura #head .navi .navi-calendar a,
#unique #head .navi .navi-unique a,
#sakuramap  #head .navi .navi-sakuramap a {
	background-position: 0px -100px;
}


/*////////////////////////////////////////////////////////////
	timeout
////////////////////////////////////////////////////////////*/

#timeout {
	position:absolute;
	top:160px;
	left:50%;
	z-index:5;
	margin-left:-200px;
	width:400px;
	height:400px;
	background:transparent url(../img/manner_alert.png) no-repeat;
	padding-top:205px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
	font-size:160%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
}

#timeout p.hidden {
 /*text-indent:-9999px;*/
	width:400px;
	text-indent:100%;
 white-space:nowrap;
 overflow:hidden;

}

/*////////////////////////////////////////////////////////////
	calendar
////////////////////////////////////////////////////////////*/

#calendar {
	clear:both;
	margin-left:33px;	
}
#calendar dl {
	height:460px;
	width:460px;
	background:url(../../img/bg_photo.jpg) no-repeat;
	position:relative;
	top:0px;
	left:0px;
	
	float:left;
	margin-top:20px;/*2015追加修正*/

}

#calendar a img {
	border:none;
}

#calendar dt img,
#calendar .tate dt img {
	margin-top:27px;
	margin-left:27px;
}
#calendar .yoko dt img {
	margin-top:70px;
	margin-left:27px;
}
#calendar dd,#calendar .yoko dd {
	text-align:right;
	margin-top:10px;
	margin-right:40px;
}
#calendar .tate dd {
	text-align:left;
	position:absolute;
	top:250px;
	left:340px;
	margin:0px;
	width:110px;
}
#calendar .tate dd.notxt {
	top:auto;
	bottom:50px;
	
}
#calendar dd.notxt p:nth-child(2) {
	display: inline-block;
	margin-top: 5px;
  letter-spacing: .06em;
}
#calendar dd.notxt p:nth-child(2) span {
  letter-spacing: normal;
}
#calendar .yoko dd.notxt p:nth-child(3) {
	display: inline-block;
}

#calendar dl.tate p {
	margin-bottom:1em;
}
#calendar dd.notxt p.normal {
  letter-spacing: normal;
  text-align: left;
}

#calendar .side {
	float:left;
	width:250px;
	position:relative;
	top:0;
	left:0;
}

#calendar .spot p {
	padding:0;
	/*margin:0 auto; ←マナーバナーの下に日付がある場合*/
	margin:5px auto;
}

#calendar .wide {
	width:182px;
}

	
#calendar .wide img {
	border:1px solid #ccc;
	margin:20px auto 3px;
	margin:5px auto 3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radiu:5px;
}

#calendar .mannermap a {
	display:block;
	position:absolute;
	/*top:145px;*/
	top:155px;
	left:30px;
	width:190px;
	height:195px;
	text-indent:-9999px;
}
#calendar .mannermap a:hover {
	background:url(../img/sakura_map.png) no-repeat 0px -200px;
}



#calendar .sakuramap {
	width:190px;
	height:195px;
	margin:0 auto;
	background:url(../img/sakura_map.png) no-repeat;
	position:relative;
	top:0;
	left:0;
}


#calendar .sakuramap img {
	height:28px;
	width:28px;
}

#calendar .spot-kk .sakuramap img {
	position:relative;
	top:0px;
	left:100px;
}
#calendar .spot-kk-e-n .sakuramap img {
	position:relative;
	top:0px;
	left:118px;
}
#calendar .spot-kk-e .sakuramap img {
	position:relative;
	top:3px;
	left:117px;
}
#calendar .spot-kk-w-n .sakuramap img {
	position:relative;
	top:0px;
	left:83px;
}
#calendar .spot-ks .sakuramap img {
	position:relative;
	top:35px;
	left:110px;
}
#calendar .spot-ks-w .sakuramap img {
	position:relative;
	top:35px;
	left:85px;
}
#calendar .spot-ks-w-n .sakuramap img {
	position:relative;
	top:41px;
	left:111px;
}
#calendar .spot-s-w-n .sakuramap img {
	position:relative;
	top:50px;
	left:80px;
}
#calendar .spot-s-e-r .sakuramap img {
	position:relative;
	top:57px;
	left:105px;
}
#calendar .spot-s-e-n .sakuramap img {
	position:relative;
	top:91px;
	left:95px;
}
#calendar .spot-s-e .sakuramap img {
	position:relative;
	top:108px;
	left:100px;
}
#calendar .spot-s-e2 .sakuramap img {
	position:relative;
	top:104px;
	left:100px;
}
#calendar .spot-s-w .sakuramap img {
	position:relative;
	top:108px;
	left:68px;
}

#calendar .spot-k-n-w .sakuramap img {
	position:relative;
	top:117px;
	left:66px;
}

#calendar .spot-k .sakuramap img {
	position:relative;
	top:120px;
	left:70px;
}
#calendar .spot-k-e1 .sakuramap img {
	position:relative;
	top:120px;
	left:96px;
}

#calendar .spot-k-w-n .sakuramap img {
	position:relative;
	top:158px;
	left:53px;
}
#calendar .spot-k-w .sakuramap img {
	position:relative;
	top:162px;
	left:56px;
}

#calendar .spot-k-w-s .sakuramap img {
	position:relative;
	top:168px;
	left:56px;
}
#calendar .spot-k-e .sakuramap img {
	position:relative;
	top:161px;
	left:100px;
}
#calendar .spot-k-e-n .sakuramap img {
	position:relative;
	top:155px;
	left:104px;
}
#calendar .spot-k-e-s .sakuramap img {
	position:relative;
	top:170px;
	left:102px;
}

#calendar .manner {
	position:relative;
	top:0px;
	left:0;
}

#calendar .bnr_manner {
	width:190px;
	height:99px;
	margin:0 auto;
}


#calendar .wide:hover,
#calendar dt a img:hover,
#calendar li a:hover {
	filter: alpha(opacity=55);
 -moz-opacity:0.55;
 opacity:0.55;
	cursor:pointer;
}


#calendar .bnr_manner ul {
	width:190px;
	height:99px;
	background-image:none;
	position:relative;
	top:0px;
	left:0px;
	margin-top:2px;
}


#calendar .bnr_manner li a {
	display:block;
	position:relative;
	width:190px;
	height:99px;
}
#calendar .bnr_manner li.omise a {
	background:url(../img/bnr_manner_omise.png) no-repeat;
}
#calendar .bnr_manner li.bbq a {
	background:url(../img/bnr_manner_bbq.png) no-repeat;
}
#calendar .bnr_manner li.bike a {
	background:url(../img/bnr_manner_bike.png) no-repeat;
}
#calendar .bnr_manner li.dance a {
	background:url(../img/bnr_manner_dance.png) no-repeat;
}
#calendar .bnr_manner li.gomi a {
	background:url(../img/bnr_manner_gomi.png) no-repeat;
}
#calendar .bnr_manner li.karaoke a {
	background:url(../img/bnr_manner_karaoke.png) no-repeat;
}
#calendar .bnr_manner li.tree a {
	background:url(../img/bnr_manner_tree.png) no-repeat;
}
#calendar .bnr_manner li.yoyaku a {
	background:url(../img/bnr_manner_yoyaku.png) no-repeat;
}
#calendar .bnr_manner li.tabaco a {
	background:url(../img/bnr_manner_tabaco.png) no-repeat;
}

.manner button {
	position:absolute;
	top:80px;
	left:220px;
	width:24px;
	border:1px solid #f00;
	padding:0;
	font-weight:bold;
	font-size:xx-small;
	color:#666;
	text-shadow:0 1px 0 #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	background-color:#eee;
	border:2px solid #ccc;
	box-shadow:0 0 1px 1px #fff inset;
	cursor:pointer;
}
.manner button.paused {
	text-shadow:0 2px 0 #fff;
}

.manner button:hover {
		background-color:#ddd;
}


.manner .pager {
text-align: center;
}
.manner .pager a {
background: url(../img/bnr_manner_pager.png) no-repeat;
width:14px;
height:14px;
margin:3px 2px 0px 2px;
display:inline-block;
}
.manner .pager a.selected {
background-position: 0px -14px;
}
.manner .pager a span {
display: none;
}






#calendar .manner p {
	margin:0;
	font-size:90%;
	line-height:1;
	text-align:center;
	position:relative;
	top:22px;
	left:0;
}
#calendar .manner p strong {
	font-weight:bold;
	color:#f00;
	letter-spacing:0.1em;
}











#calendar ul {
	clear:both;
	height:180px;/*img165+15*/
	position:relative;
	top:3px;
	left:0px;
	margin-top:6px;
	line-height:1;
}
#calendar .link {
	float: right;
	position:relative;
	top:-20px;
	margin-right:40px;
	margin-bottom:10px;/*umeよりテキストが長いのでプラス調整*/
}

/*////////////////////////////////////////////////////////////
	calendar_day
////////////////////////////////////////////////////////////*/
#calendar li a {
	position:absolute;
	top:0px;
	left:0px;
	height:46px;
	width:46px;
	text-indent:-5000px;
	text-decoration:none;
}

#calendar li.day318 a { top:2px;left:41px; }
#calendar li.day319 a { top:2px;left:88px; }
#calendar li.day320 a { top:2px;left:135px; }
#calendar li.day321 a { top:2px;left:182px; }
#calendar li.day322 a { top:2px;left:229px; }
#calendar li.day323 a { top:2px;left:276px; }
#calendar li.day324 a { top:2px;left:323px; }
#calendar li.day325 a { top:2px;left:370px; }
#calendar li.day326 a { top:2px;left:417px; }
#calendar li.day327 a { top:2px;left:464px; }
#calendar li.day328 a { top:2px;left:511px; }
#calendar li.day329 a { top:2px;left:558px; }
#calendar li.day330 a { top:2px;left:605px; }
#calendar li.day331 a { top:2px;left:652px; }

#calendar li.day401 a { top:49px;left:41px; }
#calendar li.day402 a { top:49px;left:88px; }
#calendar li.day403 a { top:49px;left:135px; }
#calendar li.day404 a { top:49px;left:182px; }
#calendar li.day405 a { top:49px;left:229px; }
#calendar li.day406 a { top:49px;left:276px; }
#calendar li.day407 a { top:49px;left:323px; }
#calendar li.day408 a { top:49px;left:370px; }
#calendar li.day409 a { top:49px;left:417px; }
#calendar li.day410 a { top:49px;left:464px; }
#calendar li.day411 a { top:49px;left:511px; }
#calendar li.day412 a { top:49px;left:558px; }
#calendar li.day413 a { top:49px;left:605px; }
#calendar li.day414 a { top:49px;left:652px; }

#calendar li.day415 a { top:96px;left:41px; }
#calendar li.day416 a { top:96px;left:88px; }
#calendar li.day417 a { top:96px;left:135px; }
#calendar li.day418 a { top:96px;left:182px; }
#calendar li.day419 a { top:96px;left:229px; }
#calendar li.day420 a { top:96px;left:276px; }
#calendar li.day421 a { top:96px;left:323px; }
#calendar li.day422 a { top:96px;left:370px; }
#calendar li.day423 a { top:96px;left:417px; }
#calendar li.day424 a { top:96px;left:464px; }
#calendar li.day425 a { top:96px;left:511px; }
#calendar li.day426 a { top:96px;left:558px; }
#calendar li.day427 a { top:96px;left:605px; }
#calendar li.day428 a { top:96px;left:652px; }



/*////////////////////////////////////////////////////////////
	side
////////////////////////////////////////////////////////////*/

#side {
	position:absolute;
	/*top:150px;*/
	top:142px;
	left:535px;
	width:185px;
	/*background:url(../../img/line_03.gif) no-repeat bottom;
	padding-bottom:10px;*/
}

#side ul.link {
	/*padding-left:5px;
	background:url(../../img/line_03.gif) no-repeat top;*/
	padding:0px 10px;
}
#side ul.link li {
	padding:3px 0px;
}


/*////////////////////////////////////////////////////////////
	gallerylist
////////////////////////////////////////////////////////////*/

#gallerylist {
	background:url(../img/bg_gallery_01.jpg) no-repeat bottom;
	padding-bottom:5px;
	margin-bottom:15px;
	width:185px;
	height:415px;/*リンクテキストが下にレイアウト時=290px*/
}
#gallerylist h2 {
	height:70px;
	width:185px;
	background:url(../img/gallery.jpg) no-repeat;
	text-indent:-5000px;
}
#gallerylist ul {
	/*padding-bottom:30px;*/
	/*padding-left:20px;*/
	margin-bottom:3px;
	/*height:135px;←募集中は下に「投稿したい」がはいるから*/
	/*height:170px;/*←募集終了後*/
	height:290px !important;
}
#sakura #gallerylist ul {
	width:175px;
	overflow:auto;
}
		
#gallerylist li {
	display:inline;
}
#gallerylist li a {
	display:block;
	height:45px;
	width:60px;
	border:1px solid #fff;
	float:left;
	/*margin-left:2px;
	margin-right:10px;*/
	/*margin-left:12px;*/
	margin-left:10px;
	margin-top:2px;
	margin-bottom:10px;
}

#gallerylist .post {
	background:url(../../img/line_04.gif) no-repeat top;
	font-size:96%;
	line-height:1.2em;
	margin-top:5px;
	padding:10px 15px 0px;
	clear:both;
}
#gallerylist .post a {
	display:block;
	height:21px;
	width:81px;
	background:url(../img/btn_gallery.gif) no-repeat 0px -100px;
	text-indent:-5000px;
	text-decoration:none;
	margin-left:70px;
	margin-top:5px;
}
#gallerylist .post a:hover {
	background-position: 0px -150px;
}


/*////////////////////////////////////////////////////////////
	gallery
////////////////////////////////////////////////////////////*/


#gallery #gallerylist {
	width:185px;
	height:380px;
	background:none;
}
#gallery #gallerylist h2,#gallery #side  {
	background:none;
}

#gallery #gallerylist ul {
	/*margin-left:7px;*/
	padding-left:0px;
	margin-left:7px;
}
#gallery #gallerylist ul li a {
	margin-right:2px;
}

#gallery #posted  {
	height:510px;
	background:url(../img/bg_gallery_02.jpg) no-repeat;
	margin-top:0px;
	margin-left:44px;
	/*width:400px;*/
	/*margin-left:100px;
	margin-top:60px;*/
}
#gallery #posted dl  {
	margin-left:70px;
	width:400px;
	border-top:1px solid #fff;
	position:relative;
	top:0px;
	left:0px;
}
#gallery #posted dt  {
	text-align:center;
	margin-top:100px;
}
#gallery #posted dt.tate  {
	margin-top:50px;
}
#gallery #posted dd  {
	text-align:center;
	margin-bottom:30px;
}
#gallery #posted dt img {
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
}
	
#gallery #side {
	padding-bottom:0px;
}
#gallery #gallerylist,#gallery #gallerylist ul {
	padding-bottom:0px;
	margin-bottom:0px;
}

#gallery .pageno {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#696;
	margin:20px 0px;
}
/*#gallery .pageno .currentpage {
	padding:15px;
	font-size:0px;
	background-image:url(../img/index/li_dogs.gif);
	background-position:center;
	background-repeat:no-repeat;
}*/

#gallery .pageno a {
}
.page1 .page1,.page2 .page2,.page3 .page3,.page4 .page4,.page5 .page5,
.page6 .page6,.page7 .page7,.page8 .page8,.page9 .page9,.page10 .page10 {
	color:#696;
	text-decoration:none;
	cursor:default;
}


/*////////////////////////////////////////////////////////////
	footer txtnavi
////////////////////////////////////////////////////////////*/

#footer {
	background:url(../../img/line_01.gif) no-repeat center 5px;
	padding-top:20px;
}


#footer .navi {
	text-align:center;
	position:relative;
	top:-45px;
	left:0;
}

#footer .aside {
	position:relative;
	top:-5px;
	left:0;
	margin-bottom:20px;
}

#footer .navi ul {
	padding:0;
}



/*////////////////////////////////////////////////////////////
	footer dl
////////////////////////////////////////////////////////////*/

#footer dl {
	margin-left:50px;
	margin-bottom:20px;
	margin-right:50px;
	
}
#footer dt {
	position:absolute;
}
#footer dd {
	padding-left:6em;
	margin-bottom:0.6em;
}
#footer dd.note {
	/*padding-left:8em;
	font-size:smaller;
	line-height:130%;*/
}

/*.attention {
	color:#FF0000;
	font-weight:bold;
	font-size:larger;
	padding-top:5px;
}
*/


/* notice　（新型コロナウイルスで追加） */
#footer .notice {
	margin: 0 auto 20px;
	text-align: center;
}
#footer .notice .inner {
	display: inline-block;
	border: 2px solid #A0522D;
	border-radius: 8px;
	background-color: #FFFFF0;
	padding: 10px 15px;
	line-height: 1.6;
	font-size: 105%;
	color:#A0522D;
}
#footer .notice p { /* 下線入れる場合 */
	border-bottom: 5px solid #FFBEDA;
	padding-bottom: 3px;
	margin-bottom: 2px;
}


/*////////////////////////////////////////////////////////////
	unique
////////////////////////////////////////////////////////////*/

#unique #contents {
	/*width:622px;*/
	padding-top:15px;
/*margin:300px auto;*/
position:relative;
top:0px;
left:0px;
margin-bottom:30px;
}
#unique #contents .map {
	margin-left:30px;
	padding-bottom:20px;
}

#unique #contents .original {
	position:absolute;
	top:400px;
	left:560px;
}
#unique #contents .original h2 {
	font-size:1.1em;
	color:#966;
	margin-bottom:20px;
}
	
#unique #contents .original li {
	margin-bottom:10px;
	margin-left:10px;
}




/*////////////////////////////////////////////////////////////
	sakuramap
////////////////////////////////////////////////////////////*/

#sakuramap #contents {
	width:622px;
	/*margin:300px auto;*/
	position:relative;
	top:15px;
	left:50px;
	margin-bottom:60px;
}
#sakuramap #contents .map {
	/*	margin-left:20px;*/
	position:absolute;
	top:30px;
	left:0px;
	width:400px;
}
#sakuramap #contents .maplist {
	margin-left:420px;
	/*padding-bottom:30px;*/
}
#sakuramap #contents .maplist img {
	padding-bottom:5px;
}

.dot {
	height:16px;
	background:#fff url(../../img/line_03.gif) no-repeat 0% 50%;
}