/************Classes**************/
.sub_title_header {
  position: relative;
  padding: 20px 0 17px 0;
  margin-bottom:30px;
  border-bottom: 1px dotted #E8EAEC;
}

.sub_title {
  height:25px;
  line-height:25px;
  padding-left:42px;
  background:url(../../images/sp/sub_title.png) no-repeat;
  color:#4C4C4C;
  font-size:22px;
  font-weight:bold;
  letter-spacing:2pt;
  display: inline-block;
}

/************End Classes**************/

#content {
  padding: 0;
  width: 980px;
}

#main {
  padding: 0 30px 100px 30px;
  background:#FFFFFF;
}

.title_dot { font-weight: bold;}

.adv1, .adv3, .adv4 {
  padding-left: 40px;
  padding-right: 40px;
}
.adv2  {
    padding-left: 40px;
    padding-right: 0px;
}

.adv2, .adv3, .adv4 {
  border-top: solid 1px #E8EAEC;
  padding-top: 20px;
}

/* dl dt dd 共通 */

.adv2 dl, .adv3 dl, .adv4 dl {
  clear: both;
  margin: 0;
}

.adv2 dt, .adv3 dt, .adv4 dt {
  clear: left;
  float: left;
  width: 186px;
  margin: 0;
}

.adv2 dd, .adv3 dd, .adv4 dd{
  margin-left:186px;
  padding-bottom: 20px;
}

/*-------------------------------------------------------------------*/
/* advanced1 */
/*-------------------------------------------------------------------*/

.adv1 { padding-bottom: 25px;}

.adv1 table td { padding-bottom: 8px;}

.adv1 .col1 select {margin-right: 14px;}

.adv1 .col2 { width: 414px;}

.set1 {
  width: 170px;
}

.adv1 input[type="text"] { width: 395px;}
.adv1 input {*width: 395px;} /* for IE6 */

.adv1 .list_fLeft li {margin-right: 10px;}

/* 分類 */
.adv1 .bunrui td.col1 {text-align: right;}

.adv1 .bunrui td.col1 select {margin-left: 5px;}

.adv1 #genre_bunrui {margin: 0;}

/* ジャンル選択 */
#genre_bunrui.genre_select {
  display: inline-block;
  float:none;
  *zoom: 1;
  *display: inline;
}

#adv_submit {
  margin-top: 17px;
  padding-left: 186px;
}

/*#btn_opc_search { margin-right: 5px;}*/

/*-------------------------------------------------------------------*/
/* advanced2 */
/*-------------------------------------------------------------------*/

.adv2 dd ul { min-width: 600px;}

.adv2 dd ul li {
  width: 100px;
  padding:5px 0;
  display:inline-block;
}

.adv2 dd ul li.middle { width: 130px; }
.adv2 dd ul li.long,
.adv2 dd ul li.add_siryo_type,
.adv2 dd ul li.long_jido { width: 210px; }
.adv2 dd ul li.long_250 { width: 250px; }
.adv2 dd ul li.super_long { width: 400px; }
 { width: 200px; }
/* 資料形態 対象区分 */

.adv2 dd.keitai, .adv2 dd.taisho { margin: 0;}

.adv2 dd.keitai td, .adv2 dd.taisho td {
  padding: 0;
  vertical-align: top;
}

.adv2 dd.keitai td.col1, .adv2 dd.taisho td.col1 { width: 186px;}


.adv_portal{
  padding-bottom: 15px;
  margin-left: 120px;
}

.adv_portal li {
  width: 100px;
  float:left;
}

/* 20231205 MODS PKG-R05-01 */
/* .adv_portal li { width: 280px; } */
.adv_portal li { width: 130px; }
/* 20231205 MODE PKG-R05-01 */

/*-------------------------------------------------------------------*/
/*         advanced3        */
/*-------------------------------------------------------------------*/

.adv3 input[type="text"] { width: 75px;}

.adv3 dd ul { width: 550px;}

.adv3 dd ul li {
  width: 100px;
  float:left;
}

.adv3 select {width: 81px;}


/*-------------------------------------------------------------------*/
/* advanced4 */
/*-------------------------------------------------------------------*/

.adv4 dd select {margin: 0 25px 0 8px;}

/* Facet */

#facet_box_wrap {
  float:left;
}

.fc_title{
  cursor:pointer;
  height:30px;
  line-height:30px;
  margin-bottom:15px;
  padding-left:20px;
  background:#EFF4F5;
  border-top: 1px solid #DBE3E7;
  border-bottom: 1px solid #DBE3E7;
  color:#4C4C4C;
  font-size:15px;
}

ul.fc_list {
  display:block;
  font-size:13px;
  margin-bottom:30px;
  padding:0 20px 0 20px;
}

ul.fc_list li {
  display:block;
  margin-top:5px;
}

ul.fc_list li a {
  display:block;
  line-height:20px;
}

#sb1, #sb2 {
  position: relative !important;
  width: 200px;
}

#sb1_inner, #sb2_inner {
  padding-top:30px;
  *position: relative /* for IE6 IE7*/;
  *display: inline-block; /* for IE6 IE7 */
}

#sb1 {
  float:left;
  margin-left: -980px;
  *display: inline; /* for IE6 IE7 */
}

#sb1_inner { border-right: 1px solid #E8EAEC;}

#sb2 { float:right;}

#sb2_inner { border-left: 1px solid #E8EAEC;}

#genre_list { padding-right:10px;}

a.genr_select {
  float:left;
  margin-top:3px;
  height:15px;
  width:77px;
  background: url(../../images/pc/common/btn_genre.gif) no-repeat top left;
  text-indent: -9999px;
}

.check_box_list p {
  display: inline-block;
  width: 100px;
  margin: 0;
  padding: 0;
}
.check_box_list td {
  vertical-align: top;
}


.hide {
  display:none !important;
}

hr{color:#CACACA;height:1px;}

#srh_ctl{
  list-style-type: none;
  text-align: center;
}

#srh_ctl table{
  margin-left : 0 ;
  margin-right : 0 ;
  border-collapse: collapse;
}

#srh_ctl ul {
  text-align: left;
  margin: 0 ;
  padding: 0 ;
}

#srh_ctl ul li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0px;
  text-align: center;
  width: 100px;
  font-size: 15px;
  line-height: 30px;
  cursor: pointer;
}

#suggest {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  font-size: 90%;
  width: 200px;
  margin-top:-1px;
}
#suggest div {
  display: block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
  color: #FFFFFF;
  background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
  background-color: #99CCFF;
}

.suggest_wrap {
  position: relative;
}
.suggest_box {
  padding: 3px;
  position:absolute;
  z-index: 9999;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  font-size: 90%;
  width: 393px;
  margin-top:-1px;
  overflow:hidden;
  cursor: pointer;
}
.suggest_box div.over{ /* マウスオーバ時のスタイル */
  background-color: #99CCFF;
}
.suggest_box div.select{ /* キー上下で選択した場合のスタイル */
  color: #FFFFFF;
  background-color: #3366FF;
}

.adv_osirase {
  margin-bottom:-1em;
  position:relative;
  top:-25px;
  left:-40px;
}

.portal_osirase {
  margin-bottom:-1em;
  position:relative;
  top:-30px;
  left:10px;
}

body.login #l_change{
  display: none;
}

.adv2 dd ul li {
  padding-bottom: 10px;
}
/*-------------------------------------------------------------------*/
/* genre_main */
/*-------------------------------------------------------------------*/
#daialog_content_main {
  position: relative;
  width: 980px;
  margin: 0 auto;
  border: solid 1px #DDE1E3;
  background: #FFFFFF;
  border-radius: 2px;
  z-index: 1;
  min-height:1500px;

}
#daialog_content_main #top {
  position: relative;
  padding: 25px 20px 17px 20px;
  border-bottom: dotted 1px #D6D6D6;
}
#daialog_content_main #btn_top {
    float: right;
}
#daialog_content_main #main_genre_top {
  padding: 0 40px;
  margin: auto;
}
#daialog_content_main table {
  border-collapse: separate;
  border-spacing: 0;
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
  margin-bottom: 10px;
}
#daialog_content_main tr.even td:not(.selected) {
  background: #F5F5F5;
  box-shadow: 0 1px 0 #FFFFFF inset;
}
#daialog_content_main th, #daialog_content_main td {
  width: 180px;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 0 5px;
}
#daialog_content_main th {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(top, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  padding: 5px 0;
}
#daialog_content_main th:first-child {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

#daialog_content_main th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
#daialog_content_main td:first-child, th:first-child {
  border-left: none;
}
#daialog_content_main td.selected {
  background: #97c742;
  background: -moz-linear-gradient(left, #97c742 0%, #a8d061 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#97c742), color-stop(100%,#a8d061));
  background: -webkit-linear-gradient(left, #97c742 0%,#a8d061 100%);
  background: -o-linear-gradient(left, #97c742 0%,#a8d061 100%);
  background: -ms-linear-gradient(left, #97c742 0%,#a8d061 100%);
  background: linear-gradient(to right, #97c742 0%,#a8d061 100%);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3) inset;
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3) inset;
  box-shadow: 0 2px 3px rgba(0,0,0,.3) inset;
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(0,0,0,.3);
}
#daialog_content_main label {
  display: block;
  padding: 10px 0;
  width: 100%;
  cursor: pointer;
}
#daialog_content_main input[type="radio"] {
  display: none;
}
#daialog_content_main .next_arrow {
  float: right;
}
#daialog_content_main .ndc_leaf {
  display: block;
  cursor: pointer;
}
#daialog_content_main .ndc_tree {
  display: none;
}
#submit_area {
  padding: 0 10px;
  margin-bottom: 15px;
}
#daialog_content_main #submit_area a {
  margin-left: 45px;
}
@media only screen and (max-width:420px) {
  #daialog_content_main {
    width: auto;
  }
  #daialog_content_main #top {
    padding: 0;
  }
  #daialog_content_main #main_genre_top {
    padding: 10px;
  }
  #daialog_content_main th:not(:last-child), #daialog_content_main td:not(:last-child), .invalid {
    display: none;
  }
  #daialog_content_main table {
    width: 99%;
  }
  #daialog_content_main .ndc_tree {
    display: block;
  }
}

/* 20231023 ADDS PKG-R05-02 */
@media screen and (min-width:767px) {

  .specify-search-method {
    margin: 10px 0 0 180px;
  }

  .specify-free-search-method {
    margin: 0 auto 20px auto; width: 980px;
  }

  .specify-free-search-method div, .specify-free-search-method ul {
    margin-left: 150px;
  }

  .specify-search-method ul, .specify-free-search-method ul {
    padding-left: 1em;
  }

}

@media screen and (max-width:767px) {

  .specify-search-method {
    margin-top: 1em;
  }

  .specify-free-search-method {
    margin: 1em;
  }

  .specify-search-method .indent, .specify-free-search-method .indent {
    padding-left: 1em;
    text-indent: -1em;
  }

  .specify-search-method ul, .specify-free-search-method ul {
    padding-left: 1em;
    margin-top: 0.5em;
  }
/* 20231023 ADDE PKG-R05-02 */

/*-------------------------------------------------------------------*/
/* genre_top */
/*-------------------------------------------------------------------*/
@media only screen and (min-width:421px) {
  #daialog_content_top {
    position: relative;
    width: 670px;
    margin: 0 auto;
    border: solid 1px #DDE1E3;
    overflow: hidden !important;
    background: #FFFFFF;
    border-radius: 2px;
    z-index: 1;
  }
  #daialog_content_top #top {
    position: relative;
    padding: 25px 20px 17px 20px;
    border-bottom: dotted 1px #D6D6D6;
  }
  #daialog_content_top #main_genre_top {
    min-height: 150px;
    padding: 0 40px;
    margin: auto;
  }
  #daialog_content_top #genre_menu {
    width: 100%;
  }
  #daialog_content_top #genre_menu li {
    margin: 0 15px 10px 0;
  }
  #daialog_content_top #genre_menu li, #daialog_content_top #genre_menu li a {
    display: block;
    height: 84px;
    /* line-height: 90px; */
    width: 280px;
    overflow: hidden;
    font-size: 18px;
    text-align: center;
  }
  #daialog_content_top #genre_menu li a {
    background: url(/wo/images/pc/genre/menu.png) 0 0;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0,0,0,.3);
  }
  #daialog_content_top .line1 {
    position: relative;
    top: 30px;
  }
  #daialog_content_top p.message { margin: 15px 0 10px 10px; }
  #daialog_content_top #genre_menu li#gm1 a:hover { background-position: 0 84px; }
  #daialog_content_top #genre_menu li#gm2 a { background-position: -280px 0; }
  #daialog_content_top #genre_menu li#gm2 a:hover { background-position: -280px 84px; }
}
@media only screen and (max-width:420px) {
  #daialog_content_top {
    position: relative;
    margin: 0 auto;
    border: solid 1px #DDE1E3;
    overflow: hidden !important;
    background: #FFFFFF;
    border-radius: 2px;
    z-index: 1;
  }
  #daialog_content_top #genre_menu li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    text-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  }
  #daialog_content_top #genre_menu li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    text-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  }
  #daialog_content_top #genre_menu li {
    width: 43.3125%;
    padding: 3px 1%;
    height: 50px;
    margin-left: 3.125%;
    margin-bottom: 10px;
    background: url(/wo/images/mobile/stripe.png) repeat-x;
    overflow: hidden;
  }
  #daialog_content_top p.message { margin: 15px 0 10px 10px; }
  #daialog_content_top #gm1 a { background: url(/wo/images/mobile/bar_green.png) repeat-x;}
  #daialog_content_top #gm2 a { background: url(/wo/images/mobile/bar_yellow.png) repeat-x;}
}