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

ファイル名：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: #fff;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*	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(http://www.s-and-r.jp/img/base/navi_top.gif) no-repeat 0 0;
}


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


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


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


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


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


/* ページ上部ナビの「お問合せ」 */
li#contactBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(http://www.s-and-r.jp/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(http://www.s-and-r.jp/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(http://www.s-and-r.jp/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;
	width: 570px;
}

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

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

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

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

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

/*10.ドラ旅地図ページ用追記分
------------------------------------------------*/
#sightseeing #contents #leftNaviD h3 {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(http://www.s-and-r.jp/img/sightseeing/sightseeing_tit_leftnavi.gif) no-repeat 0 0;
}

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

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

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

#contentsBoxDora1 {
	width: 570px;
	float: right;
	margin:0;
	height: 35px;
	display: inline;

}

#contentsBoxDora1 h3{
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTitle.png);
	background-repeat:no-repeat;
	font-size:1px;
	height:64px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0 0 5px;
}

#doratabiTab1 a{
	width:176px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabEbino.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0px;
}

#doratabiTab1 {
	width:176px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabEbino.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}


#doratabiTab2 a{
	width:174px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabAoshima2.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}

#doratabiTab2 a:hover{
	width:174px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabAoshima.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0px;
}

#doratabiATab1 a{
	width:176px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabEbino2.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0px;
}

#doratabiATab1 a:hover{
	width:176px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabEbino.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0px;

}

#doratabiATab2 {
	width:174px;
	height:35px;
	float:right;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabAoshima.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin:0px;
}

#doratabiTab3 {
	width:219px;
	height:35px;
	float:right;
/**background-color:#f3f1f1;**/
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabMiyazaki.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}

#doratabiTab3 a:hover{
	width:219px;
	height:35px;
	float:right;
/**background-color:#f3f1f1;**/
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabMiyazaki2.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}

#doratabiATab3 a{
	width:219px;
	height:35px;
	float:right;
/**background-color:#f3f1f1;**/
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabMiyazaki2.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}

#doratabiATab3 a:hover{
	width:219px;
	height:35px;
	float:right;
/**background-color:#f3f1f1;**/
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiTabMiyazaki.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}

.doratabiComment{
	clear:both;
	width:540px;
	height:13px;
	background-color:#ffbe00;
	text-align:left;
	color:#c30202;
	line-height:100%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size:0.8em;
	margin: 0;

}

#doratabiComment{
	clear:both;
	width:540px;
	height:13px;
	background-color:#ffbe00;
	text-align:left;
	color:#c30202;
	line-height:100%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size:0.8em;
	margin: 0px;

}

.doratabiMap{
	clear:both;
	width:570px;
	height:379px;
	margin-top:10px;
	position: relative;
}


/*11.ドラ旅詳細ページ用追記分
------------------------------------------------*/
#contentsBoxDora {
	width: 770px;
	padding: 15px;
	}
	
.articleBoxDora{
	width:770px;
	}

.articleBoxDora2{
	width:570px;
	}

#doraShosai p {
	font-size: 0.9em;
	line-height: 140%;
	color:#000000;
	text-align:left;
	margin-top:0;
	margin-left:13px;
}


#doraPhoto{
	width:327px;
	height:274px;
	float:left;
}

#doraPhoto img {
	width: 321px;
	padding: 2px;
	border: solid 1px;
	border-color:#ccc;
	margin-bottom: 10px;
	vertical-align: bottom;
}


#doraShosai{
	width:423px;
	height:274px;
	float:left;
	margin-left:13px;
	text-align:left;
}

#doraShosai h4{
	font-size:1em;
	font-weight:700;
	text-align:left;
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiShosaiBar.png);
	background-repeat:no-repeat;
	height:26px;
	widows:428px;
	padding-left:28px;
	padding-top:5px;
	color:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
}

#doraShosai .doraKomoku{
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiShosaiKomoku.png);
	background-repeat:no-repeat;
	background-position:center;
	font-size:0.8em;
	text-align:left;
	color:#000000;
	padding-top:5px;
	width:67px;
	height:21px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-left:13px;
}
#doraShosai .doraKomoku2{
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiShosaiKomoku.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:0.8em;
	text-align:left;
	color:#000000;
	padding-top:3px;
	width:67px;
	height:45px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-left:13px;
}

#doraShosai .doraKomokuT{
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiShosaiKomoku.png);
	background-repeat:no-repeat;
	background-position:center;
	font-size:0.75em;
	text-align:left;
	color:#000000;
	padding-top:5px;
	width:67px;
	height:21px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-left:13px;
}

#doraShosai .doraKomokuT3{
	background-image:url(http://www.s-and-r.jp/doratabi/img/doratabiShosaiKomoku.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:0.75em;
	text-align:left;
	color:#000000;
	padding-top:3px;
	width:67px;
	height:65px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-left:13px;
}

#doraShosai .doraJoho p{
	font-size:0.8em;
	text-align:left;
	color:#000000;
	height:21px;
	padding-top:5px;
	margin-left:7px;
	line-height: 100%;
	padding-bottom:0;
	margin-bottom:0;
}

#doraShosai .doraJoho2 p{
	font-size:0.8em;
	text-align:left;
	color:#000000;
	height:45px;
	padding-top:0px;
	margin-left:7px;
	line-height: 100%;
	padding-bottom:0;
	margin-bottom:0;
	line-height:150%;
}

#doraShosai .doraJoho3 p{
	font-size:0.8em;
	text-align:left;
	color:#000000;
	height:65px;
	padding-top:0px;
	margin-left:7px;
	line-height: 100%;
	padding-bottom:0;
	margin-bottom:0;
	line-height:150%;
}

#doraShosai .doraJoho a{
	line-height: 100%;
	text-align:left;
	color:#1f486e;
	height:21px;
}

#dMBtn01 {
	position:absolute;
	left:20px;
	top:43px;
}

#dMBtn02 {
	position:absolute;
	left:365px;
	top:23px;
}

#dMBtn03 {
	position:absolute;
	left:280px;
	top:89px;
}

#dMBtn04 {
	position:absolute;
	left:171px;
	top:159px;
}

#dMBtn05 {
	position:absolute;
	left:404px;
	top:182px;
}

#dMBtn06 {
	position:absolute;
	left:185px;
	top:244px;
}

#dMBtn07 {
	position:absolute;
	left:299px;
	top:279px;
}

#dMBtn08 {
	position:absolute;
	left:205px;
	top:310px;
}

#dMBtnA01 {
	position:absolute;
	left:54px;
	top:37px;
}

#dMBtnA02 {
	position:absolute;
	left:110px;
	top:67px;
}

#dMBtnA03 {
	position:absolute;
	left:360px;
	top:10px;
}

#dMBtnA04 {
	position:absolute;
	left:403px;
	top:56px;
}

#dMBtnA05 {
	position:absolute;
	left:230px;
	top:108px;
}

#dMBtnA06 {
	position:absolute;
	left:372px;
	top:204px;
}

#dMBtnA07 {
	position:absolute;
	left:220px;
	top:237px;
}

#dMBtnA08 {
	position:absolute;
	left:260px;
	top:300px;
}

#dMBtnM01 {
	position:absolute;
	left:386px;
	top:132px;
}

#dMBtnM02 {
	position:absolute;
	left:428px;
	top:91px;
}

#dMBtnM03 {
	position:absolute;
	left:386px;
	top:44px;
}

#dMBtnM04 {
	position:absolute;
	left:9px;
	top:91px;
}

#dMBtnM05 {
	position:absolute;
	left:9px;
	top:141px;
}

#dMBtnM06 {
	position:absolute;
	left:9px;
	top:180px;
}

#dMBtnM07 {
	position:absolute;
	left:9px;
	top:217px;
}

#dMBtnM08 {
	position:absolute;
	left:228px;
	top:242px;
}

#dMBtnM09 {
	position:absolute;
	left:44px;
	top:288px;
}

/*ドラ旅バナー（大）
----------------------------------------------------*/

.doratabi {
	margin: 0px;
	padding: 0px;
	height: 54px;
	width: 570px;
}