@charset "UTF-8";

/* Micro clearfix */

/* ベースレイアウト */ 
p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
#wrapper {
  width: 958px;
  margin: 0 auto;
  padding: 0;
  border-top: none;
}
#common-contents {
  width: auto;
  position:relative;
  margin: 1em 0 1em;
}
article {
  margin: 0 0 2em;
  border-bottom: none;
}
 article.main {
  float: left;
  width: 958px;
  height: auto;
  padding-top: 50px;
}

/* 各要素のデザイン、レイアウト */
/* 1)けんこう名探偵のロゴ　---------------------------------------- */
 header {
  padding: 20px 10px 0 0;
  height: 87px;
}
 header h1{
	width: 235px;
	padding: 0 0 0 20px;
}
 header h1 img{
	width: 185px;
	max-width: 185px;
	height: auto;
}

 /*navi
=================== */
 nav {
  width: 958px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0;
 }
 nav ul {
   width: 357px;
   margin: 0 auto;
   margin-bottom: 0;
 }
 nav ul li {
   width: 50px;
   height: 40px;
   margin: 0;
   text-align: center;
 }
  nav ul li a:hover{
	width: 50px;
   height: 40px;
   background-image: url(../images/asikata_on.png);
	background-repeat: no-repeat;
	background-position: center top;
 }

/* 2)各回のタイトル　---------------------------------------- */
article.main h2 {
	width: 425px;
	height: 87px;
	position: absolute;
	top: -90px;
	left: 269px;
	margin: 0 auto;
	padding-bottom: 0;
	text-indent: -9999px;
	background-image: url(../images/subtitle_vol01.png);
	background-repeat: no-repeat;
	background-position: center top;
}

}
article.main h2.vol02{
	background-image: url(../images/vol02/subtitle_vol02.png);
}
article.main h2.vol03{
	background-image: url(../images/vol03/subtitle_vol03.png);
}
article.main h2.vol04{
	background-image: url(../images/vol04/subtitle_vol04.png);
}

/* 3)監修の先生お名前　---------------------------------------- */
div#address {
 width: 200px;
 position: absolute;
 top: -80px;
 left: 705px;
 text-align: left;
 padding-right: 2em;
 margin-bottom: 20px;
 /*background-color: fuchsia; */
}

/* 4)mimiとwantaのdivの高さ合わせる------------------------------------- */

.cl {
	display: inline-block;
}
.cl:after {
	content: "";
	display: block;
	clear: both;
}
div#boxArea {
	overflow: hidden;
	height: auto;
	width: 960px;
	z-index: 100;
	padding-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}
div#boxArea div {
	float: left;
	padding-top: 1.5em;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
div#boxArea div#mimi {
	width: 255px;
	height: 170px;
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 1.5em;
	padding-right: 15px;
	padding-left: 120px;
	margin-left: 70px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-position: center top;
}
div#boxArea div#wanta {
	width: 255px;
	height: 170px;
	float: right;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 1.5em;
	padding-right: 120px;
	padding-left: 15px;
	margin-right: 70px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-position: center top;
}

div#boxArea div#mimi.page1 {
	background-image: url(../images/mimi_box1.png);
}
div#boxArea div#mimi.page2 {
	background-image: url(../images/mimi_box2.png);
}
div#boxArea div#mimi.page3 {
	background-image: url(../images/mimi_box3.png);
}
div#boxArea div#mimi.page4 {
	background-image: url(../images/mimi_box4.png);
}
div#boxArea div#mimi.page5 {
	background-image: url(../images/mimi_box5.png);
}
div#boxArea div#mimi.page6 {
	background-image: url(../images/mimi_box6.png);
}

div#boxArea div#wanta.page1 {
	background-image: url(../images/wanta_box1.png);
}
div#boxArea div#wanta.page1b {
	background-image: url(../images/wanta_box1.png);
	letter-spacing: -1px;
}
div#boxArea div#wanta.page2 {
	background-image: url(../images/wanta_box2.png);
}
div#boxArea div#wanta.page3 {
	background-image: url(../images/wanta_box3.png);
}
div#boxArea div#wanta.page4 {
	background-image: url(../images/wanta_box4.png);
}
div#boxArea div#wanta.page5 {
	background-image: url(../images/wanta_box5.png);
}
div#boxArea div#wanta.page6 {
	background-image: url(../images/wanta_box6.png);
}


/* 5）説明文--------------------------------------------- */
div#lecture {
	width: 820px;
}
div#lecture.end {
	width: 820px;
	margin-top: 2em;
	background-image: url(../images/review.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* まとめページ--------------------------------------------- */
div#lecture #review {
	width: 500px;
	margin: 1.5em auto 0 auto;
}
div#lecture #review h4{
	width: 500px;
	margin: 0 auto;
	padding: 1em 0;
	font-size: 18px;
	color: #049bd4;
	text-align: left;
	background-image: url(../images/lecture_bar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#lecture #review p{
	width: 500px;
	margin: 1.5em auto 0 auto;
}
div#lecture #review ul{
	width: 500px;
	margin: 1.5em auto 0 auto;
}

/* 6）説明文タイトル--------------------------------------------- */
div#lecture h4{
	width: 720px;
	margin: 0 auto;
	padding: 1em 0;
	font-size: 18px;
	color: #049bd4;
	text-align: left;
	background-image: url(../images/lecture_bar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* 7）テキストの挿入--------------------------------------------- */
div#lecture p{
	width: 720px;
	margin: 1.5em auto 0 auto;
}

/* 8）詳細のdl---------------------------------------------*/ 
div#lecture #minute dl{
	font-size: 14px;
	font-size: 1.4rem;
}
/* 8）詳細のol---------------------------------------------*/ 
div#lecture #minute ol{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

/* 9）図の挿入--------------------------------------------- */
div#lecture #illustrate{
	width: 580px;
	margin: 0 auto 3em auto;
	padding: 0;
	text-align: center;
}
div#lecture #illustrate img.vol01_1{
	width: 380px;
	height: auto;
	padding: 0;
}
div#lecture #illustrate img.vol01_5{
	width: 580px;
	height: auto;
	padding: 0;
}

/* vol3-3---------------------------------------------*/

div#lecture #minute dl dd.colorcheck{
padding-bottom: 0px;
padding-left: 120px;
background-image: url(../images/vol03/colorcheck.png);
background-repeat: no-repeat;
background-position: left top;
}

/* vol3-6---------------------------------------------*/

div#lecture #minute dl dd ul#good{
position: relative;
width: 680px;
height: 250px;
margin-top: 20px;
/* padding-bottom: 240px;
background-color: aqua;*/
padding-bottom: 0;
background-image: url(../images/vol03/good.png);
 background-repeat: no-repeat;
 background-position: center center;
}
div#lecture #minute dl dd ul#good li{
	padding-left: 0;
	width: 188px;
	height: 46px;
	padding: 10px;
	background-color: white;
	border: solid #6aca1b 1px;
	border-radius:10px;
	background-image:none;
	background-color: #f7f6ad;
}
div#lecture #minute dl dd ul#good li.balance{
	position: absolute;
	top:0px;
	left: 0px;
}
div#lecture #minute dl dd ul#good li.metabolism{
	position: absolute;
	top:0px;
	left: 235px;
}
div#lecture #minute dl dd ul#good li.infect{
	position: absolute;
	top:0px;
	left: 470px;
}
div#lecture #minute dl dd ul#good li.smooth{
	position: absolute;
	top:91px;
	left: 0px;
}
div#lecture #minute dl dd ul#good li.immune{
	position: absolute;
	top:91px;
	left:470px;
}
div#lecture #minute dl dd ul#good li.breakdown{
	position: absolute;
	top:182px;
	left:0px;
}
div#lecture #minute dl dd ul#good li.hormone{
	position: absolute;
	top:182px;
	left:235px;
}
div#lecture #minute dl dd ul#good li.energy{
	position: absolute;
	top:182px;
	left:470px;
}
div#lecture #minute.time{
padding-bottom: 0;
background-image: url(../images/vol04/vol04_4.gif);
background-repeat: no-repeat;
background-position: right top;
}
div#lecture #minute.bad{
padding-bottom: 0;
background-image: url(../images/vol04/vol04_3.gif);
background-repeat: no-repeat;
background-position: right top;
}

/* vol5-1---------------------------------------------*/
div#lecture #minute.fat dl dd ul li{
background-image:none;
padding-left: 0;
}
div#lecture #minute.bmi{
padding-bottom: 210px;
background-image: url(../images/vol05/vol05_1.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
div#lecture #minute.bmi dl{
display: none;
}
/* vol5-2---------------------------------------------*/
div#lecture #minute.thin{
padding-bottom: 290px;
background-image: url(../images/vol05/vol05_2.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
div#lecture #minute.thin ul li ul li{
padding-left: 0;
background-image:none;
}
/* vol5-4---------------------------------------------*/
div#lecture #minute.moresleep{
padding-bottom: 330px;
background-image: url(../images/vol05/vol05_4.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
div#lecture #minute.moresleep ul{
display: none;
}
/* vol5-6---------------------------------------------*/
div#lecture #minute.cutdown ul li ul{
padding-left: 0;
}
div#lecture #minute.cutdown ul li ul li{
background-image:none;
padding-left: 0;
}
/* vol6-2---------------------------------------------*/
div#lecture #minute dl dd ul#weekly{
position: relative;
width: 680px;
height: 280px;
margin-top: 20px;
padding-bottom: 0;
}
div#lecture #minute dl dd ul#weekly li{
	padding-left: 0;
	width: 300px;
	padding: 10px 10px;
	background-color: white;
	border: solid #6aca1b 1px;
	border-radius:10px;
	background-image:none;
	background-color: #f7f6ad;
}
div#lecture #minute dl dd ul#weekly li.balance{
	position: absolute;
	top:0px;
	left: 0px;
	padding-bottom: 80px;
	background-image: url(../images/vol06/vol06_2_1.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#lecture #minute dl dd ul#weekly li.metabolism{
	position: absolute;
	top:0px;
	left: 347px;
	padding-bottom: 80px;
	background-image: url(../images/vol06/vol06_2_2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#lecture #minute dl dd ul#weekly li.infect{
	position: absolute;
	top:161px;
	left:0px;
}
div#lecture #minute dl dd ul#weekly li.smooth{
	position: absolute;
	top:161px;
	left:347px;
}
div#lecture #minute dl dd ul#weekly li #comment{
	font-size: 0.8em;
}
/* vol6-4---------------------------------------------*/
div#lecture #minute.walking{
padding-bottom: 330px;
background-image: url(../images/vol06/vol06_4.gif);
}
/* vol6-5---------------------------------------------*/
div#lecture #minute.stretch dl dd{
padding-bottom: 196px;
background-repeat: no-repeat;
background-position: center bottom;
}
div#lecture #minute.stretch dl dd.theback{
padding-bottom: 230px;
background-image: url(../images/vol06/vol06_5_1.gif);
}
div#lecture #minute.stretch dl dd.thigh{
padding-bottom: 210px;
background-position: center bottom;
background-image: url(../images/vol06/vol06_5_2.gif);
}
div#lecture #minute.stretch dl dd.calf{
padding-bottom: 160px;
background-image: url(../images/vol06/vol06_5_3.gif);
}
/* vol6-6---------------------------------------------*/
div#lecture #minute.stretch dl dd.abdominal{
padding-bottom: 180px;
background-image: url(../images/vol06/vol06_6_1.gif);
}
div#lecture #minute.stretch dl dd.backmuscles{
padding-bottom: 210px;
background-image: url(../images/vol06/vol06_6_2.gif);
}
div#lecture #minute.stretch dl dd.hips{
padding-bottom: 200px;
background-image: url(../images/vol06/vol06_6_3.gif);
}

/* vol7-4---------------------------------------------*/

div#lecture #minute.lumbago #sicklist{
	height: 327px;
	background-image: url(../images/vol07/vol07_4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#lecture #minute.lumbago #effective{
	display: none;
}
div#lecture #minute.lumbago #inner{
	display: none;
}
/* vol8-2---------------------------------------------*/
div#lecture #minute.stiffneck #sicklist{
	height: 440px;
	background-image: url(../images/vol08/vol08_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#lecture #minute.stiffneck #effective{
	display: none;
}
div#lecture #minute.stiffneck #inner{
	display: none;
}

/* vol7-6---------------------------------------------*/
div#lecture #minute.stretch dl dd.a{
background-image: url(../images/vol07/vol07_6_1.png);
background-repeat: no-repeat;
background-position: right top;
padding-bottom: 80px;
}
div#lecture #minute.stretch dl dd.b{
background-image: url(../images/vol07/vol07_6_2.png);
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 60px;
}
div#lecture #minute.stretch dl dd.c{
padding-bottom: 190px;
background-image: url(../images/vol07/vol07_6_3.png);
}

/* vol8-3---------------------------------------------*/
div#lecture #minute dl dd ul#posture{
position: relative;
width: 680px;
height: 360px;
margin-top: 20px;
padding-bottom: 0;
}
div#lecture #minute dl dd ul#posture li{
	padding-left: 0;
	width: 300px;
	padding: 10px 10px;
	text-align: justify;
}
div#lecture #minute dl dd ul#posture li.infect{
	position: absolute;
	top:0px;
	left: 0px;
}
div#lecture #minute dl dd ul#posture li.smooth{
	position: absolute;
	top:0px;
	left:347px;
}
div#lecture #minute dl dd ul#posture li #comment{
	font-size: 0.8em;
}
/* vol8-4---------------------------------------------*/
div#lecture #minute.shoulder dl dd.a{
background-position: right top;
padding-bottom: 120px;
background-image: url(../images/vol08/vol08_4_1.png);
}
div#lecture #minute.shoulder dl dd.b{
background-position: right center;
padding-bottom: 145px;
background-image: url(../images/vol08/vol08_4_2.png);
}
div#lecture #minute.shoulder dl dd.c{
background-position: right top;
padding-bottom: 205px;
background-image: url(../images/vol08/vol08_4_3.png);
}


/* 10）ボタン--------------------------------------------- */
div#move a{
	width: 430px;
	height: 102px;
	display: block;
	margin: 0 auto;
}

/* 11） FOOTER　---------------------------------------- */
footer {
 width: 100%;
 margin: 0 auto;
}
footer p{
 width: 958px;
 margin: 0 auto;
}