@charset "utf-8";

/*--ctbdesignCSS -- 2009,04,16 Rel-ish iori--*/

@import url("reset.css");
@import url("skin.css");


/* SITE VISUAL */
#sitevisual {
	width: 900px;
	margin: 1.2em auto;
}

/* TOP CONTENTS */
#beta {
	float: left;
	width: 500px;
	margin: 0 10px;
}


/* TOP RIGHT TOPICS */
#gamma {
	float: left;
	width: 200px;
}


/* CENTER BOX H3 */
#beta h3 {
	height: 24px;
	margin: 0 0 8px 0;
	padding: 8px 0 0 15px;
	font-weight: bold;
	color: #666;
}

#beta h3.beta_01 {
	background: url(../img/h_bg_spotguide.jpg) no-repeat left top;
}

#beta h3.beta_02 {
	background: url(../img/h_bg_eventguide.jpg) no-repeat left top;
}

#beta h3.beta_03 {
	background: url(../img/h_bg_news.jpg) no-repeat left top;
}

/* MAP */
#map {
	position: relative;
	width: 500px;
	height: 310px;
	background: url(../img/map_bg.jpg) no-repeat left top;
}

/*maplist*/
#map li.map_01 a {
	display: block;
	position: absolute;
	top: 16px;
	left: 27px;
	width: 201px;
	height: 103px;
	background: url(../img/map_west_off.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#map li.map_02 a {
	display: block;
	position: absolute;
	top: 16px;
	left: 221px;
	width: 223px;
	height: 140px;
	background: url(../img/map_center_off.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#map li.map_03 a {
	display: block;
	position: absolute;
	top: 130px;
	left: 262px;
	width: 99px;
	height: 95px;
	background: url(../img/map_around_off.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#map li.map_04 a {
	display: block;
	position: absolute;
	top: 125px;
	left: 326px;
	width: 124px;
	height: 165px;
	background: url(../img/map_south_off.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

/*maplist:a*/
#map li.map_01 a:hover {
	display: block;
	background: url(../img/map_west_on.jpg) no-repeat left top;
}

#map li.map_02 a:hover {
	display: block;
	background: url(../img/map_center_on.jpg) no-repeat left top;
}

#map li.map_03 a:hover {
	display: block;
	background: url(../img/map_around_on.jpg) no-repeat left top;
}

#map li.map_04 a:hover {
	display: block;
	background: url(../img/map_south_on.jpg) no-repeat left top;
}

/*map-text*/
#map div {
	position: absolute;
	top: 219px;
	left: 23px;
}

#map div h4 {
	width: 228px;
	height: 20px;
	background: url(../img/h_areamap.jpg) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#map div p {
	margin: 5px 0 0 5px;
}

#map div p span {
	color: #693;
}

#map div ul {
	margin: 5px 0 0 5px;
	line-height: 0%;
}

#map div li {
	display: inline;
	padding: 0 10px;
	background: url(../img/blet_arrow_pink.jpg) no-repeat left center;
	line-height: 150%;
}

#map div li a {
	color: #333;
	text-decoration: none;
}


/* Category */
#category {
	margin: 15px 0 0;
	padding: 0 0 15px;
	background: #f0f0f0;
}

#category h4 {
	width: 228px;
	height: 20px;
	margin: 0 0 15px;
	background: url(../img/h_category.jpg) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#category table {
	width: 460px;
	margin: 0 auto;
}

#category td {
	padding: 0 5px 1em 0;
}

#category td.c_td_center {
	padding: 0 20px 1em 0;
}


/* recommend */
#recommend {
	margin: 15px 0 0;
}

#recommend h4 {
	background: url(../img/h_recommendation.jpg) no-repeat left top;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

#recommend h5 {
	float: left;
}

#recommend img.recimg {
	position: absolute;
	top: 1px;
	right: 1px;
}

* html #recommend img.recimg {
	right: 0;
}

#recommend p {
	float: left;
	width: 125px;
	padding: 0.3em 0 0 0.5em;
}

* html #recommend p {
	line-height: 140%;
}

*+html #recommend p {
	line-height: 140%;
}

#recommend div {
	position: relative;
	float: left;
	width: 245px;
	min-height: 100px;
	margin: 0 2px 0 0;
	padding: 1px;
	border: solid 1px #ff6d01;
	background: #ffffcc;
}

* html #recommend div {
	height: 100px;
}

#recommend div.r_02 {
	margin: 0;
	border: solid 1px #679901;
}


/* touristgallery */
#touristgallery {
	margin: 0 0 10px;
}

/* openevent */
#o_event {
	margin: 0 0 11px;
	clear: both;
}

#o_event h4 {
	margin: 0 0 10px;
}

#o_event ul {
	width: 500px;
	margin: 10px 0 15px;
	line-height: 0%;
}

#o_event li {
	padding: 3px 15px;
	line-height: 150%;
}

#o_event li.odd {
	background: #e6ffd6;
}

#o_event p {
	text-align: right;
}

#o_event li a {
	color: #333;
}


/* =Project */
#project {
	margin: 15px 0 20px;
}

#project ul {
	line-height: 0;
}

#project li {
	margin: 0 0 10px;
}


/* NEWS */
#news {
	margin: 15px 0 0;
}

#news table {
	width: 100%;
	margin: 0 0 15px;
}

#news th {
	width: 100px;
	padding: 5px 5px 5px 15px;
	color: #f60;
	vertical-align: top;
}

#news tr.odd {
	background: #fff8db;
}

#news td {
	padding: 5px;
}

#news p {
	text-align: right;
}




/* RIGHT Banners */
#gamma ul {
	line-height: 0%;
}

#gamma li {
	margin: 0 0 5px;
	line-height: 150%;
}


/* RIGHT Topics */
#topics {
	width: 200px;
	margin: 0 0 15px;
}

#topics h3 {
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../img/h_topics.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#topics p {
	text-align: right;
}

#topics p.vds {
	width: 100%;
	min-height: 15px;
	_height: 15px;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	font-size: 0;
	line-height: 0;
}

#topics table {
	width: 100%;
	margin: 0 0 10px;
}

#topics th {
	padding: 5px 0 3px;
	font-weight: bold;
}

#topics th span {
	display: block;
	padding: 0 0 0 10px;
	background: url(../img/blet_arrow_orange.jpg) no-repeat left center;
}

#topics td {
	padding: 0 0 15px;
	background: url(../img/bg_dotline.jpg) repeat-x left bottom;
	vertical-align: top;
}

#topics td.topics_02 {
	padding: 0;
	background: none;
}

#topics td p {
	padding: 0 0 0 5px;
	text-align: left;
}



/* sports */
#sports {
	margin: 15px 0 0;
	padding: 0 0 10px;
	background: #f0f0f0;
}

#sports h3 {
	height: 20px;
	background: url(../img/h_machidasports.jpg) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

#sports ul {
	line-height: 0%;
}

#sports li {
	margin: 9px 0 0;
	text-align: center;
}

#sports img {
	font-size: 0;
	line-height: 0;
}



/* WANTED */
#wanted {
	margin: 5px 0 20px;
	text-align: center;
}

#wanted ul {
	padding: 10px 0 0;
	background: #f0f0f0;
}

#wanted li {
	padding: 0 0 3px;
}

#wanted p {
	padding: 0;
	text-align: right;
	font-size: 0.9em;
}

* html #wanted p {
	font-size: 75%;
}

*+html #wanted p {
	font-size: 75%;
}

#wanted p a {
	color: #666;
}


/* weather */
.weather p {
	width: 180px;
	margin: 0 auto;
	line-height: 150%;
}

.weather img {
	display: block;
	width: 180px;
	margin: 0 auto;
}


/* 20090828:tourinfo by yu-ki */
#tourinfo {
	margin: 0 0 10px;
	background: url(../img/tourinfo_bg_in.jpg) repeat-y left top;
}

#tourinfo div.tourinfo_bg_top {
	height: 7px;
	background: url(../img/tourinfo_bg_top.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

#tourinfo div.tourinfo_bg_bottom {
	height: 7px;
	background: url(../img/tourinfo_bg_bottom.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

#tourinfo p {
	margin: 5px 15px;
}


/* 20090909:ctblicense write by yu-ki */
.ctblicense {
	margin: 0 0 15px;
}



/* 20090909: access report write by yu-ki */
#t_ar {
	margin: 15px 0 0;
	background: url(../img/ar_box_in.jpg) repeat-y left top;
}

.t_ar_top {
	height: 3px;
	background: url(../img/ar_box_top.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

.t_ar_bottom {
	height: 3px;
	background: url(../img/ar_box_bottom.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

#t_ar h4 {
	height: 31px;
	background: url(../img/h_ar.jpg) no-repeat 10px top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#t_ar h5 {
	width: 170px;
	margin: 10px auto;
}

#t_ar dl {
	width: 170px;
	margin: 0 auto 10px;
}

#t_ar dt {
	float: left;
	width: 55px;
	clear: left;
}

#t_ar dd {
	text-align: right;
}

#t_ar p {
	margin: 0 10px 8px;
	font-size: 0.9em;
	text-align: right;
}

* html #t_ar p {
	font-size: 75%;
}

*+html #t_ar p {
	font-size: 75%;
}



/* =postcard : 20091117 yu-ki */
.postcard {
	display: block;
	margin: 0;
}


/* =recruit 20100129 yu-ki */
.recruit {
	display: block;
	margin: 5px 0 15px;
}


/* twitter */
.twitter {
	margin: 0 0 15px;
}


/* hac:clearfix */
#recommend:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

#recommend
{ display: inline-block; }

/* exlude MacIE5 \*/

* html #recommend
{ height: 1% }

#recommend
{display:block;}
/* end MacIE5 */