﻿.header1 {
           background: linear-gradient(to bottom, #696969 0px, #666666 4%, #333333 100%);
           background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#696969),color-stop(4%,#666666),color-stop(100%,#333333));
           background: -webkit-linear-gradient(top,#696969 0,#666666 4%,#333333 100%);
           background: -moz-linear-gradient(top,#696969 0,#666666 4%,#333333 100%);
           display: block;
           border: 1px solid #666666;
           color: #ffffff;
           font-size: 16px;
           font-weight: bold;
           margin: 0;
           overflow: hidden;
           padding: 5px 2px;
           text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
           text-overflow: ellipsis;
           white-space: nowrap;
         }
.header2 {
           background: #e6e9ea;
           background: linear-gradient(to bottom, #f9f9f9, #e6e9ea);
           background: -webkit-gradient(linear,left top,left bottom, from(#f9f9f9), to(#e6e9ea));
           background: -webkit-linear-gradient(top,#f9f9f9, #e6e9ea);
           background: -moz-linear-gradient(top,#f9f9f9, #e6e9ea);
           display: block;
           border: 1px solid #b4b4b4;
           color: #ff8c00;
           font-size: 16px;
           font-weight: bold;
           margin: 0;
           overflow: hidden;
           padding: 5px 2px;
           text-shadow: 0 1px 0 #c5c5c5;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
.header3 {
           background: #e6e9ea;
           background: linear-gradient(to bottom, #ffffff 0px, #f9f9f9 4%, #e6e9ea 100%);
           background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(4%,#f9f9f9),color-stop(100%,#e6e9ea));
           background: -webkit-linear-gradient(top,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
           background: -moz-linear-gradient(top,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
           display: block;
           font-size: 16px;
           font-weight: bold;
           margin: 0;
           overflow: hidden;
           padding: 12px 0 12px 15px;
           position: relative;
           text-overflow: ellipsis;
           text-shadow: 1px 1px 1px #c0c0c0;
           border-top: 1px solid #B4B4B4;
           white-space: nowrap;
         }
.header3:before {
           display: block;
           content: "";
           position: absolute;
           top: 28%;
           left: 5px;
           bottom: 28%;
           width: 5px;
           border-radius: 3px;
           -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
           background: #FF8C00;
           box-shadow: 1px 1px 1px #444444 inset;
           -webkit-box-shadow: 1px 1px 1px #999999 inset;
           -moz-box-shadow: 1px 1px 1px #999999 inset;
          }
#images{
           margin: 10px 0 10px 0;
           padding: 7px 2px 2px 2px;
       }
#images ul {
             list-style-type:none;
             margin:0px;
             padding:0px;
             text-align: center;
        }
#images li {
             margin:0px;
             padding:0px;
        }
#no_images_main {
           padding: 5px;
           text-align: center;
                }
.contents table {
           border-collapse: collapse;
           width: 100%;
                }
.contents td {
           border: 1px solid #B4B4B4;
           padding: 5px;
           line-height: 1.43;
             }
.contents label {
           white-space: pre;
                }
.items {
         background-color: #eeeeee;
         color: #696969;
         font-size: 13px;
         font-weight: bold;
         width: 100px;
       }
.values {
          font-size: 13px;
        }
.price {
         color: #ff0000;
         font-weight: bold;
       }
#map {
       display: table;
       width: 100%;
     }
#map a {
        background: linear-gradient(to bottom, #696969, #666666);
        background: -webkit-gradient(linear,left top,left bottom, from(#696969), to(#666666));
        background: -webkit-linear-gradient(top,#696969, #666666);
        background: -moz-linear-gradient(top,#696969, #666666);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        text-shadow: 2px 2px 2px #333333;
        border: 1px solid #666666;
        display: inline-block;
        padding: 7px 2px;
        text-decoration: none;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        text-align: center;
}
#map_address {
               display: table-cell;
               vertical-align:middle;
             }
#map_btn {
           display: table-cell;
           padding: 3px 5px;
           width: 70px;
           vertical-align: middle;
         }
.image {
          margin: 10px 0 0 0;
          text-align: center;
        }
.bukken_box {
              background: none repeat scroll 0px 0px #ffffff;
              border-radius: 5px 5px 5px 5px;
              -webkit-border-radius: 5px 5px 5px 5px;
              -moz-border-radius: 5px 5px 0px 0px;
              border: 1px solid #c4c4c4;
              box-shadow: 0px 0px 5px 0px rgba(163, 163, 163, 0.4);
              -webkit-box-shadow: 0px 0px 5px 0px rgba(163, 163, 163, 0.4);
              -moz-box-shadow: 0px 0px 5px 0px rgba(163, 163, 163, 0.4);
              margin: 5px 3px;
              font-size: 14px;
              // padding-left: 1px;
            }
.bukken_box table {
             width: 100%;
            }
.bukken_box a {
               text-decoration: none;
               color: #333333;
              }
.bukken_box dl {
               margin: 0px;
               color: black;
              }
.bukken_image {
          padding: 0;
          margin: 0;
          height: 60px;
          width: 80px;
          text-align: center;
        }
.link_arrow {
              background: url("../../option/link_arrow.png") no-repeat scroll right center transparent;
              padding: 5px 20px 5px 5px;
            }
.no_link_arrow {
              background: url("../../option/no_link_arrow.png") no-repeat scroll right center transparent;
              padding: 5px 20px 5px 5px;
               }
span.kaiinbukken{
    background-color: #4636D2;
    color: #fff;
    display: block;
    margin: 0 3px 3px 0;
    padding: 3px;
    width: 58px;
    text-align: center;
}
span.shoudanbukken{
    background-color: #3D9B0E;
    color: #fff;
    display: block;
    margin: 0 3px 3px 0;
    padding: 3px;
    width: 58px;
    text-align: center;
}
span.seiyakubukken{
    background-color: #f25b63;
    color: #fff;
    display: block;
    margin: 0 3px 3px 0;
    padding: 3px;
    width: 58px;
    text-align: center;
}
span.closebukken{
    background-color: #686868;
    color: #fff;
    display: block;
    margin: 0 3px 3px 0;
    padding: 3px;
    width: 58px;
    text-align: center;
}
.detail_nobukken_msg {
    display: block;
    margin: 0;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight:bold;
    text-align: left;
    padding: 5px 0px;
    background-color: #f25b63;
    color:#fff;
}

#inquiry{
    background-color: #808080;
    margin-bottom: 20px;
    padding: 10px 0
   }

#inquiry button{
               font-size: 15px;
               font-weight: bold;
               color: #333333;
               padding: 20px 0;
               border: 1px solid #666666;
               border-bottom: 3px solid #666666;
               box-shadow: none;
               border-radius: 5px;
               -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
}
                    
.mail_area {
       text-align: center;
}
                    
.mail_button {
           width: 90%;
           position: relative;
           background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dbdcdc));
           background: -moz-linear-gradient(top, #FFFFFF, #dbdcdc);
           background: linear-gradient(to top, #FFFFFF, #dbdcdc);
}
                    
.mail_buttonicon{
           font-size: 20px;
           position: absolute;
           width: 0;
           height: 0;
           border-right: 0.8em solid transparent;
           border-left: 0.8em solid transparent;
           border-top: 0.6em solid #666666;
           border-radius: 0.1em;
           margin-left: 12%;
}
                    
.mail_buttonicon:before{
           content: "";
           position: absolute;
           top: -0.5em;
           left: -0.8em;
           width: 0;
           height: 0;
           border-top: 0.6em solid transparent;
           border-bottom: 0.5em solid #666666;
           border-left: 0.8em solid #666666;
           border-right: 0.8em solid #666666;
           border-radius: 0 0 0.1em 0.1em;
}
                    
.line_area {
       text-align: center;
}
                    
.line_button {
           width: 90%;
           margin-top: 5px;
           background: url("../../option/LINE32.png"),-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dbdcdc));
           background: url("../../option/LINE32.png"),-moz-linear-gradient(top, #FFFFFF, #dbdcdc);
           background: url("../../option/LINE32.png"),linear-gradient(to top, #FFFFFF, #dbdcdc);
           background-repeat: no-repeat;
           background-position: 12%;
}
                    
