@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

layout CSS File

File Name		layout.css
Note			共通レイアウト用スタイルシート


New Creation	09.06.03
Update			10.02.24


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1. htmlタグ
2. container
3. 共通部分
4. header
5. main
6. sub
7. footer

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1. htmlタグ
----------------------------------------------------------------------*/
html {
  overflow-y: scroll;
  height: 100%;
}

body {
  height: 100%;
  background: #fff;
}

a {
  color: #fff;
}

a:hover {
  /*	color:#ff776e !important;*/
  color: #ff776e;
}

p {
  color: #898989;
}

#smartphone {
  background: #335351;
  text-align: center;
}

#smartphone a {
  display: block;
  padding: 30px 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
  font-size: 3em;
  font-weight: bold;
  color: #fff;
}

/*----------------------------------------------------------------------
2. contaier
----------------------------------------------------------------------*/
#container {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
}

body > #container {
  height: auto;
}

* html #container {
  height: 100%;
  text-align: left;
}

/*----------------------------------------------------------------------
3. 共通部分
----------------------------------------------------------------------*/
.navi {
  margin: 0 auto;
  padding: 0 3px;
  width: 902px;
}

* html .navi {
  margin: 0;
  width: 908px;
}

.navi li {
  display: inline;
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
}

.navi .top {
  background-image: url(../../img/pc/navi_top_h.gif);
}

.navi .failure {
  background-image: url(../../img/pc/navi_failure_h.gif);
}

.navi .selection {
  background-image: url(../../img/pc/navi_selection_h.gif);
}

.navi .siliconbag {
  background-image: url(../../img/pc/navi_siliconbag_h.gif);
}

.navi .newremedy {
  background-image: url(../../img/pc/navi_newremedy_h.gif?v=2);
}

.navi .doctor {
  background-image: url(../../img/pc/navi_doctor_h.gif?v=2);
}

.navi .qa {
  background-image: url(../../img/pc/navi_qa_h.gif);
}

.navi li a {
  display: block;
  height: 48px;
}

.navi .top a {
  width: 58px;
}

.navi .failure a {
  width: 139px;
}

.navi .selection a {
  width: 171px;
}

.navi .siliconbag a {
  width: 167px;
}

.navi .newremedy a {
  width: 150px;
}

.navi .doctor a {
  width: 112px;
}

.navi .qa a {
  width: 105px;
}

/*----------------------------------------------------------------------
4. header
----------------------------------------------------------------------*/
#header {
  border-top: 6px solid #335351;
  background: url(../../img/pc/header_bg.gif) left top repeat;
}

* html #header {
  text-align: center;
}

* html #header img {
  behavior: url(js/iepngfix.htc);
}

#header .wrapper {
  position: relative;
  margin: 0 auto;
  /*	width:900px;*/
  width: 908px;
  height: 108px;
  background: url(../../img/pc/header_wrapper_bg.png) 188px bottom no-repeat;
}

* html #header .wrapper {
  text-align: left;
  behavior: url(js/iepngfix.htc);
}

#header .wrapper h1 {
  margin-bottom: 1px;
  margin-left: 3px;
  line-height: 30px;
  color: #fff;
}

* html #header .wrapper h1 {
  padding-top: 10px;
  height: 30px;
  line-height: 1em;
}

#header .wrapper #logo {
  display: inline;
  float: left;
}

* html #header .wrapper #logo img {
  display: relative;
}

#header .wrapper .sitemap {
  position: absolute;
  top: 0;
  right: 10px;
  padding-left: 13px;
  background: url(../../img/pc/arrow1.gif) left 5px no-repeat;
  line-height: 20px;
}

#header .wrapper .sitemap:hover {
  background-image: url(../../img/pc/arrow10.gif);
}

#header .wrapper .info {
  display: inline;
  float: right;
  /*	margin-top:10px;*/
  margin-top: -20px;
  margin-right: -5px;
  padding: 20px 8px 8px 6px;
  width: 429px;
  background: url(../../img/pc/header_info_bg.png?v=2) left top no-repeat;
}

* html #header .wrapper .info {
  width: 339px;
  behavior: url(js/iepngfix.htc);
}

#header .wrapper .info dt {
  padding: 8px 0 0 14px;
}

* html #header .wrapper .info dt {
  height: 15px;
}

#header .wrapper .info dd {
  padding: 0 0 0 8px;
}

#header .wrapper .info dd ul {
  height: 27px;
}

#header .wrapper .info dd ul li {
  display: inline;
  float: left;
}

#header .wrapper .info dd ul .title2 {
  position: relative;
  top: 5px;
  left: 5px;
}

#header .wrapper .info dd ul .pdf-download {
  position: relative;
  top: 1px;
  left: 5px;
}

#header .wrapper .info dd ul .pdf-download a {
  display: block;
  width: 138px;
  height: 29px;
  background: url(../../img/pc/header_info_pdf_button_h.png) left top no-repeat;
}
#header .wrapper .info dd ul .pdf-download a:hover img {
  display: none;
}

#header .wrapper .info dd ul .consultation {
  /*	margin-right:2px;*/
}

#header .wrapper .info dd ul li a {
  height: 29px;
}

#header .wrapper .info dd ul .consultation a {
  width: 116px;
}

#header .wrapper .info dd ul .counseling a {
  width: 132px;
}

#header #gnavi {
  clear: both;
  padding: 1px 0;
  background: url(../../img/pc/navi_bg.gif) left top repeat-x;
}

/*----------------------------------------------------------------------
5. content & main
----------------------------------------------------------------------*/
#content {
  padding-bottom: 181px;
  background: #e7f1f0;
}

* html #content {
  text-align: center;
}

#content .wrapper {
  position: relative;
  margin: 0 auto;
  /*	width:900px;*/
  width: 908px;
}

* html #content .wrapper {
  text-align: left;
}

#main {
  display: inline;
  float: left;
  /*	padding:20px 20px 0px 0px;
  width:660px;*/
  padding: 20px 32px 0 0;
  width: 668px;
}

* html #main {
  /*	width:680px;*/
  width: 700px;
}

/*----------------------------------------------------------------------
6. sub
----------------------------------------------------------------------*/
#sub {
  display: inline;
  float: left;
  /*	padding:28px 0px 0px 20px;
  width:200px;*/
  padding: 28px 0 0;
  width: 208px;
}

#sub div {
  margin-bottom: 20px;
}

* html #sub div {
  width: 208px;
  height: 1%;
}

#sub .seminarmonitor {
  text-align: center;
}

* html #sub .seminarmonitor {
  width: 192px;
}

#sub .sub-info {
  background: url(../../img/pc/sub_info_bg.png?v=2) left center no-repeat;
}
#sub .sub-info dl {
  padding-top: 32px;
}
#sub .sub-info dl .sub-info-title {
  position: relative;
  top: -10px;
  left: 20px;
}
#sub .sub-info dl .sub-info-consultation,
#sub .sub-info dl .sub-info-counseling {
  position: relative;
  top: -7px;
  left: 9px;
}
#sub .sub-info dl .sub-info-consultation a,
#sub .sub-info dl .sub-info-counseling a {
  display: block;
  width: 208px;
  height: 36px;
}
#sub .sub-info dl .sub-info-consultation a {
  background: url(../../img/pc/sub_info_consultation_h.png) left top no-repeat;
}
#sub .sub-info dl .sub-info-consultation a:hover img {
  display: none;
}
#sub .sub-info dl .sub-info-counseling a {
  background: url(../../img/pc/sub_info_counseling_h.png) left top no-repeat;
}
#sub .sub-info dl .sub-info-counseling a:hover img {
  display: none;
}

#sub .cv-banner {
  margin-bottom: 30px;
}
#sub .cv-banner.is-fixed {
  position: fixed;
  top: 10px;
  width: 208px;
}
#sub .cv-banner.is-bottom {
  position: absolute;
  bottom: 0;
  width: 208px;
}
#sub .cv-banner .sub-cv,
#sub .cv-banner .sub-banner {
  margin-bottom: 10px;
  text-align: center;
}
#sub .cv-banner .sub-cv:last-child,
#sub .cv-banner .sub-banner:last-child {
  margin: 0;
}

/*----------------------------------------------------------------------
7. footer
----------------------------------------------------------------------*/
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../../img/pc/footer_bg.gif) left 50px repeat-x;
}

* html #footer {
  text-align: center;
}

* html #footer img {
  behavior: url(js/iepngfix.htc);
}

#footer #fnavi {
  padding: 1px 0;
  background: url(../../img/pc/navi_bg.gif) left top repeat-x;
}

#footer .wrapper {
  position: relative;
  margin: 0 auto;
  padding: 32px 0 8px;
  width: 900px;
  background: url(../../img/pc/footer_wrapper_bg.png) 195px top no-repeat;
}

* html #footer .wrapper {
  text-align: left;
  behavior: url(js/iepngfix.htc);
}

#footer .wrapper #footertext {
  width: 817px;
  line-height: 1.4em;
  color: #fff;
}

#footer .wrapper #footertext a {
  color: #fff;
}

#footer .wrapper #pagetop {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../../img/pc/pagetop_h.png) left top no-repeat;
}

* html #footer .wrapper #pagetop,
* html #footer .wrapper #pagetop img {
  behavior: url(js/iepngfix.htc);
}

#footer .wrapper #pagetop a {
  width: 105px;
  height: 24px;
}

#footer address {
  background: #335351;
  text-align: center;
  line-height: 20px;
  color: #fff;
}