@charset "utf-8";

@import "./init.css";
@import "./header.css";
@import "./navi.css";
@import "./footer.css";

/* ---------- 全体レイアウト ---------- */
body
{
	background-color:#F3F6F8;
}

p
{
	margin-left:0px;
}

#container
{
	width:816px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("./images/common/background.png");
	background-repeat:repeat-y;
}

#breadcrumbs
{
	width:768px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:5px;
	font-size:90%;
}

#content
{
	width:768px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:65px;
}

#main
{
	float:right;
	width:496px;
}

#main .subtitle
{
	height:18px;
	padding-left:22px;
	padding-top:1px;
	background-image:url("./images/common/subtitle.png");
	background-position:left center;
	background-repeat:no-repeat;
	color:#1A497F;
	font-size:125%;
}

#side
{
	float:left;
	width:254px;
}

#content_info_call
{
	width:481px;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
}

#content_info_call a img
{
	background-image:url("./images/common/info_call.png");
	background-position:0px 0px;
}

#content_info_call a:hover img
{
	background-position:0px -101px;
}

#content_info_call p
{
	margin:0px 8px 0px 8px;
	padding:0px;
	font-size:75%;
	color:#262626;
}

.content_box
{
	margin-top:7px;
	margin-bottom:40px;
	padding-top:10px;
	border-top:solid 3px #D9D9D9;
}

.content_box .small
{
	font-size:75%;
}

.top_cut
{
	margin-top:0px;
}

.bottom_cut
{
	margin-bottom:0px;
}

.red
{
	color:#D40000;
}

.blue
{
	color:#1A497F;
}

.bold
{
	font-weight:bold;
}

.content_box .large
{
	font-size:120%;
	font-weight:bold;
}

.content_box .note
{
	margin-top:2px;
	font-size:75%;
}

.content_box h4
{
	margin-top:12px;
	margin-bottom:7px;
	font-size:120%;
	color:#1A497F;
}

.btn_area
{
	position:relative;
	width:496px;
	height:82px;
	margin-top:10px;
	background-image:url("./images/common/btn.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.btn_area .btn1
{
	position:absolute;
	left:10px;
	top:10px;
}

.btn_area .btn1 a img
{
	background-image:url("./images/common/btn.png");
	background-position:-10px -10px;
	background-repeat:no-repeat;
}

.btn_area .btn1 a:hover img
{
	background-position:-10px -92px;
}

.btn_area .btn2
{
	position:absolute;
	left:172px;
	top:10px;
}

.btn_area .btn2 a img
{
	background-image:url("./images/common/btn.png");
	background-position:-172px -10px;
	background-repeat:no-repeat;
}

.btn_area .btn2 a:hover img
{
	background-position:-172px -92px;
}

.btn_area .btn3
{
	position:absolute;
	left:334px;
	top:10px;
}

.btn_area .btn3 a img
{
	background-image:url("./images/common/btn.png");
	background-position:-334px -10px;
	background-repeat:no-repeat;
}

.btn_area .btn3 a:hover img
{
	background-position:-334px -92px;
}

/* ---------- TOP ---------- */
#service_info
{
	position:relative;
	width:496px;
	height:36px;
	margin-bottom:13px;
	background-image:url("./images/content/index/service_info.png");
}

#service_info img
{
	position:absolute;
	left:0px;
	top:0px;
}

#service_info p
{
	position:absolute;
	left:180px;
	top:10px;
	margin:0px;
	padding:0px;
	color:#00F;
	text-decoration:underline;
}

.top_box
{
	width:494px;
	padding-top:10px;
	padding-bottom:3px;
	border-left:solid 1px #C5C5C5;
	border-right:solid 1px #C5C5C5;
	border-bottom:solid 1px #C5C5C5;
}

.top_box .news_table
{
	margin-left:8px;
	margin-right:5px;
}

.top_box .news_table th
{
	width:140px;
	padding-left:16px;
	background-image:url("./images/content/index/arrow.png");
	background-position:0px 2px;
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	color:#262626;
	padding-bottom:10px;
}

.top_box .news_table td
{
	vertical-align:top;
	text-align:left;
	padding-bottom:10px;
}

.btn_news2
{
	margin-right:5px;
	text-align:right;
}

.btn_news2 a img
{
	background-image:url("./images/content/index/btn_news2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.btn_news2 a:hover img
{
	background-position:0px -25px;
}

.top_box_title
{
	margin-top:32px;
}

.top_box_title img
{
	vertical-align:bottom;
}

.map_wall
{
	background-image:url("./images/content/index/map_wall.png");
	background-position:left top;
	background-repeat:no-repeat;
}

#map_image
{
	float:left;
	width:190px;
	padding-left:7px;
}

#map_info
{
	float:right;
	width:275px;
	padding-right:15px;
}

#pickup_table
{
	width:482px;
	margin-left:auto;
	margin-right:auto;
}

#pickup_table td
{
	border-top:dashed 1px #53769F;
	padding-top:13px;
	padding-bottom:5px;
}

#pickup_table .row1
{
	padding-top:0px;
	padding-bottom:13px;
	border:none;
}

#pickup_table td h4
{
	font-size:120%;
	color:#1A497F;
}

#pickup_table td p
{
	margin:0px;
}

#pickup_table .pickup_image
{
	width:120px;
	text-align:center;
}

/* ---------- 新着 ---------- */
#news_title
{
	position:relative;
	height:42px;
}

#news_title h2,
#news_title h3
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}

#news_title .rss
{
	position:absolute;
	left:313px;
	top:3px;
	z-index:5;
}

#news_title .btn_news1
{
	position:absolute;
	left:385px;
	top:4px;
	z-index:5;
}

#news_title .btn_news1 a img
{
	background-image:url("./images/content/index/btn_news1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#news_title .btn_news1 a:hover img
{
	background-position:0px -25px;
}

#news dt
{
	margin-top:15px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:120%;
	font-weight:bold;
	color:#1A497F;
	border-bottom:solid 1px #6C8AAD;
}

#news .date
{
	padding-right:15px;
	font-size:90%;
	font-weight:normal;
}

#news dd
{
	margin:0px 0px 5px 0px;
	padding-bottom:20px;
	border-bottom:dashed 1px #CBD5E1;
}

.pager
{
	text-align:right;
}

/* ---------- 時刻表・運賃表 ---------- */
.season th
{
	margin-bottom:20px;
	padding-right:10px;
	text-align:left;
	color:#1A497F;
	font-weight:normal;
}

.time_box
{
	margin-bottom:40px;
}

.time_box table
{
	width:496px;
	margin-bottom:5px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.time_box th
{
	width:165px;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
	background-color:#DDE4EC;
	color:#1A497F;
}

.time_box td
{
	width:165px;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	border-collapse:collapse;
	border-left:solid 1px #B2B2B2;
	border-right:solid 1px #B2B2B2;
}

.caution_box
{
	margin-bottom:20px;
	padding:10px;
	color:#D40000;
	border:solid 1px #D40000;
}

.time_button1 a img
{
	background-image:url("./images/content/timetable/btn1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.time_button1 a:hover img
{
	background-position:0px -25px;
}

.time_button2 a img
{
	background-image:url("./images/content/timetable/btn2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.time_button2 a:hover img
{
	background-position:0px -25px;
}
.time_button3 a img
{
	background-image:url("./images/content/timetable/btn3.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.time_button3 a:hover img
{
	background-position:0px -25px;
}

/* ---------- 停留所一覧 ---------- */
#stop_map
{
	position:relative;
	width:496px;
	height:414px;
	margin-bottom:20px;
	background-image:url("./images/content/bus_stop/map.png");
}

#stop_map img
{
	cursor:pointer;
}

#stop_map .btn_large
{
	position:absolute;
	left:27px;
	top:51px;
}

#stop_map .btn_large a img
{
	background-image:url("./images/content/bus_stop/btn_large.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map .btn_large a:hover img
{
	background-position:0px -123px;
}

#stop_map .btn1
{
	position:absolute;
	left:364px;
	top:74px;
}

#stop_map .btn1 a img
{
	position:absolute;
	background-image:url("./images/content/bus_stop/btn_click1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map .btn1 a:hover img
{
	background-position:0px -23px;
}

#stop_map .btn2
{
	position:absolute;
	left:345px;
	top:203px;
}

#stop_map .btn2 a img
{
	position:absolute;
	background-image:url("./images/content/bus_stop/btn_click2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map .btn2 a:hover img
{
	background-position:0px -23px;
}

#stop_map .btn3
{
	position:absolute;
	left:34px;
	top:235px;
}

#stop_map .btn3 a img
{
	position:absolute;
	background-image:url("./images/content/bus_stop/btn_click3.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map .btn3 a:hover img
{
	background-position:0px -23px;
}

#stop_map .btn4
{
	position:absolute;
	left:32px;
	top:313px;
}

#stop_map .btn4 a img
{
	position:absolute;
	background-image:url("./images/content/bus_stop/btn_click4.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map .btn4 a:hover img
{
	background-position:0px -23px;
}

#stop_map_large
{
	position:relative;
}

#stop_map_large .btn_print
{
	position:absolute;
	left:32px;
	top:80px;
	z-index:5;
}

#stop_map_large .btn_print a img
{
	background-image:url("./images/content/bus_stop/btn_print.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_map_large .btn_print a:hover img
{
	background-position:0px -207px;
}

#stop_map_large .print_map
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}

#bus_stop_list
{
	width:472px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#bus_stop_list .stop_box
{
	padding-top:18px;
	margin-bottom:15px;
	border-top:solid 1px #50749D;
}

#bus_stop_list .first
{
	padding-top:10px;
	border:none;
}

.stop_box .stop_name
{
	font-size:120%;
	font-weight:bold;
	color:#1A497F;
}

.stop_box .large_image
{
	float:left;
	width:238px;
}

.stop_box .stop_info
{
	float:right;
	width:227px;
	padding-top:35px;
}

.stop_box .thumb
{
	margin-top:10px;
}

.stop_box .thumb .left
{
	float:left;
}

.stop_box .thumb .right
{
	float:right;
}

.stop_box .thumb img
{
	cursor:pointer;
}

#stop_close
{
	text-align:right;
}

#stop_close a img
{
	background-image:url("./images/content/bus_stop/btn_close.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#stop_close a:hover img
{
	background-position:0px -40px;
}

/* ---------- 貸し切りバス・島内観光 ---------- */
.charter_mrgn
{
	margin-top:25px;
}

.company_name
{
	margin:0px;
	text-align:right;
}

.charter_note_table th
{
	padding-right:10px;
	vertical-align:top;
	font-weight:normal;
}

.charter_price_table
{
	width:496px;
	margin-top:10px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.charter_price_table th
{
	padding-left:14px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
	background-color:#DDE4EC;
	color:#1A497F;
}

.charter_price_table td
{
	width:108px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

#course_map
{
	position:relative;
	width:495px;
	height:415px;
}

.course_map
{
	background-image:url("./images/content/charter/course_s.png");
}

.course_map1
{
	background-image:url("./images/content/charter/course_s1.png");
}

.course_map2
{
	background-image:url("./images/content/charter/course_s2.png");
}

#course_map .btn_large
{
	position:absolute;
	left:28px;
	top:50px;
}

#course_map .btn_large a img
{
	background-image:url("./images/content/charter/btn_large.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#course_map .btn_large a:hover img
{
	background-position:0px -123px;
}

#course_map .btn_course1
{
	position:absolute;
	left:364px;
	top:74px;
}

#course_map .btn_course1 a img
{
	background-image:url("./images/content/charter/btn_click1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#course_map .btn_course1 a:hover img
{
	background-position:0px -23px;
}

#course_map .btn_course2
{
	position:absolute;
	left:364px;
	top:148px;
}

#course_map .btn_course2 a img
{
	background-image:url("./images/content/charter/btn_click2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#course_map .btn_course2 a:hover img
{
	background-position:0px -23px;
}

.course1
{
	padding:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	background-color:#FBE5E5;
}

.course1 h4
{
	color:#D30201;
}

.course2
{
	margin-top:10px;
	padding:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	background-color:#E5EAEE;
}

.course2 h4
{
	color:#003054;
}

.course_message
{
	margin-top:10px;
	padding:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	border:solid 1px #53769F;
}

#popup_box
{
	padding:10px;
}

#popup_box p
{
	margin-top:0px;
}

#popup_box img
{
	vertical-align:top;
}

#popup_box #photo1,
#popup_box #photo2
{
	margin-bottom:5px;
}

#popup_box .thumbnail1,
#popup_box .thumbnail2
{
	cursor:pointer;
}

#popup_box th
{
	vertical-align:top;
	font-weight:normal;
	padding-right:10px;
	padding-bottom:15px;
}

#popup_box td
{
	padding-bottom:15px;
}

#popup_box .course_name
{
	font-size:120%;
	font-weight:bold;
}

#popup_box .red
{
	color:#D30201;
}

#popup_box .blue
{
	color:#003054;
}

#popup_box .left_image
{
	float:left;
	width:240px;
	font-size:75%;
}

#popup_box .left_info
{
	float:left;
	width:220px;
}

#popup_box .right_image
{
	float:right;
	width:240px;
	font-size:75%;
}

#popup_box .right_info
{
	float:right;
	width:220px;
}

#popup_box .call
{
	margin-top:20px;
}

#popup_box .btn_inq1
{
	margin-top:10px;
}

#popup_box .btn_inq1 a img
{
	background-image:url("./images/content/charter/btn_inq1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#popup_box .btn_inq1 a:hover img
{
	background-position:0px -40px;
}

#popup_box .btn_inq2
{
	margin-top:10px;
}

#popup_box .btn_inq2 a img
{
	background-image:url("./images/content/charter/btn_inq2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#popup_box .btn_inq2 a:hover img
{
	background-position:0px -40px;
}

#popup_box .btn_close
{
	margin-top:30px;
	text-align:right;
}

#course_map_large
{
	position:relative;
}

#course_map_large .btn_print
{
	position:absolute;
	left:40px;
	top:72px;
	z-index:5;
}

#course_map_large .btn_print a img
{
	background-image:url("./images/content/charter/btn_print.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#course_map_large .btn_print a:hover img
{
	background-position:0px -220px;
}

#course_map_large .print_map
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}

/* ---------- バスの種類 ---------- */
.type_table
{
	width:496px;
	margin-top:7px;
}

.type_table td
{
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

.type_table .bus_image
{
	width:137px;
	padding-left:0px;
	padding-right:0px;
}

.type_table h4
{
	font-size:120%;
	color:#1A497F;
}

.bus_type
{
	padding-top:20px;
	padding-bottom:20px;
	border-top:dashed 1px #9F9F9F;
}

.bus_type_first
{
	padding-top:8px;
	padding-bottom:20px;
}

.bus_type .large_image,
.bus_type_first .large_image
{
	float:left;
	width:238px;
}

.bus_type .bus_info,
.bus_type_first .bus_info
{
	float:right;
	width:228px;
	padding-top:5px;
}

.bus_info h4
{
	margin:0px;
	font-size:120%;
	color:#1A497F;
}

.bus_info .thumb
{
	margin-top:12px;
	padding-top:12px;
	border-top:solid 1px #BFBFBF;
}

.bus_info p
{
	margin:0px;
}

.bus_info .thumb img
{
	margin-right:8px;
	cursor:pointer;
}

/* ---------- キャンプ ---------- */

.camp_large_image
{
	float:left;
	width:238px;
}

.camp_thumb_table
{
	float:right;
	width:246px;
}

.camp_thumb_table img
{
	cursor:pointer;
	display:block;
	margin-bottom:3px;
}

.camp_thumb_table td
{
	font-size:75%;
	padding-bottom:10px;
}

.camp_price_table
{
	width:496px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.camp_price_table th
{
	text-align:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
	background-color:#DDE4EC;
	color:#1A497F;
}

.camp_price_table td
{
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
	text-align:center;
}

/* ---------- アクセス ---------- */
#access_map1
{
	position:relative;
	width:496px;
	height:300px;
	margin-bottom:40px;
	background-image:url("./images/content/access/map1.png");
}

#access_map1 a
{
	position:absolute;
	left:190px;
	top:117px;
}

.access_price_table
{
	width:496px;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.access_price_table th
{
	width:50%;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#DDE4EC;
	color:#1A497F;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.access_price_table td
{
	width:50%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	border-collapse:collapse;
	border:solid 1px #B2B2B2;
}

.access_site_table
{
	width:496px;
	margin-bottom:40px;
}

.access_site_table td
{
	width:248px;
}

/* ---------- Q&A ---------- */
#faq
{
	padding-top:10px;
	padding-bottom:30px;
}

#faq dt
{
	margin:20px 0px 0px 0px;
	padding:0px 0px 8px 13px;
	background-image:url("./images/content/faq/q.png");
	background-position:0px 1px;
	background-repeat:no-repeat;
	font-size:140%;
	font-weight:bold;
	color:#1A497F;
}

#faq dd
{
	margin:0px;
	padding:0px 0px 20px 22px;
	border-bottom:dashed 1px #9F9F9F;
	background-image:url("./images/content/faq/a.png");
	background-position:0px 2px;
	background-repeat:no-repeat;
	color:#262626;
}

#faq .pad
{
	padding-left:1em;
	font-size:100%;
	font-weight:bold;
	color:#1A497F;
}

#faq .last
{
	border:none;
}

/* ---------- 個人情報保護方針 ---------- */
#privacy h3
{
	margin-top:20px;
	margin-bottom:5px;
}

#privacy p
{
	margin:0px 0px 0px 22px;
	padding:0px 0px 20px 0px;
}

/* ---------- 会社案内 ---------- */
#company
{
	margin-top:20px;
	padding-bottom:60px;
}

#company table
{
	margin-top:8px;
	width:496px;
	border-collapse:collapse;
	border:solid 1px #8CA4BF;
}

#company th
{
	padding-left:18px;
	padding-right:18px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#E8ECF2;
	border-collapse:collapse;
	border-top:solid 1px #8CA4BF;
	text-align:left;
	font-size:110%;
	color:#1A497F;
}

#company td
{
	padding-left:18px;
	padding-top:15px;
	padding-bottom:15px;
	border-collapse:collapse;
	border-top:solid 1px #8CA4BF;
	font-size:110%;
}

/* ---------- 運送約款 ---------- */
#carriage p
{
	font-size:75%;
}

#carriage h3
{
	color:#1A497F;
	margin-bottom:5px;
}

#carriage .chapter_table
{
	margin-bottom:10px;
}

#carriage .chapter_table .article
{
	width:36px;
	font-size:75%;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

#carriage .chapter_table ol li
{
	padding-bottom:20px;
	font-size:75%;
}

#carriage .chapter_table ol .no_pad
{
	padding:0px;
}

#carriage .item_table
{
	margin-left:25px;
	margin-bottom:20px;
}

#carriage .item_table th,
#carriage .item_table td
{
	vertical-align:top;
	font-weight:normal;
	font-size:75%;
}


/* ---------- サイトマップ ---------- */
#sitemap
{
	padding-bottom:38px;
}

#sitemap dl
{
	margin:0px;
	padding:0px;
}

#sitemap dt
{
	margin:8px 0px 0px 0px;
	padding:7px 0px 5px 25px;
	background-image:url("./images/content/sitemap/arrow.png");
	background-position:left center;
	background-repeat:no-repeat;
}

#sitemap dt a
{
	font-size:120%;
	font-weight:bold;
	color:#1A497F;
}

#sitemap dd
{
	margin:0px;
	padding:0px 0px 15px 25px;
	border-bottom:dashed 1px #C5C5C5;
}

#sitemap .mrgn
{
	margin-top:13px;
}

#sitemap .line
{
	padding-bottom:20px;
	border-bottom:solid 1px #C5C5C5;
}

#sitemap ul
{
	margin:0px;
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #C5C5C5;
}

#sitemap li
{
	margin:0px;
	padding:7px 0px 5px 25px;
	list-style:none;
	background-image:url("./images/content/sitemap/arrow.png");
	background-position:left center;
	background-repeat:no-repeat;
}

#sitemap li a
{
	font-size:120%;
	font-weight:bold;
	color:#1A497F;
}

#sitemap .last
{
	border:none;
}

/* IME */
.ime_off
{
	ime-mode:disabled;
}

.ime_on
{
	ime-mode:active;
}

.clear_div
{
	clear:both;
}

.hidden
{
	display:none;
}