@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　共通スタイルCSS
 更新日:10/02/24
 
 [目次]
0:contents
0-1:main
0-2:sub

------------------------------------------------------------ */
/*  0:contents -------------- */

/*  0-1:main -------------- */
#main{
width:635px;
margin-right:15px;
float:left;
}

#contents .sapa_name{
border:1px solid #84b281;
color:#ffffff;
background:#338512;
margin:10px 0;
margin-bottom:0;
}
#contents .sapa_nameBg{
background:url(../../common/img/sapa/bg_left_sapaname.gif) left top no-repeat;
padding-top:10px;
overflow:hidden;
width:948px;
height:24px;
}
#contents .sapa_nameBg h1{
float:left;
padding-left:15px;
}
#contents .sapa_nameBg p{
float:right;
}
#contents .sapa_nameBg p a{
color:#ffffff;
}

#facts{
overflow:hidden;
width:930px;
padding:9px;
border:1px solid #84b281;
border-top:none;
}
#facts .factsImg{
float:left;
width:624px;
}
#facts .factsTxt{
float:right;
width:283px;
}
#facts .factsTxt .fs_0{
font-size:0;
margin-bottom:12px;
}
#facts .direction{
overflow:hidden;
zoom:1;

}
#facts .front_direction,#facts .roadName,#facts .back_direction{
float:left;
width:33%;
}
#facts .front_direction p{
background:url(../../common/img/icon_arrowleft_large.gif) left top no-repeat;
padding-left:17px;
padding-bottom:8px;
padding-top:2px;
font-size:80%;
}
#facts .roadName{
text-align:center;
font-size:90%;
}
#facts .back_direction{
text-align:right;
}
#facts .back_direction p{
background:url(../../common/img/icon_arrowright_large.gif) right top no-repeat;
padding-top:2px;
padding-right:17px;
padding-bottom:8px;
font-size:80%;
}
#facts .ic ul{
overflow:hidden;
zoom:1;
}
#facts .ic ul li{
float:left;
width:141px;
}
#facts .ic ul li.fs_0{
font-size:0;
margin-bottom:0;
}
#facts .ic ul .pl1{
padding-left:1px;
}
#facts .ic .icTxt{
background:url(../../common/img/sapa/bg_ic.gif) left top repeat-y;
border-bottom:1px solid #84b281;
}
#facts .ic .icTxt li{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
width:136px;
}
#facts .facts_address{
color:#53afc0;
}

#facts .roadMap{
    width:283px;
    /*height:118px;*/
    padding-bottom:30px;
    background:url(../../common/img/sapa/fig_roadimage.gif) left bottom no-repeat;
    margin-top:10px;
    text-align:center;
    position:relative
}
#facts .roadMap a{
color:#999999;
}
#facts .roadMap .fuki{
    padding-bottom:43px;
    background:url(../../common/img/sapa/fig_roadimage_fuki.gif) bottom center no-repeat;
    display:inline-block;
    /* firefox2用 */
    display:-moz-inline-box;
}

/* firefox3以降 */
#facts .roadMap .fuki, x:-moz-broken{
    display:inline-block;
}

*html #facts .roadMap .fuki{
    display:inline;
    zoom:1;
}

#facts .roadMap h3{
    padding:10px 5px 9px 5px;
    text-align:center;
    color:#338512;
    font-weight:bold;
    border:2px solid #358615;
    border-bottom:none;
}

#facts .roadMap .sa{
    width:283px;
    margin-top:-40px;
    overflow:hidden;
    position:relative;
}

#facts .roadMap .front_sa{
float:left;
width:141px;
text-align:left;
}
#facts .roadMap .front_sa dt{
color:#338512;
font-weight:bold;
}

#facts .roadMap .front_sa dt{
background:url(../../common/img/icon_arrow2left.gif) left 2px no-repeat;
padding-left:12px;
}
#facts .roadMap .back_sa{
float:right;
width:141px;
text-align:right;
}
#facts .roadMap .back_sa dt{
color:#338512;
font-weight:bold;
}
#facts .roadMap .back_sa dt{
background:url(../../common/img/icon_arrow2right.gif) right 2px no-repeat;
padding-right:13px;
}

/* gourmet */
#gourmet{
margin-top:5px;
}
#gourmet h2{
font-size:0;
}
#gourmet .inner{
border:1px solid #84b281;
padding:9px;
padding-bottom:0;
}
#gourmet .inner li{
overflow:hidden;
width:615px;
margin-bottom:20px;
}
#gourmet .inner .pickupImg{
float:left;
width:248px;
}
#gourmet .inner .pickupImg img{
border:1px solid #84b281;
}
#gourmet .inner dl{
float:right;
width:353px;
padding-left:12px;
}
#gourmet .inner dl dt{
background:url(../../common/img/icon_arrowright_small.gif) left 3px no-repeat;
font-weight:bold;
margin-bottom:8px;
padding-left:13px;
}
#gourmet .inner dl dt a{
color:#ff9933;
}
#gourmet .inner .coupon{
margin-top:8px;
}
#gourmet .inner .coupon span{
background:#691716;
border:1px solid #ad7700;
padding:5px;
}
#gourmet .inner .coupon a{
color:#fff2d3;
}
/* shopping */
#shopping{
margin-top:5px;
}
#shopping h2{
font-size:0;
}
#shopping .inner{
border:1px solid #84b281;
padding:9px;
padding-bottom:0;
}
#shopping .inner li{
overflow:hidden;
width:615px;
margin-bottom:20px;
}
#shopping .inner .pickupImg{
float:left;
width:248px;
}
#shopping .inner .pickupImg img{
border:1px solid #84b281;
}
#shopping .inner dl{
float:right;
width:353px;
padding-left:12px;
}
#shopping .inner dl dt{
background:url(../../common/img/icon_arrowright_small.gif) left 3px no-repeat;
font-weight:bold;
margin-bottom:8px;
padding-left:13px;
}
#shopping .inner dl dt a{
color:#ff9933;
}
#shopping .inner .coupon{
margin-top:8px;
}
#shopping .inner .coupon span{
background:#691716;
border:1px solid #ad7700;
padding:5px;
}
#shopping .inner .coupon a{
color:#fff2d3;
}

/* blog */
#blog{
position:relative;
margin-top:5px;
}
#blog h2{
font-size:0;
}
#blog .backNo{
position:absolute;
top:30px;
right:9px;
background:url(../../common/img/icon_arrowright_small.gif) left 2px no-repeat;
padding-left:13px;
}
#blog .backNo a{
color:#338512;
}
#blog .inner{
border:1px solid #84b281;
padding:9px;
padding-bottom:0;
overflow:hidden;
width:615px;
}

.border-rl{
border-left:none;
border-right:none;
border-bottom:1px solid #84b281;
}
.border-tb{
border-bottom:none!important;
}

#blog .inner .blogImg{
width:260px;
float:left;
}
#blog .inner .blogTxt{
float:right;
width:345px;
}
#blog .inner .blogTxt .time{
color:#ff9933;
}
#blog .inner .blogTxt h3{
font-weight:bold;
color:#338512;
font-size:110%;
margin:5px 0;
}
#blog .inner .blogTxt .detail{
margin:10px 0;
}
#blog .inner .blogTxt .detail a{
color:#ff9933;
}

/* concierge */
#concierge{
border:1px solid #84b281;
padding:9px;
margin-top:20px;
position: relative;
}
#concierge .info {
    float: left;
    font-size:0;
}
#concierge .backNo {
position: absolute;
right: 8px;
background: url(../../common/img/icon_arrowright_small.gif) left 2px no-repeat;
padding-left: 13px;
}
#concierge .backNo a{
    color:#338512;
}
#concierge h2{
font-size:0;
}
#concierge .conciergeTxt {
    padding-top: 5px;
    clear: both;
    }
#concierge .conciergeAddress{
margin-top:9px;
margin-bottom:15px;
}

/* e-nexco */
#e-nexco{
margin-top:20px;
}
#e-nexco h2{
font-size:0;
}
#e-nexco .inner{
border:1px solid #cccccc;
padding:9px;
overflow:hidden;
width:615px;
}
#e-nexco .nexcoImg{
float:left;
width:129px;
}
#e-nexco .nexcoTxt{
float:right;
padding-left:12px;
width:474px;
}
#e-nexco .nexcoTxt a{
color:#338512;
}

/* company */
#company{
margin-top:20px;
}
#company ul{
overflow:hidden;
zoom:1;
}
#company li{
float:left;
width:200px;
padding-right:11px;
padding-bottom:3px;
}

#main .blankSAPA{
text-align:center;
margin-top:30px;
font-weight:bold;
}
#main .blankSAPA a{
color:#3300CC;
}
#main .bS_url{
font-size:110%;
}

/*  0-2:sub -------------- */
#sub{
width:300px;
float:left;
}

#sub #information{
margin-top:23px;
}

.web_osusume_title{
  background: url(/sapa/common/img/icon_arrowright_small.gif) left 3px no-repeat;
  font-weight: bold;
  margin-bottom: 8px;
  padding-left: 13px;
}
  .web_osusume_title a{
    color: #F93;
  }
  
.web_osusume_entry_title{
  font-weight: bold;
  color: #338512;
  font-size: 110%;
  margin: 5px 0;
}
.web_osusume_entry_body{
  min-height:86px;
  height:auto!important;
  height:86px;
}
.web_osusume_entry_button{
  margin: 10px 0;
  text-align: center;
  }

/*media*/
.media_button_box{
overflow: hidden;
margin: 10px 0;
position: absolute;
bottom: 0px;
right: 22px;
width: 335px;
}
.media_button_left,.media_button_right{float:left; margin-left:14px;}

.color_orange{
color: #ff9933;
}
.botton_space{
margin-bottom: 65px;
}

.img_border img{
border: 1px solid #84b281;
}