@charset "utf-8";
/* CSS Document */

/* clx
-------------------------------------------------- */
/*clearfix*/
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* ----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,address,hr,select { margin:0; padding:0;}
img { border:none; }
.fl { display:inline; float:left;}
.fr { display:inline; float:right;}

.on { }
.png_fix {}


/* --------------------------------------------------
 @ layout
-------------------------------------------------- */
#all_wrap { clear:both; width:980px; margin:0 auto; text-align:center;}
#all_wrap a { text-decoration:underline;}
#all_wrap a:hover { text-decoration:none;}

/* --------------------------------------------------
 @ page header
-------------------------------------------------- */
h1.h1_01 { display:inline; float:right; font-size:11px; margin:0; padding:8px 0; line-height:1.2; color:#333333;}
.crumb { margin:0; padding:8px 0; text-align:left; line-height:1.2;}

/* --------------------------------------------------
 @ h2
-------------------------------------------------- */
h2 { clear:both; text-align:left;}

/* h2_01 */
h2.h2_01 { margin:0 0 15px; padding:0 15px 0 12px; font-size:13px; color:#ffffff; background:url(/tour/common/images/special/001_hokkaido/bg_h2_01.gif) left top repeat-x; line-height:45px; text-align:right; text-align:right; min-height:45px;}
h2.h2_01 span { display:block; float:left; text-align:left; padding:0 8px 0 0; font-size:21px; font-weight:bold;}

/* h2_01 アイコンが上にはみ出す場合*/
.h2_01bx { position:relative; padding:10px 0 0;}
h2.h2_01 { margin:0 0 20px; padding:0 15px 0 12px; font-size:13px; color:#ffffff; background:url(/tour/common/images/special/001_hokkaido/bg_h2_01.gif) left top repeat-x; line-height:45px; text-align:right; text-align:right; min-height:45px;}
h2.h2_01 span { display:block; float:left; text-align:left; padding:0 8px 0 0; font-size:21px; font-weight:bold;}
h2.h2_01 span.icn { margin:-10px 0 0 -5px;}

/* h2_02 */
h2.h2_02 { margin:0 0 15px; padding:3px 15px 0 12px; font-size:13px; color:#333333; background:url(/tour/common/images/special/001_hokkaido/bg_h2_02.gif) left top repeat-x; line-height:42px; text-align:right; text-align:right; min-height:42px;}
h2.h2_02 span { display:block; float:left; text-align:left; padding:0 8px 0 0; font-size:21px; font-weight:bold;}

/* h2_03 */
h2.h2_03 { margin:0 0 15px; padding:0 15px 6px 12px; font-size:13px; color:#333333; background:url(/tour/common/images/special/001_hokkaido/bg_h2_03.gif) left bottom repeat-x; line-height:39px; text-align:right; min-height:39px;}
h2.h2_03 span { display:block; float:left; text-align:left; padding:0 8px 0 0; font-size:21px; font-weight:bold;}

/* h2_04 */
h2.h2_04 { margin:0 0 15px; padding:0 15px 0 12px; font-size:12px; color:#ffffff; background:#1e7f0e url(/tour/common/images/special/001_hokkaido/bg_h2_04.gif) left top repeat-x; line-height:45px; text-align:right; min-height:45px;}
h2.h2_04 .ttl { float:left; text-align:left; padding:0 8px 0 30px; font-size:18px; font-weight:bold; background:url(/tour/common/images/special/001_hokkaido/bg_h2_0407_2.png) left center no-repeat;}
h2.h2_04 a { text-align:right; padding-left:12px; background:url(/tour/common/images/special/001_hokkaido/icn_ya_wht01.png) left center no-repeat; color:#ffffff;}
h2.h2_04 a:hover { color:#ffffff;}

/* h2_05 */
h2.h2_05 { margin:0 0 15px; padding:0 15px 0 0; font-size:18px; color:#000000; background:#f0f6d6 url(/tour/common/images/special/001_hokkaido/bg_h2_05-2.gif) left top repeat-x; line-height:43px; border:1px solid #ced4b5; font-weight:bold; min-height:43px;}
h2.h2_05 span { display:block; float:left; text-align:left; margin:0 8px 0 0; padding:0 12px 0 12px; background:#45aa35 url(/tour/common/images/special/001_hokkaido/bg_h2_05-1.gif) left top repeat-x; color:#ffffff;}
h2.h2_05 span img { margin-right:5px; vertical-align:middle;}

/* h2_06 */
h2.h2_06 { margin:0 0 15px; padding:0 15px 0 12px; border:1px solid #ffdd3f; border-left:9px solid #ffdd3f; font-size:12px; color:#333333; background:#feffd5 url(/tour/common/images/special/001_hokkaido/bg_h2_06.gif) left top repeat-x; line-height:38px; text-align:right; min-height:38px;}
h2.h2_06 span { float:left; text-align:left;}
h2.h2_06 span .ttl { padding:0 8px 0 0; font-size:18px; font-weight:bold;}
h2.h2_06 a { text-align:right; padding-left:12px; background:url(/tour/common/images/special/001_hokkaido/icn_ya_blu01.png) left center no-repeat; color:#222487;}
h2.h2_06 a:hover { color:#222487;}

/* h2_07 */
h2.h2_07 { margin:0 0 15px; padding:0 15px 0 12px; border:1px solid #ff5656; border-left:9px solid #ff5656; font-size:12px; color:#333333; background:#ffe4e2 url(/tour/common/images/special/001_hokkaido/bg_h2_07.gif) left top repeat-x; line-height:38px; text-align:right; min-height:38px;}
h2.h2_07 span { float:left; text-align:left;}
h2.h2_07 span .ttl { padding:0 8px 0 0; font-size:18px; font-weight:bold; color:#dc0000;}
h2.h2_07 a { text-align:right; padding-left:12px; background:url(/tour/common/images/special/001_hokkaido/icn_ya_red01.png) left center no-repeat; color:#b60000;}
h2.h2_07 a:hover { color:#b60000;}

/* h2_08 */
h2.h2_08 { margin:0 0 15px; padding:0 15px 0 12px; font-size:12px; color:#ffffff; background:#1e7f0e url(/tour/common/images/special/001_hokkaido/bg_h2_04.gif) left top repeat-x; line-height:41px; min-height:41px;}
h2.h2_08 span { padding:0 8px 0 30px; font-size:18px; font-weight:bold; background:url(/tour/common/images/special/001_hokkaido/bg_h2_0407_2.png) left center no-repeat;}


/* --------------------------------------------------
 @ h3
-------------------------------------------------- */
h3 { clear:both; text-align:left;}

/* 03_01 */
h3.h3_01 { margin:0 0 10px; padding:4px 4px 4px 4px; font-size:14px; line-height:20px; font-weight:bold; background:#45aa35; color:#ffffff;}
h3.h3_01 span { padding-left:12px; background:url(/tour/common/images/special/001_hokkaido/bg_h3_01.gif) left top repeat-y;}

/* 03_02 */
h3.h3_02 { margin:0 0 10px; padding:6px 0 0 15px; font-size:14px; line-height:20px; font-weight:bold; background:#fff url(/tour/common/images/special/001_hokkaido/bg_h3_02.gif) left top repeat-x; color:#333333;}

/* 03_03 */
h3.h3_03 { margin:0 0 10px; padding:3px 0 6px 15px; font-size:14px; line-height:20px; font-weight:bold; background:#fff url(/tour/common/images/special/001_hokkaido/bg_h3_03.gif) left bottom repeat-x; color:#333333;}

/* 03_04 */
h3.h3_04 { margin:0 0 10px; padding:7px 15px; font-size:16px; line-height:20px; font-weight:bold; background:#45ab35 url(/tour/common/images/special/001_hokkaido/bg_h3_04.gif) left top repeat-x; color:#ffffff;}

/* --------------------------------------------------
 @ h2 & h3
-------------------------------------------------- */
.h2h3_01 { margin:0 0 15px; padding:0 15px 0; font-size:18px; font-weight:bold; line-height:41px; background:#f0f6d6 url(/tour/common/images/special/001_hokkaido/bg_h2h3_01.gif) left top repeat-x;}

/* --------------------------------------------------
 @ ul.anchor
-------------------------------------------------- */
.anchor_s14,
.anchor_s12 { margin:0 0 15px; text-align: left;}

/* font-size 14px */
.anchor_s14 li { padding:0 0 6px 18px; background:url(/tour/common/images/special/001_hokkaido/bg_li_pagelink01.gif) left 1px no-repeat; font-size:12px; line-height:1.25;}
.anchor_s14 li a { display:block; margin:0; padding:0; color:#0005ca; font-weight:bold; font-size:14px;}
.anchor_s14 li a:hover { color:#5088ED;}

/* font-size 12px */
.anchor_s12 li { padding:0 0 6px 18px; background:url(/tour/common/images/special/001_hokkaido/bg_li_pagelink01.gif) left 1px no-repeat; font-size:12px; line-height:1.25;}
.anchor_s12 li a { display:block; margin:0; padding:0; color:#0005ca; font-weight:bold;}
.anchor_s14 li a:hover { color:#5088ED;}

/* --------------------------------------------------
 @ table
-------------------------------------------------- */
/* tbl01 */
.tbl01 { width:100%; border:1px solid #ced4b5;}
.tbl01 th { text-align:left; padding:0 12px 0 12px; background:#45aa35 url(/tour/common/images/special/001_hokkaido/bg_h2_05-1.gif) left top repeat-x; color:#ffffff; font-weight:bold;}
.tbl01 td { padding:12px 15px; color:#000000; background:#f0f6d6 url(/tour/common/images/special/001_hokkaido/bg_h2_05-2.gif) left top repeat-x; }
.tbl01 td ul {}
.tbl01 td ul li { display:inline; margin-right:5px; white-space:nowrap; font-size:12px;}


/* --------------------------------------------------
 @ text
-------------------------------------------------- */
p.txt01 { margin:0 0 20px; font-size:14px; line-height:1.45; text-align:left; color:#333333;}

p.txt02 { margin:0 0 20px; font-size:12px; line-height:1.45; text-align:left; color:#333333;}

p.txt03 { margin:0 15px 20px; font-size:12px; line-height:1.45; text-align:left; color:#333333;}

p.txt04 { margin:0 0 20px; padding:15px; font-size:12px; line-height:1.45; text-align:left; color:#333333; background:#f0f6d6;}



/* --------------------------------------------------
 @ bnbx 左右ボックス
-------------------------------------------------- */
.bnbx {}
.bnbx .fl, .bnbx .fr { width:480px; border:1px solid #cfcfcf;}
.bnbx .bnbx_inner { padding:0 15px 15px; text-align:left;}
.bnbx .fl .img { margin:0 0 12px;}

.bnbx p.txt02 { clear:both;}

.bnr_bx { clear:both; margin:0 0 12px;}
.bnr_bx .bnr { display:inline; float:left; width:165px; padding:0 0 12px; }
.bnr_bx .h4_ttl { display:block; margin:0 0 2px ; font-weight:bold; font-size:14px;}
.bnr_bx p {}

/* --------------------------------------------------
 @ font-size / color
-------------------------------------------------- */
.s14 { font-size:14px;}
.s12 { font-size:12px;}

.attention { color:#f00;}
.to_top { clear:both; padding:20px 0 30px; text-align:right; font-size:12px;}

/* text link */
.txt_ln01 { clear:both; padding:5px 0 5px; text-align:right; font-size:12px;}
.txt_ln01 a { padding-left:12px; background:url(/tour/common/images/special/001_hokkaido/icn_ya_blu01.png) left center no-repeat;}

/* --------------------------------------------------
 @ margin-bottom
-------------------------------------------------- */
.mb5  { margin-bottom: 5px;}
.mb10 { margin-bottom:10px;}

/* --喜村　追記-- */
h1.pageHeading {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 9px;
    text-align: left;
}

#breadCrumb {
    height: 20px;
    left: 0;
    margin: 0;
    padding: 20px 0 15px 5px;
    width: 600px;
    z-index: 1;
    font-size: 12px !important;
    text-align: left;
}

#breadCrumb a:link {
    text-decoration: none;
}
#breadCrumb a:hover {
    text-decoration: underline;
}

.btn a:hover {
    opacity: 0.8;
}

/* --------------------------------------------------
おすすめツアー
-------------------------------------------------- */
.otherPlans .h3Common {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    text-align:left;
    font-family: HiraKakuPro-W3, "Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif;
    padding: 0 0 5px !important;
    margin:20px 0 !important;
}
.otherPlans .h3Common:before {
    background-color: #d00410;
    content: " ";
    float: left;
    height: 20px;
    margin-right: 7px;
    overflow: hidden;
    width: 5px;
}
.otherPlans {
    clear: both;
    width:980px;
}
.otherPlans ul li {
    border: 1px solid #cccccc;
    float: left;
    height: 114px;
    margin: 0 20px 20px 0;
    padding: 1px;
    position: relative;
    width: 226px;
}
.otherPlans ul li:hover {
    opacity: 0.8;
}
.otherPlans ul li a, .otherPlans ul li a:link, .otherPlans ul li a:visited, .otherPlans ul li a:hover, .otherPlans ul li a:active {
    color: #000000;
    text-decoration: none;
}
.otherPlans ul li a .bnrText {
    left: 8px;
    position: absolute;
    top: 92px;
}
.otherPlans ul li:last-child {
    margin-right: 0;
}
