@charset "UTF-8";



.leftCol,
.spot_controll,
.spot_entryBody,
.category_chip {
	display: none;
}



/* ------------------------------------------------------
   background
------------------------------------------------------ */

html {
	background: url(/images/html_bg.gif) repeat-y;
}

.main {
	background: url(/images/header_bg.gif) repeat-x;
}

.globalNavi ul li a.map {
	background: url(/images/navi_map.gif) no-repeat scroll left top;
}

.globalNavi ul li a.map:hover {
	background-position:left bottom;
}

.globalNavi ul li a.spot {
	background: url(/images/navi_spot.gif) no-repeat scroll left top;
}

.globalNavi ul li a.spot:hover {
	background-position:left bottom;
}

.globalNavi ul li a.news {
	background: url(/images/navi_news.gif) no-repeat scroll left top;
}

.globalNavi ul li a.news:hover {
	background-position:left bottom;
}

.globalNavi ul li a.about {
	background: url(/images/navi_about.gif) no-repeat scroll left top;
}

.globalNavi ul li a.about:hover {
	background-position: left bottom;
}

.globalNavi ul li a.current {
	background-position:right top;
}

.search ul li.visit {
	background: url(/images/p1_serach_visit.gif) no-repeat scroll left top;
}

.search ul li a.visit {
	background: url(/images/p1_icon_visit.gif) no-repeat scroll left top;
}

.search ul li.buy {
	background: url(/images/p1_serach_buy.gif) no-repeat scroll left top;
}

.search ul li a.buy {
	background: url(/images/p1_icon_buy.gif) no-repeat scroll left top;
}

.search ul li.use {
	background: url(/images/p1_serach_use.gif) no-repeat scroll left top;
}

.search ul li a.use {
	background: url(/images/p1_icon_use.gif) no-repeat scroll left top;
}

.search ul li.stay {
	background: url(/images/p1_serach_stay.gif) no-repeat scroll left top;
}

.search ul li a.stay {
	background: url(/images/p1_icon_stay.gif) no-repeat scroll left top;
}

.search ul li.show-all {
	background: url(/images/p1_serach_show-all.gif) no-repeat scroll left top;
}

.search ul li a.show-all {
	background: url(/images/p1_icon_show-all.gif) no-repeat scroll left top;
}

.subNavi a.visit {
	background: url(/images/p2-1_subNavi_visit.gif) no-repeat scroll left top;
}

.subNavi a.buy {
	background: url(/images/p2-1_subNavi_buy.gif) no-repeat scroll left top;
}

.subNavi a.use {
	background: url(/images/p2-1_subNavi_use.gif) no-repeat scroll left top;
}

.subNavi a.stay {
	background: url(/images/p2-1_subNavi_stay.gif) no-repeat scroll left top;
}

.cat_visit {
	background: url(/images/p2-1_catName_visit.gif) no-repeat scroll left top;
}

.cat_buy {
	background: url(/images/p2-1_catName_buy.gif) no-repeat scroll left top;
}

.cat_use {
	background: url(/images/p2-1_catName_use.gif) no-repeat scroll left top;
}

.cat_stay {
	background: url(/images/p2-1_catName_stay.gif) no-repeat scroll left top;
}

.newsCat a {
	background: url(/images/p3_newsCat_icon.gif) no-repeat scroll left top;
}

.news_head {
	background: url(/images/p3_news_title.gif) no-repeat scroll left top;
}

.news_list li,
.subCat_name {
	background: url(/images/p3_icon_list.gif) no-repeat scroll left top;
}

.category {
	background: url(/images/p3_newsCat_icon.gif) no-repeat scroll left top;
}

.about_head {
	background: url(/images/p4_title.gif) no-repeat scroll left top;
}

.spot_entryBody,
.spot_entryMap {
	background: url(/images/p2-1_icon_body.gif) no-repeat scroll left top;
}

/*--
.news_list li {
	background: url(/images/p3_news_list.gif) no-repeat scroll left top;
}
--*/


/* ------------------------------------------------------
   background-color
------------------------------------------------------ */

/* ------------------------------------------------------
.mapTxt .title:hover,
.subNavi a:hover,
.newsCat a:hover,
.news_list a:hover,
.about_body a:hover,
.spot_infoTable a:hover {
	background-color: #DFFF00;
}
------------------------------------------------------ */

.about_body span,
.spot_mapArea {
	background-color: #F2F0E3;
}

.spotBox {
	background-color: #222222;
}

.spotBox:hover {
	background-color: #333333;
}


/* ------------------------------------------------------
   background-position
------------------------------------------------------ */
/*
.globalNavi ul li a.spot:hover,
.globalNavi ul li a.news:hover,
.globalNavi ul li a.about:hover {
	background-position:left bottom;
}
*/

/* ------------------------------------------------------
   border
------------------------------------------------------ */

.mapInfo .mapImg img {
	border: solid 1px #909090;
}

.mapInfo .mapImg img:hover {
	border: solid 1px #505050;
}

/* ------------------------------------------------------
   color
------------------------------------------------------ */

a,
a:link,
a:visited,
a:active {
	color: #000;
}

a:hover {
	color: #85A1AF;
}

.mapInfo .category {
	color: #85A1AF;
}

.subNavi span,
.newsCat span,
.news_list .news_date,
.news_titleBox .date {
	color: #C0C0C0;
}

.nameBox {
	color: #FFFFFF;
}


/* ------------------------------------------------------
   cursor
------------------------------------------------------ */

a {
	cursor: pointer;
}


/* ------------------------------------------------------
   display
------------------------------------------------------ */

.globalNavi ul li a,
.search ul li,
.search ul li a,
.mapImg img,
.subNavi a,
.newsCat a,
.cat_visit,
.spot_list ul,
.spot_list ul li,
.spot_list ul li a,
.about_head,
.spot_entryBody {
	display:block;
}


/* ------------------------------------------------------
   float

.logo,
.globalNavi,
.globalNavi li,
.search li,
.search li.search_img,
.subNavi li,
.newsCat li,
.mapInfo img,
.mapInfo .mapTxt,
.spot_list ul li,
.news_head a,
.news_foot a,
.category_chip li,
.spot_info,
.imgBox {
	float: left;
}

------------------------------------------------------ */

/* ------------------------------------------------------
   font-family


body {
	font-family: 'Meiryo','Helvetica','$BecDe&+eb(B®$Bec<j(B§$BDe$6(B Pro W3','Hiragino Kaku Gothic Pro','$Bec(B¡$Beb(B¤$Bec(Bª$Beb(Bª',Meiryo,'$B~>(B­$B~>(B³ $B~>(B°$Beb(B´$Beb(B·$Bec&e$1(B',sans-serif;
}

------------------------------------------------------ */

/* ------------------------------------------------------
   font-size
------------------------------------------------------ */

body {
	font-size: 13px;
}

.subCat_name h2 {
	font-size: 14px;
}

.nameBox h3 {
	font-size: 10px;
}

.news_list .news_date,
.about_body,
.spot_entryBody,
.news_body,
.subCat_select  {
	font-size: 11px;
}

.mapInfo,
.news_list .news_title {
	font-size: 12px;
}

.news_titleBox h2 {
	font-size: 20px;
}

.about_body h3 {
	font-size: 12px;
	font-weight: bold;
}

.spot_infoTable,
.news_category {
	font-size: 9px;
}

/* ------------------------------------------------------
   height
------------------------------------------------------ */

.spot_entryBody,
	height: 0px;
}

.globalNavi ul li a {
	height: 40px;
}

.subNavi li,
.newsCat li,
.category {
	height: 20px;
}

.search ul li,
.search ul li a {
	height: 30px;
}

.mapInfo {
	height: 100px;
}

.subCat_name {
	height: 30px;
}

.nameBox {
	height: 38px;
}

.cat_visit,
.cat_buy,
.cat_use,
.cat_stay {
	height: 60px;
}

.about_head {
	height: 35px;
}

.spot_mapArea {
	height: 360px;
}
.spotBox {
	height: 76px;
}

/* ------------------------------------------------------
   letter-spacing
------------------------------------------------------ */

body {
	letter-spacing: 1px;
}


/* ------------------------------------------------------
   line-height
------------------------------------------------------ */

body {
	line-height: 1.4em;
}

h1,
h2,
h4,
.globalNavi ul li a,
.search ul li,
.search ul li a {
	line-height:1;
}

.mapTxt ,
h3 {
	line-height:1.4;
}

.news_titleBox h2 {
	line-height:1.2;
}

.spot_infoTable {
	line-height: 1.8;
}

.spot_infoTable td {
	line-height: 1.4;
}




/* ------------------------------------------------------
   margin
------------------------------------------------------ */

.main {
	margin: 0pt;
}

.logo,
.search {
	margin: 0px 20px;
}

.globalNavi ul li a {
	margin-right: 1px;
}

.search ul li {
	margin-top: 6px;
}

.search ul li a,visit,
.search ul li a.show-all {
	margin-left: 70px;
}

.search ul li a.buy,
.search ul li a.use {
	margin-left: 40px;
}

.search ul li a.stay {
	margin-left: 60px;
}

.copyright {
	margin-top: 280px;
}

.mapImg img {df
	margin-right: 10px;
}

.mapTxt {
	margin-left: 10px;
}

.mapTxt img {
	margin-top: 6px;
}

.subNavi li,
.newsCat li {
	margin-top: 10px;
}

.subNavi,
.newsCat {
	margin-left: 200px;
}

.subCat_select { 
	margin: 0px 0px 0px 154px;
}

.subCat_name {
	margin-top: 20px;
}

.spotBox,
.subCat_name {
	margin: 0px 1px 1px 0px;
}

.news_head .pageNavi a,
.news_foot .pageNavi a {
	margin-left: 10px;
}

.news_category {
	margin-bottom: 20px;
}

.news_list li  {
	margin-top: 10px;
}
.spot_list {
	margin-bottom: 40px;
}

.spot_infoTable {
	margin-top: 20px;
}

.date,
.category {
	margin-top: 6px;
}

.news_body {
	margin: 30px 0px 40px;
}

.about_body {
	margin-top: 40px;
}

.about_body h3 {
	margin-bottom: 8px;
}

.spot_entry,
.news_foot,
.about_body,
.news_list {
	margin-bottom: 60px;
}

.spot_entryBody {
	margin-top: 30px;
}

.spot_controll li{
	margin-bottom: 2px;
}

.spot_entryMap {
	margin-top: 30px;
}

.subCat_name {
	margin-top: 10px;
}


/* ------------------------------------------------------
   overflow
------------------------------------------------------ */

.leftCol,
.nameBox {
	overflow : hidden;
}

/* ------------------------------------------------------
   outline
------------------------------------------------------ */

a {
	outline: none;
}


/* ------------------------------------------------------
   position
------------------------------------------------------ */

body {
	position: relative;
}


/* ------------------------------------------------------
   padding
------------------------------------------------------ */

.search,
.subNavi,
.newsCat {
	padding-top: 70px;
}

.subNavi a,
.newsCat a {
	padding: 2px 20px 0px 28px;
}

.mapTxt {
	padding-top: 10px;
}

.subCat_name h2 {
	padding: 0px 0px 20px 40px;
}

.nameBox {
	padding	: 8px 10px 0px 0px;
}

.catBox {
	padding: 2px 6px 20px;
}

.news_category {
	padding-top: 50px;
}

.news_head .pageNavi {
	padding: 0px 0px 0px 460px;
}

.news_list li h2,
.news_list li p {
	padding-left: 48px;
}

.news_foot .pageNavi {
	padding: 10px 22px 40px 450px;
}

.subNavi span,
.newsCat span {
	padding-left: 10px;
}

.category p {
	padding: 2px 0px 0px 30px;
}

.spot_infoTable td {
	padding: 0px 0px 0px 20px;
}

.spotBox  .imgBox {
	padding: 1px 16px 0px 6px;
}

.spot_infoTable td,
.spot_infoTable th {
	padding-top: px;
}




/*--
.news_list li {
	padding-left: 22px;
}
--*/

/* ------------------------------------------------------
   text-decoration
------------------------------------------------------ */

body {
	text-decoration: none;
}

a {
	text-decoration: none;
}

/* ------------------------------------------------------
   text-indent
------------------------------------------------------ */

.globalNavi ul li a,
.search ul li,
.search ul li a,
.about_head {
	text-indent:-9999px;
}


/* ------------------------------------------------------
   vertical-align
------------------------------------------------------ */

.spot_infoTable th {
	vertical-align: top;
}

/* ------------------------------------------------------
   width
------------------------------------------------------ */

.globalNavi ul li a.map,
.globalNavi ul li a.spot,
.globalNavi ul li a.news {
	width: 80px;
}

.globalNavi ul li a.about {
	width: 140px;
}


.search ul li#visit,
.search ul li#show-all {
	width: 100px;
}

.search ul li#buy,
.search ul li#use {
	width: 70px;
}

.search ul li#stay {
	width: 90px;
}

.search ul li a.visit,
.search ul li a.buy,
.search ul li a.use,
.search ul li a.stay {
	width: 30px;
}

.search ul li a.show-all {
	width: 30px;
}

.mapTxt {
	width: 110px;
}

.cat_visit,
.cat_buy,
.cat_use,
.cat_stay,
.news_category {
	width: 200px;
}

.spot_list ul li {
	width: 400px;
}

.news_head,
.news_list,
 {
	width: 730px;
}

.news_body,
.news_titleBox {
	width: 680px;
}

.about_head {
	width: 200px;
}

.spot_entry {
	width: 730px;
}

.about_body {
	width: 516px;
}

.spot_info {
	width: 570px;
}

.subCat_name {
	width: 360px;
}


/* ------------------------------------------------------
   clearfix
------------------------------------------------------ */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}