@charset "UTF-8";
/**
 * レイアウト
 */
html {
  background: url(img/bg_shape.gif) repeat center top;
  background-attachment: fixed; }

body {
  background: url(img/bg_pattern.png) repeat center top; }

@media screen and (max-width: 767px) {
  html,
  body {
    background: none; } }
/* ==========================================================================
   wrapper
   ========================================================================== */
#inner-contents {
  background: url(img/bg_contents.png) repeat; }

@media screen and (max-width: 767px) {
  #inner-contents {
    background: #FFF; } }
/* ==========================================================================
   header
   ========================================================================== */
#header {
  background-color: #FFF;
  border-bottom: 4px solid #fff118; }

header {
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 48px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 960px; }
  @media screen and (max-width: 767px) {
    header {
      width: 100%; } }
  header #head-logo {
    position: absolute;
    left: 0;
    top: 18px;
    height: 54px;
    width: 202px; }
  header #head-astrazeneca {
    position: absolute;
    right: 0;
    top: 45px;
    height: 30px;
    width: 110px; }
  header #head-utility {
    letter-spacing: -.40em;
    padding-right: 130px;
    text-align: right;
    white-space: nowrap; }
  header #head-srch,
  header #head-fsize {
/*    background: url(img/utility_line.gif) no-repeat left center;*/
    padding-left: 13px;
    text-align: left; }
  header #head-srch {
    width: 100px;
    margin-right: 8px; }
    header #head-srch a {
/*      background: url(img/icon_srch.gif) no-repeat left center;*/
      color: #000;
      font-size: 100%;
      padding: 3px 0 3px 28px;
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        header #head-srch a {
          font-size: 92.30769%; } }
  header #head-srch,
  header #head-fsize dt {
    font-weight: bold;
    letter-spacing: 0.1em; }
  header #head-srch,
  header #head-fsize {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    vertical-align: middle; }
  header #head-fsize {
    letter-spacing: -.40em;
    padding-left: 16px;
    min-width: 200px; }
    header #head-fsize dt,
    header #head-fsize dd {
      vertical-align: middle; }
    header #head-fsize dt {
      margin-right: 9px; }
    header #head-fsize dd {
      background: url(img/btn_fontsize.gif);
      background-repeat: no-repeat;
      cursor: pointer;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      zoom: 1;
      height: 31px;
      width: 39px; }
    header #head-fsize #large {
      background-position: left top; }
    header #head-fsize #large.active {
      background-position: left -31px; }
    header #head-fsize #default {
      background-position: -39px top; }
    header #head-fsize #default.active {
      background-position: -39px -31px; }

.sns {
  position: absolute;
  top: 16px;
  right: 0px; }
  .sns li {
    float: right; }
    .sns li.tw {
      width: 75px !important; }

@media screen and (max-width: 767px) {
  #header {
    border-bottom: none; }

  header {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 11px;
    padding-top: 12px; height:46px;}
    header img {
      height: 27px;
      width: 101px; }
    header #head-logo {
      top: 12px;
      left: 17px; }
    header #head-utility {
      padding-right: 90px; }
    header #head-srch {
      background: none;
      border-right: 1px solid #e1e1e1;
      font-weight: normal;
      padding: 5px 11px 1px 0;
      width: auto;
      position: relative;
      z-index: 10; }
      header #head-srch a {
        background: url(img/sprites.png) no-repeat left top;
        background-size: 200px auto;
        padding: 3px 0 5px 22px; } }
/* ==========================================================================
   navigation
   ========================================================================== */
#gnav-wrap {
  margin: 0 auto;
  height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 960px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    #gnav-wrap {
      width: 100%; } }

#gnav span {
  background-image: url(img/gnav.png);
  background-repeat: no-repeat;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
  height: 100px; }
#gnav #gnav01 span {
  background-position: left top;
  width: 200px; }
  #gnav #gnav01 span:hover {
    background-position: left -100px; }
#gnav #gnav02 span {
  background-position: -200px top;
  width: 190px; }
  #gnav #gnav02 span:hover {
    background-position: -200px -100px; }
#gnav #gnav03 span {
  background-position: -390px top;
  width: 190px; }
  #gnav #gnav03 span:hover {
    background-position: -390px -100px; }
#gnav #gnav04 span {
  background-position: -580px top;
  width: 206px; }
  #gnav #gnav04 span:hover {
    background-position: -580px -100px; }
#gnav #gnav05 span {
  background-position: -786px top;
  width: 174px; }
  #gnav #gnav05 span:hover {
    background-position: -786px -100px; }

@media screen and (max-width: 767px) {
  #gnav-wrap {
    background-color: #FFF;
    height: auto; }

  #gnav-btn {
    background: url(img/sprites.png) no-repeat left top;
    background-size: 200px auto;
    background-position: left -26px;
    padding-left: 23px;
    position: absolute;
    right: 8px;
    top: -33px; }

  #gnav-wrap {
    display: none; }

  #gnav {
    padding-left: 8px;
    padding-right: 8px; }
    #gnav li {
      border-bottom: 1px solid #cdd4dd;
      display: block;
      float: none;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.1;
      position: relative; }
      #gnav li:before {
        background-image: url(img/sprites.png);
        background-size: 200px auto;
        content: "";
        position: absolute;
        height: 21px;
        left: 0;
        top: 13px;
        width: 30px; }
    #gnav #gnav01:before {
      background-position: left -57px; }
    #gnav #gnav02:before {
      background-position: 2px -78px; }
    #gnav #gnav03:before {
      background-position: left -98px;
      top: 16px; }
    #gnav #gnav04:before {
      background-position: left -120px;
      top: 14px; }
    #gnav #gnav05:before {
      background-position: left -150px;
      top: 14px; }
    #gnav a {
      color: #000;
      display: block;
      text-decoration: none; }
    #gnav img {
      display: none; }
    #gnav span {
      background: none;
      height: auto;
      padding: 16px 0 16px 37px;
      text-indent: inherit;
      white-space: normal;
      overflow: auto;
      zoom: 1; }
      #gnav span:before {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 2px;
        width: 12px;
        height: 12px;
        margin-top: -5px;
        background-color: #b7b7b7; }
      #gnav span:after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 6px;
        width: 12px;
        height: 12px;
        margin-top: -5px;
        background-color: #fff; } }
/* ==========================================================================
   contents
   ========================================================================== */
#contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    #contents {
      width: 100%; } }

#main {
  background-color: #FFF; }

#second-wrap.second #main-wrap {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 690px; }
  @media screen and (max-width: 767px) {
    #second-wrap.second #main-wrap {
      width: 100%; } }
#second-wrap.second #side {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 230px; }
  @media screen and (max-width: 767px) {
    #second-wrap.second #side {
      width: 100%; } }

.full #main {
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 960px; }
  @media screen and (max-width: 767px) {
    .full #main {
      width: 100%; } }

@media screen and (max-width: 767px) {
  #second-wrap.second {
    padding-top: 20px; } }
/* topicpath
   ========================================================================== */
#topicpath {
  letter-spacing: -.40em;
  margin-top: 40px;
  padding-bottom: 40px; }
  #topicpath li {
    background: url(img/topicpath_arrow.gif) no-repeat left center;
    font-size: 92.30769%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 13px;
    padding: 4px 0 4px 23px; }
    @media screen and (max-width: 767px) {
      #topicpath li {
        font-size: 12px; } }
  #topicpath #home {
    background: url(img/icon_home.gif) no-repeat left center;
    margin-left: 0;
    padding-left: 35px; }
  #topicpath a {
    color: #000; }
  #topicpath strong {
    font-weight: normal; }

/* ==========================================================================
   side
   ========================================================================== */
#snav {
  margin-bottom: 38px;
  /*48px*/ }
  #snav li {
    font-weight: bold;
    margin-top: 10px; }
    #snav li:first-child {
      margin-top: 0; }
  #snav a {
    color: #3e8dd7;
    text-decoration: none; }
  #snav .arrow-link {
    color: #3e8dd7 !important;
    background-position: 10px 0.4em;
    border-radius: 12px;
    display: block;
    padding: 4px 5px 4px 29px; }

.lnav_bn li {
  margin-bottom: 10px;
  text-align: center; }

.side-accttl {
  background: url(img/acc_open.png) no-repeat 207px 6px;
  border-radius: 12px;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  padding: 3px 5px 4px 20px; }

.side-accttl.active {
  background: url(img/acc_close.png) no-repeat 207px 6px; }

.side-accbody {
  display: none; }
  .side-accbody li {
    font-size: 100%; }

@media screen and (max-width: 767px) {
  .side-accttl {
    background: url(img/sp_acc_open.png) no-repeat 98% 8px;
    background-size: 24px 24px;
    padding: 10px 5px 9px 9px; }

  .side-accttl.active {
    background: url(img/sp_acc_close.png) no-repeat 98% 8px;
    background-size: 24px 24px; }

  #snav {
    margin-top: 24px; }
    #snav .arrow-link {
      background-position: 10px 0.65em;
      border-radius: 12px;
      display: block;
      padding: 4px 5px 4px 29px; }

  .lnav_bn {
    margin-bottom: 36px; } }
/* カテゴリごと色指定 */
.asthma .side-accttl {
  background-color: #3ba340; }
.asthma .side-accbody .active .arrow-link {
  background-color: #d8edd9; }
.asthma a:hover .arrow-link {
  background-color: #ebf3fb; }

.case .side-accttl {
  background-color: #3aabbf; }
.case .side-accbody .active .arrow-link {
  background-color: #d8eef2; }
.case a:hover .arrow-link {
  background-color: #ebf3fb; }

.medications .side-accttl {
  background-color: #ff5591; }
.medications .side-accbody .active .arrow-link {
  background-color: #ffdde9; }
.medications a:hover .arrow-link {
  background-color: #ebf3fb; }

.family .side-accttl {
  background-color: #f32020; }
.family .side-accbody .active .arrow-link {
  background-color: #fdd2d2; }
.family a:hover .arrow-link {
  background-color: #ebf3fb; }

.with-child .side-accttl {
  background-color: #f37f20; }
.with-child .side-accbody .active .arrow-link {
  background-color: #fde5d2; }
.with-child a:hover .arrow-link {
  background-color: #ebf3fb; }

/* ネブライザー取扱会社 */
#side-neblizer {
  background-color: #fafafa;
  border-bottom: 3px solid #ff5591;
  border-top: 3px solid #ff5591; }
  #side-neblizer h2 {
    border-bottom: 1px dotted #000;
    letter-spacing: 0.2em;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center; }
  #side-neblizer .side-bnrlist {
    padding-bottom: 20px;
    padding-top: 20px; }
    #side-neblizer .side-bnrlist li {
      margin-top: 10px;
      text-align: center; }
      #side-neblizer .side-bnrlist li:first-child {
        margin-top: 0; }

@media screen and (max-width: 767px) {
  #side-neblizer .side-bnrlist {
    letter-spacing: -.40em; }
    #side-neblizer .side-bnrlist li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      *position: relative;
      *zoom: 1;
      display: inline-block;
      letter-spacing: normal;
      margin-bottom: 10px;
      margin-top: 0;
      padding-left: 8px;
      padding-right: 8px;
      vertical-align: top;
      width: 50%; } }
/* ==========================================================================
   footer
   ========================================================================== */
.full-bnrlist {
  letter-spacing: -.40em;
  text-align: center;
  margin-top: 95px;
  position: relative; }
  .full-bnrlist li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 6px;
    height: 65px;
    width: 155px; }
    .full-bnrlist li:first-child {
      margin-left: 0; }

footer {
  background: url(img/footer.png) repeat-x center 80px;
  padding-bottom: 31px; }

#inner-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *position: relative;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding-bottom: 130px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #inner-footer {
      width: 100%; } }

#cinfo-list {
  background-color: #FFF;
  border-top: 1px solid #e1e1e1;
  letter-spacing: -.40em;
  /*padding-bottom:30px;*/
  padding-top: 20px;
  background: #fff; }
  #cinfo-list li {
    border-left: 1px solid #aaa;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    font-size: 92.30769%;
    line-height: 1.0;
    margin-left: 5px;
    padding-left: 10px; }
    @media screen and (max-width: 767px) {
      #cinfo-list li {
        font-size: 12px; } }
    #cinfo-list li:first-child {
      border-left: none;
      margin-left: 0;
      padding-left: 0; }
  #cinfo-list a {
    color: #000; }

#copyright {
  font-size: 92.30769%;
  line-height: 1.55;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    #copyright {
      font-size: 12px; } }
#copyright .exId{
	margin-top:1em;
	display:block;}
#pagetop {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 30px;
  height: 240px;
  width: 255px; }

@media screen and (max-width: 767px) {
  footer {
    background: none;
    padding: 0px 8px 35px; }

  #inner-footer {
    padding-top: 56px;
    padding-bottom: 0; }

  #cinfo-list {
    /*margin-bottom:20px;*/
    text-align: center; }
    #cinfo-list li {
      margin-bottom: 10px; }

  #copyright {
    text-align: center;
    margin-top: 0px; }

  #pagetop {
    top: 0;
    height: 40px;
    width: 40px; }
    #pagetop a {
      background: url(img/sprites.png) no-repeat left -480px;
      background-size: 200px auto;
      display: block;
      height: 40px;
      width: 40px; }

  #btn-home {
    background-color: #3e8dd7;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 80%; }
    #btn-home a {
      color: #FFF;
      display: block;
      text-decoration: none; }
      #btn-home a:before {
        background: url(img/sprites.png) no-repeat left -450px;
        background-size: 200px auto;
        content: "";
        display: inline-block;
        height: 20px;
        margin-bottom: 2px;
        margin-right: 10px;
        vertical-align: middle;
        width: 20px; }

  #flogo-astrazeneca {
    height: 55px;
    margin: 0 auto 25px;
    width: 220px; } }