@charset "UTF-8";


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

------------------------------------------------------------ */
html {
overflow-y:scroll;
margin-bottom:1px;
height:100%;
}

/*  0:contents -------------- */
.contents_innner {
overflow:hidden;
}
.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

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

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

.title .RSS{
fontsize:0;
line-height:0;
position:absolute;
right:10px;
bottom:5px;
}

/* eventList */
#eventList{
border:1px solid #84b281;
border-top:none;
}
#eventList li{
padding:9px 9px 20px 9px;
border-top:1px solid #84b281;
overflow:hidden;
width:615px;
}
#eventList .instImg{
float:left;
width:128px;
}
#eventList .instImg img{
border:1px solid #84b281;
}
#eventList .instTxt{
float:right;
width:470px;
padding-left:17px;
}
#eventList .instTxt dt{
font-weight:bold;
}
#eventList .instTxt dt a{
color:#338512;
}
#eventList .instTxt dd.date{
font-size:85%;
padding:5px 0;
}
#eventList .instTxt dd.detail{
text-align:right;
}
#eventList .instTxt dd a{
color:#8acd5a;
}
#eventList .liLast{
border-bottom:none !important;
}

/* monthlyarchive */
#monthlyarchive {
    margin: 15px 0px 10px 0px;
}
#monthlyarchive #showallEvent{ 
float: right;
}


#monthlyarchive a {
color: #8ACD5A;
}

/* eventArchiveList */
#eventArchiveList.title{
width:634px;
margin-top:10px;
border:1px solid #88cc58;
border-left:none;
position:relative;
}

#eventArchiveList{
border:1px solid #84b281;
}
#eventArchiveList li{
padding:9px 9px 20px 9px;
border-bottom:1px solid #84b281;
overflow:hidden;
width:615px;
}
#eventArchiveList .empty{
    font-size: 110%;
    text-align: center;
    padding: 10px;
}
#eventArchiveList .empty a{
color:#338512;
}
#eventArchiveList .instImg{
float:left;
width:128px;
}
#eventArchiveList .instImg img{
border:1px solid #84b281;
}
#eventArchiveList .instTxt{
float:right;
width:470px;
padding-left:17px;
}
#eventArchiveList .instTxt dt{
font-weight:bold;
}
#eventArchiveList .instTxt dt a{
color:#338512;
}
#eventArchiveList .instTxt dd.date{
font-size:85%;
padding:5px 0;
}
#eventArchiveList .instTxt dd.detail{
text-align:right;
}
#eventArchiveList .instTxt dd a{
color:#8acd5a;
}

#eventArchiveList .liLast{
border-bottom:none !important;
}

/* ArchiveTitle */
#ArchiveTitle {
margin-top: 15px;
margin-bottom: 10px;
}

#ArchiveTitle  .archivetitle{
float: left;
font-size: 110%;
}

#ArchiveTitle a{
color: #8ACD5A;
}

#ArchiveTitle a#prev{
padding-left: 9px;
}

#ArchiveTitle .archivelink {
float: right;
}

/* mainVisual */
#mainVisual{
width:635px;
margin-top:10px;
background:transparent url(/sapa/common/img/bg_mv_body.gif) left top repeat-y;
}

#mainVisual .inner{
width:635px;
background:transparent url(/sapa/common/img/bg_mv_top.gif) left top no-repeat;
}


#mainVisual .inner h1{
width:617px;
padding:9px 9px 10px;
background:transparent url(/sapa/common/img/bg_mv_bottom.gif) left bottom no-repeat;
font-size:0;
}

/* detailSec */
#detailSec{
margin-top:10px;
border-right:1px solid #84B281;
border-bottom:1px solid #84B281;
border-left:1px solid #84B281;
}

#detailSec h2{
min-height:13px;
height:auto !important;
height:13px;
padding:6px 9px 5px;
border-top:1px solid #84B281;
border-bottom:1px solid #84B281;
background:#fff url(../../common/img/bg_lower_h2.gif) left bottom repeat-x;
color:#338512;
font-weight:bold;
font-size:120%;
line-height:1.3;
}

#detailSec h3{
margin-top:10px;
color:#338512;
font-weight:bold;
}

#detailSec .box{
padding:12px 15px 25px;
}

#detailSec .sapa_tbl{
width:603px;
}

#detailSec .sapa_tbl th{
text-align:right;
vertical-align:top;
white-space:nowrap;
font-weight:bold;
}

#detailSec .sapa_tbl td,
#detailSec .sapa_tbl th{
padding:5px 5px 0 0;
}

#totop{
padding:5px 10px;
border-right:1px solid #84B281;
border-bottom:1px solid #84B281;
border-left:1px solid #84B281;
background-color:#338512;
text-align:right;
}

#totop a{
color:#fff;
}

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