/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
html,body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,hr,
ul,ol,li,
dl,dt,dd,
table,th,td,caption,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* テキストリンク
---------------------------------------------------------------------- */
a:link {
	color: #690;
	text-decoration: underline;
}
a:visited {
	color: #7D7D7D;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	color: #F00;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
 2.body
------------------------------------------------------------------------- */
body {
	color: #333;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	background: #FFFFFD url(../images/body_bg.gif);
	line-height: 1.3;
}

/* -------------------------------------------------------------------------
 3.container
------------------------------------------------------------------------- */
#container {
	width: 960px;
	background: #FAF7EA url(../images/container_bg.gif) repeat-y;
	margin: 0 auto;
        padding: 0;
}

/* -------------------------------------------------------------------------
 4.header
------------------------------------------------------------------------- */
#header {
	padding: 8px 19px 0;
}
#header h1 {
	float: left;
	padding: 2px 0 8px 8px;
	font-weight: bold;
	line-height: 1.3;
}
#header #bookmark {
	float: right;
	padding: 0 4px 0 0;
}
#header p#header-siteimg {
	clear: both;
	padding: 0 0 7px;
}
#bookmark img {
	vertical-align : 3px;
}

#bookmark .social_d {
	margin-right : 10px;
}

#bookmark .sns_tw {
	margin-right : 0;
}

#bookmark .sns_gg {
	margin-left : 10px;
}

/* breadcrumb
---------------------------------------------------------------------- */
#breadcrumb-wrap {
	margin: 3px 27px 2px;
	background: #FFF url(../images/breadcrumb_bg_bottom.gif) no-repeat left bottom;
}
#breadcrumb {
	padding: 7px 5px 9px 15px;
	background: url(../images/breadcrumb_bg_top.gif) no-repeat;
}

/* -------------------------------------------------------------------------
 5.content-body
------------------------------------------------------------------------- */
#container-box {
	padding: 8px 20px 0;
}
#content-body {
	float: left;
	width: 650px;
	padding: 0 0 5px;
	overflow: hidden;
}

/* -------------------------------------------------------------------------
 6.トップページ
------------------------------------------------------------------------- */

/* 日帰りバスツアーで北海道を楽しもう！
---------------------------------------------------------------------- */
#content-top-intro {
	margin: 0 0 15px;
	padding: 0 0 5px;
	background: #FFF url(../images/content-top_group_bg.gif) no-repeat left bottom;
}
#content-top-intro p {
	margin: 0 15px 10px 20px;
}

/* 特集記事バナー
---------------------------------------------------------------------- */
div.content-top-banner {
	margin: 0 0 15px 0;
}


/* 札幌発バスツアー　最新トピックス
---------------------------------------------------------------------- */
#content-top-topics {
	position: relative;
	margin: 0 0 15px;
	padding: 0 0 5px;
	background: #FFF url(../images/content-top_group_bg.gif) no-repeat left bottom;
}
#content-top-topics h2 {
	margin: 0 0 10px;
}
#content-top-topics p {
	margin: 0 15px 10px 22px;
}
#content-top-topics p#content-top-topics-more {
	position: absolute;
	top: 11px;
	right: 15px;
	margin: 0;
}
#content-top-topics ul {
	margin: 0 20px;
	padding: 0 0 8px;
}
#content-top-topics ul li {
	margin: 0 0 4px;
	padding: 0 0 6px 23px;
	list-style: none;
	background: url(../images/content_li_topics_bg.gif) no-repeat 6px 4px;
	border-bottom: 1px dashed #CCC;
}

/* 行きたい場所からバスツアーを探そう！
---------------------------------------------------------------------- */
#content-top-place {
	position: relative;
	width: 650px;
	margin: 0 0 15px;
	padding: 0 0 8px;
	background: #FFF url(../images/content-top_group_bg.gif) no-repeat left bottom;
	overflow: hidden;
}
#content-top-place h2 {
	margin: 0 0 10px;
}
#content-top-place p {
	padding: 0 15px 10px 20px;
}
#content-top-place p#content-top-place-more {
	position: absolute;
	top: 11px;
	right: 15px;
	padding: 0;
}
#content-top-place-list {
	width: 255px;
	float: left;
}
#content-top-place-list h3 {
	margin: 5px 0 5px 25px;
}
#content-top-place-list table {
	width: 200px;
	margin: 0 0 10px 35px;
	background: #FFF;
	border-collapse: collapse;
	border: 1px solid #DDD;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
	table-layout: fixed;
}
#content-top-place-list td {
	text-align: left;
	vertical-align: middle;
	padding: 5px 2px 5px 7px;
	border: 1px dashed #DDD;
}
#content-top-place p#content-top-place-map {
	float: left;
	padding: 5px 0 10px;
}

/* 本日のバスツアー　ピックアップ！
---------------------------------------------------------------------- */
#content-top-pickup {
	width: 650px;
	margin: 0 0 15px;
	padding: 0 0 6px;
	background: #FFF url(../images/content-top_group_bg.gif) no-repeat left bottom;
}
#content-top-pickup p {
	margin: 0 20px 10px 28px;
}
#content-top-pickup p.tweet {
	margin: 0 15px 7px 22px;
}
#content-top-pickup table {
	width: 610px;
	margin: 0 20px 12px;
	background: #FFF;
	border-collapse: collapse;
	border: 1px solid #DDD;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
}
#content-top-pickup th {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 8px 10px 8px 25px;
	background: url(../images/content_th_icon_bg.gif) no-repeat;
	border: 1px solid #DDD;
}
#content-top-pickup td {
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 12px;
	border: 1px dashed #DDD;
}
#content-top-pickup td.image {
	padding: 15px;
	text-align: center;
	vertical-align: top;
}
#content-top-pickup td.image p {
	margin: 4px auto 0 auto;
	text-align: left;
	width: 180px;
	font-size: 90%;
	line-height: 150%;
}

#content-top-pickup td.item {
	width: 120px;
	padding: 5px 3px;
	text-align: center;
}
#content-top-pickup td.value {
	line-height: 140%;
}
#content-top-pickup td.value p.more {
	text-align: right;
	margin-right: 2px;
	margin-top: 5px;
}

/* 週間アクセスランキング
---------------------------------------------------------------------- */
#content-top-ranking {
	position: relative;
	width: 650px;
	margin: 0 0 15px;
	padding: 0 0 6px;
	background: #FFF url(../images/content-top_group_bg.gif) no-repeat left bottom;
}
#content-top-ranking h2 {
	margin: 0 0 10px;
}
#content-top-ranking p {
	padding: 0 15px 10px 30px;
}
#content-top-ranking p#content-top-ranking-more {
	position: absolute;
	top: 11px;
	right: 15px;
	padding: 0;
}
#content-top-ranking table {
	width: 610px;
	margin: 0 20px 12px;
	background: #FFF;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
}
#content-top-ranking tr.tr-color {
	background: #F9F9F9;
}
#content-top-ranking th {
	width: 65px;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
}
#content-top-ranking tr#tr-1 th, 
#content-top-ranking tr#tr-2 th,
#content-top-ranking tr#tr-3 th {
	padding: 10px 0;
}
#content-top-ranking td {
	text-align: left;
	vertical-align: middle;
	padding: 12px 5px;
}
#content-top-ranking td.td-item {
	width: 445px;
	line-height: 1.3;
}
#content-top-ranking table.ranking #tr-1 img {
        width: 43px;
        height: 38px;
}
#content-top-ranking table.ranking #tr-2 img,
#content-top-ranking table.ranking #tr-3 img {
        width: 37px;
        height: 33px;
}
#content-top-ranking table.ranking #tr-4 img ,
#content-top-ranking table.ranking #tr-5 img {
        width: 33px;
        height: 29px;
}
#content-top-ranking tr#tr-1 td.td-item, 
#content-top-ranking tr#tr-2 td.td-item,
#content-top-ranking tr#tr-3 td.td-item {
	font-size: 125%;
}
#content-top-ranking td.td-company {
	width: 100px;
	color: #777;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}
#content-top-ranking p#content-top-ranking-link {
	font-size: 110%;
	padding: 0 0 15px;
	text-align: center;
}

/* -------------------------------------------------------------------------
 7.下層ページ
------------------------------------------------------------------------- */
.content-kasou-wrap2 {
	width: 650px;
	margin: 0 0 15px;
	background: #FFF url(../images/content_group_bg_middle.gif) repeat-y;
}
.content-kasou-wrap {
	width: 650px;
	background: url(../images/content_group_bg_top.gif) no-repeat;
}
.content-kasou {
	padding: 0 15px 15px;
	background: url(../images/content_group_bg_bottom.gif) no-repeat left bottom;
	overflow: hidden;
}

.content-kasou .courseAndSort .sort-change {
        float: right;
        margin-right: 4px;
}

/* 下層ページ下の更新日
---------------------------------------------------------------------- */
.content-kasou .last-edited-at {
    text-align: right;
    margin: 30px 5px 0;
    color: #595959;
}

/* 下層ページ下のソーシャルアイコン
---------------------------------------------------------------------- */
#bookmark_article {
	text-align : right;
	margin: 20px 8px 0px 0px;
}

#bookmark_article img {
	vertical-align : 3px;
}

#bookmark_article .social_d {
	margin-right : 10px;
}

#bookmark_article .sns_tw {
	margin-right : 10px;
	vertical-align: 1px
}

#bookmark_article .sns_gg {
	margin-left : 10px;
}


/* 各要素
---------------------------------------------------------------------- */

/* h */
.content-kasou h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 20px 5px 12px;
	padding: 0 5px 10px 10px;
	background: url(../images/content_h2_bg_bottom.gif) no-repeat left bottom;
	line-height: 1.1;
}
.content-kasou .h2-wrap {
	position: relative;
	width: 610px;
	margin: 20px 5px 12px;
	background: #B7D892 url(../images/content_h2_bg_top.gif) no-repeat;
}
.content-kasou .h2-wrap h2 {
	min-height: 21px;
	margin: 0;
	padding: 10px 5px 11px 53px;
}
.content-kasou .sp-title {
	background: none;
}
.content-kasou .sp-title h2 {
	padding: 0;
}
.content-kasou .sp-img-title {
	padding: 20px 5px 0px 5px;
}
.content-kasou h3 {
	min-height: 17px;
	clear: both;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 8px 10px;
	padding: 0 5px 8px 22px;
	background: url(../images/content_h3_bg.gif) no-repeat left bottom;
	line-height: 1.1;
}
.content-kasou h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 15px 10px 10px;
	padding: 0 5px 6px;
	background: url(../images/content_h4_bg.gif) repeat-x left bottom;
	line-height: 1.1;
	clear: both;
}

/* p */
.content-kasou p {
	margin: 0 12px 10px;
	line-height: 150%;
}

/* ul */
.content-kasou ul {
	margin: 10px 10px 20px 25px;
}
.content-kasou ul li {
	padding: 0 0 10px 14px;
	list-style: none;
	background: url(../images/content_li_bg.gif) no-repeat 0 5px;
}

/* ol */
.content-kasou ol {
	margin: 10px 10px 20px 50px;
}
.content-kasou ol li {
	margin: 0 0 10px;
}

/* table */
.content-kasou table {
	width: 590px;
	margin: 0 15px 15px;
	background: #FFF;
	border-collapse: collapse;
	border: 1px solid #DDD;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.3;
}
.content-kasou caption {
	text-align: center;
	padding: 0 0 6px;
	font-weight: bold;
        color: #333;
}
.content-kasou th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 8px 5px;
	background: url(../images/content_th_bg.gif);
	border: 1px solid #DDD;
}
.content-kasou td {
	text-align: left;
	vertical-align: middle;
	padding: 7px 5px 7px 10px;
	border: 1px dashed #DDD;
}

/* hr */
.content-kasou hr {
	height: 0;
	margin: 0 8px 15px;
	padding: 0 0 5px;
	border: none;
	border-bottom: 1px dotted #BBB;
}

/* 日付ごとのページ
---------------------------------------------------------------------- */

/* h2横「前日」「翌日」ボタン */
.content-kasou p.prev-day-btn {
	position: absolute;
	top: 7px;
	right: 90px;
	margin: 0;
}
.content-kasou p.next-day-btn {
	position: absolute;
	top: 7px;
	right: 15px;
	margin: 0;
}

/* ツアー情報テーブル */
.content-kasou table.tour-table {
	width: 590px;
	margin: 0 15px 12px;
}
.content-kasou table.tour-table th {
	font-size: 110%;
	text-align: left;
	padding: 8px 10px 8px 25px;
	background: url(../images/content_th_icon_bg.gif) no-repeat;
}
.content-kasou table.tour-table td {
	padding: 6px 5px 6px 12px;
}
.content-kasou table.tour-table td.item {
	width: 120px;
	padding: 6px 3px;
	text-align: center;
}
.content-kasou table.tour-table td.value {
	width: 470px;
}

/* ページ下部「前日」「翌日」リンク */
.content-kasou ul.next-prev-day {
	width: 560px;
	margin: 20px 30px 15px;
	overflow: hidden;
	line-height: 1.1;
}
.content-kasou ul.next-prev-day li {
	padding: 0;
	background: none;
}
.content-kasou ul.next-prev-day li.next-prev-day-next {
	float: right;
}
.content-kasou ul.next-prev-day li.next-prev-day-prev {
	float: left;
}
.content-kasou ul.next-prev-day li a {
	min-height: 11px;
	display: block;
}
.content-kasou ul.next-prev-day li.next-prev-day-next a {
	padding: 0 16px 0 0;
	background: url(../images/content_next_arrow.gif) no-repeat right center;
}
.content-kasou ul.next-prev-day li.next-prev-day-prev a {
	padding: 0 0 0 16px;
	background: url(../images/content_prev_arrow.gif) no-repeat left center;
}


/* 行き先index／キーワードindexのページ
---------------------------------------------------------------------- */
.def-list h3 {
    margin-top: 70px;
}

.def-list dl {
    margin: 0px 0px px 0px;
    padding: 10px 0px 10px 0px;
}

.def-list dl dt {
    font-size: 14px;
    margin: 0px 0px 3px 20px;
}

.def-list dl dt a {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.def-list dl dd {
    margin: 0px 0px 20px 40px;
}

.def-list dl dd .link-detail {
    text-align: right;
    margin: 5px 0px 0px 0px;
}


/* 各行き先／各キーワードのページ
---------------------------------------------------------------------- */
/* ツアー情報テーブルは「日付ごとのページ」と共通 */

/* ツアー情報テーブル　カレンダー部分 */
.content-kasou table.tour-table td.tour-table-cal {
	padding: 10px 0 10px 10px;
}
.content-kasou table.tour-table table {
	float: left;
	width: 182px;
	margin: 0 10px 0 0;
	background: #FBFDFF;
	table-layout: fixed;
}
.content-kasou table.tour-table table th {
	font-size: 90%;
	text-align: center;
	padding: 5px 0;
	background: #ECF5FF url(../images/content_tour-table-cal_th_bg.gif);
}
.content-kasou table.tour-table table td {
	padding: 4px 0 5px;
	text-align: center;
}

/* ツアー情報テーブル　「ツアーの詳細を見る」 */
.content-kasou table.tour-table td.tour-table-more {
	padding: 6px 13px;
	text-align: right;
}

/* 各ツアー詳細情報
---------------------------------------------------------------------- */
.content-kasou p.descript {
        margin: 0 12px 20px;
        line-height: 175%;
}

/* ツアー情報テーブル */
.content-kasou table.tour-table-full {
	width: 590px;
	margin: 0 15px 12px;
}
.content-kasou table.tour-table-full td {
	padding: 6px 5px 6px 12px;
}
.content-kasou table.tour-table-full td.item {
	width: 120px;
	padding: 6px 3px;
	text-align: center;
	background: url(../images/content_th_bg.gif);
}
.content-kasou table.tour-table-full td.value {
	width: 470px;
}

/* 出発日カレンダー */
.content-kasou .tour-cal {
	width: 605px;
	margin: 0 0 0 15px;
	overflow: hidden;
}
.content-kasou .tour-cal table {
	float: left;
	width: 189px;
	margin: 0 10px 0 0;
	background: #FBFDFF;
	table-layout: fixed;
}
.content-kasou .tour-cal table th {
	padding: 5px 0;
	background: #ECF5FF url(../images/content_tour-table-cal_th_bg.gif);
}
.content-kasou .tour-cal table td {
	padding: 4px 0 5px;
	text-align: center;
}

.content-kasou .tour-cal table td.notNullDate {
	background-color: #FFF;
}


/* 写真 */
.content-kasou table.desc-img {
	border: 0;
	margin: 0 auto;
}

.content-kasou table.desc-img td {
	border: 0;
	padding: 10px;
	vertical-align: top;
}

.content-kasou table.desc-img td p {
	font-size: 90%;
	width: 180px;
	margin: 2px 0 0 0;
	padding: 0;
}

/* 終了ツアー */
p.past-tour {
	color: #990000;
	font-weight: bold;
}

span.past-tour {
	color: #990000;
	font-weight: bold;
	margin-left: 20px;
}


/* トピックス一覧ページ
---------------------------------------------------------------------- */
.content-kasou ul.topic-list {
	margin: 0 10px;
}
.content-kasou ul.topic-list li {
	margin: 0 0 6px;
	padding: 0 0 8px 23px;
	background: url(../images/content_li_topics_bg.gif) no-repeat 6px 4px;
	border-bottom: 1px dashed #CCC;
}

/* トピックス各記事ページ
---------------------------------------------------------------------- */

/* ページ上部・下部　「前の記事」「次の記事」 */
.content-kasou ul.next-prev-topcs-top {
	width: 610px;
	margin: 0 5px 12px;
	padding: 0 0 15px;
	border-bottom: 1px dashed #CCC;
	overflow: hidden;
	line-height: 1.1;
}
.content-kasou ul.next-prev-topcs-bottom {
	width: 610px;
	margin: 0 5px 10px;
	padding: 15px 0 0;
	border-top: 1px dashed #CCC;
	overflow: hidden;
	line-height: 1.1;
}
.content-kasou ul.next-prev-topcs-top li,
.content-kasou ul.next-prev-topcs-bottom li {
	float: right;
	padding: 0;
	background: none;
}
.content-kasou li.next-prev-topcs-border {
	border-left: 1px solid #CCC;
}
.content-kasou ul.next-prev-topcs-top li a,
.content-kasou ul.next-prev-topcs-bottom li a {
	min-height: 11px;
	display: block;
}
.content-kasou li.next-prev-topcs-prev a {
	margin: 0 15px 0 8px;
	padding: 0 16px 0 0;
	background: url(../images/content_next_arrow.gif) no-repeat right center;
}
.content-kasou li.next-prev-topcs-next a {
	margin: 0 8px 0 0;
	padding: 0 0 0 16px;
	background: url(../images/content_prev_arrow.gif) no-repeat left center;
}

/* ページ下部　「掲載日」と「更新日」 */
.content-kasou div.topic-date {
	margin: 10px 12px;
	text-align: right;
}

/* 週間アクセスランキングページ
---------------------------------------------------------------------- */
#rankinglist h3 {
	font-size: 130%;
	font-weight: bold;
	margin: 0 15px 10px;
	padding: 0 0 5px;
	background: none;
	text-align: center;
}
#rankinglist p {
	margin: 0 20px 13px 25px;
}
.content-kasou #rankinglist table {
	margin-bottom: 25px;
	border: none;
}
.content-kasou #rankinglist table a:link {
	text-decoration: none;
}
.content-kasou #rankinglist table a:visited {
	text-decoration: none;
}
.content-kasou #rankinglist table a:hover,
.content-kasou #rankinglist table a:active,
.content-kasou #rankinglist table a:focus {
	text-decoration: underline;
}
.content-kasou #rankinglist table tr.tr-color {
	background: #F9F9F9;
}
.content-kasou #rankinglist table th {
	width: 65px;
	background: none;
	border: none;
}
.content-kasou #rankinglist table tr.tr-color th {
	background: #F9F9F9;
}
.content-kasou #rankinglist table td {
	border: none;
}
.content-kasou #rankinglist table td.td-item {
	width: 425px;
}
.content-kasou #rankinglist table td.td-company {
	width: 100px;
	color: #777;
	text-align: center;
	line-height: 1.1;
}


/* 1～5位 */
.content-kasou table#ranking-table-higher th {
	padding: 10px 0;
}
.content-kasou table#ranking-table-higher tr#tr-1 th {
	padding: 15px 0;
}
.content-kasou table#ranking-table-higher td.td-item {
	font-size: 120%;
	padding: 10px 5px;
}
.content-kasou table#ranking-table-higher tr#tr-1 td.td-item {
	font-size: 150%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content-kasou table#ranking-table-higher tr#tr-2 td.td-item,
.content-kasou table#ranking-table-higher tr#tr-3 td.td-item {
	font-size: 130%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.content-kasou table#ranking-table-higher tr#tr-1 img {
        width: 43px;
        height: 38px;
}
.content-kasou table#ranking-table-higher tr#tr-2 img,
.content-kasou table#ranking-table-higher tr#tr-3 img {
        width: 37px;
        height: 33px;
}
.content-kasou table#ranking-table-higher tr#tr-4 img,
.content-kasou table#ranking-table-higher tr#tr-5 img {
        width: 33px;
        height: 29px;
}
.content-kasou table#ranking-table-middle th img {
        width: 33px;
        height: 18px;
}

.content-kasou table#ranking-table-higher td.td-company {
	padding: 10px 0;
}

/* 6～10位 */
.content-kasou table#ranking-table-middle th {
	padding: 7px 0;
}
.content-kasou table#ranking-table-middle td.td-item {
	font-size: 110%;
	padding: 10px 5px;
}
.content-kasou table#ranking-table-middle td.td-company {
	padding: 10px 0;
}

/* 11～20位 */
.content-kasou table#ranking-table-lower th {
	padding: 7px 0;
	border-bottom: 1px dotted #BBB;
}
.content-kasou table#ranking-table-lower td {
	padding: 7px 5px;
	border-bottom: 1px dotted #BBB;
}
.content-kasou table#ranking-table-lower td.td-company {
	padding: 7px 0;
}

/* 特集ページ
---------------------------------------------------------------------- */
ul#sp-index-left {
	float: left;
}
ul#sp-index-left li ul {
	margin-bottom: 15px;
	margin-left: 10px;
}
ul#sp-index-left li ul li ul {
	margin-bottom: 0;
	margin-left: 10px;
}
div#sp-index-right {
	float: right;
	width: 220px;
}
div#sp-index-right p {
	text-align: right;
	margin-bottom: 10px;
}
div#sp-index-right p img {
	width: 200px;
}
div.sp-photo-right {
	float: right;
	width: 220px;
	text-align: right;
	padding-right: 10px;
}
div.sp-photo-right p {
	text-align: left;
	margin-left: 20px;
	margin-right: 0;
	font-size: 90%;
}
.sp-headline {
	clear: both;
}
p.sp-paging {
	clear: both;
	text-align: center;
}
p.sp-paging span.prev {
	float: left;
	text-align: left;
	width: 260px;
}
p.sp-paging span.next {
	float: right;
	text-align: right;
	width: 260px;
}

/* profile
---------------------------------------------------------------------- */
.content-kasou .profile {
        margin: 0 12px 20px;
        line-height: 175%;
}

/* about us
---------------------------------------------------------------------- */
.content-kasou table.profile td.item {
        width: 17%;
}


/* -------------------------------------------------------------------------
 8.sidenavi
------------------------------------------------------------------------- */
#sidenavi {
	float: right;
	width: 250px;
	padding: 0 0 5px;
}

div.snavi-sp-banner {
	margin: 0 0 10px 0;
}

div#adbox_0 {
/*	margin-bottom: 0px; */
	margin-bottom: 15px; 
}

.drawer-nav {
        position: static;
        width: 250px;
        float: right;
        background-color: transparent;
}

/* ホーム
---------------------------------------------------------------------- */
#sidenavi-home {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-home ul {
	width: 218px;
	margin: 0px 15px 0;
	background: #FDFCF6;
	border: 1px solid #E0D1B2;
	line-height: 1.1;
}
#sidenavi-home ul li {
	border-bottom: 1px dashed #E0D1B2;
	list-style: none;
}
#sidenavi-home ul li#sidenavi-home_li_last {
	border-bottom: none;
}
#sidenavi-home ul li a {
	width: 188px;
	display: block;
	padding: 8px 5px 6px 25px;
	background: url(../images/sidenavi_li_bg.gif) no-repeat 8px 9px;
}
#sidenavi-home ul li a:link {
	color: #333;
	text-decoration: none;
}
#sidenavi-home ul li a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#sidenavi-home ul li a:hover,
#sidenavi-home ul li a:active,
#sidenavi-home ul li a:focus {
	color: #F00;
	text-decoration: underline;
}

/* 出発日から探す
---------------------------------------------------------------------- */
#sidenavi-cal {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 5px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-cal h2 {
	margin: 0 0 10px;
}
#sidenavi-cal table {
	width: 220px;
	margin: 0 15px 10px;
	background: #FDFCF6;
	border-collapse: collapse;
	border: 1px solid #D6C29A;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
	table-layout: fixed;
}
#sidenavi-cal caption {
	text-align: center;
	padding: 0 0 3px;
	font-weight: bold;
        color: #333;
}
#sidenavi-cal th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 4px 0;
	background: #E9DEC8 url(../images/sidenavi-cal_th_bg.gif);
	border: 1px dashed #E0D1B2;
}
#sidenavi-cal td {
	text-align: center;
	vertical-align: middle;
	padding: 2px 0 4px;
	border: 1px dashed #E0D1B2;
}

/* 行き先から探す
---------------------------------------------------------------------- */
#sidenavi-place {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-place table {
	width: 220px;
	margin: 10px 15px 0;
	background: #FDFCF6;
	border-collapse: collapse;
	border: 1px solid #E0D1B2;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
	table-layout: fixed;
}
#sidenavi-place caption {
	color: #BA530C;
	text-align: center;
	padding: 0 0 3px;
	font-weight: bold;
}
#sidenavi-place td {
	text-align: left;
	vertical-align: middle;
	padding: 4px 2px 4px 7px;
	border: 1px dashed #E0D1B2;
}
#sidenavi-place td a:link {
	color: #333;
	text-decoration: none;
}
#sidenavi-place td a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#sidenavi-place td a:hover,
#sidenavi-place td a:active,
#sidenavi-place td a:focus {
	color: #F00;
	text-decoration: underline;
}
#sidenavi-place p#sidenavi-place-more {
	margin: 10px 25px 0 15px;
	text-align: right;
}

/* キーワードから探す
---------------------------------------------------------------------- */
#sidenavi-keyword {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-keyword table {
	width: 220px;
	margin: 10px 15px 0;
	background: #FDFCF6;
	border-collapse: collapse;
	border: 1px solid #E0D1B2;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
	table-layout: fixed;
}
#sidenavi-keyword caption {
	color: #BA530C;
	text-align: center;
	padding: 0 0 3px;
	font-weight: bold;
}
#sidenavi-keyword td {
	text-align: left;
	vertical-align: middle;
	padding: 4px 2px 4px 7px;
	border: 1px dashed #E0D1B2;
}
#sidenavi-keyword td a:link {
	color: #333;
	text-decoration: none;
}
#sidenavi-keyword td a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#sidenavi-keyword td a:hover,
#sidenavi-keyword td a:active,
#sidenavi-keyword td a:focus {
	color: #F00;
	text-decoration: underline;
}
#sidenavi-keyword p#sidenavi-keyword-more {
	margin: 10px 25px 0 15px;
	text-align: right;
}

/* ランキングから探す
---------------------------------------------------------------------- */
#sidenavi-ranking {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-ranking table {
	width: 220px;
	margin: 10px 15px 0;
	background: #FDFCF6;
	border-collapse: collapse;
	border: 1px solid #E0D1B2;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
	table-layout: fixed;
}
#sidenavi-ranking td {
        text-align: left;
        vertical-align: top;
        padding: 10px 4px 10px 9px;
        border: 1px dashed #E0D1B2;
        overflow: hidden;
}
#sidenavi-ranking td p.rank_order {
        float: left;
        width: 29px;
        overflow: hidden;
}
#sidenavi-ranking td p.rank_title {
	float: left;
	width: 172px;
	overflow: hidden;
}
#sidenavi-ranking td a:link {
	color: #333;
	text-decoration: none;
}
#sidenavi-ranking td a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#sidenavi-ranking td a:hover,
#sidenavi-ranking td a:active,
#sidenavi-ranking td a:focus {
	color: #F00;
	text-decoration: underline;
}
#sidenavi-ranking p#sidenavi-ranking-more {
	margin: 10px 25px 0 15px;
	text-align: right;
}

/* バスめぐ北海道について
---------------------------------------------------------------------- */
#sidenavi-about {
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: #F6F1D9 url(../images/sidenavi_group_bg.gif) no-repeat left bottom;
}
#sidenavi-about ul {
	width: 218px;
	margin: 10px 15px 0;
	background: #FDFCF6;
	border: 1px solid #E0D1B2;
	line-height: 1.1;
}
#sidenavi-about ul li {
	border-bottom: 1px dashed #E0D1B2;
	list-style: none;
}
#sidenavi-about ul li#sidenavi-about_li_last {
	border-bottom: none;
}
#sidenavi-about ul li a {
	width: 188px;
	display: block;
	padding: 8px 5px 6px 25px;
	background: url(../images/sidenavi_li_bg.gif) no-repeat 8px 9px;
}
#sidenavi-about ul li a:link {
	color: #333;
	text-decoration: none;
}
#sidenavi-about ul li a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#sidenavi-about ul li a:hover,
#sidenavi-about ul li a:active,
#sidenavi-about ul li a:focus {
	color: #F00;
	text-decoration: underline;
}

/* Twitter
---------------------------------------------------------------------- */
#sidenavi-twitter {
	margin: 0 0 15px;
}

/* -------------------------------------------------------------------------
 9.footer
------------------------------------------------------------------------- */
#footer-wrap {
	clear: both;
	width: 960px;
	background: #DED1B0 url(../images/footer_bg_bottom.gif) no-repeat left bottom;
}
#footer {
	width: 960px;
	padding: 20px 0;
	background: url(../images/footer_bg_top.gif) no-repeat;
	overflow: hidden;
}

/* footernavi
---------------------------------------------------------------------- */
#footer ul#footernavi {
	float: left;
	padding: 12px 0 0 25px;
	font-size: 110%;
}
#footer ul#footernavi li {
	float: left;
	list-style: none;
}
#footer ul#footernavi li a {
	display: block;
	margin: 0 0 3px;
	padding: 0 9px;
	border-left: 1px solid #F6F2E9;
}
#footer ul#footernavi li#footernavi-li-first a {
	border-left: none;
}
#footer ul#footernavi li a:link {
	color: #000;
	text-decoration: none;
}
#footer ul#footernavi li a:visited {
	color: #4A4A4A;
	text-decoration: none;
}
#footer ul#footernavi li a:hover,
#footer ul#footernavi li a:active,
#footer ul#footernavi li a:focus {
	color: #F00;
	text-decoration: underline;
}

/* ページの先頭へ
---------------------------------------------------------------------- */
#footer p#footer-pagetop {
	float: right;
	padding: 0 20px 0 0;
}


/* -------------------------------------------------------------------------
 10.広告
------------------------------------------------------------------------- */
#sidenavi .ad-box1 {
        width: 250px;
        margin: 0 0 25px;
        padding: 0;
        text-align: center;
}

#content-body .ad-box1 {
        margin: 30px auto 40px auto;
        text-align: center;
        width: 420px;
}

#sidenavi .ad-box1 p.sponsored,
#content-body .ad-box1 p.sponsored,
#content-body #rankinglist .ad-box1 p.sponsored {
        color: #808080;
        margin-bottom: 4px;
}

#content-body .ad-box2 .ad-box2-inner {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
}
#content-body .ad-box2 .ad-box2-inner p.sponsored {
        color: #808080;
        margin-bottom: 4px;
}

/* スマホ用
---------------------------------------------------------------------- */
@media screen and (max-width:767px) {
        
        /*------------------------------------
        共通
        ------------------------------------*/
        #container {
                width: 100%;
                overflow: auto;
        }
        
        #header {
            background: url(../images/header-title-bg_sp.gif);
            padding: 0;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            margin: 0;
            height: 64px;
            z-index: 4;
        }
        #header h1#site-title-sp {
                float: left;
        }
        #header h1#site-title-sp p {
                font-size: 11px;
                font-weight: normal;
                margin: 2px 0 4px 0;
        }
        #header h1#site-title-sp img {
                width:266px;
                height: 35px;
        }
        #container-box {
                padding: 8px 0 0;
                margin-top: 64px;
        }
        #content-body {
                width: 100%;
                padding: 0 10px;
        }
        #content-body .ad-box1 {
                margin: 20px auto 40px;
                width: 100%;
        }
        
        /*------------------------------------
        トップページ
        ------------------------------------*/
        #content-top-introduction,
        #content-top-topics,
        #content-top-pickup,
        #content-top-ranking,
        #content-top-place {
                width: 100%;
                padding: 0 15px 15px;
                overflow: auto;
                background: #FFF;
        }
        #content-top-topics h2,
        #content-top-pickup h2,
        #content-top-ranking h2,
        #content-top-place h2 {
                width: 100%;
                background: url(../images/content_h2_bg_mobile.gif) no-repeat left top;
                margin: 20px 0 12px;
                font-size: 150%;
                font-weight: bold;
                text-align: center;
                padding: 10px;
        }
        /* スマホ用SNSボタントップ用 */
        #bookmark-for-xs-top {
                text-align: right;
                margin-bottom: 8px;
                height: 20px;
        }
        /* スマホ用キャッチフレーズ */
        #content-top-introduction {
                margin-bottom: 15px;
                padding : 10px 15px 10px;
        }
        /* トピックス */
        #content-top-topics p.descript {
            margin: 0 2px 15px 2px;
            line-height: 150%;
        }
        #content-top-topics ul {
            margin: 0 0 -8px 0;
            line-height: 150%;
        }
        #content-top-topics ul nobr {
            margin-left: 0;
        }
        
        /* ピックアップ */
        #content-top-pickup p.tweet {
                margin: 0 12px 10px;
        }
        #content-top-pickup table.pickup {
                width: 100%;
                margin: 0;
        }
        #content-top-pickup table.pickup td.item {
                width: 24%;
        }
        #content-top-pickup table.pickup td.value {
                border-right: 1px solid #DDD;
        }
        #content-top-pickup table.pickup td.image {
                display: none;
        }
        #content-top-pickup table.pickup td.sp-image {
                text-align: center;
                padding: 15px 10px;
                border-right: 1px solid #DDD;
        }
        #content-top-pickup table.pickup td.sp-image p {
                margin: 5px 0 0;
        }
        
        /* ランキング */
        #content-top-ranking .date {
                padding: 0;
                margin: 0 12px 10px;
                text-align: center;
        }
        #content-top-ranking table.ranking {
                width: 100%;
                margin: 0;
        }
        #content-top-ranking table.ranking #tr-1 img ,
        #content-top-ranking table.ranking #tr-2 img ,
        #content-top-ranking table.ranking #tr-3 img ,
        #content-top-ranking table.ranking #tr-4 img ,
        #content-top-ranking table.ranking #tr-5 img {
                width: 33px;
                height: 29px;
        }
        #content-top-ranking table.ranking .p-company {
                text-align: right;
                margin: 2px 0 0 0;
                color: #666;
                font-size: 90%;
        }
        
        #content-top-ranking #content-top-ranking-link {
                margin-top: 20px;
        }
        
        /* 行き先から探そう */
        #content-top-place p {
                padding: 0;
                margin: 0 12px 10px;
        }
        #content-top-place-list {
                width: 100%;
                padding: 0 12px;
        }
         #content-top-place-list h3 {
                margin: 5px 0;
         }
        #content-top-place-list table {
                width: 100%;
                margin: 0 auto 12px;
        }
        #content-top-place #content-top-place-map {
                margin: 0;
        }
        #content-top-place #content-top-place-map img {
                width: 100%;
                height: 100%;
        }
        
        /*------------------------------------
        下層ページ
        ------------------------------------*/
        .content-kasou-wrap2 {
                width: 100%;
                background : #FFF;
        }
        .content-kasou-wrap {
                width: 100%;
                background: none;
        }
        .content-kasou {
                background: none;
        }
        .content-kasou .h2-wrap {
                width: 100%;
                background: url(../images/content_h2_bg_mobile.gif) no-repeat left top;
                margin-left: 0;
                margin-right: 0;
        }
        .content-kasou .h2-wrap h2 {
                padding-left: 10px;
        }
        .content-kasou p {
                font-size: 120%;
        }
        
        .content-kasou p.courseAndSort {
                margin-left: 0;
        }
        .content-kasou p.courseAndSort.dailyCalendar {
                margin-top: 50px;
        }
        .content-kasou .courseAndSort .sort-change {
                float: none;
                display: block;
                margin-right: 0;
        }
        .content-kasou .scroll{
                overflow: auto; /*tableをスクロールさせる*/
                white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
        }
        
        .content-kasou table.tour-table-full,
        .content-kasou table.tour-table {
                width: 100%;
                margin: 0 0 15px 0;
        }
        
        /* tdの領域より大きい要素を横スクロール                */
        /* 参考：http://create.irec.jp/coding/2014/728/   */
        .content-kasou td.tour-table-cal {
                position: relative;
                overflow: auto;
                height: 320px;
        }
        .content-kasou td.tour-table-cal .three-cal {
                position: absolute;
                width: 578px;
                top: 0;
                left: 0;
                margin: 16px 10px;
        }
        
        .content-kasou p.note-scroll {
                font-size: 80%;
                font-weight: normal;
                margin-left: 10px;
        }
        
        /*------------------------------------
        出発日トップ・キーワードトップ
        ------------------------------------*/
        .def-list dl dt {
                margin-left: 10px;
                margin-right: 10px;
        }
        .def-list dl dd {
                margin-left: 10px;
                margin-right: 10px;
        }
        
        /*------------------------------------
        出発日ごとのページ・キーワード毎のページ
        ------------------------------------*/
        .content-kasou .next-prev-day-link-sp {
                position: absolute;
                top: 50px;
                left: 0px;
                margin: 0;
                width: 100%;
        }
        .content-kasou .next-prev-day-link-sp a,
        .content-kasou .next-prev-day-link-sp a:link,
        .content-kasou .next-prev-day-link-sp a:visited {
                color: #360;
        }
        .content-kasou .next-prev-day-link-sp a.prev-day {
                float: left;
                margin-left: 5px;
        }
        .content-kasou .next-prev-day-link-sp a.next-day {
                float: right;
                margin-right: 5px;
        }
        
        .content-kasou ul.next-prev-day {
            width: 100%;
            margin: 10px 0 0 0;
        }
        .content-kasou ul.next-prev-day li a,
        .content-kasou ul.next-prev-day li a:link,
        .content-kasou ul.next-prev-day li a:visited {
                color: #360;
        }
        .content-kasou ul.next-prev-day li.next-prev-day-prev {
                margin-top: 10px;
        }
        
        /*------------------------------------
        ランキングページ
        ------------------------------------*/
        .content-kasou .h2-ranking {
                text-align: center;
        }
        .content-kasou .ranking-date {
                text-align: center;
                font-size: 100%;
        }        
        .content-kasou #ranking-table-higher,
        .content-kasou #ranking-table-middle,
        .content-kasou #ranking-table-lower {
                width: 100%;
                margin: 0;
        }
        .content-kasou #ranking-table-higher tr#tr-1 th img,
        .content-kasou #ranking-table-higher tr#tr-2 th img,
        .content-kasou #ranking-table-higher tr#tr-3 th img,
        .content-kasou #ranking-table-higher tr#tr-4 th img,
        .content-kasou #ranking-table-higher tr#tr-5 th img  {
                width: 33px;
                height: 29px;
        }
        .content-kasou #ranking-table-higher .p-company,
        .content-kasou #ranking-table-middle .p-company,
        .content-kasou #ranking-table-lower .p-company {
                text-align: right;
                margin: 5px 0 0 0;
                color: #666;
                font-size: 90%;
        }
        
        /*------------------------------------
        about us
        ------------------------------------*/
        .content-kasou table.profile {
                width: 100%;
                margin: 0;
        }
        .content-kasou table.profile td.item {
                width: 33%;
        }
        
        /*------------------------------------
        サイドナビ
        ------------------------------------*/
        #sidenavi-wrap.drawer-nav {
                position: fixed;
                width: 16.25rem;
        }
        #sidenavi-wrap {
                background: #FAF7EA url(../images/container_bg.gif);
        }
        #sidenavi {
                margin: 5px auto;
                float: none;
                padding-bottom: 100px;
        }
        #sidenavi h2 {
            background: url(../images/sidenavi-h2-bg-sp.gif);
            text-align: center;
            font-weight: bold;
            color: #880000;
            font-size: 125%;
            margin: 10px 0 16px 0;
            padding-top: 16px;
        }
        #sidenavi #sidenavi-home h2 {
                margin-bottom: 0;
        }
        /* drawerボタン */
        .drawer-hamburger {
                position: static;
                z-index: 1;
                padding-top: 21px;
        }
        .drawer-nav {
                top: 60px;
        }
        .drawer-hamburger-icon {
                margin-top: 10px;
        }
        .drawer-hamburger-icon:before {
                top: -10px;
        }
        .drawer-hamburger-icon:after {
                top: 10px;
        }
}
@media screen and (max-width:320px) {
        #header h1#site-title-sp img {
                width: 240px;
                height: 32px;
}