@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;
}

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

#tennant_contents{
border:1px solid #84b281;
}

/* fact */
#factArea{
padding-bottom:20px;
background:url(../img/bg_dotted_1.gif) repeat-x bottom;
}
#factArea h2{
color:#338512;
border-bottom:1px solid #84b281;
background:url(../img/bg_lower_h2.gif) left top repeat-x;
padding-left:10px;
padding-top:9px;
padding-bottom:5px;
font-weight:bold;
}
#factArea .inner{
padding-top:20px;
padding-left:9px;
padding-right:9px;
overflow:hidden;
zoom:1;
}
#factArea .factImg{
float:left;
width:250px;
}
#factArea img{
border:1px solid #84b281;
}
#factArea .factText{
float:right;
width:355px;
}
#factArea .factText .address{
color:#53afc0;
margin-top:15px;
margin-bottom:15px;
}
#factArea .factTextOther{
color:#53afc0;
width:355px;
overflow:hidden;
}
#factArea dt{
float:left;
}
#factArea dd{
float:left;
}

/* coupon */
#coupon{
padding-left:9px;
padding-right:9px;
padding-top:20px;
padding-bottom:20px;
background:url(../img/bg_dotted_1.gif) repeat-x bottom;
}
#coupon h3{
font-size:0;
margin-bottom:8px;
}
#coupon .coupon_bg{
background:url(../img/sapa/tennant/bg_couponarea.gif) left top repeat-y;
width:613px;
min-height:98px;
height:auto;
_height:98px;
border:1px solid #691716;
position:relative;
}
#coupon .couponTxt{
margin-top:34px;
margin-left:212px;
margin-bottom:10px;
}
#coupon .coupon_detail{
font-size:120%;
color:#691716;
font-weight:bold;
background:#fff2d3;
border:1px solid #691716;
width:373px;
padding:5px;
}
#coupon .coupon_limit{
margin-top:5px;
color:#000000;
width:375px;
}
#coupon .coupon_limit span{
color:#691716;
}
#coupon .coupon_sup{
margin-top:15px;
}
#coupon .coupon_imgTtl{
position:absolute;
top:6px;
left:9px;
}
#coupon .coupon_imgTxt{
position:absolute;
top:5px;
left:200px;
}

/* gourmet */
#gourmet{
padding-left:9px;
padding-top:20px;
background:url(../img/bg_dotted_1.gif) repeat-x bottom;
}
#gourmet h3{
font-size:0;
margin-bottom:8px;
}
#gourmet ul{
overflow:hidden;
zoom:1;
}
#gourmet li{
float:left;
width:194px;
padding-right:12px;
padding-bottom:20px;
}
#gourmet .gourmetImg img{
border:1px solid #84b281;
}
#gourmet dt{
color:#ff9933;
background:url(../img/icon_arrowright_small.gif) left 2px no-repeat;
padding-left:13px;
margin:5px 0;
}

/* shopping */
#shopping{
padding-left:9px;
padding-top:20px;
}
#shopping h3{
font-size:0;
margin-bottom:8px;
}
#shopping ul{
overflow:hidden;
zoom:1;
}
#shopping li{
float:left;
width:194px;
padding-right:12px;
padding-bottom:20px;
}
.shoppingImg{
overflow:hidden;
}
#shopping .shoppingImg img{
border:1px solid #84b281;
float: left;
}
#shopping dt{
color:#ff9933;
background:url(../img/icon_arrowright_small.gif) left 2px no-repeat;
padding-left:13px;
margin:5px 0;
}

/* coupon_rule */
#coupon_rule{
padding-left:9px;
padding-top:20px;
padding-bottom:20px;
background:url(../img/bg_dotted_1.gif) repeat-x top;
}
#coupon_rule h3{
margin-bottom:8px;
}

/* totop */
#totop{
border-top:1px solid #84b281;
background:#338512;
padding:5px 10px;
text-align:right;
}
#totop a{
color:#ffffff;
}



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



  /*contants box*/
#contants_box {
padding-left: 9px;
padding-top: 20px;
background: url(/sapa/common/img/bg_dotted_1.gif) repeat-x top;
}
#contants_box h2 {
font-size: 0;
}
#contants_box .inner {
padding: 9px 0px;
padding-bottom: 0;
clear:both;
}
/*web osusume menu*/
.web_osusume_menu {
overflow: hidden;
zoom: 1;
}
.web_osusume_menu li {
overflow: hidden;
width: 195px;
margin-bottom: 20px;
float: left;
padding-right: 12px;
}
.web_osusume_menu li  p{
margin-bottom: 10px;
}
.web_osusume_entry_button{
margin-bottom: 10px 0;
text-align:center;
}
.web_osusume_menu li p > img {
border: 1px solid #84B281;

}

.web_osusume_menu li dl dt {
background: url(/sapa/common/img/icon_arrowright_small.gif) left 3px no-repeat;
font-weight: bold;
margin-bottom: 10px;
padding-left: 13px;
}
.web_osusume_menu li dl dd {
margin-bottom: 10px;
}
.web_osusume_menu li dl dt a{
    color: #F93;
}
.color_f93{
  color: #F93
}

.two_box{
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 10px;
position: relative;
zoom: 1
}
.two_box_left{
  width: 260px;
  float: left;
}
.two_box_right{
  float: right;
  width: 345px;
}
  .two_box_title{
    background: url(/sapa/common/img/icon_arrowright_small.gif) left 3px no-repeat;
    font-weight: bold;
    margin-bottom: 8px;
    padding-left: 13px;
    word-wrap: break-word; 
  }
  .two_box_title a{
    color: #F93;
  }
  .two_box_entry_title {
    font-weight: bold;
    color: #338512;
    font-size: 110%;
    margin: 5px 0;
  }
  .two_box_button_box {
    overflow: hidden;
    margin: 10px 0;
position: absolute;
right: 95px;
bottom: 5px;
  }
  .two_box_entry_body {
    min-height: 86px;
    height: auto!important;
    height: 86px;
    margin-bottom: 65px;
  }
    .two_box_button_left, .two_box_button_right {
      float: left;
      margin-left: 14px;
    }
    .two_box_button_center{
     text-align: center;
    }
.color_orange{
color: #ff9933;
}

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