@charset "UTF-8";

/*-----------------------------------------
index.htmlへの指定
-----------------------------------------*/

#header{
    background-image:url(../images/bg_header3.jpg);
    }

#contents_top{
    background-color:#FFFFFF;
    width:1000px;
    height:auto;
    _margin-top:-5px;
    padding-top:10px;
    }

*:first-child+html #contents_top{
    margin-top:-5px;
    }

#leftarea .caution {
    width:705px;
    border:2px solid red;
    margin-left:25px;
    margin-bottom: 10px;
    padding:10px 10px 0 10px;
}

.condolence {
    width: 732px;
    margin-left: 24px;
}

#leftarea .caution p {
    color:red;

}
#leftarea .caution p a {
    color:red;
    text-decoration:underline;
}
h2#search_title {
    margin: 10px 0 10px 25px;
}

img.middle{
    vertical-align:middle;
    }

#waku span.letterspace{
    font-size:11px;
    }

#newmember{
    position:absolute;
    left: 858px;
    top: 101px;
    width: 116px;
    }

#newmember img{
    vertical-align:middle;
    }

.marie6{
    _margin-top:2px;
    }

*:first-child+html #pan{
    padding-top:4px;
    }

#pan{
    float:left;
    width: 650px;
    }

/*-----------------------------------------
左側の指定
-----------------------------------------*/


/*-----------------------------------------
枠など
-----------------------------------------*/

#leftarea{
    float:left;
    width:755px;
    height:auto;
    margin-bottom:10px;
    }

.street_position{
    position:absolute;
    left: -733px;
    top: 1002px;
    display:none;
    }

.street_position2{
    position:absolute;
    left: -733px;
    top: 239px;
    }

.street_position3{
    position:absolute;
    left: 981px;
    top: 201px;
    }

.street_position4{
    position:absolute;
    left: 981px;
    top: 512px;
    }

.street_position5{
    position:absolute;
    left: 944px;
    top: 0px;
    display:none;
    }

.street_position6{
    position:absolute;
    left: -734px;
    top: 0px;
    display:none;
    }

.street_position img{
    vertical-align:top;
    }

.street_position2 img{
    vertical-align:top;
    display:none;
    }

.street_position3 img{
    vertical-align:top;
    display:none;
    }

.street_position4 img{
    vertical-align:top;
    display:none;
    }

.street_position5 img{
    vertical-align:top;
    }

.street_position6 img{
    vertical-align:top;
    }


#footer_street{
    position:absolute;
    top: 0px;
    left: -1500px;
    }

/*-----------------------------------------
地図エリア
-----------------------------------------*/

#mapflash{
    position:absolute;
    width:400px;
    height:338px;
    left: 20px;
    top: 50px;
    z-index:1;
    border: 1px solid #CCCCCC;
    }

#maparea{
    position:relative;
    width:730px;
    height:416px;
    background:url(../../images/index/bg_flash.jpg) no-repeat;
    margin-left:25px;
    }

#maparea img{
    vertical-align:top;
    }

.search{
    position:absolute;
    top: 37px;
    left: 153px;
    }

.search2{
    position:absolute;
    left: 155px;
    top: 210px;
    }
	
.condition_key #keyword {
    position:absolute;
    top: 187px;
    left: 0;
    width: 230px;
}

.search3{
    position:absolute;
    left: 195px;
    top: 57px;
    }

.search4{
    position:absolute;
    left: 255px;
    top: 0px;
    }

.search5{
    position:absolute;
    left: 247px;
    top: -1px;
    }

.search6{
    position:absolute;
    left: 190px;
    top: 0px;
    }

.search7 {
    position:absolute;
    top: 147px;
	left: 155px;
    width: 230px;
}


/*-----------------------------------------
地図の下フォームエリア
-----------------------------------------*/

.t_size{
    width:40px;
    height:16px;
    }
*html .t_size{
    width:40px;
    height:16px;
    margin-top: 2px;
    }
.t_size2{
    width:20px;
    height:16px;
    }

.t_size3{
    width:40px;
    height:19px;
    }

.t_size4{
    width:230px;
    height:20px;
    margin-bottom: 5px;
    font-size:12px;
    }

.t_size5{
    width:25em;
    height:18px;
    }

.t_size7{
    width:160px;
    height:18px;
    }

.t_size8{
    width:70px;
    height:15px;
    }

.t_size9{
    width:230px;
    height:17px;
    }

.t_size10{
    width:220px;
    height:20px;
    font-size:12px;
    }

.t_size11{
    width:234px;
    height:20px;
    font-size:12px;
    }

.t_size12{
    width:230px;
    height:20px;
    margin-bottom: 5px;
    font-size:12px;
    }

.t_size13{
    width:174px;
    height:20px;
    font-size:12px;
    }


#condition{
    position:absolute;
    width:270px;
    height:110px;
    left: 447px;
    top: 55px;
    }

#condition p{
    margin-top:2px;
    _margin-top:-3px;
    font-size:12px;
    line-height:normal;
	margin-bottom: 15px;
    }

*:first-child+html #condition p{
    margin-top:-3px;
    }
p.mt0 {
    margin-top: 0 !important;
}

#resort{
    position:absolute;
    left: 447px;
    top: 244px;
    }

#icsearch{
    position:absolute;
    left: 450px;
    top: 315px;
    }

a.underline{
    text-decoration:underline;
    }

.bold{
    font-weight:bold;
    }

/*-----------------------------------------
フラッシュエリア
-----------------------------------------*/

#coupon_area {
    width:730px;
    height:auto;
    margin-left:25px;
    margin-bottom: 10px;
    }

/*-----------------------------------------
目的別
-----------------------------------------*/

#mokuteki_betu {
    position:relative;
    clear: both;
    width:730px;
    margin: 15px 0 0 25px;
    padding-bottom: 10px;
    }

#mokuteki_betu h2 {
    margin-bottom: 10px;
}
.list_wrap {
    clear: both;
    width: 730px;
}

.list_wrap dl {
    float: left;
    width: 166px;
    margin-right: 22px;
    font-size: 90%;
}
.list_wrap dl.last {
    margin-right: 0;
}
.list_wrap dl dt img {
    margin-bottom: 3px;
}
.list_wrap dl dt span {
    font-weight: bold;
}
.list_wrap dl dd {
    margin-top: 3px;
    margin-bottom: 10px;
    color: #333333;
}

.list_wrap dl dt span a {
    text-decoration: underline;
}
.list_wrap dl dt span a:hover {
    color:#FF6600;
    text-decoration: none;
}


/*-----------------------------------------
イチオシ
-----------------------------------------*/

#ichioshi{
    position:relative;
    width:730px;
    height:auto;
    margin-left:25px;
    }
#ichioshi h2 {
    margin-bottom: 15px;
}

p#ichioshi_list {
    position: absolute;
    top: 6px;
    left: 574px;
}

#ichioshimain {
    width: 730px;
    min-height:72px;
    margin: 0 auto;
    overflow: visible;
    }

#ichioshiall{
    position:absolute;
    left: 189px;
    top: 12px;
    z-index:3;
    font-size:12px;
    }

#ichioshiall img.middle{
    vertical-align:top;
    margin-right:2px;
    }

#ichioshiall a{
    color:#000000;
    }

#ichioshiall a:hover{
    color:#ffa000;
    }


#ichibox{
    width:750px;
    height:auto;
    font-size:11px;
    margin:0;
    padding-bottom:15px;
    }

#ichibox ul{
    width:128px;
    height:auto;
    list-style:none;
    font-size:12px;
    }

.ichiinfo{
    float:left;
    width:150px;
    height:auto;
    text-align: left;
    }
.ichiinfo table {
    width: 130px;
}

.ichiday{
    width:118px;
    height:14px;
    background:url(../../images/index/ichi_day.gif) no-repeat;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    padding-left:10px;
    }

.ichiname{
    font-weight: bold;
    font-size: 110%;
    padding-top: 3px;
    padding-bottom: 3px;
    }

.ichitext{
    line-height:1.2;
    padding-top: 3px;
    padding-bottom: 3px;
    }

.ichiname a{
    text-decoration:underline;
    }

a.btnhover:hover img{
    filter: alpha(style=0,opacity=70);
    opacity: 0.7;
    }


/*-----------------------------------------
車で行けるスポット
-----------------------------------------*/

#spottitle{
    margin:10px 0 0 25px;
    }

#spotarea{
    position:relative;
    width:720px;
    height:90px;
    background:url(../../images/index/bg_spot.jpg) no-repeat;
    background-position:top;
    margin-left:25px;
    }


#spotarea img{
    vertical-align:top;
    }

#ikisaki{
    position:absolute;
    left: 14px;
    top: 31px;
    }

#mokuteki{
    position:absolute;
    left: 271px;
    top: 31px;
    }

#chizu{
    position:absolute;
    left: 20px;
    top: 40px;
    }

#keyword{
    position:absolute;
    left: 428px;
    top: 204px;
    }


/*-----------------------------------------
おすすめコンテンツ
-----------------------------------------*/

#bnbox{
    width:720px;
    margin-bottom:10px;
    margin-left:25px;
    }
#bnbox h2 {
    margin-bottom: 10px;
}

#bnbox img{
    vertical-align:top;
    }

#bnbox div.leftbox{
    float:left;
    width:232px;
    margin:10px 12px 0 0;
    line-height:1.3;
    padding:0;
    }
#bnbox div.rightbox{
    float:right;
    width:232px;
    line-height:1.3;
    padding:0;
    margin-top: 10px;
    }

#bnbox div.nomar{
    margin-right:0;
    }

#bnbox p{
    width:232px;
    margin:5px 0 0 0;
    font-size:12px;
    padding:0;
    }

/*-----------------------------------------
右のエリアここから
-----------------------------------------*/

/*-----------------------------------------
枠など
-----------------------------------------*/

#rightarea{
    float:right;
    width:225px;
    height:auto;
    text-align: left;
    }

#rightarea ul{
    list-style:none;
    }

.orange{
    color:#FF9900;
    }
.mb5{
    margin-bottom:5px;
}

/*-----------------------------------------
お得なキャンペーンここから
-----------------------------------------*/

#campaign {
    width: 200px;
    margin-bottom:10px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: url(../../images/index/campaign_bg.jpg) no-repeat left bottom;
    }
#campaign dl {
    width: 166px;
    margin: 0 auto;
}
#campaign dl dt {
    margin-bottom: 3px;
}
#campaign dl dd {
    margin-bottom: 13px;
    font-size: 80%;
}
#campaign dl.last dd {
    margin-bottom: 0;
}

/*-----------------------------------------
料金経路検索以下
-----------------------------------------*/

#information {
    width: 200px;
    margin-bottom:10px;
    padding-bottom: 14px;
    background: url(../../images/index/information_bg.jpg) no-repeat left bottom;
    }
#information p {
    margin-bottom: 0;
}
#information ul {
    width: 170px;
    margin: 0 auto;
}
#information ul li {
    margin-bottom: 5px;
}
#information ul li.last {
    margin-bottom: 0;
}


#nexco {
    width: 200px;
    margin-bottom:10px;
    padding-bottom: 14px;
    background: url(../../images/index/nexco_bg.jpg) no-repeat left bottom;
    }
#nexco ul {
    width: 170px;
    margin: 0 auto;
}
#nexco ul li {
    margin-bottom: 5px;
}
#nexco ul li.last {
    margin-bottom: 0;
}

#news_topics {
    width: 200px;
    margin-bottom:10px;
    padding-top: 10px;
    padding-bottom: 14px;
    background: url(../../images/index/news_topics_bg.jpg) no-repeat left bottom;
}
#news_topics dl {
    width: 178px;
    margin: 0 auto 10px auto;
    padding-bottom: 10px;
    background: url(../../images/index/news_topics_line.gif) no-repeat center bottom;
    font-size: 80%;
}
#news_topics dl.last {
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
}
#news_topics dl dt,
#news_topics dl dd {
    padding: 0 5px;
}
#news_topics dl dd a {
    text-decoration: underline;
}

ul#r_footbnr li {
    margin-bottom: 10px;
}

#footer_street{
    position:absolute;
    top: 20px;
    left: -498px;
    }

.return{
    position:absolute;
    text-align:right;
    margin-right:25px;
    margin-top:-20px;
    left: 827px;
    top: 19px;
    width: 145px;
    }

span.child a{
    text-decoration:underline;
    }

#rightbxbt{
    margin-top: 10px;
}

/*-----------------------------------------
　お知らせ　追加
-----------------------------------------*/

#TOPinfo{
    width:190px;
    height:80px;
    padding:30px 10px 0 10px;
    background:url(../../images/index/topinfo.jpg) no-repeat;
    font-size:12px;
    margin-bottom:10px;
    }

#TOPinfo p{
    margin-left:5px;
    margin-top:2px;
    }

#TOPinfo span{
    color:#ff0000;
    line-height:130%;
}

#pre_camp {
    width: 210px;
}

#pre_camp dt {
    width: 210px;
    padding-top: 7px;
    text-align: center;
    background: url(../../images/index/pre_camp_head.gif) no-repeat center top;
}
#pre_camp dd {
    margin-bottom: 10px;
    padding: 0 10px 7px 10px;
    text-align: left;
    background: url(../../images/index/pre_camp_bg.gif) no-repeat center bottom;
}
#pre_camp dd a {
    text-decoration: underline;
}

span.new_icon {
    font-weight: bold;
    color: #EF2A18;
}


/* clearfix */

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

#mokuteki_betu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* for IE7 IE-mac */
#mokuteki_betu {
    display: inline-table;
}

/* Hide from IE-mac \*/
* html #mokuteki_betu {
    height: 1%;
}

#mokuteki_betu {
    display: block;
}
/* End hide from IE-mac */