@charset "utf-8";


/*---defaultStyle ------------------*/
body{
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color:#333;
  line-height:1.4;
  font-size:12px;
  min-width:320px;
}


input,textarea {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}



/* #rim-tpl-header
-----------------------*/
#rim-tpl-header{
  height:auto;
}
  
  
  
  
  #rim-tpl-header .rim-tpl-boxR{
    padding:10px 0 0;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header .rim-tpl-boxR{
    padding:0;
  }
  }
  #rim-tpl-header .rim-tpl-utitlity{
    position:relative;
    top:5px;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header .rim-tpl-utitlity{
    top:0;
  }
  }
  
  
  
  /* .rim-tpl-member-block
  -----------------------*/
  #rim-tpl-header .rim-tpl-member-block{
    /*hidden*/
    display:none;
  }
  #rim-tpl-header.loaded .rim-tpl-member-block{
    /*visible*/
    display:block;
    
    padding:0 0 10px;
    font-size:11px;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header.loaded .rim-tpl-member-block{
    padding:10px;
    background:#EEE;
    border-top:1px solid #DADAD8;
  }
  }
    #rim-tpl-header .rim-tpl-member-block p,
    #rim-tpl-header .rim-tpl-member-block ul,
    #rim-tpl-header .rim-tpl-member-block li{
      display:inline-block;
      *display:inline;
      *zoom:1;
    }
    
    
      #rim-tpl-header .rim-tpl-member-block .top_nav{
        padding:0 0 0 15px;
      }
        #rim-tpl-header .rim-tpl-member-block .top_nav li{
            padding:0 15px 0 0;
        }
          #rim-tpl-header .rim-tpl-member-block span.welcomePoint{
            font-weight:bold;
          }
      @media screen and (max-width: 640px) {
      #rim-tpl-header .rim-tpl-member-block .top_nav{
        padding:10px 0 0;
        display:block;
      }
        #rim-tpl-header .rim-tpl-member-block .top_nav li{
          padding:0 15px 0 0;
        }
      }





/*---headline ------------------*/

.text-title-lv1 {
  font-size:32px;
  font-weight:bold;
  /*padding:0 0 30px;*/
  margin: 0 0 30px;
  clear:both;
}
.text-title-lv2 {
  font-size:20px;
  padding:0 0 15px;
  font-weight:bold;
}

  .text-title-lv2 span {
    display: block;
    float: left;
    padding: 3px 15px 0 0;
    font-weight:bold;
  }
  .text-title-lv2 a {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
    padding: 10px 0 0 10px;
    color: #00468C!important;
  }

.text-title-lv3 {
  font-size:15px;
  padding:0 0 5px;
  font-weight:bold;
}

.text-title-lv4 {
  font-size:12px;
  padding-bottom: 4px;
  font-weight:bold;
}


.title-lv2 {
  display:block;
  line-height:33px;
  background:#F4F4F4;
  border:1px solid #DDDDDB;
  
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
  .title-lv2 span {
    display: block;
    float: left;
    padding: 0 15px 0;
    font-size: 17px;
    font-weight:bold;
  }
  .title-lv2 a {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
    padding: 10px 0 0 10px;
    color: #00468C!important;
  }

.title-lv3 {
  font-size:14px;
  background: #777;
  color: #fff;
  padding: 5px 10px;
}

.title-lv4 {
  font-size:14px;
  line-height:1;
  padding:0 0 5px;
  font-weight:bold;
  border-bottom:2px solid #CCC;
}


@media screen and (max-width: 640px) {
.text-title-lv1 {
  font-size:26px;
}
.text-title-lv2 {
  font-size:18px;
}

.text-title-lv3 {
}
}   


/*---parts ------------------*/
.btn-white-h30 a {
  display: block;
  height: 30px;
  line-height: 30px;
  background: url(/common/img/btn-white-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
}

.btn-white-h30 a:hover {
  text-decoration: none;
}

  .btn-white-h30 a .bgL {
    display: block;
    width: 5px;
    height: 30px;
    background: url(/common/img/btn-white-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-white-h30 a .bgR {
    display: block;
    width: 5px;
    height: 30px;
    background: url(/common/img/btn-white-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }

.btn-white-h50 a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background: url(/common/img/btn-white-h50-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
}

.ie7 .btn-white-h50 a {
  display: inline;
  zoom:1;
}

.btn-white-h50 a:hover {
  text-decoration: none;
}

  .btn-white-h50 a .bgL {
    display: block;
    width: 5px;
    height: 50px;
    background: url(/common/img/btn-white-h50-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-white-h50 a .bgR {
    display: block;
    width: 5px;
    height: 50px;
    background: url(/common/img/btn-white-h50-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }

.btn-gray-h50 a {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  background: url(/common/img/btn-gray-h50-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
}

.ie7 .btn-gray-h50 a {
  display: inline;
  zoom:1;
}

.btn-gray-h50 a:hover {
  text-decoration: none;
}

  .btn-gray-h50 a .bgL {
    display: block;
    width: 5px;
    height: 52px;
    background: url(/common/img/btn-gray-h50-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-gray-h50 a .bgR {
    display: block;
    width: 5px;
    height: 52px;
    background: url(/common/img/btn-gray-h50-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }



/* table
-----------------------*/
#main table {
  width: 100%;
  border-top: 1px solid #CCC;
  font-size: 11px;
  line-height: 1.2;
}

  #main table th {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 9px 14px 9px;
    vertical-align: top;
    font-weight: bold;
  }
  #main table td {
    border-bottom: 1px solid #CCC;
    padding: 9px 7px 9px 7px;
  }
  #main table th.Beth {
    padding: 9px 0 9px 7px;
  }
  #main table td.Beth {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    vertical-align: top;
  }
  #main table th.Betd {
    padding: 9px 0 9px 7px;
  }
  #main table .noright {
    border-right: none!important;
  }
  #main table .odd2 th, table .odd2 td {
    background-color: #666;
    color: #fff;
  }
  #main table .odd th, table .odd td {
    background-color: #E9E9E9;
  }
  #main table .taC {
    text-align: center;
    padding-left: 0;
  }
  #main table td.note {
    border-bottom: none;
    padding: 9px 0 9px 14px;
  }
  #main table.style3 tr th,
  #main table.style3 tr td {
    border: 1px solid #CCC;
    text-align: center;
  }
  #main table.style3 tr .last-border{
    border-right: none;
  }
  
  #main table.style3 tr .first-border{
    border-left: none;
  }
  #main table.style3 tr .note{
    border: none;
    text-align: left;
  }
  #main table .break{
    word-break: break-all;
  }
  
  @media screen and (max-width: 640px) {
  #main table {
    font-size: 10px;
  }
  }   


/* #head-area
--------------------------*/
#head-area {
  background: url(/common/img/bg_lin_01.gif) repeat-x 0 bottom;
  min-height: 1px;
}
  #head-area .inner{
    position:relative;
    z-index:20;
  }

@media only screen and (max-width:640px){
#head-area{
  background:#FFF;
  padding:15px 0 10px;
}
}

#head-area .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#head-area .page-navi {
  float: left;
}
  #head-area .page-navi li {
    float: left;
    height: 37px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: bold;
  }
    #head-area .page-navi li a {
      text-decoration: none;
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_off.png) repeat-x 0 0;
      height: 27px;
      padding: 10px 15px 0 15px;
      position: relative;
      
      color:#333;
    }
    
    #head-area .page-navi li a:hover,
    .page-navi-01 #head-area .page-navi li.btn01 a,
    .page-navi-02 #head-area .page-navi li.btn02 a,
    .page-navi-03 #head-area .page-navi li.btn03 a,
    .page-navi-04 #head-area .page-navi li.btn04 a,
    .page-navi-05 #head-area .page-navi li.btn05 a,
    .page-navi-06 #head-area .page-navi li.btn06 a,
    .page-navi-07 #head-area .page-navi li.btn07 a,
    .page-navi-08 #head-area .page-navi li.btn08 a,
    .page-navi-09 #head-area .page-navi li.btn09 a,
    .page-navi-10 #head-area .page-navi li.btn10 a,
    .page-navi-11 #head-area .page-navi li.btn11 a,
    .page-navi-12 #head-area .page-navi li.btn12 a {
      background: url(/common/img/pag_nav_on.png) repeat-x 0 0;
    }
    #head-area .page-navi li a span.bgL {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_left_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 100;
    }
    #head-area .page-navi li a:hover span.bgL,
    .page-navi-01 #head-area .page-navi li.btn01 a span.bgL,
    .page-navi-02 #head-area .page-navi li.btn02 a span.bgL,
    .page-navi-03 #head-area .page-navi li.btn03 a span.bgL,
    .page-navi-04 #head-area .page-navi li.btn04 a span.bgL,
    .page-navi-05 #head-area .page-navi li.btn05 a span.bgL,
    .page-navi-06 #head-area .page-navi li.btn06 a span.bgL,
    .page-navi-07 #head-area .page-navi li.btn07 a span.bgL,
    .page-navi-08 #head-area .page-navi li.btn08 a span.bgL,
    .page-navi-09 #head-area .page-navi li.btn09 a span.bgL,
    .page-navi-10 #head-area .page-navi li.btn10 a span.bgL,
    .page-navi-11 #head-area .page-navi li.btn11 a span.bgL,
    .page-navi-12 #head-area .page-navi li.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_01_on.png) no-repeat 0 0;
    }
    #head-area .page-navi li a span.bgR {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_right_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100;
    }
    #head-area .page-navi li a:hover span.bgR,
    .page-navi-01 #head-area .page-navi li.btn01 a span.bgR,
    .page-navi-02 #head-area .page-navi li.btn02 a span.bgR,
    .page-navi-03 #head-area .page-navi li.btn03 a span.bgR,
    .page-navi-04 #head-area .page-navi li.btn04 a span.bgR,
    .page-navi-05 #head-area .page-navi li.btn05 a span.bgR,
    .page-navi-06 #head-area .page-navi li.btn06 a span.bgR,
    .page-navi-07 #head-area .page-navi li.btn07 a span.bgR,
    .page-navi-08 #head-area .page-navi li.btn08 a span.bgR,
    .page-navi-09 #head-area .page-navi li.btn09 a span.bgR,
    .page-navi-10 #head-area .page-navi li.btn10 a span.bgR,
    .page-navi-11 #head-area .page-navi li.btn11 a span.bgR,
    .page-navi-12 #head-area .page-navi li.btn12 a span.bgR{
      background: url(/common/img/pag_nav_right_01_on.png) no-repeat 0 0;
    }
    #head-area .page-navi li.bg2 a span.bgL {
      background: url(/common/img/pag_nav_left_02_off.png) no-repeat 0 0;
    }
    #head-area .page-navi li.bg2 a:hover span.bgL,
    .page-navi-01 #head-area .page-navi li.bg2.btn01 a span.bgL,
    .page-navi-02 #head-area .page-navi li.bg2.btn02 a span.bgL,
    .page-navi-03 #head-area .page-navi li.bg2.btn03 a span.bgL,
    .page-navi-04 #head-area .page-navi li.bg2.btn04 a span.bgL,
    .page-navi-05 #head-area .page-navi li.bg2.btn05 a span.bgL,
    .page-navi-06 #head-area .page-navi li.bg2.btn06 a span.bgL,
    .page-navi-07 #head-area .page-navi li.bg2.btn07 a span.bgL,
    .page-navi-08 #head-area .page-navi li.bg2.btn08 a span.bgL,
    .page-navi-09 #head-area .page-navi li.bg2.btn09 a span.bgL,
    .page-navi-10 #head-area .page-navi li.bg2.btn10 a span.bgL,
    .page-navi-11 #head-area .page-navi li.bg2.btn11 a span.bgL,
    .page-navi-12 #head-area .page-navi li.bg2.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_02_on.png) no-repeat 0 0;
    }
    
    #page-navi-parent{
      /*hidden*/
      width: 1px;
      height: 1px;
      margin: -1px;
      overflow:hidden;
      position:absolute;
    }
    

  @media only screen and (max-width:640px){
  
  /* #page-navi-parent */
  #page-navi-parent{
    /*visible*/
    position:static;
    overflow:visible;
    display:block;
    width:100%;
    float:right;
    height:32px;
    margin: 0 0 15px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .ie7 #page-navi-parent{
    width:96.77419355%;/* 600/620 */
    padding: 0 1.612903225%;/* 10/620 */ 
  }

    #page-navi-parent a {
      text-decoration: none;
      display: block;
      text-align:left;
      background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
      color:#FFF;
      height:37px;
      padding:0 5px;
      position: relative;
      line-height:37px;
    }
    #page-navi-parent a:hover {
      background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
    }
  
  
  #head-area .page-navi{
    width:100%;
    margin:0;
    position:absolute;
    top:37px;
    right:0;
    padding: 0 10px;
    box-sizing: border-box;
    display:none;
  }
  .ie7 #head-area .page-navi{
    width:96.77419355%;/* 600/620 */
    padding: 0 1.612903225%;/* 10/620 */
  }
    #head-area .page-navi.active{
      display:block;
    }
  
  #head-area .page-navi li {
    float:none;
    height: 37px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
  }
    #head-area .page-navi li a {
      text-decoration: none;
      display: block;
      text-align:left;
      background:#999 !important;
      color:#FFF;
      height:37px;
      padding:0 5px;
      position: relative;
      line-height:37px;
    }
    #head-area .page-navi li a:hover {
      background:#CCC !important;
    }
      #head-area .page-navi li a span.bgL {
        display:none;
        background:none !important;
      }
      #head-area .page-navi li a:hover span.bgL,
      #head-area .page-navi li a.current span.bgL {
        display:none;
        background:none !important;
      }
      #head-area .page-navi li a span.bgR {
        display:none;
        background:none !important;
      }
      #head-area .page-navi li a:hover span.bgR,
      #head-area .page-navi li a.current span.bgR {
        display:none;
        background:none !important;
      }
      #head-area .page-navi li.bg2 a span.bgL {
        display:none;
      }
      #head-area .page-navi li.bg2 a:hover span.bgL,
      #head-area .page-navi li.bg2 a.current span.bgL {
        display:none;
        background:none !important;
      }
  }

  /* socialbutton */
  #head-area ul.socialbutton {
    float: right;
    width: 308px;
    padding: 3px 0 0 0;
    margin: 0;
    list-style-type: none;
  }
    #head-area ul.socialbutton li {
      float: left;
      width: 108px;
      line-height: 0;
    }
    
    #head-area ul.socialbutton li.fb{
      width:  120px;
    }
    
    #head-area ul.socialbutton li.gp {
      width: 80px;
      overflow:hidden;
    }
    
    /* fix */
      @media only screen and (max-width:790px){
      #head-area ul.socialbutton {
        float:none;
        clear:both;
        position:absolute;
        bottom:-29px;
        right:0;
      }
      }
      @media only screen and (max-width:640px){
      #head-area ul.socialbutton {
        position:static;
        padding-left:5px;
      }
      #head-area ul.socialbutton li {
        width: 105px;
      }
      
      }


/* #head-area
--------------------------*/
#contents .content-wrap.border-top {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 640px) {
#contents .content-wrap.border-top {
  border-top: 0;
}
}

  /*.tool-box
  -----------------------*/
  .tool-box{
  }
  .tool-box-inner{
    background:#FCFCFC url(/common/img/toolbox-bg.jpg) repeat-x left bottom;

    position:relative;
    
    border:1px solid #CCC;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  }
    .tool-box form{
    }
  
    /*.dropdown-box
    -----------------------*/
    .tool-box .dropdown-box{
      float:left;
      padding:13px 25px 10px 8px;
    }
  @media screen and (max-width: 640px) {
  .tool-box{
    padding:50px 0 0;
    clear:both;
    zoom:1;
  }
  .tool-box-inner{
    padding-left: 0;
    border-right: none;
    border-left: none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
  }
    .tool-box .dropdown-box{
      position:absolute;
      width:100%;
      top:-50px;
      left:0;
      padding:0;
      z-index:10;
    }
  }
    
      /*.easy-select-box@javascript
      -----------------------*/ 
      .tool-box .dropdown-box .easy-select-box {
        position:relative;
        display:inline-block;
        *display:inline;
        *zoom:1;
      }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
         background:#666 url(/common/img/page-navi-cursor.png) right center no-repeat;
         display:block;
         color:#FFF;
         width:115px;
         padding:0 25px 0 5px;
         height:28px;
         line-height:28px;
         text-decoration:none;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
         position:relative;
         text-decoration:none;
         background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
        }
        .tool-box .dropdown-box .easy-select-box ul {
         display:none;
         overflow:auto;
         
         position:absolute;
         top:100%;
         left:0;
         z-index:99;
         
         width:145px;
         background:#FFF;
        }
        .tool-box .dropdown-box .easy-select-box ul li a,
        .tool-box .dropdown-box .easy-select-box ul li a:visited{
         display:block;
         background:#999;
         color:#FFF;
         cursor:default;
         text-decoration:none;
         height:28px;
         line-height:28px;
         padding:0 5px;
        }
        .tool-box .dropdown-box .easy-select-box ul li a:hover{
         background:#CCC;
         text-decoration:none;
        }
        
        @media screen and (max-width: 640px) {
        .tool-box .dropdown-box .easy-select-box {
          display:block;
          padding: 0 10px;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
          background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
          color:#FFF;
          width:auto;
          height: 37px;
          line-height: 37px;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
           background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
        }
        .tool-box .dropdown-box .easy-select-box ul {
          width:100%;
          padding: 0 10px;
          box-sizing: border-box;
        }
        .tool-box .dropdown-box .easy-select-box ul li a,
        .tool-box .dropdown-box .easy-select-box ul li a:visited {
          height: 37px;
          line-height: 37px;
        }
        }
        
        
    /*.check-box
    -----------------------*/
    .tool-box .check-box{
      float:left;
      padding:13px 0 13px 0;
    }
    @media screen and (max-width: 640px) {
    .tool-box .check-box{
      padding:13px 0 13px 10px;
    }
    }
      
      /*.style-checkbox
      -----------------------*/
      .tool-box .style-checkbox label{
        margin:0 20px  0 0;
        
        background:url(/common/img/style-checkbox-bg.png) no-repeat;
        padding:0 0 0 20px;
        line-height:28px;
        
        display:inline-block;
        *display:inline;
        *zoom:1;
      }
        .tool-box .style-checkbox label.on{
          background-position:0 -28px;
        }
      
      .tool-box .style-checkbox input{
        position:absolute;
        left:-99999px;  
      }


    /*.pager-box
    -----------------------*/
    .pager-box {
      background:#F0F0F0;
      padding:10px 0;
      text-align:center;
      position:relative;
    }
      .pager-box ul{
        display:inline-block;
        *display:inline;
        *zoom:1;
      }
      @media screen and (max-width: 640px) {
      .pager-box ul{
        padding:0 0 20px;
      }
      }
        .pager-box li{
          display:inline-block;
          *display:inline;
          *zoom:1;
          
          border-right:1px solid #666;
          text-align:center;
          padding:0 8px;
          line-height:1;
        }
        .pager-box li.first{
          border-left:1px solid #666;
        }
        
        .pager-box li.prev{
          border:none;
          text-align:left;
          padding:0 20px 0 0;
        }
        
        .pager-box li.next{
          border:none;
          text-align:right;
          padding:0 0 0 20px;
        }
        
        
          .pager-box li a{
            font-size:12px;
            text-decoration:none;
            color:#00468C;
          }
          
          .pager-box li a:hover{
            color:#000;
            text-decoration:underline;
          }
          
          .pager-box li.on a{
            color:#000;
            cursor:default;
          }
          
          .pager-box li.prev a{
            background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 center;
            padding:0 0 0 10px;
          }
          .pager-box li.next a{
            background:url(/common/img/icon-cursor.png) no-repeat right center;
            padding:0 10px 0 0;
          }
          
          .pager-box li.next a:hover{
            text-decoration:underline;
          }
    
        @media screen and (max-width: 640px) {
        .pager-box li.prev,
        .pager-box li.next{
          float:none;
          position:absolute;
          bottom:10px;
        }
        .pager-box li.prev{
          left:25%;
          text-align:left;
        }
        .pager-box li.next{
          right:25%;
          text-align:right;
        }
        }


#main .contentTable{
  margin-top: 20px;
  border: 1px solid #CCC;
  font-size: 11px;
  line-height: 1.2;
}
#main .contentTable td{
  border: none;
}
#main .contentTable th{
  border: none;
  width: 20%;
  font-weight: normal;
}