@charset "utf-8";

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

	横浜中華街
	contents.css
	
	* contents layout
	* concierge (/concierge/index.html)
	* concierge list (/concierge/list2)
	* map (/map/index.html)
	* link (/info/link.html)
	* post (/info/post.html)
	* mail magazine
	* site-search(right side) ページ例外設定

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

	
/* contents layout
---------------------------------------------------------- */

#contents{
	width: 684px;
	margin: 0 20px;
	}



/* concierge
---------------------------------------------------------- */

h2.title-concierge{
	width: 684px;
	margin: 13px 0 11px;
	height: 110px;
	background: url(/img/concierge/title-concierge.jpg) left top no-repeat;
	text-indent: -9999px;
	}
#concierge-box{
	width: 484px !important;
	width: 684px;
	background: url(/img/concierge/bg-concierge.jpg) right top no-repeat;
	padding-right: 200px;
	}
#concierge-box h3{
	width: 484px;
	background: url(/img/concierge/bg-cap.gif) left bottom no-repeat;
	margin-top: 20px;
	clear: both;
	}
	#concierge-box h3 span{
		display: block;
		width: 454px !important;
		width: 484px;
		background: url(/img/concierge/bg-cap-upper.gif) left top no-repeat;
		color: #6f0000;
		font-size: 120%;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
		font-weight: bold;
		padding: 5px 15px;
		}
#concierge-box p{
	margin-top: 13px;
	}
	
h3.caption{
	width: 684px;
	background: url(/img/concierge/bg-cap2.gif) left bottom no-repeat;
	margin-top: 20px;
	clear: both;
	}
	h3.caption span{
		display: block;
		width: 654px !important;
		width: 684px;
		background: url(/img/concierge/bg-cap2-upper.gif) left top no-repeat;
		color: #6f0000;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
		font-weight: bold;
		padding: 5px 15px;
		}
	h3.caption strong{
		color: #333333;
		font-weight: bold;
		font-size: 90%;
		}
ul.concierge-list{
	width: 186px;
	float: left;
	margin-top: 10px;
	}
ul.concierge-list2{
	width: 126px;
	float: right;
	margin-top: 10px;
	}
ul.concierge-list li,ul.concierge-list2 li{ margin-bottom: 5px; }
ul.concierge-list a,ul.concierge-list2 a{
	display: block;
	background: url(/common/img/list-mark01.gif) 0 0.5em no-repeat;
	padding: 2px 0 2px 12px;
	}
	
	
	
ul.concierge-member2{
	float: right;
	}
/*
ul.concierge-member li,ul.concierge-member2 li{ margin-bottom: 5px; }*/
	
	
/* concierge list
---------------------------------------------------------- */

ul.concierge-member{
	width: 684px;
	padding: 10px 0;
	}
ul.concierge-member2{
	width: 684px;
	background: url(/common/img/dotline-brown.gif) left bottom repeat-x;
	padding: 10px 0;
	}
ul.concierge-member li,ul.concierge-member2 li{
	width: 220px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-top: 5px;
	margin-right: 8px;
	float: left;
	position: relative;
	}
ul.concierge-member li h4,ul.concierge-member2 li h4{
	font-weight: bold;
	margin-left: 105px;
	}
ul.concierge-member li h4 span,ul.concierge-member2 li h4 span{
	display: block;
	font-size: 90%;
	font-weight: normal;
	}
ul.concierge-member li p.term,ul.concierge-member2 li p.term{
	margin-left: 105px;
	}
ul.concierge-member li p.comments,ul.concierge-member2 li p.comments{
	margin-left: 105px;
	font-size: 90%;
	}
ul.concierge-member li img,ul.concierge-member2 li img{
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
	}


	

/* map
---------------------------------------------------------- */
	
h2.title-map{
	width: 684px;
	margin: 13px 0 11px;
	height: 110px;
	background: url(/img/map/title-map.jpg) left top no-repeat;
	text-indent: -9999px;
	}
	

/* access-nav */
#access-nav{
	width: 684px;
	}
	#access-nav h4{
		width: 192px;
		height: 24px;
		background: url(/img/map/cap-map-nav.gif) left top no-repeat;
		text-indent: -9999px;
		float: left;
		}
	#access-nav ul{
		width: 492px;
		margin: 8px 0;
		float: right;
		}
	#access-nav ul li{
		float: left;
		padding: 0 10px;
		border-right: solid 1px #cccccc;
		}
	#access-nav ul li.last{ border: none; }
	
	
/* map-nav */
#map-nav{
	width: 614px !important;
	width: 684px;
	min-height: 62px;
	height: auto !important;
	height: 62px;
	background: url(/img/map/bg-caption.gif) left top no-repeat;
	margin-top: 20px;
	padding-left: 70px;
	}
#map-nav h3{
	width: 140px;
	height: 34px;
	background: url(/img/map/cap-map.gif) left top no-repeat;
	text-indent: -9999px;
	}
#map-nav p.attention{
	width: 400px;
	color: #666;
	font-size: 90%;
	}
#map-nav .map-nav-in{
	width: 130px;
	margin-left: 484px;
	position: relative;
	top: -50px;
	}
#map-nav .map-nav-in .btn-all{
	width: 62px;
	margin-top: 0px !important;
	margin-top: 5px;
	}
*+html body #map-nav .map-nav-in .btn-all,{
	margin-top: 5px !important;
	}
	#map-nav .map-nav-in .btn-all a{
		display: block;
		width: 62px;
		height: 21px;
		background: url(/img/map/btn-mapall.gif) left top no-repeat;
		text-indent: -9999px;
		}
	#map-nav .map-nav-in .btn-all a:hover{ background-position: left bottom; }
	
#map-nav .map-nav-in .btn-map{
	width: 60px !important;
	width: 62px;
	border: solid 1px #6f0000;
	position: absolute;
	top: 0;
	right: 0;
	}
#map-nav .map-nav-in ul{
	width: 60px;
	}
	#map-nav .map-nav-in ul li{
		width: 20px;
		height: 20px;
		float: left;
		}
	#map-nav .map-nav-in ul li a{
		display: block;
		width: 20px;
		height: 20px;
		background-position: left bottom;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
		#map-nav .map-nav-in ul li.smap01 a{ background-image: url(/img/map/nav-map1.gif);}
		#map-nav .map-nav-in ul li.smap02 a{ background-image: url(/img/map/nav-map2.gif);}
		#map-nav .map-nav-in ul li.smap03 a{ background-image: url(/img/map/nav-map3.gif);}
		#map-nav .map-nav-in ul li.smap04 a{ background-image: url(/img/map/nav-map4.gif);}
		#map-nav .map-nav-in ul li.smap05 a{ background-image: url(/img/map/nav-map5.gif);}
		#map-nav .map-nav-in ul li.smap06 a{ background-image: url(/img/map/nav-map6.gif);}
		#map-nav .map-nav-in ul li.smap07 a{ background-image: url(/img/map/nav-map7.gif);}
		#map-nav .map-nav-in ul li.smap08 a{ background-image: url(/img/map/nav-map8.gif);}
		#map-nav .map-nav-in ul li.smap09 a{ background-image: url(/img/map/nav-map9.gif);}
		
		#map-nav .map-nav-in ul li a:hover{ background-position: left top; }
		#map-nav .map-nav-in ul li a.nav-on{ background-position: left top; }
		
		
/* map-main */
#map-main{
	width: 684px;
	margin-top: -45px;
	position: relative;
	}
#map-main ul{
	width: 684px;
	}
	#map-main ul li{
		width: 228px;
		height: 228px;
		float: left;
		}
	#map-main ul li a{
		display: block;
		width: 228px;
		height: 228px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
		#map-main ul li.map01 a{ background-image: url(/img/map/map00-1.gif); }
		#map-main ul li.map02 a{ background-image: url(/img/map/map00-2.gif); }
		#map-main ul li.map03 a{ background-image: url(/img/map/map00-3.gif); }
		#map-main ul li.map04 a{ background-image: url(/img/map/map00-4.gif); }
		#map-main ul li.map05 a{ background-image: url(/img/map/map00-5.gif); }
		#map-main ul li.map06 a{ background-image: url(/img/map/map00-6.gif); }
		#map-main ul li.map07 a{ background-image: url(/img/map/map00-7.gif); }
		#map-main ul li.map08 a{ background-image: url(/img/map/map00-8.gif); }
		#map-main ul li.map09 a{ background-image: url(/img/map/map00-9.gif); }
		
		#map-main ul li a:hover{ background-position: left bottom; }
		
.map-detail{
	text-align: right;
	margin-top: 690px;
	}
	.map-detail a{
		background: url(/common/img/list-mark01.gif) 0 0.1em no-repeat;
		padding-left: 12px;
		}
		
#map-main #map00,#map-main #map01,#map-main #map02,#map-main #map03,#map-main #map04,#map-main #map05,#map-main #map06,#map-main #map07,#map-main #map08,#map-main #map09{ position: absolute; top: 0; left: 0; }
		
		
/* access */

#access-nav2{
	width: 614px !important;
	width: 684px;
	min-height: 62px;
	height: auto !important;
	height: 62px;
	background: url(/img/map/bg-caption.gif) left top no-repeat;
	margin-top: 20px;
	padding-left: 70px;
	}
#access-nav2 h3{
	width: 152px;
	height: 34px;
	background: url(/img/map/cap-access.gif) left top no-repeat;
	text-indent: -9999px;
	}
#access-nav2 ul{
	margin-top: 10px;
	}
#access-nav2 ul li{
	float: left;
	padding: 0 10px;
	border-right: solid 1px #cccccc;
	}
#access-nav2 ul li.last{
	border: none;
	}

h4.cap-access{
	margin-top: 30px;
	}
	
ul.access-list{
	margin-left: 70px;
	line-height: 2em;
	margin-top: 10px;
	} 
ul.access-list li{
	list-style-type: disc;
	list-style-position: inside;
	}
ul.access-list li.no-icon{ list-style-type: none; }

ul.access-list li ul{ margin-left: 15px; }
ul.access-list li ul li{
	list-style: none;
	}
	
div.bus-list{
	width: 562px;
	border: solid 2px #8c8c8c;
	border-width: 2px 0;
	margin-top: 15px;
	margin-left: 70px;
	padding: 8px 0;
	}
div.bus-list table{
	width: 260px;
	margin-right: 20px;
	float: left;
	}
div.bus-list table caption{
	/*width: ;*/
	border-bottom: solid 1px #666;
	padding-bottom: 5px;
	}
div.bus-list table tbody{
	margin-top: 10px;
	}
div.bus-list table th,div.bus-list table td{
	border-bottom: solid 1px #ccc;
	padding: 5px;
	text-align: center;
	}
div.bus-list table th{
	font-weight: bold;
	}



/* link (/info/link.html)
---------------------------------------------------------- */

ul.link-list{
	width: 330px;
	float: left;
	margin-top: 10px;
	padding-left:10px;
	line-height: 1.8em;
	}

ul.link-list li{ margin-bottom: 5px; }
ul.link-list a{
	/*display: block;*/
	background: url(/common/img/list-mark01.gif) 0 0 no-repeat;
	padding-left: 12px;
	}
	
	
/* post (/info/post.html)
---------------------------------------------------------- */	

#post{ margin: 0 auto; padding-bottom: 15px; width: 484px; text-align: left;}	
#post h3{
	width: 484px;
	background: url(/img/concierge/bg-cap.gif) left bottom no-repeat;
	margin-top: 20px;
	}
	#post h3 span{
		display: block;
		width: 454px !important;
		width: 484px;
		background: url(/img/concierge/bg-cap-upper.gif) left top no-repeat;
		color: #6f0000;
		font-size: 120%;
		font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
		font-weight: bold;
		padding: 5px 15px;
		}
		
#post ul{
	width: 484px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-left: 20px;
	}
#post ul li{
	background: url(/common/img/list-mark01.gif) 0 0.5em no-repeat;
	margin-bottom: 5px;
	padding-left: 12px;
	}
	
#post .close{
	text-align: center;
	margin-top: 20px;
	}
	
#post .close a{
	display: block;
	margin: 0 auto;
	width: 60px !important;
	width: 70px;
	border: solid 1px #6f0000;
	padding: 5px;
	color:#6f0000;
	font-weight: bold;
	}
	

/* mail magazine
---------------------------------------------------------- */

#mailmg-form{
	margin: 15px 24px;
	border: solid 1px #ccc;
	padding: 15px;
	}
#koushiki-form{
	margin: 15px 24px;
	border: solid 1px #f99;
	padding: 15px;
	background-color:#fdfae9;
	}
#mailmg-form li,#koushiki-form li{
	width: 568px;
	margin-bottom: 10px;
	}
#mailmg-form li h4{
	width: 100px;
	float: left;
	}
#mailmg-form li div.mailmg-in{
	width: 450px;
	float: right;
	}
p.font-b{ font-weight: bold; }



/* sitemap
---------------------------------------------------------- */

#sitemap{
	width: 648px;
	}
#sitemap li{
	background: url(/common/img/dotline-gray.gif) left bottom repeat-x;
	padding: 0 0 10px 30px;
	margin: 15px 0;
	}
#sitemap li a{
	background: url(/common/img/list-mark01.gif) 0 0 no-repeat;
	padding-left: 12px;
	font-weight: bold;
	}
#sitemap li ul{
	margin: 10px 0 10px 100px;
	}
#sitemap li ul li{
	background: none;
	margin: 5px 0;
	}
#sitemap li ul li a{
	background: url(/common/img/list-mark01.gif) 0 0 no-repeat;
	font-weight: normal;
}


	
	
/* site-search(right side) ページ例外設定
---------------------------------------------------------- */

#right-side{
	background-color: transparent;
	}
	
#site-search{
	margin-top: 0px;
	}




/* 小説紹介ページ　20100311 add y.matsumoto
---------------------------------------------------------- */
 dl.novel-cast{
	margin-top:15px;
	width:684px;
}
.novel-cast dt{
	background: url(/common/img/list-mark03.gif) 0 0 no-repeat;
	padding-left: 12px;
	font-weight: bold;
	line-height : 1em;
	width:6em;
	height:1.6em;
}
.novel-cast dd{
	display:block;
	padding-left: 12px;
	line-height : 1em;
	margin-left: 6em;
	margin-top : -1.6em;
	padding-bottom:10px;

}
.novel-caption{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.novel-caption span{
	display:block;
	text-indent:-1em;
	font-size:80%;
	margin-top: 0;
	margin-right: 2em;
	margin-bottom: 0;
	margin-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

}

/* バナー広告募集ページ　20100608 add y.matsumoto
---------------------------------------------------------- */
#kokoku ol {
	margin-bottom: 1em;
	margin-right: 2em;
	margin-left: 2em;
	list-style-position: outside;
	font-size: 100%;
	line-height: 130%;
}
#kokoku ol li {
		margin-bottom: 0.5em;

}
#kokoku ol li ol,#kokoku ol li ul{
	color: #555;
	font-size:95%;

}
#kokoku strong {
	font-weight:bold;
	color:#600;
}
#kokoku ol li li {
		margin-bottom: 0em;

}

/* プレゼントページ　20111209 add y.matsumoto
---------------------------------------------------------- */
.present_a{
	margin-top:25px;
	font-size:14px;
	line-height:20px;
}
.btn_present {
	margin: 10px;
	text-align: center;
}
.btn_present:hover img {
	filter :alpha(opacity=70) ;
	opacity :0.7 ;
}

.present_a a{
color:#ff2200;
font-weight:bold;
text-decoration:underline;
}
.present_a a:hover{
color:#ff8833;
}