@charset "utf-8";
@import url(base.css);

/*--------------------------------------
  Layout Base Style Sheet
  Made by MASAKI http://www.ninemiles.net/
  2006-05-28

  - 共用ID, クラス
  - ページ毎の個別ID, クラス
  
  I.E用設定は別途用意
  
  冬バージョンへの画像切り替え _w.jpgなど
   category.inc.php
   static_contents.inc.php
---------------------------------------*/

h3 {
	margin: 0;
	padding: 0;
}

hr {
    clear: left !important;
	border: 0;
	border-top: 1px solid #92aab8;
	height: 1px;
	/*width: 555px;*/
	width: 97%;
	text-align: left;
}

table {
	margin: 15px 0 15px 5px;
	font-size: 80%;
	width: 97%;
}

th {
	background-image: url(img/th_bg.jpg);
	background-repeat: no-repeat;
}

td, th {
	padding : 4px 3px;
	border-color: #c0c0c0;
}
td {
	line-height: 1.4;
}

small {
	font-size: 80%;
}

a.nolines, a img {
	border: 0 !important;
	background: transparent !important;
}

select {
	border: 1px solid #d0d0d0 !important;
}

/* テーブルセル背景色（交互に使用） */
tr.glay, tr.glay td, td.glay, th.glay {
	background-color: #f5f5f5 !important;
	background-image: none;
}

/* 検索結果強調 */
em.keyword {
	color: #26419d;
	background-color: #fff9aa;
	padding-left: 1px;
	padding-right: 1px;
}



/*****************************
        共用ID, クラス
 *****************************/

/* ヘッダ */
div#head_title {
	background-image: url(img/head_bg.jpg);
	/*background-image: url(img/head_bg_w.jpg);*/
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
}

h1#title {
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	height: 50px;
}

h1#title a {
	display: block;
	height: 50px;
	width: 390px;
	background: transparent;
	border: 0;
}

/* テキストサーチフォーム */
form#searchform {
	float: right;
	margin: -37px 20px 0 0;
}

#searchstr {
	width: 180px;
	margin-left: 0;
}


/* メインサーチ部 */
h2#searchblock {
	background-image: url(img/title_search_L_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0;
}

h2#searchblock img{
	border: 0;
}


/* 追加サーチフォーム */
div#searchform2 {
	position: relative;
	margin: 10px 0 0 0;
	font-size: 90%;
	padding-top: 10px;
}
#searchstr2 {
	width: 180px;
}

/* カテゴリメニューブロック */
div#categories {
}

div#catblock {
	width: 615px;
	height: 40px;
	/*overflow: visible;*/
}

/* カテゴリメニューブロック:項目 */
div#bl_category {
	margin: 10px 0 0;
	height: 32px;
}

/* 新着の説明 */
p#catnote {
	clear: both;
	font-size: 80%;
	padding-bottom: 10px;
	border-bottom: 1px solid #92aab8;
}


/* カテゴリメニュー：各見出し */
h3.category_head {
	width: 120px;
	height: 30px;
	clear: none;
	float: left;
	margin: 0 5px 0 1px;
	padding: 0;
	text-indent: -2000px;
	background-color: #ffffff !important;
	background-image: url(img/menu_bg.png);
	/*background-image: url(img/menu_bg_w.png);*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-bottom: 0 !important;
}

/* トップ：ランダム表示ブロック */
div#rand {
	float: left;
	margin-left: 30px;
	margin-top: -31px;
	margin-bottom: 10px;
	width: 200px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #808080;
}
div#rand img {
	vertical-align: top;
	width: 200px;
}
div#rand p {
	margin: 0;
	font-size: 80%;
	color: #ffffff;
	background-color: #505050;
	width: 100%;
}
div#rand p a {
	color: #ffffff;
}


/* 地域選択部 */
/*
div.category_head {
	float: left;
	margin: 3px 0 0 10px;
}
*/

/* 地域で選択 */
/*
div.category_head form select#areanum {
	width: 100px;
}

div.category_head form .submit {
	width: 96px;
}


.category_head form select {
	background-color: #f0f0f0;
}
*/


/* カテゴリメニュー背景画像 */
h3.category_head.seeing {
	background-position: 0px 0px;
}

h3.category_head.foods {
	background-position: -118px 0px;
}

h3.category_head.shopping {
	background-position: -238px 0px;
}

/* メニュー化をやめたため未使用 */
/*
h2.category_head.seeing a {
	background-position: 0px 0px;
}

h2.category_head.foods a {
	background-position: -119px 0px;
}

h2.category_head.shopping a {
	background-position: -237px 0px;
}
*/

/* マウスオーバー、現在メニュー */
/* メニュー化をやめたため未使用 */
/*
h2.category_head.seeing a:hover,
h2.category_head.seeing a.selected1 {
	background-position: 0px -35px !important;
}

h2.category_head.foods a:hover,
h2.category_head.foods a.selected2 {
	background-position: -119px -35px;
}

h2.category_head.shopping a:hover,
h2.category_head.shopping a.selected3 {
	background-position: -237px -35px;
}
*/


/* コンテンツ全体 */
#mainbox {
	margin: auto;
	width: 90%;
	padding-bottom: 20px;
	min-width: 600px;
}

/* 左コラム */
#left {
    position: absolute;
	top: 60px;
	width: 185px;
	/*overflow: auto;*/
	font-size: 80%;
}


#left p {
	line-height: 1.3;
}

#left ul {
	margin: 0 0 0 2px;
	padding: 0;
}

#left li {
	background-image: url(img/ico_note_s.png);
	background-repeat: no-repeat;
	text-indent: 15px;
	list-style-type: none;
	height: 15px;
	font-size: 90%;
}

#left .bnlink {
	margin-top: 15px;
}

/* 右コラム */
#right {
	/*clear: right;*/
	margin-left: 210px;
	overflow: auto;
	min-width: 600px;
	padding: 1px;
}

/* 右コラム内でさらに分割する場合 */
div.right_inner {
	float: left;
	width: 48%;
}

/*サブカテゴリ検索結果一覧*/
div#sub_category_summary {
	padding-top: 10px;
	clear: left !important;
}

div#sub_category_summary h3 {
	font-weight: normal;
	padding-left: 27px;
	background-image: url(img/ico_directory.png);
	background-repeat: no-repeat;
	margin-bottom: -15px;
}

div#sub_category_summary table {
	margin-top: 0;
}

div#sub_category_summary table caption {
	text-align: right;
	padding: 5px;
	padding-right: 0;
	font-size: 100%;
}

#comsel {
	width: 17em;
}
#daysel {
	width: 5.5em;
}

/* コピーライトなど */
#address, p#copyright {
	text-align: center;
	font-size: 75%;
	line-height: 1.4;
}

#address {
	clear: both;
	font-style: normal;
	padding-top: 30px;
}

/* テキストメニュー：現在ページ */
em.m_selected {
	color: #000000;
	background-color: #f2d5a2;
	margin: 0;
}

/* 新着表示 */
.new {
	color: #c17971;
	margin-left: 1px;
}


/*****************************
        個別クラス, ID
 *****************************/

/* サブカテゴリ表示ブロック */
ul.bl_subcategory {
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

/* 各サブカテゴリ */
ul.bl_subcategory li {
	font-size: 80%;
	background-image: url(img/ico_note.png);
	background-position: 4px 0px;
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-bottom: 2px;
	list-style-type: none;
}


/* カテゴリセル */
/* 1:観 2:食 3:買 */
table td.cat1 {
	background-color: #d5ebfd;
}

table td.cat2 {
	background-color: #fff9e6;
}

table td.cat3 {
	background-color: #fee3e2;
}

/* トップ：挨拶文 */
p#greeting, p#greeting2 {
	font-size: 90%;
}

/* トップ：新着説明 */
p#features {
	font-size: 80%;
	background-color: #fffae8;
	padding: 3px 3px 3px 1em;
	border: 1px solid #e0e0e0;
}

.featindent {
	padding-left: 7.3em;
}


/* バナーリンクブロック01 */
div#bnlink01 {
	clear: left;
	padding-top: 10px;
	/*overflow: auto;*/
}

#bnlink01 hr {
	margin-bottom: 30px;
	width: 615px;
}

div#bnlink01 img {
	float: left;
	margin-right: 5px;
}

/* テキストリンク */
h5#texthead {
	margin-left: 2px;
}

ul#txtlink {
	margin-top: 10px;
	width: 180px;
}

ul#txtlink li {
	background-image: none;
	text-indent: 0;
	height: auto !important;
}

/* リンクの概要 */
ul#txtlink li div {
	margin-top: 3px;
	margin-left: 17px;
}

/* blogの最近5件をトピック表示 */
#blogtopics {
	font-size: 80%;
	background-image: url(img/digest_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style-type: none;
	width: auto;
	float: left;
	height: 105px;
	width: 280px;
}

/* blogの最新エントリ */
div#blog_blockquote {
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	font-size: 100%;
	color: #505050;
	width: 93%;
	border: 2px solid #f0f0f0;
	-moz-border-radius: 8px;
	margin-bottom: 20px;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	background: #fdfdfd;
	overflow: auto;
}

div#blog_blockquote p {
	line-height: 1.4;
}

h4#blog_title {
	background-image: url(img/blog_h4_bg.png);
	/*background-image: url(img/blog_h4_bg_w.png);*/
	background-repeat: no-repeat;
	height: 24px;
	padding-left: 130px;
	padding-top: 1px;
}

div#blog_blockquote small {
	font-weight: normal;
	font-size: 70%;
}

div#blog_blockquote em, strong {
	font-style: normal;
	background-color: #fff9aa;
	padding-left: 1px;
	padding-right: 1px;
}

div#blog_blockquote strong {
	font-weight: bold;
}

img.emoticon {
	display: inline;
	float: none !important;
}

big {
	font-size: 140%;
}

/* 左寄せ画像 */
div.entry_img_left {
	float: left;
	margin-right: 5px;
}
/* 右寄せ画像 */
div.entry_img_right {
	float: right;
	margin-left: 5px;
}
/* フロート無し */
div.entry_img {
	background: #fdfdfd;
	margin-bottom: 10px;
}

div#bnlink01 p {
	clear: left;
	font-size: 90%;
}


/* サムネ一覧 */
/* 全体囲み */
div#phbox {
	clear: both;
	overflow: auto;
}

/* 各サムネブロック */
div.thumbbox {
	width: 110px;
	height: 125px;
	padding: 5px;
	margin: 5px;
	float: left;
	border: 1px solid #d0d0d0;
	text-align: center;
	font-size: 70%;
}

.thumbbox img {
	margin-bottom: 2px;
}

.thumbbox a {
	border-bottom: 0;
}


/* おみやげショップスおすすめ商品 */
/* おすすめ商品：囲みブロック */
div#recommend {
	text-align: center;
	width: 178px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	border: 1px solid #cc3300;
	-moz-border-radius: 8px;
}

/* おすすめ商品：ヘディング */
#recommend h4 {
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 0;
	text-align: center;
}

#recommend img {
	padding: 5px;
	border: 1px solid #c0c0c0 !important;
}

#recommend h4 img {
	padding: 0 !important;
	border: 0 !important;
}

/* おすすめ商品：説明ブロック */
/*
div#recom_summary {
	width: 440px;
	float: left;
}

#recom_summary p {
	font-size: 90%;
	float: left;
}
*/

/* おすすめ商品：商品名 */
/*
#recom_summary a {
	color: #cc0000;
}

#recom_summary em {
	display: block;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1.3;
}

#recom_summary div small em {
	display: inline;
	color: #cc0000;
}
*/

/* ライブ北海道 */
h4#live {
	clear: left;
	background-image: url(img/title_live_bg.png);
	background-repeat: no-repeat;
	text-indent: -2000px;
	margin-top: 30px;
	height: 30px;
}

table#live_t {
    font-size: 80%;
}

table#live_t th {
	font-weight: normal;
	background-image: none;
	background-color: #fff9e6;
	text-align: left;
}


/* 左ブロック：H4 */
h4.left_h4 {
	background-repeat: no-repeat;
	height: 27px;
	text-indent: -1000px;
}

/* 左ブロック：H4：コンタクト */
h4.left_h4.l_contact {
	background-image: url(img/left_h4_contact.png);
	/*background-image: url(img/left_h4_contact_w.png);*/
}

ul#ulmail li {
	background-image: url(img/ico_mail_s.png);
}

/* 左ブロック：H4：気候情報 */
h4.left_h4.l_weather {
	background-image: url(img/left_h4_weather.png);
	/*background-image: url(img/left_h4_weather_w.png);*/
}

/* 左ブロック：H4：観光情報 */
h4.left_h4.l_seeing {
	background-image: url(img/left_h4_seeing.png);
	/*background-image: url(img/left_h4_seeing_w.png);*/
}

/* 日の出・日の入りテーブル */
table#sunrise {
	text-align: center;
}

/* 服装アドバイス */
table#gear th.glay {
	width: 90px;
	font-weight: normal;
}

table#gear td p {
	font-size: 110%;
	line-height: 1.6;
}

/* 平均気温テーブル */
table#avrtemp {
	text-align: right;
}
table#avrtemp .glay {
	text-align: center;
}
table#avrtemp th, table#avrtemp td {
	padding: 3px 3px;
}
table#avrtemp td.separation {
	height: 20px;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
}

/* ページネーション */
#page {
	padding-right: 13px;
	margin-top: -12px;
	float: right;
	font-size: 80%;
}
#page a, #page span {
	display: block;
	padding: 4px;
	margin-left: 2px;
	float: left;
	border: 1px solid #aaaaaa;
}

#page span {
	color: #ffffff;
	background-color: #aaaaaa;
}

 
/*****************************
           詳細ビュー
 *****************************/
/* 詳細ブロック */
div#view {
	clear: left;
	width: 610px;
}

/* 詳細ブロック内左コラム 2007-07-18(水) Googlemaps導入後に反映 */
div#viewleft {
	float: left;
	width: 252px;
	margin-right: 10px;
}

#viewleft a {
	border-bottom: 0;
}

/* 施設写真 2007-07-18(水) Googlemaps導入後に反映 */
img#fac_ph2 {
	border: 1px solid #909090 !important;
	margin-top: 15px;
}

/* Google map */
div#map {
	margin-top: 10px;
	border: 1px solid #909090;
}

/* 施設写真 */
img#fac_ph {
	float: left;
	border: 1px solid #909090 !important;
	margin-top: 15px;
	margin-right: 10px;
}

/* 詳細表 */
table#viewtable {
	float: left;
	width: 330px;
}

#viewtable th {
	background-image: url(img/viewth_bg.jpg);
	background-repeat: no-repeat;
	font-size: 120%;
}

#viewtable td.glay {
    text-align: center;
}

/* 割引チケット */
#viewtable td.discount {
	font-size: 115%;
	font-weight: bold;
	background-color: #3261cd;
	text-align: center;
}
.discount a {
	color: #ffffff;
}

/* プラン */
#viewtable td.plan {
	font-size: 115%;
	font-weight: bold;
	background-color: #f8a447;
	text-align: center;
}
.plan a {
	color: #ffffff;
}


/*****************************
           会社案内
 *****************************/

/* 表組み */
table.outline {
	font-size: 85%;
}

table.outline th {
	background-color: #fff9ee;
	background-image: none;
	line-height: 1.4;
	width: 180px;
}

/* 会社概要各ヘッディング */
.outline_h5 {
	color: #a26868;
	background-image: url(img/outline_h_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 1em 0 -25px 0;
	padding-top: 8px;
	padding-right: 15px;
	width: 135px;
	height: 42px;
	text-align: center;
}


/* ルートマップからのIF呼び出し時の調整 */
div#route_ifbox {
	width: auto;
}


/*****************************
          問い合わせ
 *****************************/
form#myform, form#myform2 {
	background-color: #fafafa;
	padding: 1em 0.5em 1em 1em;
	border: 1px solid #969696;
	-moz-border-radius: 10px;
}

.cssform p {
	width: 460px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 120px;
	/*border-top: 1px dotted #909090;*/
	height: 1%;
}

.cssform label {
	float: left;
	margin-left: -130px; /*width of left column*/
	padding-left: 17px;
	width: 115px;
	font-size: 80%;
	background-image: url(img/ico_mail_s2.png); 
	background-repeat: no-repeat;
	background-position: left 4px;
}

.cssform input[type="text"] {
	width: 270px;
}

/* for I.E6 */
.cssform input.f-text {
	width: 270px;
}

.cssform textarea {
	width: 420px;
	height: 250px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
	margin-left: 3px;
}

/* エラーメッセージ */
h3.error, em.error {
	color: #cc0000;
	margin-bottom: 10px;
}

/* エラー時のフォーム */
.errorform {
	border: 1px solid #cc0000;
}

/* 送信内容確認 */
#myform2 p {
	font-size: 90%;
}


/*****************************
          天気予報
 *****************************/

/* 全体 */
div#weatherinfo {
	clear: left;
	padding-top: 0;
}

/* 見出し */
#weatherinfo h5 {
	background-image: url(img/viewth_bg.jpg);
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 90%;
	padding: 3px 0 3px 6px;
	margin-bottom: 0;
	width: 240px;
	border: 1px solid #909090;
	text-align: center;
}

#weatherinfo h5 strong {
	background-color: transparent;
}

#weatherinfo p {
	font-size: 80%;
}

/* 各日 */
/*
div.weather {
	float: left;
	width: 84px;
	font-size: 80%;
	text-align: center;
	margin-right: -1px;
	border: 1px solid #909090;
}

div.weather p {
	margin: 0;
}
*/

/* 日付 */
/*
p.date {
	background-color: #f0f0f0;
}

.date.sat {
	color: #0080ff;
}

.date.sun {
	color: #ea2424;
}
*/

/* 気温 */
/*
div.temps {
	background-color: #f0f0f0;
}

.tempmin {
	color: #0080ff;
}

.tempmax {
	color: #ea2424;
}

p#weatherlink {
	clear: left;
	padding-top: 10px;
	font-size: 80%;
}
*/

kbd a {
	color: #ffffff !important;
	border-bottom: 0 !important;
}
kbd a:hover {
	background-color: transparent;
}



/*****************************
         割引チケット
 *****************************/
div#tblock {
	margin-left: 20px;
}

/*
div#ticket {
	background-image: url(img/discount_ticket.jpg);
	background-repeat: no-repeat;
	width: 255px;
	height: 135px;
	text-align: left;
	padding-top: 45px;
	padding-left: 45px;
}
*/
div#ticket {
	border: 1px solid #606060;
	width: 300px;
	height: 180px;
	text-align: left;
	padding: 0;
}
div#ticket img {
	margin: 0;
	border: 0;
}

#ticket p {
	margin: 0 0 0 20px;
	font-size: 80%;
	line-height: 1.3;
	width: 245px;
}

/* 施設名 */
p#dcntname {
	margin-top: 5px;
}

/* 割引価格 */
p#rate {
	font-weight: bold;
	font-size: 130%;
}

/* 割引内容 */
p#dcomment {
	font-size: 70%;
	line-height: 1.2;
}

/* 発行日 */
p#issue {
	margin-top: 5px;
	font-size: 65%;
}

p#dprint {
	margin-top: 10px;
}
p#dprint a {
	cursor: pointer;
}

p#help {
	text-align: left;
	margin: 1em;
	font-size: 80%;
	margin-top: 220px;
}

form#discountform #mmail {
	width: 210px;
}
form#discountform .submit {
	width: 80px;
}
 

/*****************************
        予約カレンダー
 *****************************/
.rsvcalendar {
	width: 210px;
	float: left;
}

.rsvcalendar td {
	text-align: center;
	padding: 1px;
}

.saturday {
	background-color: #e3f3fb;
}
.sunday {
	background-color: #fbeaea;
}



/*****************************
            プラン
 *****************************/

/* プランメイン囲み */
div#planbox {
	/*border: 1px solid #9fc2d5;*/
	border: 1px solid #c0c0c0;
	margin-top: 10px;
	padding: 10px;
	overflow: auto;
	height: 1%;
	background-color: #fafafa;
}

/* プランタイトル */
h2#planhead {
	background-color: #f8a447;
	color: #000000;
	padding: 3px;
	padding-left: 0.5em;
	margin-top: 0;
}

h2#planhead span {
	font-weight: normal;
	font-size: 60%;
}

/* メインPH */
#plan_mainph {
	float: left;
	width: 250px;
}

/* メイン説明文 */
p#plan_maincom {
	float: left;
	margin-left: 10px;
	font-size: 95%;
	width: 55%;
}

/* サブ画像の囲み */
div#plan_subbox {
	clear: left;
	padding-top: 10px;
	width: 600px;
}

/* 補助説明文 */
p#plan_subcom {
	font-size: 80%;
	width: 580px;
}

/* カレンダー囲み */
div#clbox {
	float: left;
	width: 230px;
	margin-top: 20px;
	overflow: auto;
	height: 1%;
}

#clbox table.rsvcalendar {
	float: none;
	margin: 10px 0 0 1px;
}

#clbox p {
	font-size: 80%;
}

/* 翌月へのリンク */
p#mlink {
	font-size: 80%;
	width: 210px;
	text-align: center;
	margin-bottom: 0;
}

/* カレンダー内リンクアンカー */
#clbox table a {
	background-color: transparent;
}

/* プラン詳細 */
div#plan_detail {
	float: left;
	margin-top: 55px;
	font-size: 80%;
	width: 365px;
}

div#plan_detail dl {
	margin: 0;
	padding-left: 0;
}

#plan_detail dl dt {
	clear: left;
	float: left;
	background-color: #606064;
	color: #ffffff;
	padding: 3px 5px;
	margin-right: 6px;
	width: 6.8em;
	line-height: 1.3;
}

#plan_detail dt, #plan_detail dd {
	margin-bottom: 0.5em;
	padding: 3px 0 3px 10px;
}

#plan_detail dd:before {
	content: '⇒ ';
}

#plan_detail dl dd {
	float: left;
	margin-right: 0;
	width: 240px;
	line-height: 1.3;
}


/*****************************
          集客状況表
 *****************************/
table#pdfnews_t th {
	background-image: none;
	background-color: #f0f0f0;
	text-align: left;
	padding: 8px;
}



@media print {
	#tikcet p {
		font-size: 10pt;
	}
	
	/* 割引価格 */
	p#rate {
		font-size: 16pt;
	}
	
	/* 割引内容 */
	p#dcomment {
		font-size: 7pt;
	}
	
	/* 発行日 */
	p#issue {
		font-size: 6pt;
	}
	
	.noprint {
		display: none;
	}
}

/* 外部リンクの案内 */
span#outlink {
	display: block;
	font-size: 120%;
	margin: 1em;
	padding: 5px;
	background-color: #ffffff;
}