@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-family: inherit; font-size: 1em; }
/* remember to define focus styles! */
:focus { outline: 0; }
img { border: none;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix{ overflow:hidden; }

html { width: 100%; }
p { font-size:11px; color:#312E2E; line-height:1.8em; margin:0; }
body {
  background: #fff;
  margin: 0px;
  padding: 0px;
  font: normal 12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, Arial, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  color: #000;
  width: 100%;
}

#globalHeader { height: 50px; overflow: hidden; clear: both; background: #fff; margin: 0 0 66px; font-size: 1px; line-height: 1px; }
#globalHeader img { display: block; font-size: 1px; line-height: 1px; }
#globalHeader .inner { width: 960px; margin: 0 auto; height: 50px; position: relative; }
#globalHeader .inner #corporateID { position: absolute; left: 0; top: 13px; }
#globalHeader .inner #brandLogo { position: absolute; right: 0; top: 11px; }

#nav { background: url(../img/header_bg_rpt.png) repeat-x; font-size: 0; position: absolute; left: 0; top: 50px; width: 100%; }
#nav img { display: block; }
#nav .bg { background: url(../img/header_bg_cntr.png) no-repeat center top; }
#nav .bg .inner { width: 960px; margin: 0 auto; height: 70px; position: relative; }
#nav .bg .inner ul { background: url(../img/nav_line.png) no-repeat; width: 959px; height: 70px; padding-left: 1px; }
#nav .bg .inner li { float: left; margin: 0 1px 0 0; position: relative; }
#nav .bg .inner li a,
#nav .bg .inner li span { display: block; cursor: pointer; }
#nav .bg .inner li div { position: absolute; left: 0; top: 70px; width: 112px; height: 0px; padding: 0; overflow: hidden; }
#nav .bg .inner li div ul { position: absolute; left: 0; bottom: 0; width: 112px; background: none; height: auto; padding: 0; }
#nav .bg .inner li div ul li { float: none; margin: 0; }
#nav .bg .inner li#nav01 { background: url(../img/nav01_cur.png); }
#nav .bg .inner li#nav02 { background: url(../img/nav02_cur.png); }
#nav .bg .inner li#nav03 { background: url(../img/nav03_cur.png); }
#nav .bg .inner li#nav04 { background: url(../img/nav04_cur.png); }
#nav .bg .inner li#nav05 { background: url(../img/nav05_cur.png); }
#nav .bg .inner li#nav06 { background: url(../img/nav06_cur.png); }
#nav .bg .inner li#nav07 { background: url(../img/nav07_cur.png); }
#nav .bg .inner li#nav08 { background: url(../img/nav08_cur.png); }
#nav .bg .inner li#nav09 { background: url(../img/nav09_cur.png); }
#nav .bg .inner li#nav01 a { background: url(../img/nav01_over.png); }
#nav .bg .inner li#nav02 a { background: url(../img/nav02_over.png); }
#nav .bg .inner li#nav03 a { background: url(../img/nav03_over.png); }
#nav .bg .inner li#nav04 a { background: url(../img/nav04_over.png); }
#nav .bg .inner li#nav05 a { background: url(../img/nav05_over.png); }
#nav .bg .inner li#nav06 span { background: url(../img/nav06_over.png); }
#nav .bg .inner li#nav07 span { background: url(../img/nav07_over.png); }
#nav .bg .inner li#nav08 a { background: url(../img/nav08_over.png); }
#nav .bg .inner li#nav09 span { background: url(../img/nav09_over.png); }
#nav .bg .inner li ul li#sub06_01 a { background: url(../img/sub06_01_over.png); }
#nav .bg .inner li ul li#sub06_02 a { background: url(../img/sub06_02_over.png); }
#nav .bg .inner li ul li#sub06_03 a { background: url(../img/sub06_03_over.png); }
#nav .bg .inner li ul li#sub07_01 a { background: url(../img/sub07_01_over.png); }
#nav .bg .inner li ul li#sub07_02 a { background: url(../img/sub07_02_over.png); }
#nav .bg .inner li ul li#sub07_03 a { background: url(../img/sub07_03_over.png); }
#nav .bg .inner li ul li#sub09_01 a { background: url(../img/sub09_01_over.png); }
#nav .bg .inner li ul li#sub09_02 a { background: url(../img/sub09_02_over.png); }

a,img { border: 0; margin: 0; padding: 0; }

#footarea { width: 910px; margin: 105px auto 0px auto; color: #fff; }
#toTop { text-align: right; padding-top: 20px; width: 818px; }
#foot a:link { color: #fff; text-decoration: none; }
#foot a:visited { color: #fff; text-decoration: none; }
#foot a:hover { color: #fff; text-decoration: underline; }
#foot a:active { color: #fff; text-decoration: none; }

a { webkit-transition: color 0.3s; transition: color 0.3s;}
a:link { color: #2997ec; text-decoration: none; }
a:visited { color: #2997ec; text-decoration: none; }
a:hover { color: #84c3f8; text-decoration: underline; }
a:active { color: #84c3f8; text-decoration: none; }

#subInfo { width: 960px; margin: 0 auto; padding: 20px 0; position: relative; }
#subInfo #breadCrumbs { color: #999; }
#subInfo #breadCrumbs a { text-decoration: underline; }
#subInfo #breadCrumbs span { padding: 0 8px; }
#subInfo #snsBtn { position: absolute; right: -10px; top: 20px; _right: -20px; }
#subInfo #snsBtn li { height: 20px; text-align: center; float: left; margin: 0 10px 0 0; line-height: 20px; }

#countainer {
  border: 1px solid #1080d6;
  background: #fff;
  width: 906px;
  margin:0px auto;
  height: auto;
  padding: 30px 0 80px;
  text-align: center;
  opacity: 0;
}
#countainer.wide { width: 958px; }

.m5 { margin-bottom: 5px; }
.m10 { margin-bottom: 10px!important; }
.m15 { margin-bottom: 15px!important; }
.m20 { margin-bottom: 20px!important; }
.m25 { margin-bottom: 25px!important; }
.m30 { margin-bottom: 30px!important; }
.m35 { margin-bottom: 35px!important; }
.m40 { margin-bottom: 40px!important; }
.m50 { margin-bottom: 50px!important; }
.m70 { margin-bottom: 70px!important; }
.m80 { margin-bottom: 80px!important; }
.mt { margin-top: 20px; }
.cl { clear: both; }
.fl { float: left; }
.fr { float: right!important; }
.txt12 { font-size: 12px!important; }
.txt14 { font-size: 14px!important; }
.txt16 { font-size: 16px!important; }

/*Contents*/
.inarea { width:730px; margin:0px auto; text-align: center; }
#comicList { list-style-type:none; height:250px; margin:0; padding:0; }
#comicList li { width:179px; margin:0 7px; float:left; }

#pdtMain { margin: 0 -44px 35px;}
#illustWrap { width: 657px; margin: 0 auto !important;  }
.illust { position: relative; }
.illust.bdrBox { padding: 0 0 20px; }
.illust .btn { position: absolute; }
#illust01 .btn { bottom: 74px; right: 40px; }
#illust02 .btn { bottom: 43px; left: 209px; }

.bdrBox { border-bottom: 1px solid #d5e3f0 ; margin: 0 0 20px; padding: 0 0 60px; }

#productWrapper { background: #ddedfb; /zoom : 1; padding: 35px 36px; }
#productWrapper:after { content : ''; display : block; clear : both; }

.product { width:328px; border:#D5E3F0 solid 1px; background: #fff; text-align: center; }
.product.fr { border-left: none; width: 327px; }
.product .m { margin:0px auto 10px auto; }
.textarea { text-align:left; }
.textarea p { font-size:12px; }

#subearea { width:649px; margin:0px auto 0px auto; }
/* banner */

#banner { width: 625px; margin: 40px auto 0; position: relative; }
#banner .btn { position: absolute; left: 355px; top: 97px;  }

#bannerList { overflow: hidden; width: 908px; margin: 30px auto 0; padding: 0!important; }
#bannerList li { position: relative; }
#bannerList li .btn { position: absolute; right: 125px; bottom: 30px; }
#bannerList .banner01 { float: left; }
#bannerList .banner02 { float: right; }

#bgTop { background: #d4e4f7 url(../img/bg_top.jpg) no-repeat center top; position: relative; }
#bgBtm { background: url(../img/bg_btm.png) no-repeat center bottom; }

#pageTop { width: 960px; margin: 0 auto; overflow: hidden; padding: 38px 0 20px; }
#top #pageTop { display: none; }
#pageTop p { float: right; cursor: pointer; }

#footerLinks { background: #edf6fd; min-height: 200px; color: #2997ec; _height: 200px; }
#footerLinks .cfix { width: 960px; margin: 0 auto; padding: 36px 0 20px; }
#footerLinks .cfix ul { float: left; }
#footerLinks .cfix ul li { padding-left: 15px; }
#footerLinks .cfix ul li.decimal { background: url(../img/icn_decimal.png) no-repeat 0px 6px; font-size: 14px; }
#footerLinks .cfix ul li.m15 { margin-bottom: 20px; }
#footerLinks .cfix ul li.m10 { margin-bottom: 10px; }
#footerLinks .cfix ul li img { position: relative; top: -2px; left: 4px; }
#footerLinks #fl1 { width: 129px; }
#footerLinks #fl2 { width: 221px; }
#footerLinks #fl3 { width: 216px; }
#footerLinks #fl4 { width: 229px; }
#footerLinks #fl5 { width: 165px; }

#brandFooter { margin-top: 0 !important; }
#brandFooter .container { padding-top: 40px !important; border-top: none !important; }

.newStyle #countainer { background: #fff; padding: 0 0 40px; width: 960px; }
.newStyle #countainer .inarea { width: 780px; margin: 0 auto; }
.newStyle #countainer p { font-size: 16px; text-align: left; line-height: 2; }
.newStyle #countainer p small { font-size: 14px; line-height: 1.4; }
.newStyle #countainer p sup { font-size: 12px; }
.newStyle #countainer .narrow { padding: 0 60px; overflow: hidden; }
.newStyle #countainer .blueTxt { color:#1080d6; }

.newStyle #countainer h2 { margin: 0 0 30px; }

#top .wrapper { width: 960px; margin: 0 auto; opacity: 0; }
#top #mainContent { height: 480px; margin: 0 0 40px; overflow: hidden; }
#top #mainContent #mainBase { min-width: 960px; width: 100%; height: 480px; position: absolute; left: 0; top: 0; overflow: hidden; background: #fefefe; }
#top #mainContent #mainImg { position: relative; }
#top #mainContent #mainImg img { position: absolute; left: 50%; top: 0; margin: 0 0 0 -800px; }
#top #mainContent .inner { position: relative;}
#top #mainContent #catch { position: absolute; left: 30px; top: 118px; width: 529px; height:45px; }
#top #mainContent #catch img { position: absolute; top: 0; display: block; }
#top #mainContent #catch .txt01 { left: 0; }
#top #mainContent #catch .txt02 { left: 41px; }
#top #mainContent #catch .txt03 { left: 82px; }
#top #mainContent #catch .txt04 { left: 121px; }
#top #mainContent #catch .txt05 { left: 168px; }
#top #mainContent #catch .txt06 { left: 210px; }
#top #mainContent #catch .txt07 { left: 253px; }
#top #mainContent #catch .txt08 { left: 268px; }
#top #mainContent #catch .txt09 { left: 309px; }
#top #mainContent #catch .txt10 { left: 351px; }
#top #mainContent #catch .txt11 { left: 398px; }
#top #mainContent #catch .txt12 { left: 430px; }
#top #mainContent #catch .txt13 { left: 477px; }
#top #mainContent #catch .txt14 { left: 511px; }
#top #mainContent h2 { position: absolute; left: 30px; top: 255px; }
#top #mainContent #copy { position: absolute; left: 175px; top: 255px; }
#top #mainContent #prodcutBtn { position: absolute; left: 377px; top: 262px; }
#top #mainContent #package { position: absolute; left: 24px; top: 321px; }
#top #mainContent #package li { float: left; margin: 0 4px 0 0; }
#top #mainContent #package li a { display: block; }
#top #mainContent #cm { position: absolute; right: -5px; top: 334px; }
#top #mainContent #cm a { display: block; }
#top #mainContent #cm .thumb { position: absolute; left:10px; top: 8px; width: 200px; height: 113px; }
#top #mainContent #cm .thumb img{ position: absolute; left:0; top: 0; }
#top #mainContent #cm .btn { position: absolute; left: 0px; top: 0px;}
#top #mainContent #cm h3 { position: absolute; left: 13px; top: 13px;}
#top #mainContent #cm .icnNew { position: absolute; right: 5px;  top: 3px; }
#top #links { height: 420px; overflow: hidden; }
#top #links ul { margin: 0 -30px 0 0; }
#top #links ul li { position: relative; float: left; margin: 0 30px 0 0; width: 300px; height: 360px; overflow: hidden; }
#top #links ul li h3 { position: relative; }
#top #links ul li h3 .icnNew { position: absolute; right: 0; top: 0; }
#top #links ul li .cont { position: absolute; left: 10px; top: 96px; }
#top #links ul li a { display: block; }
#top #links ul li a:hover .btn { opacity: 0; }
#top #links ul li .btn { position: absolute; left: 20px; bottom: 20px; }

#products #countainer h2 { margin: 0; }
#products #mainImg { margin: 0 0 50px; }
#products .stitle { margin: 0 0 40px; }
#products .inarea { margin: 0 auto 70px!important; }
#products .thumb { float: left; margin: 0 40px 0 0; }
#products .auto { overflow: hidden; letter-spacing: -0.5px; }
#products #type #package { clear: both;  height: 309px;}
#products #type #package:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#products #type #package li { width: 370px; height: 309px; margin: 0; float: left; }
#products #type .ex { float: right!important; margin: -13px -11px 0 0!important;}
#products #type dl { overflow: hidden; background:#2997ec; color: #fff; padding: 16px 0; line-height: 1.1; }
#products #type dl dt { display: inline-block; font-size: 14px; }
#products #type dl dd { display: inline-block; font-size: 18px; padding: 0 0 0 18px; margin: 0 0 0 18px; border-left: 1px solid #6ab6f2; }
#products #type table { border-right: 1px solid #2997ec; margin: 0 0 15px; }
#products #type table th { width: 98px; font-size: 16px; text-align: center;; vertical-align: middle; border-bottom: 1px solid #2997ec; border-left: 1px solid #2997ec; color: #2997ec; padding: 20px 0; }
#products #type table td { width: 339px; font-size: 16px; text-align: center;; vertical-align: middle; border-bottom: 1px solid #2997ec; border-left: 1px solid #2997ec; color: #2997ec; padding: 20px 0; font-weight: bold;}
#products #type table .blue {  background: #e9f4fd; }
#products #type table .purple {  background: #f5f1f8; }
#products #type table .medicine { padding: 47px 0;}
#products #type table .lightBdr { border-bottom: 1px solid #bddaf7; }
#products #type table td img { display: inline-block; margin: -22px 0 -22px 8px; }
#products #type .btns { overflow: hidden; width: 660px; height: 31px; margin: 0 auto; }
#products #type .btns li { width: 220px; float: left;; }
#products #mechanism { margin: 0 auto !important; }
#products #mechanism .narrow { padding: 0 70px; }
#products .btn { left: 306px; }

#cm #video { margin: 0 0 20px; }
#cm p { line-height: 1.8!important; margin: 0 0 10px; }

#efficacy #graphs { overflow: hidden; margin: 30px 0 15px; }
#efficacy .grayArea { background: #f2f2f2; }
#efficacy .attention {  color: #666; font-size: 14px; line-height: 1.4; }
#efficacy .attention p { color: #666; font-size: 14px; line-height: 1.4!important;  margin: 0 0 20px; }
#efficacy .attention p span { color: #1080d6; }
#efficacy .attention ul { overflow: hidden; margin: 0 0 20px; }
#efficacy .attention ul li { float: left; margin: 0 30px 0 0; }
#efficacy .grayArea { padding: 20px; letter-spacing: -0.5px; margin: 0 0 15px; }
#efficacy .grayArea h3 { text-align: left; color: #1080d6; font-size: 16px; margin: 0 0 10px; }
#efficacy .grayArea p { line-height: 1.4; margin: 0; }
#efficacy .grayArea p span {  line-height: 1.6;}

#sleepaid .stitle { margin: 0 0 30px; }
#sleepaid p span { color: #1080d6; }
#sleepaid .thumbs { position: relative; margin: 0 0 80px; }
#sleepaid .thumbs ul { overflow: hidden; }
#sleepaid .thumbs ul li { float:left; }
#sleepaid .thumbs .illust { position: absolute; bottom:0; left: 324px; }
#sleepaid #mechanism01 { background:url(../sleepaid/img/mechanism01_bg.png) left top no-repeat; }
#sleepaid #mechanism02 { background:url(../sleepaid/img/mechanism02_bg.png) left top no-repeat; }
#sleepaid .mechanism { padding: 20px; position: relative; margin: 0 0 80px; }
#sleepaid .mechanism h3 { text-align: left; margin: 0 0 15px; }
#sleepaid .mechanism .narrow { padding: 0 50px 10px; }
#sleepaid .mechanism .bgBtm { position: absolute; left:0; bottom: 0;  }
#sleepaid #graph { width: 860px; margin: 0 auto; }
#sleepaid #graph .thumb { border-bottom: 1px solid #2997ec; border-right: 1px solid #2997ec; border-left: 1px solid #2997ec; padding: 15px 40px 26px; margin: 0 0 5px; }
#sleepaid #graph .thumb li { margin: 15px 0; }
#sleepaid #graph p {  text-align: right; color: #666; }

#about #textarea p { font-size:16px; letter-spacing: -1px; margin: 0 0 25px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
 /* -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  background: url('../img/fancybox_close.png') center center no-repeat;
  position: absolute;
  top: -65px;
  right: 0px;
  width: 34px;
  height: 48px;
  cursor: pointer;
  z-index: 8040;
}


.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../img/overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){


  #fancybox-loading div {
    background-image: url('fancybox_loading_2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}