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

	南京町公式サイト
	common.css
	2011/11

************************************** */

/* base
---------------------------------------------------------- */
body{
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino KaKu Gothic Pro',Osaka,'メイリオ','ＭＳ Ｐゴシック','MS PGothic',Arial,Helvetica,Verdana,sans-serif;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333;
	text-align: center;
	background:url(/img/common/bg_body.gif) center top repeat;
	min-width:1090px;
}
a{
	color:#845400;
	outline: none;
	text-decoration: underline;}
a:hover{
	color:#845400;
	text-decoration:none;}

/* base layout
---------------------------------------------------------- */
#header{
	width: 100%;
	background:url(/img/common/bg_header.jpg) center top repeat-x;
	height: 188px;}
	#header_in{
		background:url(/img/common/bg_header_in.jpg) center top no-repeat;
		width: 960px;
		height: 118px;
		margin: 0 auto;
		padding: 0 65px;
		text-align:left;
		overflow:hidden;}

#container_wrap{
	width: 100%;
	min-width:1090px;
	background: url(/img/common/bg_container.gif) left top repeat;}
	#container{
		width: 100%;
		min-width:1090px;
		background:url(/img/common/bg_container_lower.jpg) center bottom repeat-x;
		padding-bottom:51px;}
		#container_in{
			width: 100%;
			min-width:1090px;
			background:url(/img/common/bg_container_upper.jpg) center top repeat-x;}

/*
#container_wrap{
	width: 100%;
		background: url(/img/common/bg_container.gif) right top repeat;}
	#container{
		background:url(/img/common/bg_container_lower.jpg) right bottom repeat-x;
		padding-bottom:51px;}
		#container_in{
			background:url(/img/common/bg_container_upper.jpg) right top repeat-x;}
			*/



#contents{
	width: 1090px;
	background:url(/img/common/bg_contents.gif) center top repeat-y;
	margin: 0 auto;}
	#contents_in{
		background:url(/img/common/bg_contents_upper.png) center top no-repeat;
		padding: 22px 80px 25px 80px;
		overflow:hidden;}

	#contents #main{
		text-align:left;
		width: 680px;
		float:left;}
	#contents #side{
		text-align:left;
		width: 220px;
		float:right;}

/* #header
---------------------------------------------------------- */
#header .logo{
	float:left;
	width: 429px;}
#header .headInfo{
	color:#fff;
	width: 410px;
	float:right;
	text-align:right;
	padding-top:10px;}
	#header .headInfo a{
		color:#fff;}
	#header .headInfo address{
		margin-top: 8px;}


/* #gnav
---------------------------------------------------------- */
#gnav{
	width: 950px;
	/*ackground:url(/img/common/bg_gnav.png) left top no-repeat;*/
	background:url(/img/common/bg_gnav.png) 65px top no-repeat;
	margin:3px auto 0;
	/*padding: 5px;*/
	padding: 5px 70px;
	overflow:hidden;}
	#gnav li{
		float:left;}
	#gnav a{
		display:block;
		width: 159px;
		height: 54px;
		overflow:hidden;}
		#gnav a.gnav06{ width: 155px;}
		#gnav a.gnav01 img{ margin-left:0;}
		#gnav a.gnav02 img{ margin-left:-159px;}
		#gnav a.gnav03 img{ margin-left:-318px;}
		#gnav a.gnav04 img{ margin-left:-477px;}
		#gnav a.gnav05 img{ margin-left:-636px;}
		#gnav a.gnav06 img{ margin-left:-795px;}

		#gnav a:hover img,
		#gnav .ac a img{ margin-top:-54px;}


/* #topicPath
---------------------------------------------------------- */
#topicsPath{
	overflow:hidden;
	padding-left: 6px;}
	#topicsPath li{
		display:inline-block;
		font-size:92%;
		color:#444;
		margin-right: 5px;
		padding-bottom:20px;}
	#topicsPath a{
		display:block;
		background:url(/img/common/bg_topicspath.gif) right 0.3em no-repeat;
		padding-right: 15px;}
	/* IE6 / iE7 */
	* html body #topicsPath li{ display:inline; zoom:1;}
	*+html body #topicsPath li{ display:inline; zoom:1;}



/* #subnav
---------------------------------------------------------- */
.subnav_back{
	position: relative;
	width: 960px;
	height: 40px;
	margin: 0 auto;
	border-top:solid 5px #977119;
}
#subnav{
	padding-top:16px;
}
#subnav_in{
	width: 517px;
	padding-left: 443px;
	margin: 0 auto;
	padding-top:19px;}
	#subnav ul{
		width: 539px;
		margin-left: -22px;}
	#subnav li{
		float:left;
		padding-left: 22px;}
	#subnav a{
		display:block;
		height: 20px;
		overflow:hidden;}
		#subnav a.snav01{ width: 108px;}
		#subnav a.snav02{ width: 99px;}
		#subnav a.snav03{ width: 150px;}
		#subnav a.snav04{ width: 94px;}

		#subnav a.snav01 img{ margin-left:0;}
		#subnav a.snav02 img{ margin-left:-130px;}
		#subnav a.snav03 img{ margin-left:-251px;}
		#subnav a.snav04 img{ margin-left:-423px;}

		#subnav a:hover img{ margin-top:-20px;}

.subnuv_bnr{
	position: absolute;
	top:8px;
	left:16px;
}
.subnuv_bnr img{
	width:390px;
}

/* #footer
---------------------------------------------------------- */
#footer{
	padding-top: 22px;
	padding-bottom: 50px;
	font-size:92%;
	color:#fff;
	width: 1090px;
	margin: 0 auto;}


/* .pageTop
---------------------------------------------------------- */
.pageTop{
	overflow:hidden;
	margin-top: 30px;}
	.pageTop a{
		display:block;
		width: 131px;
		height: 16px;
		float:right;
		overflow:hidden;}
	.pageTop a:hover img{
		margin-top: -16px;}

/* 200730追記
---------------------------------------------------------- */
.ticketArea{
  width: 405px;
  margin: 20px auto 0;
}
.ticketArea p:first-of-type{
  margin-bottom: 10px;
}
.ticketArea img{
  display: block;
  width: 240px;
  margin: 10px auto 0;
}

/* #side
---------------------------------------------------------- */
#side .btn_liveCam{
	display:block;
	width: 220px;
	height: 170px;
	overflow:hidden;}
	.btn_liveCam:hover img{ margin-top:-170px;}

#side h4{margin-top:20px;}


/* #side > .sideBnr
---------------------------------------------------------- */
#side .sideBnr{
	display:block;
	margin-bottom: 10px;}
#side .sideBnr:hover img{
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	_zoom:1;}


/* #side > #listForvisiter
---------------------------------------------------------- */
#listForvisiter{
	margin-top:8px;}
	#listForvisiter li{
		margin-bottom:10px;}
	#listForvisiter a{
		display:block;
		width: 220px;
		height: 90px;
		overflow:hidden;}
		#listForvisiter a.post{ height: 45px;}
		#listForvisiter a.guide img{margin-top:0;}
		#listForvisiter a.map img{margin-top:-90px;}
		#listForvisiter a.post img{margin-top:-270px;}
		#listForvisiter a.ticket img{margin-top:-180px;}
		#listForvisiter a.taizen img{margin-top:-385px;}
		#listForvisiter a.map2 img{margin-top:0;}

		#listForvisiter a:hover img{ margin-left: -220px;}


/* #side > #btnOnline
---------------------------------------------------------- */
#btnOnline{
	display:block;
	width:220px;
	height:70px;
	overflow:hidden;
	margin-top:8px;}
	#btnOnline img{margin-top: -315px;}
	#btnOnline:hover img{margin-left: -220px;}

/* #side > #btnRyumai
---------------------------------------------------------- */
#btnRyumai{
	display:block;
	width:220px;
	height:71px;
	overflow:hidden;
	margin-top:8px;}
	#btnRyumai img{margin-top: 0;}
	#btnRyumai:hover img{margin-left: -220px;}

/* #side > #btnShishimai
---------------------------------------------------------- */
#btnShishimai{
	display:block;
	width:220px;
	height:71px;
	overflow:hidden;
	margin-top:8px;}
	#btnShishimai img{margin-top: -71px;}
	#btnShishimai:hover img{margin-left: -220px;}

/* #side > #sideShopsearch
---------------------------------------------------------- */
#sideShopsearch{
	font-size:92%;
	border:solid 1px #ccc4b6;
	background-color:#d3d2bb;
	margin-top:5px;
	padding: 2px;}
	#sideShopsearch dd{
		background-color:#fff;
		border:solid 1px #ccc4b6;
		margin-top:3px;
		line-height:1;}
		#sideShopsearch dd a{
			color:#333;
			text-decoration:none;
			display: block;
			background: url(/img/common/icon_arw01.gif) 8px 8px no-repeat;
			padding: 8px 8px 8px 23px;
			}
			#sideShopsearch dd a:hover{
				background-color:#faf0df;}

	#sideShopsearch a.btn_mapSearch{
		display: block;
		width: 220px;
		height: 30px;
		overflow: hidden;
		margin-top:9px;}
		#sideShopsearch a.btn_mapSearch:hover img{
			margin-top: -30px;}


/* #side > #sideFb
---------------------------------------------------------- */
#sideFb_wrap{
	/*height:345px;*/
	/*height:735px; 20151104追記*/
	height: 456px;/* 20151104追記 */
	margin-top:20px;}
#sideFbframe{
	width: 220px;
	/*height: 735px; 20151104追記*/
	/*height: 345px;*/
	height: 457px;/* 20151104追記 */
	overflow:hidden;}



/*
#sideFb{
	background-color:#a7171c;
	width: 214px;
	padding: 2px;
	text-align:left;
	font-size:92%;}
	#sideFb_in{
		border:solid 1px #e9a832;
		padding-bottom:5px;}
	#sideFb h2{margin-top:0;}

#sideFbwall{
	background-color:#fff;
	margin: 0 7px;
	padding: 8px 0 8px 0;}
#sideFbwall_in{
	height:260px;
	overflow-x:hidden;
	overflow-y:scroll;}

	#sideFb .sideFbwallMore{
		font-size:92%;
		text-align:right;
		margin-top:5px;
		padding-right:8px;}
	#sideFb .sideFbwallMore a{ color:#fff;}
*/



/* #side > #sideBnr
---------------------------------------------------------- */
#sideBnr{
	margin-top:12px;
	line-height:1;}
	#sideBnr li{
		margin-top:8px;}





/* general style
---------------------------------------------------------- */
/* float */
.f-left{ float: left; }
.f-right{ float: right; }
.f-none{ float: none; }
.f-over{ overflow:hidden;}
.f-clr{ clear:both;}

/* text-align */
.tx-center{ text-align: center; }
.tx-left{ text-align: left; }
.tx-right{ text-align: right; }

/* text-style */
.txBold{font-weight:bold;}
.txUnder{text-decoration:underline;}
.txLarge{ font-size: 120%; }
.txSmall{ font-size: 85%; }
.txColor01{ color:#c80000;}

/* text-size */
.tx-small{ font-size:77%;} /* 10px */
.tx-large{ font-size:122%;} /* 16px */


/* link */
a.hov:hover img{opacity: 0.7;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}

/* margin padding */
.ma5{ margin: 5px;}
.ma10{ margin: 10px;}
.ma15{ margin: 15px;}
.ma20{ margin: 20px;}
.ma25{ margin: 25px;}
.ma30{ margin: 30px;}
.ma35{ margin: 35px;}
.ma40{ margin: 40px;}

.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pa25{padding:25px;}
.pa30{padding:30px;}
.pa35{padding:35px;}
.pa40{padding:40px;}
.pa45{padding:45px;}
.pa50{padding:50px;}

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt35{ margin-top: 35px; }
.mt40{ margin-top: 40px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }
.mr35{ margin-right: 35px; }
.mr40{ margin-right: 40px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }
.ml35{ margin-left: 35px; }
.ml40{ margin-left: 40px; }

.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }

.pr5{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }

.pb5{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }

.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }


/* /////////////////////////////////////////////

	CMS プレビュー用（未公開記事用）

//////////////////////////////////////////////*/

.fresh_preview{
	background-color:#f6f6f6 !important;
	border-color:#f6f6f6 !important;
	position:relative;}
	.fresh_preview:after{
		content:'未公開記事';
		background-color:#666;
		color:#fff;
		font-size: 82%;
		padding: 3px 6px;
		position:absolute;
		right:0;
		top:0;}