@charset "UTF-8";
body{
background: #fff;
    font-family: Verdana, sans-serif;
}
h3{
    background: #f5f5f5;
    position: relative;
}
h3:after{
        content: "";
          width:10px;
          height:100%;
          position: absolute;
          left: 0;
          top: 0;
          background-color: #095799;
}
.hdr_nav a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 60px;
            display: flex;
        align-items: center;
        justify-content: center;
}
.hdr_nav{
    line-height: 1!important;
    height: 60px;
    background:linear-gradient(to bottom, #085799 0%,#2b88d9 50%,#207cca 51%,#1588c7 100%);
}
.hdr_nav tbody{
            display: flex;
        align-items: center;
}
.hdr_nav tbody tr td{
    width: calc(960px / 5);
    text-align: center;
    position: relative;
}
.hdr_nav tbody td:not(:last-child):after{
    content: "";
          width:1px;
          height:80%;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate(0,-50%);
          background-color: #fff;
}
/* SIDE */
#page_block2 table.side01{
    border: 1px solid #cccccc;
}
#page_block2 table.side01 td{
    position: relative;
    background: #f5f5f5!important;
}
#page_block2 table.side01 td:after{
    content: "";
             width: 8px;
    height: 8px;
    position: absolute;
    left: 26px;
          top: 50%;
          transform: translate(0,-50%);
          background-color: #fff;
          clip-path: polygon(100% 50%, 0 0, 0 100%);
          z-index: 1;
}
#page_block2 table.side01 td:before{
    content: "";
          width:18px;
          height:18px;
          position: absolute;
          left: 20px;
          top: 50%;
          transform: translate(0,-50%);
          background: #0058a6;
          border-radius: 5px;
}
#page_block2 table.side01 tr:not(:last-child) td{
border-bottom: 1px solid #ccc;
}
#page_block2 table.side01 td a{
padding: 8px 8px 8px 60px;
display: block;
}

#page_block2 table.side02{
    background: #f5f5f5;
    border: 1px solid #cccccc;
    margin-bottom: 1em;
}
#page_block2 table.side02 .side_logo{
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: linear-gradient(to bottom,#ffffff,#f5f5f5);
}
#page_block2 table.side02 table{
background-color: #fff;
margin-top: 1em;
}

.side_title01{
    display: block;
    width: 100%;
    margin-bottom: 1em;
}
.side_title{
    display: block;
    position: relative;
    width: 175px;
    padding: 12px;
    line-height: 1.8!important;
    font-size: 16px!important;
    border: 1px solid #44acbb;
    color: #fff;
        font-family: 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'メイリオ', Meiryo, serif;
  background: linear-gradient(to bottom,#095799,#0e6eab 30%,#1289c7);
}
.side_title:after{
    content: "";
    width:calc(100% - 5px);
          height:calc(100% - 5px);
          position: absolute;
          right: 0;
          left: 0;
          margin: 0 auto;
          top: 50%;
          transform: translate(0,-50%);
          border: 1px solid #fff;

}
.side_title01 .side_title:after{
    content: none;
}
.side_title a{
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.side_title a:after{
    content: "";
        width: 194px;
    height: 48px;
          position: absolute;
              left: -10px;
          top: 50%;
          transform: translate(0,-50%);
          border: 1px solid #fff;

}
/* FOOTER */

.ftr_table .title{
    background: #095998;
    padding: 15px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-family: 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'メイリオ', Meiryo, serif;
}
.ftr_table .sub_title{
    font-weight: bold;
    background: #e4ddd7;
    text-align: left;
    padding: 6px 2px 6px 8px;
    border-left: 5px solid #c00000;
}


/* SP */
.sp_nav{
line-height: 1!important;
    height: 60px;    
}
.sp_nav td a{
        text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 60px;
            display: flex;
        align-items: center;
        justify-content: center;
}
.sp_nav td{
    background:linear-gradient(to bottom, #085799 0%,#2b88d9 50%,#207cca 51%,#1588c7 100%);
    border-bottom: 1px solid #fff;
}
.sp_nav td:nth-child(even){
    border-left: 1px solid #fff;
}
.mail_btn{
    color: #fff;
    text-decoration: none;
    background: #095998;
    padding: 15px;
    width: 100%;
    display: block;
}
.title_greeting{
    background: #095998;
    padding: 15px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-family: 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'メイリオ', Meiryo, serif;
}

.itemDetail_d01 .btnCart a{
    background-image: url(http://www.junsho.co.jp/images/material/cart_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
width: 132px;
    height: 33px;
}