@charset "utf-8";

/*===========================*/
/*　　　　　　運転・車ページ　　　　　*/
/*===========================*/

.driving_top_photo {
width: 100%;
margin: 10px auto;
text-align: center;
}

.driving_top_photo img {
width: 100%;
margin: 0px auto;
padding: 5px 0px 5px 0px;
}

.driving_top_photo_480 {
display: none;
}

.driving_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.driving_top_msg_zone p {
padding: 0px 0px 3px 0px;
text-align: left;
}

.driving_top_msg_zone ol {
padding: 0px 5px 0px 25px;
}

.driving_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.driving_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.driving_top_msg_zone ol li ol li {
padding: 0px 0px 3px 0px;
}

.driving_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 15px;
}

.driving_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.driving-adrs-zone {
width: 100%;
margin: 0px auto;
text-align: center;
}

.driving-adrs-zone .adrs-box {
display: inline-block ;
width: 280px ;
margin: 10px 15px 10px 15px;
padding: 5px 10px 10px 10px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
}

.driving-adrs-zone .adrs-box img{
margin: 10px 20px 0px 20px;
}

.driving_license_category {
border-collapse: collapse;
background: #ffffff;
margin: 20px 10px;
}

.driving_license_category thead tr th{
padding: 3px 5px;
border: 1px solid #333333;
line-height: 180%;
color: #000099;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.driving_license_category tbody tr th {
font-size: 17px ;
line-height: 200%;
padding: 3px 10px;
border: 1px solid #333333;
text-align: center;
vertical-align: middle;
}

.driving_license_category tbody tr td {
padding: 3px 5px;
border: 1px solid #333333;
text-align: left;
line-height: 140%;
}

.driving_license_category tbody tr td ul {
margin:0px 10px 3px 20px;
}

.driving_signal_top_photo {
width: 100%;
margin: 0px auto;
text-align: center;
}

.driving_signal_top_photo img {
width: 100%;
margin: 0px auto;
padding: 5px 0px 5px 0px;
}

.driving_signal_top_photo_480 {
display: none;
}

.driving_signal_box {
width: 100%;
margin: 0px auto;
overflow: hidden;
text-align: center;
padding: 5px 0px 5px 10px;
background: #ffffff;
border-collapse: collapse;
border: 1px solid #999999;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.driving_signal_box .signal-data {
width: 300px;
display: inline-block;
vertical-align: middle;
margin: 15px 5px 20px 5px;
text-align: left;
}

.driving_signal_box .signal-data img {
display: inline-block;
vertical-align: middle;
}

.driving_signal_box .signal-data p {
display: inline-block;
vertical-align: middle;
width : 180px;
margin-left: 10px;
line-height: 140%;
}

.driving_penalty_box {
width: 100%;
margin: 0px auto;
text-align: center;
}

.driving_penalty_box .point-list {
border-collapse: collapse;
background: #ffffff;
margin: 10px 10px;
}

.driving_penalty_box .point-list thead tr th{
padding: 3px 5px;
border: 1px solid #333333;
line-height: 180%;
color: #000099;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.driving_penalty_box .point-list tbody tr th {
font-size: 16px ;
line-height: 200%;
padding: 4px 15px;
border: 1px solid #333333;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.driving_penalty_box .point-list tbody tr td {
padding: 3px 5px;
border: 1px solid #333333;
text-align: left;
vertical-align: middle;
line-height: 140%;
}

.driving_penalty_box .penalty-list {
margin: 10px auto;
border-collapse: collapse;
background: #ffffff;
}

.driving_penalty_box .penalty-list thead tr th{
line-height: 140%;
color: #000099;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
padding: 5px 7px;
border: 1px solid #333333;
}

.driving_penalty_box .penalty-list thead tr th br{
display: none;
}

.driving_penalty_box .penalty-list tbody tr th {
padding: 4px 10px 4px 15px;
border: 1px solid #333333;
text-align: left;
font-weight: normal;
vertical-align: middle;
line-height: 140%;
}

.driving_penalty_box .penalty-list tbody tr td {
padding: 4px 10px 4px 5px;
border: 1px solid #333333;
vertical-align: middle;
line-height: 140%;
}

.driving_penalty_box .penalty-list tbody tr td ul {
margin:0px 10px 3px 20px;
}

.driving_penalty_box .penalty-list tbody tr td img {
display: inline-block;
margin:0px 10px 0px 10px;
}

.driving_penalty_box .penalty-list tbody .data1 {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 15px;
padding: 4px 10px 4px 5px;
border: 1px solid #333333;
text-align: center;
vertical-align: middle;
line-height: 140%;
}

.driving_penalty_box .penalty-list tbody .data2 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 15px;
padding: 4px 10px 4px 5px;
border: 1px solid #333333;
text-align: center;
vertical-align: middle;
line-height: 140%;
}

.driving_penalty_box .penalty-list tbody .data3 {
color: #0000FF;
font-family: 'Kameron', serif;
font-weight: 700;
font-size: 17px;
padding: 5px 10px 3px 5px;
border: 1px solid #333333;
text-align: center;
vertical-align: middle;
line-height: 140%;
}

/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.driving_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.driving_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.driving_top_msg_zone ol li ol {
padding: 0px 0px 0px 15px;
}

.driving_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

.driving_penalty_box .point-list {
border-collapse: collapse;
background: #ffffff;
margin: 10px 0px;
}

.driving_penalty_box .penalty-list thead tr th br{
display: block;
}

.driving_license_category {
border-collapse: collapse;
background: #ffffff;
margin: 20px 0px;
}


}

/***************************************/
/***************************************/
@media only screen and (max-width:480px) {

.driving_top_photo {
display: none;
}

.driving_top_photo_480 {
display: block;
width: 100%;
margin: 10px auto;
text-align: center;
}

.driving_top_photo_480 img {
width: 100%;
margin: 0px auto;
padding: 5px 0px 0px 0px;
}

.driving-adrs-zone .adrs-box {
display: block ;
width: 100%;
margin: 10px auto;
padding: 5px 10px 10px 10px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
}

.driving-info-box {
width: 100%;
margin: 0px auto;
overflow: hidden;
padding: 5px 10px 10px 10px;
text-align: center;
}

.driving-info-box .illust_box {
width: 100%;
margin: 0px auto;
text-align: center;
padding: 0px;
}

.driving-info-box ul {
list-style-type: disc;
padding: 5px 10px 5px 10px;
text-align: left;
line-height: 150%;
}

.driving-info-box li {
padding: 0px 0px 5px 0px;
text-align: left;
}

.driving_signal_top_photo {
display: none;
}

.driving_signal_top_photo_480 {
display: block;
width: 100%;
margin: 0px auto;
text-align: center;
}

.driving_signal_top_photo_480 img {
width: 100%;
margin: 0px auto;
padding: 5px 0px 0px 0px;
}

.driving_signal_box {
width: 100%;
margin: 0px auto;
text-align: center;
padding: 5px 10px 5px 10px;
background: #ffffff;
border-collapse: collapse;
border: 1px solid #999999;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.driving_signal_box .signal-data {
display: block;
width: 100%;
margin: 0px auto;
margin: 10px 0px 20px 0px;
text-align: center;
}

.driving_signal_box .signal-data img {
display: block;
margin: auto;
margin-bottom: 5px;
}

.driving_signal_box .signal-data p {
display: block;
width: 100%;
margin: 0px auto;
text-align: left;
vertical-align: top;
line-height: 140%;
}

}