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

ファイル名：base.css
適応ページ：サイト全体

----------------------------

このCSSの内容

1. body, background の設定
2. hx タグの設定（h1,h2など、各ページ共通部）
3. header の設定
4. パンくずリストの設定
5. コンテンツ部分の設定
6. footer の設定
7. その他の設定
8. ページの先頭に戻る
9. テキストリンク

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

/* 1. body, background の設定
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	background-color: #E8E6DE;
	font-family: Arial;
        letter-spacing:1.1px;
}


/* ページ全体を覆う型：全ページ共通 */
#background {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
}


/* 2. hx タグの設定（h1,h2など、各ページ共通部）
----------------------------------------------- */

h1 {
	width: 365px;
	height: 40px;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;

}


/* 3. headerの設定
----------------------------------------------- */

/* ヘッダー(トップページのみ) */
#top #header {
	display: none;
}

/* ヘッダー(トップページ以外) */
#header {
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	color: #333;
}


/* サイトマップボタン */
ul#sitemap {
	border: 0;
	margin: 8px 0 0 0;
	padding: 0;
	width: 111px;
	height: 35px;
	overflow: hidden;
	list-style: none;
	float: right;
}

ul#sitemap li {
	margin: 0;
	padding: 0;
}


/* /////// ページ上部のナビ(トップページ以外) /////// */
div#mainNavi ul {
	border: 0;
	margin: 0;
	padding: 0;
	width: 770px;
	height: 35px;
	overflow: hidden;
	list-style: none;
	clear: both;
}

div#mainNavi li {
	margin: 0;
	padding: 0;
	float: left;
}

div#mainNavi li a,
div#mainNavi li a:link,
div#mainNavi li a:visited {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-position: 0px 0px;
	text-decoration: none;
	float:left;
}

div#mainNavi li a:focus,
div#mainNavi li a:hover,
div#mainNavi li a:active {
	background-position: -150px 0;
	float:left;
	text-decoration: none
}


/* ページ上部ナビの「トップ」 */
li#topBtn a {
	width: 92px;
	height: 35px;
	background: transparent url(../img/base/navi_top.gif) no-repeat 0 0;
}


/* ページ上部ナビの「会社概要」 */
li#aboutBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(../img/base/navi_about.gif) no-repeat 0 0;
}


/* ページ上部ナビの「ショップ＆レストラン」 */
li#restaurantBtn a {
	width: 142px;
	height: 35px;
	background: transparent url(../img/base/navi_restaurant.gif) no-repeat 0 0;
}


/* ページ上部ナビの「観光情報」 */
li#sightseeingBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(../img/base/navi_sightseeing.gif) no-repeat 0 0;
}


/* ページ上部ナビの「イベント情報」 */
li#eventBtn a {
	width: 138px;
	height: 35px;
	background: transparent url(../img/base/navi_eventcal.gif) no-repeat 0 0;
}


/* ページ上部ナビの「おすすめ商品」 */
li#productsBtn a {
	width: 110px;
	height: 35px;
	background: transparent url(../img/base/navi_products.gif) no-repeat 0 0;
}


/* ページ上部ナビの「お問合せ」 */
li#contactBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(../img/base/navi_contact.gif) no-repeat 0 0;
}


/* /////// ページタイトル写真 /////// 

  各ページ（トップページ以外）にある、タイトルの入った写真設定は、
　各ページの CSS に記述してあります。

  例）観光案内 -> sightseeing.css の headerの設定の所。

*/



/* 4. パンくずリストの設定
----------------------------------------------- */
#pan {
	margin: 0;
	padding: 8px 15px;
	background: #fff;
	color: #333;
	font-size: 80%;
}



/* 5. コンテンツ部分の設定
----------------------------------------------- */
#contents {
	margin: 0;
	padding: 0 15px 30px 15px;
	background: #fff;
	color: #333;
}

#contentsBox {
	width: 570px;
	float: right;

}

#contentsBox p {
	font-size: 75%;
	line-height: 160%;
	margin: 15px 15px 8px 15px;
}

#leftNavi {
	width: 190px;
	color: #333;
}

#leftNavi ul {
	margin: 0 0 8px 0;
	padding: 0;
	background: #f0f0f0;
	font-size: 80%;
	list-style: none;
}

#leftNavi li {
	margin: 0;
	padding: 8px 8px 8px 25px;
	background: url(../img/base/list-point.gif) no-repeat 10px 14px;
	border-bottom: 1px solid #ccc;
        letter-spacing:0.7px;
}



/* 6. footer の設定
----------------------------------------------- */

#footer {
	height: 18px;
	margin-top: 1px;
	padding: 8px 15px;
	background: url(../img/base/bg_oblique-bk48.gif) #000;
	color: #ccc;
}

#footer ul#group_banner {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 20px;
	float: left;
}

#footer ul#group_banner li {
	float: left;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 70%;
}

#footer li {
	float: left;
}

#copyright {
	clear: both;
	margin: 0;
	padding: 5px 0 5px 15px;
	font-size: 70%;
	background: #000;
	color: #999;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}



/* 7. その他の設定
--------------------------------------------- */

img {
	border: 0;
}

.none {
	display: none;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

a {
	color: #3399CC;
	text-decoration: none;
}

a:hover {
	color: #3399CC;
	text-decoration: underline;
}

/*8.ページの先頭に戻る
----------------------------------------------*/
.top {
text-align:right;
background:url(../img/base/top.gif) 410px 3px no-repeat;
}

/*9.テキストリンク
----------------------------------------------*/
/*通常のリンク*/
.link {
padding:0 0 0 18px;
background:url(../img/base/arrow.gif) left center no-repeat;
}

/*別ウインドウで表示する場合*/
.blank {
padding:0 0 0 18px;
background:url(../img/base/arrow02.gif) left center no-repeat;
}