/*
THEME NAME: 佐鳴台商店街
*/

@charset "UTF-8";

@import "./css/reset.css";
@import "./css/common.css";
 
/* (page) common */
.entry-title { margin: -5px 0 0 0; position: relative; }
.entry-content { margin: 15px 0 0 0; }
.entry-content .block { margin: 0 0 0 0; }
.entry-content h3 { margin: 0 0 0 0; }
.entry-content p { line-height: 1.8em; }
.entry-content .alignleft { float: left; display: inline; margin: 0 20px 0 0; }
.entry-content .alignright { float: right; display: inline; margin: 0 0 0 20px; }

/* (page) home */
div.home h2 { display: none; }
div.home .entry-content { margin: 8px 0 0 0; position: relative; }
div.home .entry-content ul#fadeImage { height: 340px; overflow: hidden; }
div.home .entry-content ul#homeNavi { list-style: none; zoom: 1; margin: 10px 0 10px; height: 100px; }
div.home .entry-content ul#homeNavi li { float: left; display: inline; margin: 0 9px 0 0; }
div.home .entry-content ul#homeNavi li.li4 { float: right; margin: 0; }
div.home .entry-content ul#homeNavi li a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div.home .entry-content p.link { margin: 0 0 -40px 0; position: relative; }
div.home .entry-content p.link a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/* (page) message */
div.message .entry-content { margin: 18px 0 0 0; }
div.message .entry-content .alignright { width: 385px; margin: 0 145px 0 0;  }
div.message .entry-content p { margin: 0 0 20px 0; }
div.message .entry-content p.name { border-bottom: solid 2px #036EB8; margin: 0 0 5px 0; padding: 0 0 10px; }
div.message .entry-content h3 { margin: 0 0 0 -15px; position: relative; }

/* (page) history */
div.history .entry-content { margin: 10px 0 0 0; position: relative; }
div.history .entry-content h3 { padding: 20px 0 10px 0; border-bottom: solid 2px #036EB8; margin: 0 0 12px 0; }
div.history .entry-content p.h3Right { position: absolute; top: 0; right: -5px; }
div.history .entry-content p.h3Right a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div.history .entry-content dl { margin: 3px 0 0 0; }
div.history .entry-content dl dd { font-size: 83.4%; margin: 2px 0 71px 0; }
div.history p.contentText { width: 500px; }

/* (page) chairman */
div.chairman .entry-content {}
div.chairman .entry-content .block {
	border: solid 1px #ccc; margin: 0 0 20px; padding: 25px 20px;
	position: relative;
	background: #fff;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
div.chairman .entry-content .block img { float: left; }
div.chairman .entry-content .block dl { float: right; width: 496px; font-size: 116.7%; margin: 8px 0; }
div.chairman .entry-content .block dl dt { color: #008CD6; padding: 0.4em 0; }
div.chairman .entry-content .block dl dd { margin: -2.0em 0 0 0; padding: 0 0 0.3em 6em; border-bottom: solid 1px #aaa; }


/* (page) shoplist */
div.shoplist ul#menu-headernavi li.li5 a,
div.shoplist2 ul#menu-headernavi li.li5 a,
div.shoplist3 ul#menu-headernavi li.li5 a,
div.shoplist4 ul#menu-headernavi li.li5 a,
div.shoplist5 ul#menu-headernavi li.li5 a,
div.shoplist6 ul#menu-headernavi li.li5 a,
div.shoplist7 ul#menu-headernavi li.li5 a { background-image: url(./images/headerNaviR.png); }

ul#menu-shoplistnavi { list-style: none; zoom: 1; height: 36px; margin: 12px 0 19px 0; overflow: hidden; }
ul#menu-shoplistnavi li { float: left; display: inline; margin: 0 13px 0 0; }
ul#menu-shoplistnavi li.li7 { margin: 0; }
ul#menu-shoplistnavi li a { display: block; width: 86px; height: 36px; background: url(./images/shoplistNavi.png) 0 0 no-repeat; }
ul#menu-shoplistnavi li.li1 a { background-position: 0 0; }
ul#menu-shoplistnavi li.li2 a { background-position: -99px 0; }
ul#menu-shoplistnavi li.li3 a { background-position: -198px 0; }
ul#menu-shoplistnavi li.li4 a { background-position: -297px 0; }
ul#menu-shoplistnavi li.li5 a { background-position: -396px 0; }
ul#menu-shoplistnavi li.li6 a { background-position: -495px 0; }
ul#menu-shoplistnavi li.li7 a { background-position: -594px 0; }
ul#menu-shoplistnavi li a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
ul#menu-shoplistnavi li a span { display: none; }


.shoplist-content .post {
	border: solid 3px #999; width: 213px; height: 100px; margin: 0 0 10px; padding: 0 0 0 115px;
	position: relative;
	background: url(./images/shoplistDummy.png) 0 0 no-repeat #fff;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.shoplist-content .post .shoplistTitle { margin: 0 8px 0 0; height: 50px; width: 205px; border-bottom: solid 1px #999; display: table-cell; vertical-align: middle; }
.shoplist-content .post .shoplistTitle img {}
.shoplist-content .post .shoplistTitle a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.shoplist-content .post ul { margin: 5px 0 0 0; list-style: none; font-size: 108.4%; min-height: 45px; _height: 45px; }
.shoplist-content .post ul li { line-height: 1.5em; }
.shoplist-content .post ul li.shopPhone { padding: 0 0 0 20px; background: url(./images/shoplistPhone01.png) 0 4px no-repeat; }
.shoplist-content .post .editPost { position: absolute; top: 5px; left: 5px; background: #000; color: #fff; }
.shoplist-content .post .editPost a { color: #fff; padding: 1px 3px; font-size: 83.4%; }
.shoplist-content .post .editPost:hover { background: #666; }

div.shoplist .shoplist-content .post, div.shoplist .shoplist-content .post .shoplistTitle { border-color: #008CD6; }
div.shoplist2 .shoplist-content .post, div.shoplist2 .shoplist-content .post .shoplistTitle { border-color: #00A29A; }
div.shoplist3 .shoplist-content .post, div.shoplist3 .shoplist-content .post .shoplistTitle { border-color: #923D92; }
div.shoplist4 .shoplist-content .post, div.shoplist4 .shoplist-content .post .shoplistTitle { border-color: #F0832C; }
div.shoplist5 .shoplist-content .post, div.shoplist5 .shoplist-content .post .shoplistTitle { border-color: #8FC31F; }
div.shoplist6 .shoplist-content .post, div.shoplist6 .shoplist-content .post .shoplistTitle { border-color: #958BB7; }
div.shoplist7 .shoplist-content .post, div.shoplist7 .shoplist-content .post .shoplistTitle { border-color: #6B8AB8; }
div.shoplist .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone01.png); }
div.shoplist2 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone02.png); }
div.shoplist3 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone03.png); }
div.shoplist4 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone04.png); }
div.shoplist5 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone05.png); }
div.shoplist6 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone06.png); }
div.shoplist7 .shoplist-content .post ul li.shopPhone { background-image: url(./images/shoplistPhone07.png); }

.shoplist-content { min-height: 400px; _height: 400px; }
.shoplist-content .alignleft { float: left; }
.shoplist-content .alignright { float: right; }

.shop_post_content {
	min-height: 600px; _height: 600px; margin: 15px 0 10px; padding: 20px 15px;
	position: relative;
	background: #fff;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.shop_post_content .shoplistTitle { margin: 0 0 20px 0; }
.shop_post_content .shop_image { float: left; display: inline; margin: 0 0 20px 5px; width: 370px; min-height: 352px; _height: 352px; }
.shop_post_content .shop_image ul.shopPhotoTumb { list-style: none; zoom: 1; height: 82px; margin: 10px 0 0 0; }
.shop_post_content .shop_image ul.shopPhotoTumb li { float: left; margin: 0 10px 0 0; display: inline; }
.shop_post_content .shop_image ul.shopPhotoTumb li a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.shop_post_content .shop_date { float: right; display: inline; margin: 0 5px 20px 0; width: 267px;}
.shop_post_content .shop_date .logo { text-align: center; min-height: 30px; _height: 30px; }
.shop_post_content .shop_date .logo .shopLogo { margin: 0 auto; }
.shop_post_content .shop_date dl {}
.shop_post_content .shop_date dl dt { padding: 0.5em 0; }
.shop_post_content .shop_date dl dd { border-bottom: solid 1px #9C9C9C; margin: -2.1em 0 0 0; padding: 0 0 0.4em 5.5em; }
.shop_post_content .shop_date dl dd a { color: #036EB8; word-break:break-all; }
.shop_post_content .shop_date dl dd a:hover { color: #999; }
.shop_post_content .shop_PR { margin: 0 5px; }
.shop_post_content .shop_PR img { margin: 0 0 5px 0; }
.shop_post_content .editPost { position: absolute; top: 10px; right: 10px; background: #000; color: #fff; }
.shop_post_content .editPost a { color: #fff; padding: 1px 3px; font-size: 83.4%; }
.shop_post_content .editPost:hover { background: #666; }

div.category-shop ul#menu-headernavi li.li5 a { background-image: url(./images/headerNaviR.png); } 
div.category-shop ul#menu-headernavi li.li5 a:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } 

/* (page) sitemap */
div.sitemap .entry-content { margin: 50px 0 0 0; }
div.sitemap .entry-content .block { margin: 0 25px; position: relative; }
div.sitemap .entry-content h3 { border-bottom: solid 2px #036EB8; padding: 10px 0; }
div.sitemap .entry-content h3 a { display: block; }
div.sitemap .entry-content h3 a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div.sitemap .entry-content h4 { color: #036EB8; margin: 10px 0 -30px 0; position: relative; font-size: 108.4%; font-weight: normal; z-index: 999; width: 80px; }
div.sitemap .entry-content h4 a { color: #036EB8; }
div.sitemap .entry-content h4 a:hover { color: #999; }
div.sitemap .entry-content ul { list-style: none; zoom: 1; margin: 10px 0 30px; }
div.sitemap .entry-content ul li { padding: 0 0 5px 1.5em; background: url(./images/linkMark.png) 0 3px no-repeat; font-size: 108.4%; }

.column { height: 30px; }
.gutter {}
.block1 .multiColumn,
.block1 .multiColumn-screen { width: 400px; }
.block3 .multiColumn,
.block3 .multiColumn-screen { width: 600px; padding: 0 0 0 80px; }
.block4 .multiColumn,
.block4 .multiColumn-screen { width: 680px; }
@media screen{
	.multiColumn, .multiColumn-screen{ 
		display:block; 
		position:relative;
	}
	.multiColumn-print{ display:none; }
}
@media print{
	.multiColumn, .multiColumn-print{ 
		display:block; 
		position:relative;
	}
	.multiColumn-screen{ display:none; } 
}


/* (page) link */
div.link .entry-content ul#linkTop { list-style: none; zoom: 1; margin: 40px 0 0 15px; height: 100px; }
div.link .entry-content ul#linkTop li { float: left; display: inline; margin: 0 10px; }
div.link .entry-content ul#linkTop li a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div.link .entry-content ul#linkData { list-style: none; zoom: 1; width: 620px; margin: 0 0 0 30px; }
div.link .entry-content ul#linkData li { border-bottom: dotted 1px #999; font-size: 116.7%; line-height: 1em; clear: both; padding: 10px 0 5px; }
div.link .entry-content ul#linkData li a { color: #036EB8; }
div.link .entry-content ul#linkData li a:hover { color: #999; }
div.link .entry-content ul#linkData li a.alignleft { display: block; margin: 0 15px 0 0; background: #fff; }
div.link .entry-content ul#linkData li a:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/* (page) members */
div.members h2 { display: none; }
div.members .entry-content { padding: 15px 0 0 0; }
div.members .entry-content ul#members { list-style: none; zoom: 1; height: 85px; }
div.members .entry-content ul#members li { float: left; display: inline; margin: 0 20px 0 0; }
div.members .entry-content ul#members li.li3 { margin: 0; }
div.members .entry-content ul#members li a { display: block; width: 213px; height: 85px; background: url(./images/membersNavi.png) 0 0 no-repeat; }
div.members .entry-content ul#members li.li1 a { background-position: 0 0; }
div.members .entry-content ul#members li.li2 a { background-position: -233px 0; }
div.members .entry-content ul#members li.li3 a { background-position: -466px 0; }
div.members .entry-content ul#members li a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; } 
div.members .entry-content ul#members li a span { display: none; }

/* (page) about */
div.about .entry-content { margin: 0; }
div.about .entry-content .block { clear: both; }
div.about .entry-content .block img.alignleft { float: left; display: inline; margin: 35px 0 10px; }
div.about .entry-content .block1 img.alignleft { margin: 20px 0 10px; }
div.about .entry-content .block div { width: 385px; float: right; display: inline; }
div.about .entry-content .block div p { font-size: 91.7%; margin: 3px 0 15px; }


/* (search) */
.search-title { border-bottom: dotted 1px #999; }

div.home #footer,
div.message #footer,
div.members #footer { padding: 15px 0; }

.entry-content input, .entry-content textarea { margin: 5px; }

/*
body { background: url(./images/_sitemap.png) top center no-repeat; }
div#container { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
*/


/* Newpost Catch */
 
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
}
#npcatch img{
         float:left;
         padding:6px 10px 6px 4px;
}
#npcatch .title a{
         font-size: 140%;
         font-weight: 700;
color: #313ae7;
         text-decoration: none;
}
#npcatch .date {
         font-size: 80%;
         font-weight: 600;
         display:block;
         color: #888888;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

#npcatch {list-style-type: none;
}


/* ticket @ add 2021.09.10 */
.ticket h2{
	color: #1169ac;
	font-weight: 600;
	text-align: center;
	background-color: #ffffff;
	padding: 10px 0;
	margin: 10px 0 25px;
	border: #1169ac 3px solid;
	border-radius: 10px;
	line-height: 1;
	font-size: 18px;
}
.ticket .article{ border: #cccccc 1px solid; border-radius: 8px; background-color: #ffffff; }
.ticket .article dl{ display: table; width: 100%; font-size: 16px; }
.ticket .article dl:not(:last-child){ border-bottom: #cccccc 1px solid; }
.ticket .article dl dt{ display: table-cell; padding: 10px 15px; }
.ticket .article dl dd{ display: table-cell; padding: 10px 0px; width: 180px; text-align: center; }
.ticket .article dl dd i{ padding-right: 7px; }


.banner{ margin-top: 15px; }
.banner img{ width: 100%; }