@charset "utf-8";

/**  style.css Menu *********************************************

  ・メインビジュアル
  ・左カラム

*******************************************************************/

/*-----------------------------------------------------------------

  メインビジュアル

------------------------------------------------------------------*/
#main {
height: 416px;
position: relative;
margin: 8px 0;
padding:0px 0 0;
}

#main .searchbox {
height: 416px;
position: relative;
margin:0 0 0 426px;
}

#main h2 {
position: absolute;
left:0px;
}

/* 目的から探す
------------------------------------------*/

#main .searchbox h4 {
position:absolute;
left: 15px;
top: 49px;
}

#main .searchbox dl { position:absolute; }

#main .searchbox dl.tk {
left:391px;
top:251px;
}

#main .searchbox dl.sd {
left:391px;
top:127px;
}

#main .searchbox dl.ng {
left:266px;
top:268px;
}

#main .searchbox dl.ks {
left:169px;
top:66px;
}

#main .searchbox dl.sc {
left:15px;
top:157px;
}

#main .searchbox dl.sk {
left:171px;
top:325px;
}

#main .searchbox dl.ky {
left:15px;
top:266px;
}

#main .searchbox dl.hk {
left:391px;
top:65px;
}

#main .searchbox dl dd ul li { line-height:1%; }

#main .searchbox dl dd ul li img {
padding: 6px 0 0 0;
vertical-align:bottom;
}

/*-----------------------------------------------------------------

  左カラム

------------------------------------------------------------------*/

/* ゲレンデから探す
------------------------------------------*/

dl.slopebox dd ul {
width: 711px;
background: url(../images/bg_slope.jpg) no-repeat right bottom;
}

dl.slopebox dd ul li {
display: inline;
float: left;
width: 237px;
}


/* 注目の特集ツアー
------------------------------------------*/

div.feature { margin:10px 0 0 0; }

div.feature ul {
padding: 0 0 10px 22px;
width: 689px;
}

div.feature ul li {
float:left;
display:inline;
padding: 10px 15px 0 0;
}

div.feature ul li span {
padding:0 0 0 15px;
background:url(../images/bg_arr_pink.gif) no-repeat left 3px;
}

div.feature .bannerArea {
padding-top: 10px;
padding-left: 22px;
width: 663px;
}

div.feature .bannerArea span{
padding:0 0 0 15px;
background:url(../images/bg_arr_pink.gif) no-repeat left 3px;
}



/*  ランキング
------------------------------------------*/
div.rankbox { margin:17px 0 0 0; }

div.rankbox dl {
float: left;
width: 340px;
display: inline;
padding: 5px 0 0 10px;
}

div.rankbox dl dt { line-height: 1%; }

div.rankbox dl dd ol li {
padding: 10px 0 10px 50px;
border-top:1px dashed #CCE2E6;
}

div.rankbox dl dd ol li.first {
background: url(../images/bg_rank01.gif) no-repeat 5px center;
border-top:none;
min-height:80px;
height: auto !important;
height: 80px;
}

div.rankbox dl dd ol li.second {
background: url(../images/bg_rank02.gif) no-repeat 5px center;
min-height:80px;
height: auto !important;
height: 80px;
}

div.rankbox dl dd ol li.third {
background: url(../images/bg_rank03.gif) no-repeat 5px center;
min-height:80px;
height: auto !important;
height: 80px;
}

div.rankbox dl dd ol li.fourth {
background: url(../images/bg_rank04.gif) no-repeat 5px center;
min-height:42px;
height: auto !important;
height: 42px;
}

div.rankbox dl dd ol li.fifth {
background: url(../images/bg_rank05.gif) no-repeat 5px center;
min-height:42px;
height: auto !important;
height: 42px;
}

div.rankbox dl dd ol li a img {
float: right;
margin: 0 0 0 5px;
}


/*-----------------------------------------------------------------

  メインビジュアルlocal

------------------------------------------------------------------*/
/*クローズ対応を行う場合は下記div.contlocal設定を有効にしてください。*/

div.contlocal{
padding:0px 0 0 0;
}



#mainlocal {
background: url(../images/bg_mainlocal.jpg) no-repeat left top;
height: 144px;
}

#mainlocal h2 { padding:25px 0 0 0; 
}

#mainlocal_rep {
background: url(../images/bg_mainlocal_rep.jpg) no-repeat left top;
height: 144px;
}

#mainlocal_rep h2 { padding:10px 0 6px 0;
}


/*-----------------------------------------------------------------

  中央カラムlocal

------------------------------------------------------------------*/

/* ツアーから探す
------------------------------------------*/

div.formarea {
width: 473px;
background: url(../images/bg_tourlocal.jpg) repeat-y left top;
}

div.formarea .formareaf {
background: url(../images/bg_tour_all_f.gif) no-repeat left bottom;
padding: 0 0 7px;
width: 473px;
}

div.formarea div.formbox {
width: 473px;
margin: 0 0 10px;
}

div.formarea div.formbox form { padding:5px 10px 0; 
}

div.formarea .formbox form dl dt {
width:50px;
margin: 5px 5px 0 0;
padding: 0 0 0 3px;
border-left: 2px solid #07446a;
line-height:100%;
vertical-align:bottom;
float:left;
display:inline;
}

div.formarea .formbox form dl { margin:5px 0 0 0; }

div.formarea .formbox form dl.plan dt {
width:50px
}

div.formarea .formbox form dl.plan, 
div.formarea .formbox form dl.day{
float:left;
display:inline;
}

div.formarea .formbox form dl.plan{ width:230px; 
}

div.formarea .formbox form dl.day{ width:220px; 
}

div.formarea .formbox form dl.type dt{
width:55px;
}

div.formarea .formbox form dl.type dd{
width:380px;
float:left;
}

div.formarea .formbox form dl.type dd span{
float:left;
display:inline;
width:180px;
padding:0 10px 0 0;
}

div.formarea .formbox form dl.slope{
float:left;
display:inline;
width:452px;
margin: 5px 0 0 0;
}

div.formarea .formbox form p{
padding:8px 0 0 150px;
float:left;
display:inline;
}

/* 注目ツアー
------------------------------------------*/

div.formarea .featurebox { background: url(../images/bg_tour_feature_b.jpg) repeat-y left top; 
}

div.formarea .featurebox .featureboxf {
background: url(../images/bg_tour_feature_f.gif) no-repeat left bottom;
padding: 0 0 10px;
}

div.formarea .featurebox .featureboxf ul { padding: 0 0 0 26px; }

div.formarea .featurebox .featureboxf ul li.double {
display: inline;
float: left;
width: 205px;
padding: 0 10px 0 0;
}

div.formarea .featurebox .featureboxf ul li span {
background: url(../images/bg_arr_pink.gif) no-repeat 0 1px;
padding: 0 0 0 12px;
}

/* テーブル
------------------------------------------*/

div.vergebox {
background: url(../images/bg_verge_b.jpg) repeat-y left top;
margin: 10px 0 0 0;
width: 473px;
}

div.vergeboxf {
background: url(../images/bg_verge_f.jpg) no-repeat left bottom;
padding:0 0 7px 0;
width: 473px;
}

div.vergebox ul{
margin:5px 0 0 0;
}

div.vergebox ul li{
border-top:1px dashed #D2E3F3;
padding:3px 10px;
margin:0 10px;
width:433px;
}

div.vergebox ul li.color{ 
background:#F2F7FB; 
/margin:0 10px -2px 10px;
}

div.vergebox ul li p.txtbold{
float:left;
display:inline;
width:320px;
margin:0;
}

div.vergebox ul li p.txtprice{
width:80px;
float:right;
display:inline;
}

div.vergebox table {
width: 453px;
margin:5px 0 4px 10px;
}

div.vergebox table tr th { 
background: #2E4B77 url(../images/bg_verge_tit.gif) repeat-x left top;
color:#fff;
padding: 5px;
line-height:100%;
}

div.vergebox table tr th.day { 
text-align:center;
width:50px;
font-size:83.3%;
}

div.vergebox table tr td {
padding:4px 5px;
border-top:1px dashed #D2E3F3;
}

div.vergebox table tr td.topposition { border-top:1px solid #fff; }

div.vergebox table tr td.first {
text-align:center;
border-top:1px solid #fff;
border-left:1px solid #fff;
background:#edeff2;
}

div.vergebox table tr td.second {
text-align:center;
border-top:1px solid #fff;
border-left:1px solid #fff;
background:#dadee3;
}

div.vergebox table tr td.third {
text-align:center;
border-top:1px solid #fff;
border-left:1px solid #fff;
background:#c2cad3;
}

/*-----------------------------------------------------------------

  左右カラムlocal

------------------------------------------------------------------*/

/* 水色背景ボックス
------------------------------------------*/

div.purposebox,
div.slopeboxlocal{
background: url(../images/bg_purposelocal_b.jpg) repeat-y left top;
width:224px;
}

div.purposebox ul,
div.slopeboxlocal ul{
background: url(../images/bg_purposelocal_f.jpg) no-repeat left bottom;
padding:6px 0 0 0;
}

div.slopeboxlocal ul{
padding: 5px 10px 5px;
}

div.slopeboxlocal ul.txtlinkb li a{
color:#ffffff;
font-weight:bold;
line-height:180%;
display:block;
background: url(../images/bg_arr01.gif) no-repeat 0 3px;
}

div.purposebox ul li.bgblue {
background: url(../images/bg_purposelocal_blue_in.gif) repeat-y 3px top;
color: #fff;
}

div.purposebox ul li.bgblue span{
background: url(../images/bg_purposelocal_blue.gif) no-repeat 3px top;
padding:0 0 0 10px;
display:block;
}

/* 右カラム
------------------------------------------*/

div.rightbox dl.meetarea {
padding: 5px 10px;
border: 1px solid #e5eff4;
border-top: none;
background: #fff;
}



div.rightbox dl.meetarea dd a {
background: url(../images/bg_arr02.gif) no-repeat 0 3px;
padding: 0 0 0 12px;
margin:0 0 0 12px;
width:175px;
display:block;
}


div.rightbox dl.meetarea dt a {
background: url(../images/bg_arr01.gif) no-repeat 0 3px;
padding: 0 0 0 14px;
font-weight:bold;
display: block;
}


div.rightbox p.payarea {
padding:10px;
border: 1px solid #e5eff4;
border-top: none;
background: #fff;
}