/* index */
.member-sera-index section.col-sm-9 {
  width: 85%;
  float: none;
  margin: 0 auto;
}

#head_01{
  background-color:#604c32;
  max-width:950px;
  height:21px;
}

#head_01 #head_wd,
#head_02 #head_wd{
  width:100%;
  text-align:left;
  display: flex;
}

#head_01 #head_wd a img,
#head_02 #head_wd a img{
  max-width:100%;
  height: auto;
}

#head_02{
  background-color:#ffedd7;
  max-width:950px;
  border-top:3px solid #fde9cf;
  border-bottom:3px solid #fde9cf;
}

#head_02 #head_meditop{
  float:right;
  padding-top:11px;

}

.seratoppage {
  background-image: url(../../../images/member/sera/top_bg01_border.jpg);
  background-size: contain;
}

#sera_box {
  background:url('/sites/default/files/member/sera/images/index/top_bg01.jpg') no-repeat;
  background-image: url(../../../images/member/sera/top_bg01_top.jpg);
  background-size: contain;
  margin-top:23px;
}

#sera_agx {
  background-image: url(../../../images/member/sera/top_bg01_bottom.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  padding-right: 28%;
}

#sera_box #hosoku{
  text-align:right;
  padding:13% 13px 0 0;
}

  #sera_box #hosoku img {
    width: 27%;
  }

#sera_box .box01{
  max-width:950px;
  padding-top:32px;
  overflow:hidden;
}

#sera_box .box01 #sera_ttl01{
  float:left;
  padding:26px 0 0 33px;
}

#sera_box .box01 #link01{
  float:right;
  padding:0 41px 0 0;
}

#sera_box .box02{
  max-width:950px;
  padding:27px 37px 0 37px;
  overflow:hidden;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#sera_box .box03 {
  max-width:950px;
  padding:23px 0 0 35px;
}

#sera_box .box03 h2 {
  margin-bottom: 0;
  padding-bottom: 20px;
}

#sera_box .box04{
  max-width:950px;
  padding:32px 0 0 37px;
  overflow:hidden;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#seed_box{
  padding-top:51px;
  background-color: #fff;
}

#seed_box #page03{
  padding-top:14px;
  padding-left:1px;
}

#seed_box #box05{
  max-width:950px;
  overflow:hidden;
  padding-top:14px;
}

#seed_box #box05 .box_left{
  float:left;
  max-width:473px;
  width: 50%;
}

#seed_box #box05 .box_right{
  float:right;
  max-width:465px;
  width: 50%;
}

#seed_box #box05 .box06
{
  border:solid 2px #d9dbd8;
  padding:26px 10px 0 24px;
  margin-left:1px;
  margin-bottom:16px;
}

#seed_box #box05 .box06 .pdt44{
  padding-top:44px;
}

#seed_box #box05 .box06 .pdlast{
  padding:0 0 24px 0;
}

#seed_box #box05 .box11
{
  border:solid 2px #d9dbd8;
  padding:26px 10px 0 19px;
  margin-left:1px;
  margin-bottom:16px;
}

#seed_box #box05 .box11 .pdlast{
  padding:0 0 31px 0;
}

#seed_box #box05 .box07{
  border:solid 2px #d9dbd8;
  padding:26px 10px 0 25px;
  margin-left:1px;
  margin-bottom:16px;
}

#seed_box #box05 .box07 .pdt29{
  padding-top:29px;
}

#seed_box #box05 .box07 .pdt31{
  padding-top:31px;
}

#seed_box #box05 .box07 .pdlast{
  padding:34px 0 39px 0;
}

#seed_box #box05 .box08{
  border:solid 2px #d9dbd8;
  padding:23px 10px 13px 24px;
  margin-left:1px;
  margin-bottom:16px;
  overflow:hidden;
  display: flex;
  align-items: center;
}

#seed_box #box05 .box08 #safe_left{
  float:left;
  max-width:96px;
  width: 25%
}

#seed_box #box05 .box08 #safe_right{
  float:right;
  max-width:305px;
  width: 75%;
  padding-left: 24px;
}

#seed_box #box05 .box08 #safe_right .pdt20{
  padding-top:20px;
}

#seed_box #box05 .box09{
  border:solid 2px #d9dbd8;
  padding:21px 10px 0 26px;
  margin-left:1px;
  margin-bottom:16px;
}

#seed_box #box05 .box09 h3{
  padding-bottom:23px;
}

#seed_box #box05 .box09 div{
  padding-left:13px;
}

#seed_box #box05 .box09 .pdb37{
  padding-bottom:37px;
}

#seed_box #box05 .box09 .pdlast{
  padding-bottom:28px;
}

.member-sera-index .col-sm-9 article img {
  max-width: 100%;
  height: auto;
}

#onco_box{
  background:url('/sites/default/files/member/sera/images/index/top_bg02.jpg') no-repeat;
  height:377px;
  margin-top:35px;
}

#onco_box #page04 .box10{
  width:480px;
  padding-left:468px;
  overflow:hidden;
}

#onco_box #page04 .box10 .onco_left{
  width:237px;
  float:left;
  padding-left:1px;
}

#onco_box #page04 .box10 .onco_right{
  width:237px;
  float:right;
}

#onco_box #page04 .pdt34{
  padding-top:34px;
}

#onco_box #page04 .pdt12{
  padding-top:12px;
}

#onco_box #bc{
  padding:15px 3px 0 0;
}



#newinfo_box {
  position: relative;
  padding: 6px 0 0 0;
  margin: 32px 0 40px;
  width:950px;
  right:6px;
}

#newinfo_box h3 {
  margin-bottom:10px;
  padding:0 0 10px 3px;
  background-image:url('/sites/default/files/member/sera/images/index/whatnew_line.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
}


#newinfo_box dl {
  width:840px;
  margin:3px 0 0 23px;
  padding:0;
  font-size:10pt;
  line-height:170%;
  color:#666666;

}
#newinfo_box dt {
  float:left;
  width:108px;
  margin:0;
  padding:0;
  clear:both;
  font-weight: normal;
  color:#4E3C1A;
}

#newinfo_box dt strong {
  color:#F00;
  font-weight:normal;
  margin:0 0 0 8px;
}
#newinfo_box dd {
  width:800px;
  margin:0 0 0 120px;
  padding:0;
}
#newinfo_box dd a {
  color:#666;
}
#newinfo_box dd a:hover {
  color:#FF9900;
}

#newinfo_box p.newinfo {
  position:absolute;
  left: 840px;
  top: -5px;
}

.reg{
  font-size:16px;
}

#newinfo_box .new {
  position:relative;
  left:7px;
  top: 0;
  color: #ff0000;
  font-weight:bold;
}

#newinfo_box .reg_pd{
  display:table-cell;
  vertical-align:bottom;
  height:30px;
}

/* order */
div#sera_order #box01{
  padding-left:26px;
}

div#sera_order .ttl_box{
  margin:0;
  padding:10px 0 25px ;

}

div#sera_order .ttl_box p{
  margin:0;
  color:#02194b;
}

div#sera_order #main_box01{
  padding-bottom:43px;
}

div#sera_order .contact_table{
  max-width:454px;
  width: auto;
  padding-bottom:20px;
}

div#sera_order .contact_table_last{
  max-width:454px;
  width: auto;
  padding-bottom:13px;
}

div#sera_order .contact_left{
  float:left;
  max-width:215px;
  line-height:180%;
}

div#sera_order .contact_right{
  float:right;
}

div#sera_order .contact_table p,
div#sera_order .contact_table_last p{
  color:#02194b;
  margin:0;
}


div#sera_order #m_box{
  max-width:540px;
  width: auto;
  overflow:hidden;
  padding-top:13px;
}

div#sera_order #m_box table{
  max-width:540px;
  width: 100%;
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
}

div#sera_order #m_box table th{
    border: 1px solid #cbcbcb;
    padding: 2px 0;
    text-align: center;
    max-width:270px;
}

div#sera_order #m_box table td{
    border: 1px solid #cbcbcb;
    padding: 5px 0 2px;
    text-align: center;
    width: 50%;
}

div#sera_order #m_box table td .sera_order_pdf{
  padding:20px 0 9px 0;
  margin: 0 auto;
}

div#sera_order .box01{
  width:270px;
  text-align:center;
  border:solid 1px #cccccc;
  float:left;
  padding-top:22px;
  padding-bottom:5px;
  height:107px;
}

div#sera_order .box02{
  width:257px;
  text-align:center;
  border:solid 1px #cccccc;
  float:right;
  position:relative;
  right:1px;
  padding-top:22px;
  padding-bottom:5px;
  height:107px;
}

div#sera_order .sera_order_pdf{
  max-width:259px;
  overflow:hidden;
}

div#sera_order div.txt{
  padding-bottom:5px;
  padding-top:7px;
}

div#sera_order .pdf_left{
  float:left;
  width:50%;
  padding-left: 20px;
}

div#sera_order .pdf_right{
  float:left;
  width:50%;
  padding-right: 20px;
}


/* product */
#foot_link_wide{
  width:100%;
  padding-top:132px;
  overflow:hidden;
}

#foot_link_wide a{
  color:#0233f9;
}

#foot_link_wide a:hover{
  color:#ff9900;
}

#foot_link_wide #foot_link_right{
  float:right;
  width:50%;
}

#foot_link_wide #foot_link_left{
  float:left;
  width:50%;
  text-align:left;
  padding-left:15px;
}

#foot_link_wide #foot_link_right p,
#foot_link_wide #foot_link_left p{
  margin:0;
}

#foot_link_wide img{
  position:relative;
  bottom:1px;
}

.new{
  color:#FF0000;
}

table#pdf{
  max-width:313px;
  border: 1px solid #333333;
  border-collapse: collapse;
  margin-top:40px;
  margin-left:5px;
}

table#pdf th{
  border: 1px solid #333333;
  padding: 2px 0;
  text-align: center;
}

table#pdf td{
  border: 1px solid #333333;
  padding: 5px 0 2px;
  text-align: center;
}


table#pdf th{
  background-color:#f4f4f4;
}


div#box01{
  padding-left: 10px;
}

div#box01 p{
  padding-right:10px;
  margin-bottom:0;
  text-indent: -55px;
  padding-left: 55px;
}

.font_blue{
  color:#092459;
  font-weight:bold;
}

#p01{
  padding:8px 0 0;
}

div#box02{
  padding-bottom:12px;
}

div#box02 #ban{
  border:solid 1px #FF0000;
  padding:10px 20px;
  margin-left:20px;
  margin-top:25px;
}

div#box02 #ban p{
  margin:5px 0;
  text-indent: -20px;
  padding-left: 20px;
}

div#box02 #ban p.indent{
  padding-left:1.5em;
  text-indent:-1.5em;
}

.pdl20{
  padding-left:20px;
}

div#box03{
  padding-bottom:35px;
}

div#box03 .p02{
  position:relative;
  bottom:2px;
  right:120px;
}

div#box03 .img{
  padding-left:50px;
}

div#box03 .img.pdb15{
  padding-bottom:15px;
}

div#box03 .img02{
  padding-bottom:15px;
  padding-left:90px;
}

div#box03 .img02{
  padding-bottom:21px;
  padding-left:90px;
}

div#box03 .img03{
  padding-bottom:25px;
}

div#box03 .img04{
  padding-top:25px;
}

div#box04{
  padding-bottom:30px;
}

div#box04 table{
  border: 1px solid #333333;
  border-collapse: collapse;
  width:167px;
  margin-left:60px;
}

div#box04 table th,
div#box04 table td{
  padding-left:10px;
  border: 1px solid #333333;
  border-collapse: collapse;
}

div#box05{
  padding-bottom:20px;
}

div#box05 div.p03{
  padding-left: 42px;
  text-indent: -42px;
}

div#box05 .p05{
  margin:0;
  padding:15px 0 5px;
}

div#box05 .hyou{
  padding-left:100px;
}

div#box06 p{
  padding-bottom:15px;
}

div#box07 h3{
  padding-bottom:8px;
}

div#box07 table td{
  vertical-align:top;
}

div#box07 .tbl{
  border: 1px solid #333333;
  border-collapse: collapse;
  margin-top:5px;
}

div#box07 .tbl td{
  border: 1px solid #333333;
  border-collapse: collapse;
  padding:0 10px;
  text-align:center;
  word-break: break-all;
}

/* newest */
.font_red{
  color:#FF0000;
}

.font_blue{
  color:#032958;
}

table.supply{
  width:226px;
  border: 1px solid #333333;
  border-collapse: collapse;
}

table.supply th,
table.supply td{
  border: 1px solid #333333;
  padding:0;
  text-align: center;
}

table.supply td{
  height:35px;
  line-height:110%;
}

table.supply .bg01{
  background-color:#cfffcf;
}

table.supply .bg02{
  background-color:#cdffff;
}

table.supply .bg03{
  background-color:#ffff9b;
}

#rem_box{
  border:1px solid #bbbbbb;
  padding:15px;
  text-align:left;
}

.rem{
  text-indent:-1.8em;
  padding-left:1.8em;
}

#newest_pdf a{
  text-decoration:underline;
  color:#0000a0;
}

#newest_pdf a:hover{
  color:#FF0000;
}

#newest_pdf a span{
}

.contact_table{
  width:454px;
  padding-bottom:15px;
}

.contact_table_last{
  width:454px;
  padding-bottom:20px;
}


.contact_table p,
.contact_table_last p{
  color:#02194b;
  margin:0;
}

#m_box{
  width:540px;
  overflow:hidden;
  padding-top:13px;
}

#m_box table{
  width:540px;
  border: 1px solid #cbcbcb;
  border-collapse: collapse;
}

#m_box table th{
  border: 1px solid #cbcbcb;
  padding: 2px 0;
  text-align: center;
  width:270px;
}

#m_box table td{
  border: 1px solid #cbcbcb;
  padding: 5px 0 2px;
  text-align: center;
}


#m_box1{
  padding-bottom:27px;
  margin-top:7px;
}

#m_box2{
  padding-left:15px;
  padding-bottom:30px;
}

#m_box table td .pdf{
  padding:20px 0 9px 7px;
}

.sera_newest_box01{
  width:270px;
  text-align:center;
  border:solid 1px #cccccc;
  float:left;
  padding-top:22px;
  padding-bottom:5px;
  height:107px;
}

.sera_newest_box02{
  width:257px;
  text-align:center;
  border:solid 1px #cccccc;
  float:right;
  position:relative;
  right:1px;
  padding-top:22px;
  padding-bottom:5px;
  height:107px;
}

.pdf{
  width:259px;
  overflow:hidden;
}

div.txt{
  padding-bottom:5px;
  padding-top:7px;
}

.pdf .pdf_left{
  float:left;
  width:110px;
  padding-left:23px;
}

.pdf .pdf_right{
  float:left;
  width:81px;
}
#box2_txt{
  padding-top:10px;

}

table#atten,
table#atten td,
table#atten th{
  border-collapse: collapse;
  border:#55758a 1px solid;
}

table#atten .bd1{
  border-top:none;
}

table#atten .bd2{
  border-bottom:none;
}

.wh10 { font-size: 10pt; color: #FFFFFF}

.member-sera-product-index div.img img,
.member-sera-product-index02 div.img img {
  max-width: 100%;
  height: auto;
}
.member-sera-product-index .hyou table[width="580"],
.member-sera-product-index02 .hyou table[width="580"],
.member-sera-newest-index #m_box1 table,
.member-sera-newest-index #atten_box table,
.member-sera-newinfo-index table,
.member-sera-info-index table {
  width: 100%;
}


.member-sera-newest-index #atten_box table {
  max-width: 690px;
}

.member-sera-newest-index #atten_box table:first-child td.fs15 {
  max-width: 500px;
  width: auto;
}

.member-sera-newest-index #m_box1 table img {
  max-width: 710px;
  width: 100%;
  height: auto;
}

.member-sera-info-index table.jq_list img  {
  width: 100%;
}

.member-sera-newinfo-index table.jq_list td[colspan="3"] img,
.member-sera-info-index table.jq_list td[colspan="3"] img {
  width: 100%;
  height: auto;
}

.member-sera-newinfo-index table.jq_list td[width="545"] img {
  max-width: 445px;
  width: auto;
}

#foot_link_wide table {
  width: auto;
}

@media screen and (max-width: 768px) {
  div#sera_order #box01 {
    padding-left: 10px;
  }

  #sera_box {
    background-image: url(../../../images/member/sera/top_bg01_small.jpg);
    background-size: contain;
  }

  #sera_box #hosoku {
    padding-top: 19%;
    margin-bottom: 3%;
  }

  #seed_box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #seed_box #box05 .box_left,
  #seed_box #box05 .box_right {
    width: 100%;
    float: none;
    max-width: 473px;
  }
  #seed_box #box05 .box_left > div,
  #seed_box #box05 .box_right > div {
    padding: 0 8px 8px 10px;
  }

  #seed_box #box05 .box_left > div > div,
  #seed_box #box05 .box_right > div > div,
  #seed_box #box05 .box_left > div > h3,
  #seed_box #box05 .box_right > div > h3  {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  #seed_box #box05 .box08 #safe_right{
    padding-left: 10px;
  }

  #sera_box .box02,
  #sera_box .box03,
  #sera_box .box04 {
    padding-left: 0;
    padding-right: 0;
  }


  #sera_box .box04 {
    flex-direction: column;
  }

  #sera_box .box01 h2,
  #sera_box .box01 div,
  #sera_box .box02 div,
  #sera_box .box03 div,
  #sera_box .box03 h2,
  #sera_box .box04 div {
    padding: 0 !important;
    float: none !important;
    text-align: center;
  }

  #sera_agx {
    padding-right: 0;
    padding-bottom: 91px;
  }

  .member-sera-index section.col-sm-9 {
    width: 100%;
  }

  div#box03 .img {
    padding-left: 0;
  }

  div#box02 #ban {
    margin-left: 0;
  }

  .pdl20 {
    padding-left: 5px;
  }
}