/**
 * css/base.css
 * @author J-SURF Co.,Inc. - S.Yoshidome
 * @since version 1.0.0
 */

/* 背景画像 */
body {
	background-image	: url(../img/bg_body.jpg);				/* 全体 */
}

/* フォントサイズ */
body, td {
	font-size			: 11pt;									/* 文字サイズ */
}

/**
 * アンカー関連
 */
a:hover {
	color				: #BD0052;								/* 文字色 */
}
a.subMenu {
	color				: #666666;								/* 文字色 */
	text-decoration		: underline;							/* 文字装飾 */
}
a.subMenu:hover {
	color				: #BD0052;								/* 文字色 */
}

/**
 * 見出し関連
 */
h1 {
	font-size			: 12px;									/* 文字サイズ */
	line-height			: normal;								/* 行の高さ */
	font-weight			: bold;									/* 文字の幅 */
	margin-bottom		: 5px;									/* 外側余白（下） */
	margin-top			: 5px;									/* 外側余白（上） */
	color				: #000000;								/* 文字色 */
}
h2 {
	font-size			: 11pt;									/* 文字サイズ */
	font-weight			: bold;									/* 文字の幅 */
	margin-bottom		: 0px;									/* 外側余白（下） */
	margin-top			: 0px;									/* 外側余白（上） */
}
h3 {
	font-size			: 11pt;									/* 文字サイズ */
	font-weight			: bold;									/* 文字の幅 */
	margin-bottom		: 0px;									/* 外側余白（下） */
	margin-top			: 0px;									/* 外側余白（上） */
}
h4 {
	font-size			: 11pt;									/* 文字サイズ */
	font-weight			: bold;									/* 文字の幅 */
	margin-bottom		: 0px;									/* 外側余白（下） */
	margin-top			: 0px;									/* 外側余白（上） */
}
h5 {
	font-size			: 11pt;									/* 文字サイズ */
	font-weight			: normal;								/* 文字の幅 */
	margin-bottom		: 0px;									/* 外側余白（下） */
	margin-top			: 0px;									/* 外側余白（上） */
}
h6 {
	font-size			: 11pt;									/* 文字サイズ */
	font-weight			: normal;								/* 文字の幅 */
	margin-bottom		: 0px;									/* 外側余白（下） */
	margin-top			: 0px;									/* 外側余白（上） */
}

/**
 * IME制御関連
 */
.active {
	ime-mode			: active;								/* 日本語入力モードへ */
}
.inactive {
	ime-mode			: inactive;								/* 英数字入力モード */
}
.disabled {
	ime-mode			: disabled;								/* 英数字入力モード */
}

/**
 * 外枠の罫線
 */
td.outline {
	border-width		: 1px;
	border-style		: solid;
	border-color		: #B8BEB4;
}

/**
 * 点線
 */
hr.dotted {
	color				: #ff0000; 								/* 線の色(IE用) */
	background-color	: #ff0000; 								/* 線の色(NN用) */
	height				: 1px; 									/* 線の太さ */
	border				: 1px; 									/* 枠の太さ */
  	border-style		: dotted;
}

/**
 * 店舗一覧テーブル
 */
/* 屋久島店 */
td.store-top-left {
	border-width		: 2px 1px 1px 2px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #01702E;
}
td.store-top-center {
	border-width		: 2px 1px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #7FB898;
}
td.store-top-right {
	border-width		: 2px 2px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #01702E #01702E #7FB898;
}
/* 空港店 */
td.store-middle-left {
	border-width		: 1px 1px 1px 2px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #01702E;
}
td.store-middle-center {
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #7FB898;
}
td.store-middle-right {
	border-width		: 1px 2px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #01702E #01702E #7FB898;
}
/* 安房店 */
td.store-bottom-left {
	border-width		: 1px 1px 2px 2px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #01702E;
}
td.store-bottom-center {
	border-width		: 1px 1px 2px 1px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #01702E #7FB898;
}
td.store-bottom-right {
	border-width		: 1px 2px 2px 1px;
	border-style		: solid;
	border-color		: #01702E #01702E #01702E #7FB898;
}

/**
 * 車種一覧テーブル（予約入力）
 */
/* top */
td.car-top-left-top {
	border-width		: 2px 1px 1px 2px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-top-left-bottom {
	border-width		: 0px 1px 1px 2px;
	border-style		: solid;
	border-color		: #01702E;
}
td.car-top-right-top {
	border-width		: 2px 2px 1px 1px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-top-right-bottom {
	border-width		: 0px 2px 1px 1px;
	border-style		: solid;
	border-color		: #01702E;
}
/* middle */
td.car-middle-left-top {
	border-width		: 1px 1px 1px 2px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-middle-left-bottom {
	border-width		: 0px 1px 1px 2px;
	border-style		: solid;
	border-color		: #01702E;
}
td.car-middle-right-top {
	border-width		: 1px 2px 1px 1px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-middle-right-bottom {
	border-width		: 0px 2px 1px 1px;
	border-style		: solid;
	border-color		: #01702E;
}
/* bottom */
td.car-bottom-left-top {
	border-width		: 1px 1px 1px 2px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-bottom-left-bottom {
	border-width		: 0px 1px 2px 2px;
	border-style		: solid;
	border-color		: #01702E;
}
td.car-bottom-right-top {
	border-width		: 1px 2px 1px 1px;
	border-style		: solid solid dotted solid;
	border-color		: #01702E;
}
td.car-bottom-right-bottom {
	border-width		: 0px 2px 2px 1px;
	border-style		: solid;
	border-color		: #01702E;
}

/**
 * 車種一覧テーブル（予約確認・予約完了）
 */
td.car-left {
	border-width		: 2px 1px 2px 2px;
	border-style		: solid;
	border-color		: #01702E;
}
td.car-right {
	border-width		: 2px 2px 2px 1px;
	border-style		: solid;
	border-color		: #01702E;
}
hr.car {
	color				: #01702E; 								/* 線の色(IE用) */
	background-color	: #01702E; 								/* 線の色(NN用) */
	height				: 1px; 									/* 線の太さ */
	border				: 1px; 									/* 枠の太さ */
  	border-style		: dotted;
}

/**
 * 料金表テーブル
 */
/* タイトル 行 */
td.price-top-left {
	text-align			: center;
	border-width		: 2px 1px 1px 2px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #7FB898 #01702E;
}
td.price-top-center {
	text-align			: center;
	border-width		: 2px 1px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #7FB898 #7FB898 #7FB898;
}
td.price-top-right {
	text-align			: center;
	border-width		: 2px 2px 1px 1px;
	border-style		: solid;
	border-color		: #01702E #01702E #7FB898 #7FB898;
}

/* 料金 行 */
td.price-middle-left {
	text-align			: center;
	border-width		: 1px 1px 0px 2px;
	border-style		: solid;
	border-color		: #7FB898 #7FB898 #7FB898 #01702E;
}
td.price-middle-center {
	text-align			: center;
	border-width		: 1px 1px 0px 1px;
	border-style		: solid;
	border-color		: #7FB898 #7FB898 #7FB898 #7FB898;
}
td.price-middle-right {
	text-align			: center;
	border-width		: 1px 2px 0px 1px;
	border-style		: solid;
	border-color		: #7FB898 #01702E #7FB898 #7FB898;
}
/* 税別料金 行 */
td.price-under-left {
	text-align			: center;
	border-width		: 0px 1px 2px 2px;
	border-style		: solid;
	border-color		: #7FB898 #7FB898 #01702E #01702E;
}
td.price-under-center {
	text-align			: center;
	border-width		: 0px 1px 2px 1px;
	border-style		: solid;
	border-color		: #7FB898 #7FB898 #01702E #7FB898;
}
td.price-under-right {
	text-align			: center;
	border-width		: 0px 2px 2px 1px;
	border-style		: solid;
	border-color		: #7FB898 #01702E #01702E #7FB898;
}

/**
 * ロケット・時刻表
 */
/* 上段 */
td.rocket-top-left {
	text-align			: center;
	border-width		: 2px 1px 1px 2px;
	border-style		: solid;
	border-color		: #000000;
	background-color	: #009900;
}
td.rocket-top-right {
	text-align			: center;
	border-width		: 2px 2px 1px 1px;
	border-style		: solid;
	border-color		: #000000;
	background-color	: #009900;
}

/* 中段 */
td.rocket-middle-left {
	text-align			: center;
	border-width		: 0px 1px 1px 2px;
	border-style		: solid;
	border-color		: #000000;
}
td.rocket-middle-right {
	text-align			: center;
	border-width		: 0px 2px 1px 1px;
	border-style		: solid;
	border-color		: #000000;
}

/* 中段 */
td.rocket-bottom-left {
	text-align			: center;
	border-width		: 0px 1px 2px 2px;
	border-style		: solid;
	border-color		: #000000;
}
td.rocket-bottom-right {
	text-align			: center;
	border-width		: 0px 2px 2px 1px;
	border-style		: solid;
	border-color		: #000000;
}

/**
 * ロケット・問合せ
 */
/* 店舗名 */
td.rocket-contact-store {
	font-size			: 13pt;
	font-weight			: bold;
}
/* 電話番号 */
font.rocket-contact-phone {
	font-size			: 16pt;
	font-weight			: bold;
	color				: #FF7F02;
}

/**
 * 屋久島スポット
 */
/* 地図番号 */
td.spot-map {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #E50000;
	line-height			: 150%;
}
/* 杉 */
td.spot-sugi {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #186B01;
	line-height			: 150%;
}
/* 海 */
td.spot-umi {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #0166FE;
	line-height			: 150%;
}
/* 滝 */
td.spot-taki {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #00CCFF;
	line-height			: 150%;
}
/* 山 */
td.spot-yama {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #7F3F01;
	line-height			: 150%;
}
/* 道 */
td.spot-michi {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #7F7F7F;
	line-height			: 150%;
}
/* 温泉 */
td.spot-onsen {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #FF804D;
	line-height			: 150%;
}
/* 学 */
td.spot-gaku {
	text-align			: center;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #ffffff;
	background-color	: #6599FF;
	line-height			: 150%;
}

/* サブタイトル */
p.sub-title {
	line-height			: 170%;
	font-weight			: bold;
	font-size			: 11pt;
}

/* フッターリンク */
td.footer-link {
	font-size			: 12px;
}

/* パンくず */
td.topic-path {
	/*
	line-height			: 200%;
	*/
	font-size			: 12px;
}

/* キャンペーン見出し */
td.campaign-title {
	background-color	: #010088;
	color				: #ffffff;
	padding				: 5px;
}