@charset "UTF-8";


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

------------------------------------------------------------ */
/*  0:contents -------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#topicPath {
    width:100%;
    overflow:hidden;
}
#topicTab {
    height:47px;
    overflow:hidden;
}
.contents_innner{
    overflow:hidden;
}


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

ul#breadcrumb {
    width:635px;
    float:left;
}

.title{
width:634px;
border:1px solid #88cc58;
border-left:none;
position:relative;
height:33px;
}
.title h1{
font-size:0;
}

#cattitle img{
    float:left;
}
#cattitle h1{
    font-size: 16px;
    padding-top: 7px;
    padding-left: 48px;
    color: #338512;
    font-weight: 500;
}

#conciergeinfoSec {
    margin-top:13px;
}
#conciergeinfoSec h2 {
    font-size: 12px;
    font-weight:bold;
    width:623px;
    height:26px;
    padding-top:4px;
    padding-left:10px;
    background:url(/sapa/concierge/img/bg_conciergeinfoSec.png) repeat-x;
    border-top: 1px solid #88C917;
    border-right: 1px solid #88C917;
    border-left: 1px solid #88C917;
}
#conciergeinfoSec .inner {
padding: 10px 10px 14px;
border-right: 1px solid #88C917;
border-bottom: 1px solid #88C917;
border-left: 1px solid #88C917;
}
#conciergeinfoSec li {
margin-top: 7px;
padding-bottom: 8px;
background: transparent url(/sapa//common/img/bg_dotted_1.gif) repeat-x left bottom;
}
#conciergeinfoSec li.last_child {
padding-bottom: 0;
background: none;
}
#conciergeinfoSec li h3 .ttl {
    color:red;
}
#conciergeinfoSec li a {
    color:blue;
    text-decoration:underline;
}


#conMain {
    background:url(/sapa/concierge/img/bg_mainvis.png) no-repeat;
    height:278px;
    margin-top:20px;
}

#conBase {
    position:relative;
    top:10px;
    right:10px;
    overflow:hidden;
    margin-left:auto;
}

#conMain  #title{
     position:relative;
     top:15px;
     right:10px;
     height:30px;
     text-align:right;
     font-size:12px;
}

#conMain #title a {
    color:#333;
    text-decoration:none; 
}

/* newsInfor */
#newsInfor{
margin-top:20px;
}

#newsInfor .title{
    overflow:hidden;
}

#newsInfor h2{
    font-size:0;
    float:left;
}

#newsInfor p{
    text-align:right;
    padding: 10px 10px 0px 0px;
}

#newsInfor dl{
padding:10px 10px 20px;
border-right:1px solid #84b281;
border-bottom:1px solid #84b281;
border-left:1px solid #84b281;
}

#newsInfor dt{
float:left;
overflow:hidden;
}

#newsInfor dd{
overflow:hidden;
margin-bottom:5px;
padding-left:5px;;
}

#newsInfor a{
color:#338512;
}


/* sapalist */
#sapalist {
    margin-top:20px;
}
#sapalist a {
    color: #338512;
}
#sapalist .title h2{
    height:33px
}
#sapalist #entrysapa{
    padding:15px;
    border-right:1px solid #84b281;
    border-bottom:1px solid #84b281;
    border-left:1px solid #84b281;
}
#sapalist #entrysapa #sapas{
    padding-right:2px;
    padding-left:2px;
    border:1px solid #84b281;
    /*height:44px;*/

}
#sapalist #entrysapa #bg_sapas{
    /*height:40px;*/
    padding:2px;
    background:url(/sapa/concierge/img/bg_sapa.png) repeat center;
    margin: 2px 0px;
}
#sapalist #entrysapa ul{
    width:570px;
    padding:10px 0px;
    overflow:hidden;
    margin:auto;
}
#sapalist #entrysapa li{
    background:url(/sapa/concierge/img/bg_sapa_slash.png) no-repeat right;
    padding:0px 10px 0px 0px;
    margin-right:4px;
    float:left;
    line-height:1.4em;
}
#sapalist #entrysapa li.first_child{
    padding-left:0px;
}
#sapalist #entrysapa li.last_child{
    padding-right:0px;
    background:none;
}

/* sapalist */
#entrylist {
    margin-top:20px;

}
#entrylist .title{
    border-bottom:none; 
}
#entrylist #listcontent {
    border-bottom: 1px solid #84B281;
    border-right:1px solid #84b281;
    border-left:1px solid #84b281;     
}
#entrylist #listcontent li{
    padding: 9px;
    border-top:1px solid #84B281;
    overflow: hidden;
    width: 615px;
}
#entrylist #listcontent #img a{
    width:128px;
    height:128px;
    display:block;
    overflow:hidden;
}

#entrylist #listcontent .instTxt {
    float: right;
    width: 470px;
    padding-left: 17px;
}
#entrylist #listcontent .instTxt dt {
    font-weight: bold;
}
#entrylist #listcontent .instTxt dt a{
    color: #338512;
}
#entrylist #listcontent .instTxt dd{
    padding-top:10px
}
#entrylist #listcontent .instTxt dd.entrydate{
    color:#F95;
    font-size: 90%;
    padding: 5px 0;
}
#entrylist #listcontent .instTxt dd.detail {
    padding-top:35px;
    text-align: right;
}
#entrylist #listcontent .instTxt dd.detail a{
    color: #8ACD5A;
}

/* detail */
#detail_contentall{
    width:950px;
}
#detail_contentall a{
    color: #8ACD5A;
    text-decoration:none;
}
#detail_contentall #conciergeinfoSec h2 {
    font-size: 12px;
    font-weight:bold;
    width:938px;
    height:26px;
    padding-top:4px;
    padding-left:10px;
    background:url(/sapa/concierge/img/bg_conciergeinfoSec.png) repeat-x;
    border-top: 1px solid #88C917;
    border-right: 1px solid #88C917;
    border-left: 1px solid #88C917;
}
#detail_contentall #detail_wrapper{
    margin-top:20px;
    padding:2px 2px 2px 0px;
    border: 1px solid #84B281;
}
#detail_contentall #detail_content{
    padding:10px;
    background:url(/sapa/concierge/img/bg_detail.png) repeat-y;    
}
#detail_contentall #detail_content #detail_main {
    width:885px;
    margin: 0 auto;
    
}
#detail_contentall #detail_content #detail_main #sapa_label{
    overflow:hidden;
}
#detail_contentall #detail_content #mainttl{
    overflow:hidden;
}
#detail_contentall #detail_content h1{
    width:650px;
    padding-top:10px;
    padding-left:5px;
    vertical-align:middle;
    font-size:16px;
    font-weight:bold;
    color: #338512;
    float:left;
    overflow:hidden;
}
#detail_contentall #detail_content #mainttl img{
    float:left;
}
    
#detail_contentall #detail_content .archives{
    float:right;
}
#detail_contentall #detail_content .archives a#prev img{
    padding-right:3px;
    padding-left: 8px;
}
#detail_contentall #detail_content .archives a#prev{
    padding-right:2px;
}
#detail_contentall #detail_content .archives a#next{
    background:url(/sapa/concierge/img/bg_sec0_separator.png) no-repeat;
    padding-left:8px;
}
#detail_contentall #detail_content .archives a#next img{
    padding-right:8px;
}
#detail_contentall #detail_content #mainvis_header{
    margin-top:10px;
    background:url(/sapa/concierge/img/bg_sec0_header.png) no-repeat;
    height:15px;
}
#detail_contentall #detail_content #mainvis{
    width:845px;
    margin-top:-2px;
    background:url(/sapa/concierge/img/bg_sec0.png) left top repeat-y;
    padding-right:20px;
    padding-left:20px;
    overflow:hidden;
}
#detail_contentall #detail_content #mainvis #subttlheader{
    height:8px;
    background:url(/sapa/concierge/img/bg_sec0_h2_header.png) no-repeat;
}
* html #detail_contentall #detail_content #mainvis #subttlheader {
    height:8px;
    background:url(/sapa/concierge/img/bg_sec0_h2_header.png) no-repeat;
    margin-bottom: -10px;
}
#detail_contentall #detail_content #mainvis h2{
    color: #8ACD5A;
    font-size:15px;
    font-weight:bold;
    padding:4px 20px 0px 30px;
    background:url(/sapa/concierge/img/bg_sec0_h2_body.png) repeat-y;
}
#detail_contentall #detail_content #mainvis #subttlfooter{
    height:8px;
    background:url(/sapa/concierge/img/bg_sec0_h2_footer.png) no-repeat;    
}
#detail_contentall #detail_content #mainvis #pic_part{
    height:325px;
    width:440px;
    margin:10px 0px 0px 0px;
    background:url(/sapa/concierge/img/bg_sec1_l.png) no-repeat;
    float:left;
    overflow:hidden;
}
#detail_contentall #detail_content #mainvis #pic_part img{
    padding:21px 31px 20px 33px;
}
#detail_contentall #detail_content #mainvis #tweet_part{
    width:405px;
    height:325px;
    background:url(/sapa/concierge/img/bg_sec1_r.png) no-repeat;
    float:left;
    margin:10px 0px 0px -1px;
}
#detail_contentall #detail_content #tweet_part #tweet{
    height:225px;
    padding: 80px 40px 0px 60px;
    line-height:1.3
}
#detail_contentall #detail_content #mainvis_footer{
    background:url(/sapa/concierge/img/bg_sec0_footer.png) no-repeat;
    height:15px;
}

/* main_content */
#detail_contentall #detail_content #maincont_header{
    margin-top:20px;
    background:url(/sapa/concierge/img/bg_sec0_header.png) no-repeat;
    height:15px;
}
#detail_contentall #detail_content #maincont{
    width:845px;
    margin-top:-1px;
    background:url(/sapa/concierge/img/bg_sec0.png) repeat-y;
    padding-right:20px;
    padding-left:20px;
}
#detail_contentall #detail_content #maincont h3{
    padding-left:10px;
    color: #8ACD5A;
    font-size:15px;
    font-weight:bold;
    background:url(/sapa/concierge/img/bg_sec2_h3.png) no-repeat;
}
#detail_contentall #detail_content #maincont #main_l{
    width:480px;
    float:left;
    overflow:hidden;
}
#detail_contentall #detail_content #maincont #main_l .left_text{
    line-height:1.3
}
#detail_contentall #detail_content #maincont #main_l .left_header{
    height:13px;
    margin-top:15px;
    margin-bottom:0px;
    background:url(/sapa/concierge/img/bg_sec2_l_header.png) no-repeat;
}
#detail_contentall #detail_content #maincont #main_l .left_article{
    margin-top:-2px;
    width:440px;
    padding:20px;
    background:url(/sapa/concierge/img/bg_sec2_l.png) repeat-y;
}
#detail_contentall #detail_content #maincont #main_l .left_article .left_movie_wrapper{
    width: 440px;
    max-width: 100%;
}
#detail_contentall #detail_content #maincont #main_l .left_article .left_movie{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom:10px;
}
#detail_contentall #detail_content #maincont #main_l .left_article .left_movie  iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#detail_contentall #detail_content #maincont #main_l .left_article img{
    max-width:400px;
    max-height:300px;
}    
#detail_contentall #detail_content #maincont #main_l .left_footer{
    background:url(/sapa/concierge/img/bg_sec2_l_footer.png) no-repeat;
    height:9px;
    margin-bottom:20px;
}

#detail_contentall #detail_content #maincont #main_r{
    width:350px;
    float:right;
    overflow:hidden;
}
#detail_contentall #detail_content #maincont #main_r .right_header{
    height:13px;
    margin-top:15px;
    margin-bottom:0px;
    background:url(/sapa/concierge/img/bg_sec2_r_header.png) no-repeat;
}
#detail_contentall #detail_content #maincont #main_r .right_article{
    margin-top:-2px;
    width:320px;
    padding:15px;
    background:url(/sapa/concierge/img/bg_sec2_r.png) repeat-y;
}
#detail_contentall #detail_content #maincont #main_r .right_article img{
    padding-bottom:10px;
    clear:both;
}  
#detail_contentall #detail_content #maincont #main_r .right_text {
    line-height:1.3
}     
#detail_contentall #detail_content #maincont #main_r .right_footer{
    background:url(/sapa/concierge/img/bg_sec2_r_footer.png) no-repeat;
    height:12px;
    margin-bottom:20px;
}


#detail_contentall #detail_content #maincont_footer{
    margin-top:-15px;
    margin-bottom:20px;
    background:url(/sapa/concierge/img/bg_sec0_footer.png) no-repeat;
    height:15px;
}



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