@charset "UTF-8";

/* main.css
**************************************************************************************

0.Bread
1.Heading
2.Junction
3.Outline Area
4.Pickup & News
5.Anchor
6.Article + Photo
7.Photo + Photo
8.Table
9.File Download
10.Plug-In
11.RSS
12.Special Area
13.Page Navi
14.Area Serch
15.Inquiry Area
16.Text Decoration
17.G-map
18.Area-Search-map


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


/* 0.Bread
=============================================================================*/

div.bread-area {
	width:916px;
	padding:9px 0 25px 0;
	margin:0 auto;
}

div.bread-area div.bread {
	width:600px;
	font-size:11px;
	padding:3px 0 0 21px;
	float:left;
	background:url("../../image/contents-ic004.gif") no-repeat 6px 8px;
}

div.bread-area div.print {
	width:155px;
	float:right;
	margin:0  4px 0 0;
	height:27px;
}

div.bread-area div.print ul {
	width:155px;
}

div.bread-area div.print ul li.print001 {
	width:84x;
	height:27px;
	text-indent:-9999px;
	float:left;
}

div.bread-area div.print ul li.print001 a {
	display:block;
	width:84px;
	height:27px;
	background:url("../../image/contents-btn001.gif") no-repeat 0 0;
}

div.bread-area div.print ul li.print001 a:hover {
	background-position:0 -27px;
}

div.bread-area div.print ul li.print002 {
	width:71x;
	height27px;
	text-indent:-9999px;
	float:right;
}

div.bread-area div.print ul li.print002 a {
	display:block;
	width:71px;
	height:27px;
	background:url("../../image/contents-btn001.gif") no-repeat -84px 0;
}

div.bread-area div.print ul li.print002 a:hover {
	background-position:-84px -27px;
}


/* 1.Heading
=============================================================================*/

/* h1 */

div#main div.h1-area {
	width:674px;
	padding:7px 0 0 0;
	margin:0 0 20px 0;
	background:url("../../image/contents-bg001.jpg") no-repeat left top;
}

div#main div.h1-area-in {
	line-height:1.4;
	padding:27px 170px 32px 23px;
	background:url("../../image/contents-bg001.jpg") no-repeat left bottom;
}

h1:first-letter {
color: #547E05;
}

/* 自然・文化を観る */
div.nature div#main div.h1-area-in ,
div.nature div#main div.h1-area {
	background-image:url("../../image/nature-bg001.jpg");
}

/* 遊ぶ、体験する */
div.play div#main div.h1-area-in ,
div.play div#main div.h1-area {
	background-image:url("../../image/play-bg001.jpg");
}

/* 特産を買う、味わう */
div.special-product div#main div.h1-area-in ,
div.special-product div#main div.h1-area {
	background-image:url("../../image/special-product-bg001.jpg");
}

/* ゆったり泊まる */
div.staying div#main div.h1-area-in ,
div.staying div#main div.h1-area {
	background-image:url("../../image/staying-bg001.jpg");
}

/* イベント情報 */
div.event div#main div.h1-area-in ,
div.event div#main div.h1-area {
	background-image:url("../../image/event-bg001.jpg");
}

/* 四季彩 */
div.gallery div#main div.h1-area-in ,
div.gallery div#main div.h1-area {
	background-image:url("../../image/gallery-bg001.jpg");
}

/* ぐるる */
div.walking div#main div.h1-area-in ,
div.walking div#main div.h1-area {
	background-image:url("../../image/walking-bg001.jpg");
}


/* h2 */
#main div.h2-area{
	width:674px;
	margin:0 auto 17px auto;
	padding:0 0 5px 0;
	background:url("../../image/contents-bg002.gif") no-repeat left bottom;
}

#main div.h2-deco{
	line-height:1;
	background:url("../../image/contents-bg002.gif") no-repeat left top;
}

#main h2{
	padding:15px 21px 9px 21px;
	margin:0;
}


/* h3 */
#main div.h3-area{
	width:650px;
	padding:0 0 8px 0;
	margin:0 auto 15px auto;
	background:url("../../image/contents-line003.gif") repeat-x left bottom;
}


/* h4 */

#main div.h4-area{
	width:660px;
	padding:0 0 26px 0;
	margin:0 auto 3px auto;
	background:url("../../image/contents-line004.gif") repeat-x left bottom;
}


/* 2.Junction
=============================================================================*/

#main div.junction{
	width:674px;
	margin:0 0 25px 0;
}

#main div.junction div.junction-h2-deco {
	width:674px;
	margin:0 0 17px 0;
	padding:0 0 5px 0;
	background:url("../../image/contents-bg005.gif") no-repeat left bottom;
}

#main div.junction div.junction-h2-deco h2.junction-h2 {
	padding:11px 15px 6px 21px;
	background:url("../../image/contents-bg005.gif") no-repeat 0 0;
	line-height:1.6;
}

#main div.junction-outline{
	width:665px;
	margin:0 auto 15px auto;
}

#main div.junction-outline p.junction-outline-img{
	width:150px;
	margin:0 0 0 15px;
	text-align:center;
	float:right;
}

#main div.junction-outline p.junction-outline-img img {
	border:#d7d7d7 1px solid;
	padding:1px;
}

#main div.junction-outline p.junction-link-second {
	font-size:114%;
	padding:0 0 0 20px;
	background:url("../../image/contents-ar001.gif") no-repeat 5px 5px;
}


#main div.junction-list-area {
	width:665px;
	padding:10px 0 8px 0;
	margin:0 auto;
	background:url("../../image/contents-line005.gif") repeat-x 0 0;
	clear:both;
}

#main ul.junction-list{
	width:635px;
	padding:0 15px 0 15px;
}

#main ul.junction-list li {
	width:275px;
	padding:0 20px 0 20px;
	margin:0 0 5px 0;
	background:url("../../image/contents-ar001.gif") no-repeat 5px 5px;
	float:right;
}

#main ul.junction-list li.odd{
	float:left;
	clear:both;
}

#main ul.junction-list li.cl{
	clear:both;
}


/* 3.Outline Area
=============================================================================*/
#main div.outline{
	width:670px;
	margin:0 auto 35px auto;
}

#main div.outline p.subtitle{
	color:#ea8400;
	font-size:131%;
	font-weight:bold;
	padding:0 0 5px 0;
}

#main div.outline p.outline-img {
	text-align:center;
	margin:0 0 0 20px;
	float:right;
}

#main div.outline p.outline-img-l {
	text-align:center;
	margin:0 0 10px 0;
}

#main div.outline img {
	border:#d6d6d6 1px solid;
	padding:3px;
}




/* 4.pick up & information
=============================================================================*/

/* pick up*/

#main div.pick {
	padding:0 2px 18px 2px;
}

#main div.pick div.pick-area{
	background:url("../../image/contents-deco001.gif") no-repeat 0 bottom;
}

#main div.pick div.pick-list {
	width:670px;
	height:33px;
	background:url("../../image/contents-tl001.gif") no-repeat 0 0;
	
}

#main div.pick h2 {
	width:494px;
	height:33px;
	text-indent:-9999px;
	float:left;
	padding:0;
	margin:0;}

#main div.pick p.picklink {
	text-indent:-9999px;
	float:left;
}

#main div.pick p.picklink a {
	width:121px;
	height:33px;
	display:block;
	background:url("../../image/contents-tl001.gif") no-repeat -494px 0;
}

#main div.pick p.picklink a:hover {
	background-position:-494px -33px;
}

#main div.pick p.rss {
	text-indent:-9999px;
	float:left;
}

#main div.pick p.rss a {
	display:block;
	width:50px;
	height:33px;
	background:url("../../image/contents-tl001.gif") no-repeat -615px 0;
}

#main div.pick p.rss a:hover {
	background-position:-615px -33px;
}

#main div.pick div.pick-in{
	padding:14px 20px 15px 20px;
}

#main div.pick div.pick-in div.pick-img{
	width:190px;
	float:left;
}

#main div.pick div.pick-in div.pick-img img{
	display:block;
	border:1px solid #98b460;
}

#main div.pick div.pick-in div.pick-img p.pick-imgarea{
	height:123px;
	padding:0;
}

#main div.pick div.pick-in div.pick-img p{
	padding:10px 0 0 0;
}

#main div.pick div.pick-in div.pi-left{
	margin:0 0 0 30px;
}

/**/

div.ca-pick-in{
	width:670px;
	margin:0 auto;
}

div.ca-pick-in div.ca-pick{
	padding:15px 0;
	background:url("../../image/contents-line005.gif") no-repeat left bottom;
}

div.ca-pick-in div.ca-pick img{
	display:block;
	border:1px solid #98b460;
	float:left;
}


div.ca-pick-in div.ca-pick p{
	width:450px;
	display:block;
	float:right;
}

/* news */


#main div.new {
	padding:0 0 30px 0;
	margin:0 auto;
	width:670px;
}

#main div.new div.new-area{
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
	width:670px;
}

#main div.new div.new-list {
	width:670px;
	height:33px;
	background:url("../../image/contents-tl002.gif") no-repeat 0 0;
	
}

#main #main-contents div.new h2 {
	width:494px;
	height:33px;
	text-indent:-9999px;
	float:left;
	background:none;
	padding:0;
	margin:0;
}

#main div.new p.newlink {
	text-indent:-9999px;
	float:left;
}

#main div.new p.newlink a {
	width:121px;
	height:33px;
	display:block;
	background:url("../../image/contents-tl002.gif") no-repeat -494px 0;
}

#main div.new p.newlink a:hover {
	background-position:-494px -33px;
}

#main div.new p.rss {
	text-indent:-9999px;
	float:left;
}

#main div.new p.rss a {
	display:block;
	width:50px;
	height:33px;
	background:url("../../image/contents-tl002.gif") no-repeat -615px 0;
}

#main div.new p.rss a:hover {
	background-position:-615px -33px;
}


#main div.new div.new-in{
	padding:7px 20px 15px 20px;
}

#main div.new div.new-in dl{
	padding:8px 0;
	border-bottom:1px solid #A4C0E4;
}

#main div.new div.new-in dl dt{
	color:#5A80B0;
	width:125px;
	float:left;
	font-weight:bold;
}

#main div.new div.new-in dl dd{
	width:500px;
	float:right;
}
　
/**/

div.ca-news {
	width:670px;
	margin:0 auto;
}

div.ca-news dl{
	padding:8px 0;
	background:url("../../image/contents-line005.gif") no-repeat left bottom;
}

div.ca-news dl dt{
	color:#555556;
	width:125px;
	float:left;
	font-weight:bold;
}

div.ca-news dl dd {
	width:530px;
	float:right;
}

/* 5.Anchor
=============================================================================*/

#main div.anchor-deco {
	width:670px;
	padding:0 0 1px 0;
	margin:0 auto 40px auto;
	background:url("../../image/contents-tl003.gif") left bottom;
}

#main div.anchor-area {
	padding:14px;
	background:url("../../image/contents-tl003.gif") left top;
}



#main div.anchor-area p.pageindex {
	height:25px;
	text-indent:-9999px;
}

#main div.anchor-area ul {
	margin:0;
}

#main div.anchor-area ul li {
	padding:0 2px 5px 17px;
	background:url("../../image/contents-ar002.gif") no-repeat 0 6px;
}

#main div.anchor-area ul li.clearfix {
	padding:0;
	background:none;
}

#main div.anchor-area ul li.clearfix ul li {
	width:193px;
	float:left;
}



/* 6.Article + Photo
=============================================================================*/
#main div.tx-wrapper{
	width:650px;
	margin:0 auto 25px auto;
}

#main div.tx-wrapper img {
	border:#dbd0b9 1px solid;
	padding:3px;
	margin:0 auto 4px auto;
}


/*キャプション*/
#main p.cap-c { text-align:center; }
#main p.cap-l { text-align:left;}
#main p.cap-r { text-align:right; }


/* tx-pat02（画像が右）*/

#main div.tx-pat02 div.img-area{
	float:right;
	margin:0 0 10px 0;
	text-align:center;
}

#main div.tx-pat02 div.photo-s{
	width:210px;
	padding:0 0 0 17px;
}

#main div.tx-pat02 div.photo-m{
	width:311px;
	padding:0 0 0 17px;
}


/* tx-pat03（画像が左）*/

#main div.tx-pat03 div.img-area{
	float:left;
	margin:0 0 10px 0;
	text-align:center;
}

#main div.tx-pat03 div.photo-s{
	width:210px;
	padding:0 17px 0 0;
}

#main div.tx-pat03 div.photo-m{
	width:311px;
	padding:0 17px 0 0;
}



/* 7.Photo + Photo
=============================================================================*/
#main div.img-pat01 ,
#main div.img-pat02 {
	width:650px;
	margin:0 auto 25px auto;
}

#main div.img-pat01 img ,
#main div.img-pat02 img{
	border:#d6d6d6 1px solid;
	padding:3px;
	margin:0 auto 5px auto;
}

#main div.img-pat02  div.img-area {
	text-align:center;
}

#main div.img-pat01 div.img-area-l {
	float:left;
	width:311px;
	text-align:center;
}

#main div.img-pat01 div.img-area-r {
	float:right;
	width:302px;
	text-align:center;
}


/* 8.Table
=============================================================================*/
#main div.table-area {
	width:650px;
	margin:0 auto 25px auto;
}

#main div.table-area table {
	width:650px;
	border-top:#dbd0b9 1px solid;
	border-right:#dbd0b9 1px solid;
}

#main div.table-area table th ,
#main div.table-area table td {
	border-left:#dbd0b9 1px solid;
	border-bottom:#dbd0b9 1px solid;
	padding:8px 10px;
	font-weight:normal;
	vertical-align:top;
}

#main div.table-area table th {
    background-color:#f0f4de;
}

#main div.table-area table td.align-right{
	text-align:right;
}

#main div.table-area table td.nowrap{
	white-space:nowrap;
}

#main div.table-area table th.th-title {
    width:190px;
}


/*枠無*/
#main div.table-area table.border-none,
#main div.table-area table.border-none th,
#main div.table-area table.border-none td {
	border-collapse:collapse;
	border:solid #fdf9f1 1px;
}



/* 9.File Download
=============================================================================*/

#main ul.download{
	width:650px;
	margin:0 auto;
}

#main ul.download li{
	padding:0 0 5px 25px;
	background: url("../../image/contents-ic001.gif") no-repeat 0px 4px;
	margin:7px 0 7px 0;
}


/* 10.Plug-In
=============================================================================*/

/* pdf */
#main div.plugin-area {
	width:650px;
	padding:0 0 4px 0;
	margin:0 auto 25px auto;
	background:url("../../image/contents-bg010.gif") no-repeat left bottom;
	clear:both;
}

#main div.plugin-area-in {
	font-size:11px;
	line-height:1.5em;
	padding:15px 15px 11px 15px;
	background:url("../../image/contents-bg010.gif") no-repeat 0 0;
}

#main div.plugin-area-in p {
	padding:5px 0 0 0;
}

#main div.plugin-area-in img {
	width:160px;
	margin:1px 0 0 10px;
	float:right;
}

/* flash */

#main div.flash-area {
    width:490px;
	margin:0 auto 20px auto;
}


/* 11.RSS
=============================================================================*/

#main div.rss-area {
	width:670px;
	padding:0 0 10px 0;
	position:relative;
}

#main div.rss-area p {
	width:48px;
	height:21px;
	text-indent:-9999px;
	float:right;
}

#main div.rss-area p a {
	display:block;
	width:48px;
	height:21px;
	background:url("../../image/contents-btn002.gif") no-repeat 0 0;
}

#main div.rss-area p a:hover {
	background-position:0 -21px;
}



/* 12.Special Area
=============================================================================*/

#main div.special-pat01 ,
#main div.special-pat02 {
	width:650px;
	padding:0 0 15px 0;
	margin:0 auto 25px auto;
	background:url("../../image/contents-bg003.gif") no-repeat left bottom;
}

#main div.special {
	padding:20px 15px 0 15px;
	background:url("../../image/contents-bg003.gif") no-repeat 0 0;
}

#main div.special-pat01 div.special div.special-title-area {
	float:left;
	width:396px;
	font-size:114%;
	padding:0 0 5px 0;
	background:url("../../image/contents-line001.gif") no-repeat left bottom;
}

#main div.special-pat02 div.special div.special-title-area {
	float:both;
	font-size:114%;
	padding:0 0 5px 0;
	background:url("../../image/contents-line004.gif") no-repeat left bottom;
}



#main div.special-pat01 div.special div.special-title-area p {
	padding:0 0 19px 12px;
	background:url("../../image/contents-bg004.gif") no-repeat 0 0px;

}

#main div.special-pat02 div.special div.special-title-area p {
	padding:0 0 23px 12px;
	background:url("../../image/contents-bg004.gif") no-repeat 0 0px;

}

#main div.special img {
	width:210px;
	padding:1px;
	margin:0 0 0 3px;
	border:#d7d7d7 1px solid;
	text-align:center;
	float:right;
}


/* 13.Page Navi
=============================================================================*/

#main div.pnavi-area {
	margin:0 auto 25px auto;
	width:670px;
}

#main div.pnavi-area p a {
	float:right;
	height:11px;
	width:107px;
	text-indent:-9999px;
	background:url("../../image/contents-bg006.gif") no-repeat 0 0;
}

#main div.pnavi-area p a:hover {
	background-position:0 -11px;
}


/* 14.bottomlink
=============================================================================*/

div.bottomlink {
	width:910px;
	padding:0 0 29px 0;
	margin:0 auto 10px auto;
	clear:both;
}

div.bottomlink-in {
	width:670px;
	padding:40px 0 0 0;
	float:right;
}

div.bottomlink-in p.ctop {
	text-align:center;
	padding:0 0 19px 0;
}

div.bottomlink-in p.ctop a {
	padding:0 0 0 15px;
	background:url("../../image/contents-ar004.gif") no-repeat 0 3px;
}

div.bottomlink-in p.ctop a:hover {
	background:url("../../image/contents-ar003.gif") no-repeat 0 3px;
}


div.bottomlink-in p.go-home {
	width:300px;
	margin:0 0 10px 0;
	float:left;
}

div.bottomlink-in p.go-home a {
	float:left;
	text-align:left;
	text-indent:-9999px;
	width:61px;
	height:11px;
	background:url("../../image/contents-bg009.gif") no-repeat 0 0;
}

div.bottomlink-in p.go-home a:hover {
	background-position:0 -11px;
}


div.bottomlink-in p.go-top {
	width:300px;
	margin:0 0 10px 0;
	float:right;
}

div.bottomlink-in p.go-top a {
	float:right;
	text-align:left;
	text-indent:-9999px;
	width:107px;
	height:11px;
	background:url("../../image/contents-bg006.gif") no-repeat right 0;
}

div.bottomlink-in p.go-top a:hover {
	background-position:0 -11px;
}


div.bottomlink-in div.mlink {
	text-align:center;
	padding:10px 0 0 0;
	background:url("../../image/contents-line005.gif") no-repeat 0 0;
	clear:both;
	font-size:80%;
}

div.bottomlink-in div.mlink ul {
	background:url("../../image/contents-line005.gif") no-repeat bottom left;
	padding:0 0 10px 0;
}

div.bottomlink-in div.mlink ul li {
	display:inline;
	padding:0 15px;
	white-space:nowrap;
	border-right:#c4c4c4 1px solid;
}

div.bottomlink-in div.mlink ul li.mlink006 ,
div.bottomlink-in div.mlink ul li.mlink006-c {
	border-right:none;
}

div.bottomlink-in div.mlink ul li.mlink001-c a,
div.bottomlink-in div.mlink ul li.mlink002-c a,
div.bottomlink-in div.mlink ul li.mlink003-c a,
div.bottomlink-in div.mlink ul li.mlink004-c a,
div.bottomlink-in div.mlink ul li.mlink005-c a,
div.bottomlink-in div.mlink ul li.mlink006-c a {
	color:#555556;
	text-decoration:none;
}



/* 14.Area Serch
=============================================================================*/

div.area-search-area {
	width:670px;
	margin:0 auto 30px auto;
	display:block;
}

/**/

div.area-search-area div.area-search-nature {
	margin:40px 0 0 0;
	background:url("../../image/contents-bg013.gif") no-repeat 0 0;
}

div.area-search-area div.area-search-play {
	background:url("../../image/contents-bg014.gif") no-repeat 0 0;
}

div.area-search-area div.area-search-special-product {
	background:url("../../image/contents-bg015.gif") no-repeat 0 0;
}

div.area-search-area div.area-search-staying {
	background:url("../../image/contents-bg016.gif") no-repeat 0 0;
}

div.area-search-area div.area-search-event {
	background:url("../../image/contents-bg017.gif") no-repeat 0 0;
}

/**/

#main #main-contents div.area-search-area h2 {
	padding:17px 0 15px 33px;
}

div.area-search-area div.area-search-li-area{
	background:url("../../image/contents-bg011.gif") no-repeat bottom left;
	padding:0 0 4px 0;	
}

div.area-search-area div.area-search-li-deco{
	background:url("../../image/contents-bg011.gif") no-repeat 0 0;	
}

div.area-search-area ul{
	padding:17px;
}

div.area-search-area ul li a{
	background:url("../../image/contents-ar001.gif") no-repeat 0 5px;
	padding:0 22px 3px 15px;
	display:block;
}

div.area-search-area ul li{
	width:316px;
	float:left;
}

div.area-search-area ul li.odd{
	clear:both;
}



/* 15.Space
=============================================================================*/

#main .margin-b000{margin-bottom:0 !important;}
#main .margin-b010{margin-bottom:10px !important;}
#main .margin-b025{margin-bottom:25px !important;}
#main .margin-b050{margin-bottom:50px !important;}
#main .margin-b075{margin-bottom:75px !important;}
#main .margin-b100{margin-bottom:100px !important;}
#main .margin-b150{margin-bottom:150px !important;}



/* 16.Text Decoration
=============================================================================*/
/*黒*/
#main span.color-01{
 color: #000000;
}

/*灰*/
#main span.color-02{
 color: #808080;
}

/*茶*/
#main span.color-03{
 color: #800000;
}

/*赤*/
#main span.color-04{
 color: #FF0000;
	color: #d12520;/*用*/
}

/*オリーブ*/
#main span.color-05{
 color: #808000;
}

/*緑*/
#main span.color-06{
 color: #008000;
}

/*ティール*/
#main span.color-07{
 color: #008080;
}

/*紺色*/
#main span.color-09{
 color: #000080;
}

/*オレンジ*/
#main span.color-10{
 color: #CC6600;
}

/*紫*/
#main span.color-11{
 color: #800080;
}


#main span.strong{
 font-weight: bold;
}

#main span.i{
 font-style: italic;
}

#main span.v-top{
 vertical-align:top;
 font-size:80%;
}

#main span.v-bottom{
 vertical-align:bottom;
 font-size:80%;
}
/*右寄せ*/
#main span.right-adjust{
    display:block;
    text-align:right;
}

/*中央寄せ*/
#main span.center-justification ,
#main .center-justification {
    display:block;
    text-align:center;
}

/*改行禁止*/
#main span.non-breaking{
    display:block;
    text-align:right;
}

/*WYSIWYGカラーパレット*/
#main span.C000000{
 color: #000000;
}
#main span.C993300{
 color: #993300;
}

#main span.C333300{
 color: #333300;
}

#main span.C003300{
 color: #003300;
}

#main span.C003366{
 color: #003366;
}

#main span.C000080{
 color: #000080;
}

#main span.C333399{
 color: #333399;
}

#main span.C333333{
 color: #333333;
}

#main span.C800000{
 color: #800000;
}

#main span.CFF6600{
 color: #FF6600;
}

#main span.C808000{
 color: #808000;
}

#main span.C008000{
 color: #008000;
}

#main span.C008080{
 color: #008080;
}

#main span.C0000FF{
 color: #0000FF;
}

#main span.C666699{
 color: #666699;
}

#main span.C808080{
 color: #808080;
}

#main span.CFF0000{
 color: #FF0000;
}

#main span.CFF9900{
 color: #FF9900;
}

#main span.C99CC00{
 color: #99CC00;
}

#main span.C339966{
 color: #339966;
}

#main span.C33CCCC{
 color: #33CCCC;
}

#main span.C3366FF{
 color: #3366FF;
}

#main span.C800080{
 color: #800080;
}

#main span.C999999{
 color: #999999;
}

#main span.CFF00FF{
 color: #FF00FF;
}

#main span.CFFCC00{
 color: #FFCC00;
}

#main span.CFFFF00{
 color: #FFFF00;
}

#main span.C00FF00{
 color: #00FF00;
}

#main span.C00CCFF{
 color: #00CCFF;
}

#main span.C993366{
 color: #993366;
}

#main span.CC0C0C0{
 color: #C0C0C0;
}

#main span.CFF99CC{
 color: #FF99CC;
}

#main span.CFFCC99{
 color: #FFCC99;
}

#main span.CFFFF99{
 color: #FFFF99;
}

#main span.CCCFFCC{
 color: #CCFFCC;
}

#main span.CCCFFFF{
 color: #CCFFFF;
}

#main span.C99CCFF{
 color: #99CCFF;
}

#main span.C666699{
 color: #666699;
}

#main span.C777777{
 color: #777777;
}

#main span.C999999{
 color: #999999;
}

#main span.CEEEEEE{
 color: #EEEEEE;
}

#main span.CFFFFFF{
 color: #FFFFFF;
}

/*Color*/
span.cms-pallet-01 { color: #000000;}
span.cms-pallet-02 { color: #FF0000;}
span.cms-pallet-03 { color: #853434;}
span.cms-pallet-04 { color: #AAAAAA;}
span.cms-pallet-05 { color: #008000;}
span.cms-pallet-06 { color: #008000;}
span.cms-pallet-07 { color: #008080;}
span.cms-pallet-08 { color: #999999;}
span.cms-pallet-09 { color: #000080;}
span.cms-pallet-10 { color: #CC6600;}
span.cms-pallet-11 { color: #800080;}


/* 17.G-map
=============================================================================*/

#main div.img-pat02  div.img-area p.g-map{
	border:#d6d6d6 1px solid;
	padding:3px;
	margin:0 auto 5px auto;
}

/* 18.Area-Search map
=============================================================================*/

div.area-search #main {
	width:910px;
}

div.area-search #main h1 {
	text-indent:-9999px;
	height:0;
}

div.area-search #main div.areamap{
	padding:0 0 20px 0;
}


div.area-search div.bottomlink-in {
	width:910px;
	padding:40px 0 0 0;
}

div.area-search div.bottomlink-in div.mlink {
	text-align:center;
	padding:10px 0 0 0;
	background:url("../../image/contents-line005.gif") repeat-x 0 0;
	clear:both;
	font-size:80%;
}

div.area-search div.bottomlink-in div.mlink ul {
	background:url("../../image/contents-line005.gif") repeat-x bottom left;
	padding:0 0 10px 0;
}

/*Contents*/

div.area-search #main div.areamap-list-deco {
	width:910px;
	background:url(../../image/areasearch-bg001.gif) left bottom no-repeat;
	padding:0 0 4px;
}

div.area-search #main div.areamap-list-area {
	background:url(../../image/areasearch-bg001.gif) 0 0 no-repeat;
}

div.area-search #main div.areamap-list-box {
	width:290px;
	float:left;
}

div.area-search #main div.areamap-list-box02 {
	width:290px;
	float:right;
}

div.area-search #main div.areamap-list-box-area {
	margin:17px 17px 14px 17px;
}


div.area-search #main div.listsp {
	margin:0 20px 0 0;
}

div.area-search #main div.areamap-list-box-area h2{
	background:url(../../image/areasearch-deco001.gif) left bottom no-repeat;
	padding:0 0 21px 0;
	display:block;
}


div.area-search #main div.areamap-list-box-area p.area-text{
	padding:0 0 14px 0;
	line-height:1.5;
}

div.area-search #main div.areamap-list-box-area p.area-photo{
	width:256px;
	height:80px;
}

div.area-search #main div.areamap-list-box-area p.area-photo img{
	display:block;
}



/*都市型観光エリア*/

div.area-search #main div.areamap-list-box-area h2.area01 a{
	background:url(../../image/areasearch-ic001.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#c868a7;
	display:block;
}

div.area-search #main div.areamap-list-box-area h2.area01 a:hover{
	color:#FF9900;
}


/*相模川エリア*/

div.area-search #main div.areamap-list-box-area h2.area02 a{
	background:url(../../image/areasearch-ic002.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#4072ab;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area02 a:hover{
	color:#FF9900;
}

/*津久井湖城山エリア*/

div.area-search #main div.areamap-list-box-area h2.area03 a{
	background:url(../../image/areasearch-ic003.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#499bc1;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area03 a:hover{
	color:#FF9900;
}

/*宮ヶ瀬湖エリア*/

div.area-search #main div.areamap-list-box-area h2.area04 a{
	background:url(../../image/areasearch-ic004.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#747ac6;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area04 a:hover{
	color:#FF9900;
}

/*陣馬・高尾山エリア*/

div.area-search #main div.areamap-list-box-area h2.area05 a{
	background:url(../../image/areasearch-ic005.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#78a964;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area05 a:hover{
	color:#FF9900;
}

/*相模湖エリア*/

div.area-search #main div.areamap-list-box-area h2.area06 a{
	background:url(../../image/areasearch-ic006.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#dd9519;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area06 a:hover{
	color:#FF9900;
}

/*牧野里山エリア*/

div.area-search #main div.areamap-list-box-area h2.area07 a{
	background:url(../../image/areasearch-ic007.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#c53f3f;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area07 a:hover{
	color:#FF9900;
}

/*道志川エリア*/

div.area-search #main div.areamap-list-box-area h2.area08 a{
	background:url(../../image/areasearch-ic008.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#ef79c7;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area08 a:hover{
	color:#FF9900;
}

/*丹沢山塊エリア*/

div.area-search #main div.areamap-list-box-area h2.area09 a{
	background:url(../../image/areasearch-ic009.gif) 0 0 no-repeat;
	padding:0px 0 3px 16px;
	color:#b07142;
	display:block;
}
div.area-search #main div.areamap-list-box-area h2.area09 a:hover{
	color:#FF9900;
}