@charset "utf-8";


/*---------------------------------------------
01. パーク＆ライド用CSS
---------------------------------------------*/

#park {
background-color:#389CCD;
}

#park h3{
background: url(./imgs/park_en.png)  no-repeat right 25px;
margin:0;
padding:20px 10px 0 20px;
}


#ptop_body {
margin:0;
padding:0;
}

.pcatch {
margin:20px 0;
}

.pcatch p{
line-height:1.3;
margin-bottom:20px;
text-shadow: 1px 1px 1px #fff,
-1px 1px 1px #fff,
1px -1px 1px #fff,
-1px -1px 1px #fff;
}


#p_body {
width:90%;
margin:40px auto;
padding:0;
}

#p_body p{
margin:0;
padding:0;
}

.p_title {
background: url(../imgs/line_blue.png) no-repeat left bottom;
padding:10px 10px 16px 5px;
font-size:140%;
}

.sub_title {
border:1px solid #D6D6D6;
background-color:#F2F2F2;
font-size:110%;
padding:10px;
margin:30px 0 20px 0;
}

.ptable {
background-color:#fff;
width:100%;
margin:20px auto 30px auto;
border:1px solid #999999;
border-collapse: separate;
}

.ptable th{
text-align:left;
padding:5px;
background-color:#B6DBED;
border:1px solid #999999;
color:#389CCD;
}

.ptable td{
font-size:90%;
border:1px solid #999999;
padding:5px;
}

.ptd {
font-weight:bold;
background-color:#B6DBED;
}

.red {
color:#C00;
}


.blue {
color:#389CCD;
}

.wh {
text-align:center;
}

.wh2 {
text-align:left;
font-size:90%;
}

.pink {
font-size:70%;
color:#FF6699;
}




a.btn6 {
display: block;
width: 200px;
height:30px;
background-color: #389CCD;
border: outset 2px #2C85AF; 
margin:10px;
color: #ffffff;
padding: 12px 1px 1px 0px;
font-size: 16px;
line-height: 16px;
font-weight:bold;
text-align: center;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
 }
a.btn6:hover {
background-color: #2C85AF;
color: #ffffff;
border: inset 2px #2C85AF;
margin-top:10px;
padding: 13px 0px 0px 1px;
}


.mapbox {
background-color:#fff;
margin:0;
padding:0;
border:1px solid #999999;
border-collapse: separate;
}


.mapbox th{
background-color:#389CCD;
padding:5px;
border:1px solid #999999;
color:#fff;
} 

.mtd1 {
text-align:center;
font-weight:bold;
font-size:80%;
padding:5px;
border:1px solid #999999;
background-color:#BBDDEE;
}

.mtd2 {
text-align:center;
font-size:80%;
border:1px solid #999999;
padding:5px;
background-color:#fff;
} 

.qa_body {
width:700px;
margin:0 auto;
}


.qbox {
width:90%;
margin:20px auto 0 auto;
padding:10px;
background-color:#FEE8E2;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
overflow:hidden;
}

.abox {
width:90%;
margin:10px auto 40px auto;
padding:10px;
background-color:#EDEDED;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
overflow:hidden;
}

.mk-q {
width:40px;
background-color:#37A6A6;
text-align:center;
padding:5px 0;
margin:0;
font-weight:bold;
color:#fff;
float:left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

.mk-a {
width:40px;
text-align:center;
background-color:#F57858;
padding:5px 0;
font-weight:bold;
float:left;
color:#fff;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}


.qtext {
width:90%;
float:right;
font-weight:bold;
}

.atext {
font-size:90%;
width:90%;
float:right;
}