@charset "UTF-8";

/* lnavi.css
**************************************************************************************

1.side-nav
2.side-bn
3.search-area

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


/* 1.side-nav
=============================================================================*/

#side p.category {
	width:222px;
	height:59px;
	text-indent:-9999px;
}

#side p.category a{
	width:222px;
	height:59px;
	display:block;
}


/* 自然・文化を観る */
#side p.nature a{
	background-image:url("../../image/lnavi-nature.gif");
}

/* 遊ぶ、体験する */
#side p.play a {
	background-image:url("../../image/lnavi-play.gif");
}

/* 特産を買う、味わう */
#side p.special-product a{
	background-image:url("../../image/lnavi-special-product.gif");
}

/* ゆったり泊まる */
#side p.staying a{
	background-image:url("../../image/lnavi-staying.gif");
}

/* イベント情報 */
#side p.event a{
	background-image:url("../../image/lnavi-event.gif");
}

/* サイトマップ情報 */
#side p.sitemap a{
	background-image:url("../../image/lnavi-sitemap.gif");
}

/* ピックアップ */
#side p.pickup a{
	background-image:url("../../image/lnavi-pickup.gif");
}

/* お知らせ情報 */
#side p.news a{
	background-image:url("../../image/lnavi-news.gif");
}

/* 403 */
#side p.l403 a{
	background-image:url("../../image/lnavi-403.gif");
}

/* 404 */
#side p.l404 a{
	background-image:url("../../image/lnavi-404.gif");
}

/* 401 */
#side p.l401 a{
	background-image:url("../../image/lnavi-401.gif");
}

/* 旬感さがみはら */
#side p.season a{
	background-image:url("../../image/lnavi-season.gif");
}

/* 四季彩ギャラリー */
#side p.gallery a{
	background-image:url("../../image/lnavi-gallery.gif");
}

/* ぐるるん♪相模原 */
#side p.walking a{
	background-image:url("../../image/lnavi-walking.gif");
}

/* 360°パノラマビュー */
#side p.panorama-view a{
	background-image:url("../../image/lnavi-panorama-view.gif");
}

/* デジマップさがみはら */
#side p.digital-map a{
	background-image:url("../../image/lnavi-digital-map.gif");
}

/* 観光協会入会のご案内 */
#side p.admission a{
	background-image:url("../../image/lnavi-admission.gif");
}

/* 基本情報 */
#side p.basic-information a{
	background-image:url("../../image/lnavi-basic-information.gif");
}

/* エリア検索 */
#side p.area-search a{
	background-image:url("../../image/lnavi-area-search.gif");
}

/* 検索結果 */
#side p.search a{
	background-image:url("../../image/lnavi-search.gif");
}



#side div.lnavi {
	margin:0;
	padding:0 7px 4px 5px;
	background:url("../../image/lnavi-bg001.gif") no-repeat left bottom;
}

#side div.lnavi a {
	display:block;
}



/* second navi */

#side div.lnavi ul li {
	width:212px;
	text-align:left;
	margin:0;
	border-bottom:1px solid #e3e8d9;
}

#side div.lnavi ul li span.second-deco {
	background:url("../../image/lnavi-bg002.gif") no-repeat left bottom;
}

#side div.lnavi ul li.current {
	width:212px;
	text-align:left;
	margin:0;
	background:#fff2e8;
	border-bottom:1px solid #e3e8d9;
}

#side div.lnavi ul li a {
	padding:8px 5px 8px 21px;
	text-decoration:none;
	background:url("../../image/lnavi-ar001.gif") no-repeat 3px 3px;
}

#side div.lnavi ul li a:visited {
	color:#9A44B0;
	font-weight:normal;
}

#side div.lnavi ul li a:hover {
	color:#FF9900;
	font-weight:normal;
	text-decoration:underline;
}


#side div.lnavi ul li.current a {
	color:#e4721a;
	font-weight:bold;
	padding:6px 5px 8px 21px;
	background:url("../../image/lnavi-ar002.gif") #fff2e8 no-repeat 3px 3px;
	text-decoration:none;
}


/* third navi */

#side div.lnavi ul li ul.third li {
	width:212px;
	border:none;
	border-top:1px solid #e3e8d9;
	background:#FFFFFF;
}

#side div.lnavi ul li ul.third li a {
	color:#555556;
	font-weight:normal;
	padding:5px 5px 5px 28px;
	background:url("../../image/lnavi-ar003.gif") no-repeat 16px 8px;
}

#side div.lnavi ul li ul.third li a:visited {
	color:#9A44B0;
	font-weight:normal;
}

#side div.lnavi ul li ul.third li a:hover {
	color:#FF9900;
	font-weight:normal;
	text-decoration:underline;
}

#side div.lnavi ul li ul.third li.current a {
	color:#e4721a;
	font-weight:bold;
	text-decoration:none;
	padding:5px 5px 5px 28px;
	background:url("../../image/lnavi-ar004.gif") #fff2e8 no-repeat 16px 8px;
	}


/* fourth navi */

#side div.lnavi ul li ul.third li ul.fourth {
	border:none;
	background:#FFFFFF;
}

#side div.lnavi ul li ul.third li ul.fourth li {
	width:212px;
	border:none;
	background:none;
	border-top:1px solid #e3e8d9;
}

#side div.lnavi ul li ul.third li ul.fourth li a {
	padding:3px 5px 3px 39px;
	font-weight:normal;
	color:#555556;
	background:url("../../image/lnavi-ar005.gif") no-repeat 32px 9px;
}

#side div.lnavi ul li ul.third li ul.fourth li a:visited {
	color:#9A44B0;
	font-weight:normal;
}

#side div.lnavi ul li ul.third li ul.fourth li a:hover {
	color:#FF9900;
	font-weight:normal;
	text-decoration:underline;
}

#side div.lnavi ul li ul.third li ul.fourth li.current a {
	color:#e4721a;
	font-weight:bold;
	text-decoration:none;
	padding:3px 5px 3px 39px;
	background:url("../../image/lnavi-ar006.gif") #fff2e8 no-repeat 32px 9px;
}


/* 2.side-bn
=============================================================================*/


div#side ul.bn-qr li {
	font-size:1px;
	padding:0 0 4px 0;
}


div#side ul.bn-navi li {
	font-size:1px;
	padding:0 0 4px 0;
}

/* 3.search-area
=============================================================================*/

div.search-area {
	margin:40px 0 36px 0;
	float:right;
	width:223px;
	height:252px;
	background:url("../../image/search-bg001.gif") no-repeat 0 0;
}

div.home div.search-area {
	margin:0;
	float:right;
	width:223px;
	height:252px;
	background:url("../../image/search-bg001.gif") no-repeat 0 0;
}

/* エリアで検索 */

div.search-area div.search-area-btn a {
	text-indent:-9999px;
	width:199px;
	height:72px;
	background:url("../../image/search-btn001.gif") no-repeat 0 0;
	display:block;
	margin:68px 0 0 11px;
}

div.search-area div.search-area-btn a:hover {
	width:199px;
	height:72px;
	background:url("../../image/search-btn001.gif") no-repeat 0 -72px;
}


/* サイト内検索 */

div.search-area div.search-area-key{
	background:url("../../image/search-deco001.gif") no-repeat 0 0;
	width:197px;
	height:51px;
	margin:6px 0 0 11px;
}

div.search-area div.search-area-key input.input-q {
	font-size:12px;
	position:relative;
	top:10px;
	left:5px;
}

div.search-area div.search-area-key input.sa-btn {
	position:relative;
	top:21px;
	left:17px;
}