html {
filter: expression(document.execCommand("BackgroundImageCache",
false, true));
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/
html {
filter: expression(document.execCommand("BackgroundImageCache",
false, true));
}
/* GLOBALHEADER */
#globalheader { width: 730px; height: 50px; float:left; display:inline; overflow: hidden; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; background-image: url(/img/hok/base/menu4.jpg); background-repeat: no-repeat; height: 0; padding-top: 50px; overflow: hidden; }
/* BUTTONS */
#globalheader #globalnav li#gn-toppage a { background-position: 0 0; width: 241px;}
#globalheader #globalnav li#gn-theme a { background-position: -241px 0; width: 243px; }
#globalheader #globalnav li#gn-model a { background-position: -484px 0; width: 246px; }
/* OVER STATES */
#globalheader #globalnav li#gn-toppage a:hover { background-position: 0 -50px; }
#globalheader #globalnav li#gn-theme a:hover { background-position: -241px -50px; }
#globalheader #globalnav li#gn-model a:hover { background-position: -484px -50px; }
/* ON STATES */
#globalheader.toppage #globalnav li#gn-toppage a { background-position: 0 -100px; cursor: default !important; }
#globalheader.theme #globalnav li#gn-theme a { background-position: -241px -100px; cursor: default !important; }
#globalheader.model #globalnav li#gn-model a { background-position: -484px -100px; cursor: default !important; }
/* パンくず用 */
ol#topicpath{
margin:0px 0 10px -35px;
/margin:8px 0 10px 0px;
text-align:left;}
ol#topicpath li{
display:inline;
list-style-type:none;
font-size:12px;
line-height:1.0;
position:relative;
top:2px;
}
ol#topicpath li a{
margin:0px;
padding:0px 13px 0px 0px;
background-image:url(/img/campaign/img/cafe_topickPath.gif);
background-repeat:no-repeat;
background-position:right center;
}
/* コンテンツ用 */
.txt12 {
font-size: 12px;
line-height: 160%;
color: #333333;
}
p {
margin: 0px;
padding: 0px;
}
/* タイトル部分ピンク */
.tourcategory_index {
padding: 5px 10px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/top/tour_title_bg.gif);
background-repeat: repeat-y;
font-size: 14px;
line-height: 130%;
list-style-type: none;
margin-top:5px;
}
/* タイトル部分緑 */
.tourcategory2_index {
padding: 5px 10px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/top/tour_title_bg2.gif);
background-repeat: repeat-y;
font-size: 14px;
line-height: 130%;
list-style-type: none;
margin-top:5px;
}
/* タイトル部分オレンジ */
.tourcategory4_index {
padding: 5px 10px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/top/tour_title_bg3.gif);
background-repeat: repeat-y;
font-size: 14px;
line-height: 130%;
list-style-type: none;
margin-top:5px;
}
/* タイトル部分etcリスト共通設定 */
ul {
padding:0px;
margin: 0px;
list-style-type: none;
font-size: 14px;
}
.ul a {
color: #FF0055;
font-weight: bold;
}
.ul a:hover {
text-decoration: none;
color: #FF708E;
}
/* 月１ */
#box{
overflow: hidden;
}
#box:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html #box {
height: 1em;
overflow: visible;
}
#box ul li a{
display: inline-block;
background-image: url(/img/kyushu/img/top/tourbullet.gif);
background-repeat: no-repeat;
padding: 8px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
/* 月１：２コース目 */
#box2{
overflow: hidden;
}
#box2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html #box2 {
height: 1em;
overflow: visible;
}
#box2 ul li a{
display: inline-block;
background-image: url(/img/kyushu/img/top/tourbullet.gif);
background-repeat: no-repeat;
padding: 8px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
/* 月１：３コース目 */
#box3{
overflow: hidden;
}
#box3:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html #box3 {
height: 1em;
overflow: visible;
}
#box3 ul li a{
display: inline-block;
background-image: url(/img/kyushu/img/top/tourbullet.gif);
background-repeat: no-repeat;
padding: 8px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
/* 月１：４コース目 */
#box4{
overflow: hidden;
}
#box4:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
* html #box4 {
height: 1em;
overflow: visible;
}
#box4 ul li a{
display: inline-block;
background-image: url(/img/kyushu/img/top/tourbullet.gif);
background-repeat: no-repeat;
padding: 8px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
/* 月１：共通設定部分 */
.tourinfo {
background-image: url(/img/hok/area/dounan/tourbullet.gif);
background-repeat: no-repeat;
margin-top:5px;
padding: 5px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
.tourinfo a {
color: #FF0055;
font-weight: bold;
}
.tourinfo a:hover {
text-decoration: none;
color: #FF708E;
}
.tourinfo2 {
background-image: url(/img/hok/top/tourbullet2.gif);
background-repeat: no-repeat;
padding: 5px 0px 2px 23px;
background-position: left 7px;
list-style-type: none;
font-size: 12px;
}
.tourinfo2 a {
color:#00CC00;
font-weight: bold;
}
.tourinfo2 a:hover {
text-decoration: none;
color:#6DCB63;
}
.tourlink {
text-align: center;
margin: 5px auto 0 auto;
}
/* 月１ツアーリンク部分 */
.tourcate1{float:left; margin-right:25px; width:245px; height:auto;}
.tourcate2{float: right; margin-right:25px;}
.tourcate3{float:left; margin-right:15px; width:265px; height:auto;}
.tourcategory3 {
padding: 5px 10px;
width:250px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/top/tour_title_bg3.jpg);
font-size: 12px;
line-height: 130%;
list-style-type: none;
margin-top:5px;
}
.sora-re{margin-bottom:8px; font-size:12px; font-weight:100;}
/* 地図から選ぶ */
.pdg1 {
padding-right: 15px;
padding-left: 3px;
font-size: 12px;
}
.pdg1 a {
color:#FF3300;
}
.pdg1 a:hover {
color:#FF6600;
text-decoration: none;
}
.pdg2 {
padding-right: 15px;
padding-left: 3px;
font-size: 12px;
}
.pdg2 a {
color:#6B26A8;
}
.pdg2 a:hover {
color:#824AB3;
text-decoration: none;
}
.pdg3 {
padding-right: 15px;
padding-left: 3px;
font-size: 12px;
}
.pdg3 a {
color:#137F00;
}
.pdg3 a:hover {
color:#66D429;
text-decoration: none;
}
/* テーマから選ぶ */
.clink {
font-size: 12px;
color: #333333;
}
.clink img {
margin-bottom: 5px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.clink a {
font-weight: bold;
text-decoration: underline;
color: #333;
}
.clink a:hover {
text-decoration: none;
color: #666;
}
.clinkt {
margin-top: 3px;
padding-top: 3px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}
/* おすすめホテル（tour、pointはホテルの数分用意する） */
.img2 {
padding: 4px;
float: right;
margin-top:8px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.img3 {
padding: 4px;
float: left;
margin-top:8px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.osusume{
background-color:#FFFFCC;
font-size:14px;
font-weight:bold;
color:#333333;
text-align:left;}
div#tour {
PADDING:0 0 0 0; margin-right:5px; FLOAT: left; WIDTH: 220px;}
#point {
FLOAT: left; width:340px;
}
div#tour2 {
PADDING:0 0 0 0; margin-right:5px; FLOAT: left; WIDTH: 220px;}
#point2 {
FLOAT: left; width:340px;
}
div#tour3 {
PADDING:0 0 0 0; margin-right:5px; FLOAT: left; WIDTH: 220px;}
#point3 {
FLOAT: left; width:340px;
}
div#tour4 {
PADDING:0 0 0 0; margin:0 5px 8px 0; WIDTH: 567px;}
#point4 {
FLOAT: left; width:567px;
}
/* おすすめホテル2（ホテル名称部分） */
.spotname {
font-size: 14px;
font-weight: bold;
color: #222;
font-weight: bold;
margin-bottom: 8px;
padding-left: 5px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #ff66ff;
}
/* 周遊 */
.step {
padding-left:5px;
padding-bottom:8px;
font-size: 12px;
line-height: 160%;
color: #333333;
}
.step a {
color: #FF2549;
font-weight: bold;
}
.step a:hover {
color: #FF7686;
text-decoration: none;
}
.sakusei {
color: #045D00;
font-weight: bold;
margin-top: 3px;
margin-bottom: 5px;
font-size: 14px;
}
.info td {
padding: 3px 10px;
font-size:12px;
background: #FFFFFF;
vertical-align: top;
color:#333333;
text-align: left;
}
.info th { padding: 3px ; color: #FFFFFF; text-align: center; border: 1px solid #FFFFFF; vertical-align: top; font-size:12px; background: #4CA700;}
.info .tright {
text-align: right !important;
}
.tourcategory_s {
padding: 5px 10px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/top/tour_title_bg.gif);
background-repeat: repeat-y;
font-size: 12px;
line-height: 130%;
list-style-type: none;
margin-top:5px;
}
/* テキスト設定 */
.style1 {font-size:12px; font-weight:100; margin-bottom:10px;}
/* 文字ベース */
.style6 {font-size: 12px; color:#333333; font-weight:100;}
/* 特典説明小 */
.style7 {font-size: 10px; color:#333333; font-weight:100; line-height:140%;}
/* 特典タイトル白 */
.style17 {color: #FFFFFF; font-size: 15px;}
/* 特典詳細ページタイトル白 */
.style18 {background-color:#FF6699; padding-top: 7px; padding-right: 7px; padding-bottom: 22px; padding-left: 7px; font-weight: bold; color: #FFFFFF; background-image: url(/img/hok/top/tourcate_bg.gif); background-repeat: no-repeat; background-position: bottom; font-size: 18px; line-height: 130%; }
/* 特典注意赤 */
.style22 {color: #FF0000; font-size:13px; font-weight:100; margin-bottom: 4px;}
/* 特典名グレー */
.style24 {font-size: 14px; font-weight: bold; margin-bottom: 4px;}
/* 特典名ポイント赤 */
.style26 {font-weight: 100; color: #FF0000; font-size: 15px;}
/* 特典名ポイント赤・小 */
.style27 {font-weight: 100; color: #FF0000; font-size: 11px;}
/* ホテル詳細へのリンク */
.style28 {font-size: 13px;}
/* ホテル紹介文黒 */
.style30 {font-size: 12px; color:#333333; font-weight:100; line-height:130%;}
/* ホテル紹介文赤 */
.style35 {color: #FF0000; font-weight: bold; font-size: 12px;}
/* 旭山動物園 */
.style31 {font-size: 12px；color: #FFFFFF;font-weight:100;}
.style32 {font-weight: 100; font-size: 12px; }
.style33 {font-size: 18}
.style34 {font-size: 18; line-height: 160%; color: #333333; }
.style36 {font-size: 14px}
.style37 {color: #FFFFFF}
/* モデルコース */
.coursetitle {
background-image: url(/img/hok/model/title_bg.gif);
background-repeat: no-repeat;
height: 120px;
padding-top: 17px;
padding-left: 50px;
}
.coursetitle2 {
background-image: url(/img/hok/model/title_bg.gif);
background-repeat: no-repeat;
height: 20px;
padding-top: 17px;
padding-left: 50px;
}
.coursetitle .main {
font-size: 24px;
font-weight: bold;
color: #444;
line-height: 110%;
background-image: url(/img/hok/model/maintitle_bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 5px;
}
.coursetitle2 .main {
font-size: 24px;
font-weight: bold;
color: #444;
line-height: 110%;
background-image: url(/img/hok/model/maintitle_bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 5px;
}
.coursetitle_m {
background-image: url(/img/hok/model/title_bg.gif);
background-repeat: no-repeat;
height: 190px;
padding-top: 17px;
padding-left: 50px;
}
.coursetitle_m .main {
font-size: 24px;
font-weight: bold;
color: #444;
line-height: 110%;
background-image: url(/img/hok/model/maintitle_bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 5px;
}
.coursetitle_m2 {
background-image: url(/img/hok/model/title_bg.gif);
background-repeat: no-repeat;
height: 90px;
padding-top: 17px;
padding-left: 50px;
}
.coursetitle_m2 .main {
font-size: 24px;
font-weight: bold;
color: #444;
line-height: 110%;
background-image: url(/img/hok/model/maintitle_bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 5px;
}
.courseblock_m {
background-image: url(/img/hok/model/course_line.gif);
background-repeat: no-repeat;
font-size: 12px;
line-height: 150%;
display: block;
list-style-type: none;
}
.courseblock_m a {
background-image: url(/img/hok/model/course_bullet.gif);
background-repeat: no-repeat;
padding: 3px 5px 5px 20px;
background-position: left 7px;
display: block;
text-decoration: none;
}
.courseblock_m a:hover {
background-color: #FFFFFF;
text-decoration: none;
}
.cb_m {
color:#333333;
text-decoration: underline;
}
.cbnum_m {
font-size:11px;
margin:3px 0 0 0;
color:#FF6600 !important;
text-decoration: none !important;
font-weight: bold;
}
.dayblock {
background-image:url(/img/hok/model/base_bg.gif);
margin-top: 15px;
}
.datebg {
background-image:url(/img/hok/model/day_bg.gif); background-repeat:no-repeat
}
.date {
font-family: Verdana, sans-serif, Arial;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
}
.point {
background-color: #FFFFFF;
background-image: url(/img/hok/model/cb_base.gif);
background-repeat: repeat-y;
width: 482px;
}
.point2 {
background-color: #FFFFFF;
background-image: url(/img/hok/model/cb_base.gif);
background-repeat: repeat-y;
width: 232px;
background-position: right;
}
.pointinner {
background-image: url(/img/hok/model/cb_bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 14px;
padding-left: 12px;
padding-bottom: 10px;
}
.time {
font-family: Verdana, sans-serif, Arial;
color: #FFFFFF;
background-image: url(/img/hok/model/time_bg.gif);
background-repeat: no-repeat;
height: 25px;
padding-top: 5px;
padding-left: 40px;
font-size: 12px;
font-weight: bold;
}
.spot {
font-size: 14px;
color: #222;
font-weight: bold;
}
.next {
margin: 5px 0;
}
.next td {
font-size: 12px;
color: #FF3176;
}
.spotdetail {
background-image: url(/img/hok/model/spotdetailbg.gif);
background-repeat: repeat-x;
margin-top: 5px;
padding-top: 5px;
font-size: 12px;
font-weight: normal;
color: #444;
line-height: 150%;
}
.point img {
padding: 1px;
float: right;
margin-bottom: 5px;
margin-left: 10px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.point2 img {
background-color: #FFFFFF;
padding: 1px;
border: 1px solid #CCCCCC;
margin: 5px 0;
}
.courseblock {
background-image: url(/img/hok/model/course_line.gif);
background-repeat: no-repeat;
font-size: 12px;
line-height: 150%;
display: block;
list-style-type: none;
}
.courseblock a {
background-image: url(/img/hok/model/course_bullet.gif);
background-repeat: no-repeat;
padding: 3px 5px 5px 20px;
background-position: left 7px;
display: block;
text-decoration: none;
}
.courseblock a:hover {
background-color: #FFFFFF;
text-decoration: none;
}
.cb {
color:#333333;
text-decoration: underline;
}
.cbnum {
font-size:11px;
margin:3px 0 0 0;
color:#FF6600 !important;
text-decoration: none !important;
font-weight: bold;
}
.tourcategory {
background-color: #FF708E;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 22px;
padding-left: 7px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/area/dounan/tourcate_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 12px;
line-height: 130%;
margin:0;
}
.tourblocktop {
font-size: 12px;
line-height: 150%;
}
.tourblocktop a {
color: #FF0055;
background:#FFFFFF;
}
.tourblocktop a:hover {
text-decoration: none;
color: #FF708E;
background:#FFFFFF;
}
.tourblock {
background-image: url(/img/hok/area/dounan/tour_sepline.gif);
background-repeat: repeat-x;
font-size: 12px;
line-height: 150%;
background-position: top;
}
.tourblock a {
color: #FF0055;
background:#FFFFFF;
}
.tourblock a:hover {
text-decoration: none;
color: #FF708E;
background:#FFFFFF;
}
.tb1 {
background-image: url(/img/hok/area/dounan/tourbullet.gif);
background-repeat: no-repeat;
padding: 0px 0px 10px 20px;
background-position: left 0px;
}
.tb {
background-image: url(/img/hok/area/dounan/tourbullet.gif);
background-repeat: no-repeat;
padding: 7px 0px 10px 20px;
background-position: left 7px;
}
ul {
margin: 0px;
padding: 0px;
}
#wholebg {
background-image:url(/img/hok/model/wholebg.gif);
background-repeat:repeat-y;
}
.courseblock1 { background-image: url(/img/hok/model/course_line.gif);
background-repeat: no-repeat;
font-size: 12px;
line-height: 150%;
display: block;
list-style-type: none;
}
.tb2 { background-image: url(/img/hok/area/dounan/tourbullet.gif);
background-repeat: no-repeat;
padding: 7px 0px 10px 20px;
background-position: left 7px;
}
.tb11 { background-image: url(/img/hok/area/dounan/tourbullet.gif);
background-repeat: no-repeat;
padding: 0px 0px 10px 20px;
background-position: left 0px;
}
.tourblock1 { background-image: url(/img/hok/area/dounan/tour_sepline.gif);
background-repeat: repeat-x;
font-size: 12px;
line-height: 150%;
background-position: top;
}
.tourcategory1 { background-color: #FF708E;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 22px;
padding-left: 7px;
font-weight: bold;
color: #FFFFFF;
background-image: url(/img/hok/area/dounan/tourcate_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 12px;
line-height: 130%;
}
.datebg1 {background-image:url(img/model/day_bg.gif); background-repeat:no-repeat
}
.dayblock1 { background-image:url(img/model/base_bg.gif);
margin-top: 15px;
}
.point1 { background-color: #FFFFFF;
background-image: url(img/model/cb_base.gif);
background-repeat: repeat-y;
width: 482px;
}
.point21 { background-color: #FFFFFF;
background-image: url(img/model/cb_base.gif);
background-repeat: repeat-y;
width: 232px;
background-position: right;
}
.pointinner1 { background-image: url(img/model/cb_bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 14px;
padding-left: 12px;
padding-bottom: 10px;
}
.spotdetail1 { background-image: url(img/model/spotdetailbg.gif);
background-repeat: repeat-x;
margin-top: 5px;
padding-top: 5px;
font-size: 12px;
font-weight: normal;
color: #444;
line-height: 150%;
}
.time1 { font-family: Verdana, sans-serif, Arial;
color: #FFFFFF;
background-image: url(img/model/time_bg.gif);
background-repeat: no-repeat;
height: 25px;
padding-top: 5px;
padding-left: 40px;
font-size: 12px;
font-weight: bold;
}
.point22 {background-color: #FFFFFF;
background-image: url(/img/hok/model/cb_base.gif);
background-repeat: repeat-y;
width: 232px;
background-position: right;
}
.pointinner11 {background-image: url(/img/hok/model/cb_bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 14px;
padding-left: 12px;
padding-bottom: 10px;
}
.spotdetail2 {background-image: url(/img/hok/model/spotdetailbg.gif);
background-repeat: repeat-x;
margin-top: 5px;
padding-top: 5px;
font-size: 12px;
font-weight: normal;
color: #444;
line-height: 150%;
}
.time11 {font-family: Verdana, sans-serif, Arial;
color: #FFFFFF;
background-image: url(/img/hok/model/time_bg.gif);
background-repeat: no-repeat;
height: 25px;
padding-top: 5px;
padding-left: 40px;
font-size: 12px;
font-weight: bold;
}
.point3 {background-color: #FFFFFF;
background-image: url(/img/hok/model/cb_base.gif);
background-repeat: repeat-y;
width: 482px;
}
.pointinner2 {background-image: url(/img/hok/model/cb_bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 14px;
padding-left: 12px;
padding-bottom: 10px;
}
.time2 {font-family: Verdana, sans-serif, Arial;
color: #FFFFFF;
background-image: url(/img/hok/model/time_bg.gif);
background-repeat: no-repeat;
height: 25px;
padding-top: 5px;
padding-left: 40px;
font-size: 12px;
font-weight: bold;
}
.style45 {color: #FF0000}
.style46 {font-size: 12px; margin-top: 5px; padding-top: 5px; font-size: 12px;
font-weight: normal; line-height: 150%;}
.style47 {font-size: 12px}
.style48 {font-size: 12px; padding: 3px; font-size: 12px;
font-weight: bold; line-height: 130%; color:#FFFFFF;}
/* IE6 css 調整 */
/* ============================================= */
/* safe settings */
/* add display:inline to floated elements */
#globalheader #globalnav li a,
#globalheader2 #globalnav li a,
.tourcate1,
.tourcate2,
.tourcate3,
.img2,
div#tour4,
#point4,
.point img,
#globalheader,#globalheader2,
div#tour,div#tour2,div#tour3,
#point,#point2,#point3,
#arealink a,#arealink_t a,#arealink_o a {display:inline;}
/* add zoom:1 to overflow:hidden */
#globalheader #globalnav li a,
#globalheader2 #globalnav li a,
#arealink .link1 a,
#arealink .link2 a,
#arealink_t .link1 a,
#arealink_t .link2 a,
#arealink_o .link1 a,
#arealink_o .link2 a,
#globalheader,#globalheader2,
#box,#box2,#box3,#box4,
#box:after,#box2:after,#box3:after,#box4:after {zoom:1;}
-->