@charset "shift_jis";

/* ヘッダ書き換え
-------------------------------------------------------------------------------------------------*/
#header{
	background:url(../images/guide/bg_header.gif) repeat-x left top;
}
#header div.cwrapper{
	background:url(../images/guide/bg_header.gif) repeat-x left top;
}
#header p.header-caption{
	background:url(../images/guide/header_caption.gif) no-repeat left top;
}
#header h1 a{
	background:url(../images/guide/title.gif) no-repeat left top;
}
#header .keyvisual{
	text-align:left;
	width:67px; margin:0px; padding:0px 0px 0px; float:left;
}

/* コンテンツ書き換え
-------------------------------------------------------------------------------------------------*/
#nav dt{
	background:url(../images/guide/bg_caption.gif) repeat-x left center;
}
#body #nav dt#nav-category{
	text-indent:-9999px;
	background:url(../images/guide/nav_category.gif) no-repeat left top;
	height:24px;
}

#body #nav dt#nav-advertisement{
	text-indent:-9999px;
	background:url(../images/guide/nav_advertisement.gif) no-repeat left top;
	height:24px;
}


/* タイトル */
#contents .caption{
	color:#ffffff;
	background:url(../images/guide/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 10px;
}
#contents .caption_blue{
	color:#ffffff;
	background:url(../images/ma/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 0px;
}
#contents .caption_red{
	color:#ffffff;
	background:url(../images/guide/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 0px;
}
#contents .caption_green{
	color:#ffffff;
	background:url(../images/venture/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 0px;
}
#contents .caption_orange{
	color:#ffffff;
	background:url(../images/market/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 0px;
}
#contents .caption_purple{
	color:#ffffff;
	background:url(../images/matching/bg_caption.gif) repeat-x left top;
	vertical-align:middle;
	width:auto; height:26px; padding:4px 0px 0px 10px; margin:0px auto 0px;
}


/* エリアテーブル
-------------------------------------------------------------------------------------------------*/
.tbl-area-guide {
	border: solid 1px #dddddd;
	background-color: #ffffff;
	border-collapse: collapse;
}
.tbl-area-guide td {
	width:187px;
	height:140px;
	border: solid 1px #dddddd;
	vertical-align: middle;
	text-align: center;
	color: #666666;
	line-height: 150%;
}
.tbl-area-guide img {
	vertical-align: bottom;
}
.tbl-area-guide strong {
	color: #000000;
}
.tbl-area-guide .no-image {
	width:167px;
	padding: 0px 10px;
}

/* 店舗詳細テーブル
-------------------------------------------------------------------------------------------------*/
.tbl-shop {
	border-spacing: 3px;
}
.tbl-shop th {
	color: #ffffff;
	padding-left: 10px;
}
.tbl-shop td {
	padding:7px 0px 7px 10px;
}
.tbl-shop td.image {
	background-color: #ffffff;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}
.tbl-blue th {
	background-color: #0000dd;
	}
.tbl-blue td {
	background-color: #eeeeff;
}
.tbl-purple th {
	background-color: #aa00dd;
}
.tbl-purple td {
	background-color: #f5eeff;
}
.tbl-green th {
	background-color: #00bb00;
}
.tbl-green td {
	background-color: #eeffee;
}

/* ローカルナビゲーション
-------------------------------------------------------------------------------------------------*/

/* dt基本 */
#nav dt {
	background:url(../images/ipo/bg_caption.gif) repeat-x left center;
}

/* a */
#body #nav dd a{
	color:#072072;
}
#body #nav dd a:hover{
	background-color:#a4cfff;
}

/* エリア */
#body #nav dt#nav01 {
	height: 24px;
	background: url(../images/guide/nav01.gif) no-repeat left top;
	text-indent: -9999px;
}

/**
 * グローバルナビ
 */

/* コンテンツラッパー */
#guide-nav div.cwrapper {
	width: 785px;
	margin: 0px auto 0px 0px;
	padding: 0px;
	border: none;
	background: none;
	text-align: center;
}
#guide-nav div.cwrapper img {
	vertical-align: bottom;
}
/* ul,li */
#guide-nav ul {
	float: left;
	width: auto;
}

#guide-nav ul li {
	float: left;
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
}

#guide-nav ul li a {
	display: block;
	text-align: center;
	vertical-align: middle;
}


/* 神戸タウン情報
-------------------------------------------------------------------------------------------------*/
.town-guide {
	height:100%;
	margin:6px 0 6px 5px;
}
.town-guide strong {
	display:block;
	margin-bottom:3px;
}
.town-info li {
	font-size:80%;
	float:left;
	margin-right:6px;
	border:1px solid #CC8888;
	background-color:#FFF5F5;
}
.town-info li a,.town-info li span {
	display:block;
	padding:3px 8px;
	font-weight:bold;
}

/* 観光スポット
-------------------------------------------------------------------------------------------------*/
#contents table.tbl-attractions th {
	padding:5px 0.5em;
	vertical-align:top;
	width:28%;
}
#contents table.tbl-attractions th.tbl-area {
	width:11%;
}