@charset "utf-8";

#main{
  padding-top:52px;
  background:url(../images/eye/bg.png) center top repeat-x;
}
#main .inner{
  width:1000px;
  margin:0px auto 0px;
}
#main h2{width:250px;margin:0 auto 65px;}

@media screen and (max-width:640px){
  /*#main{background-image:url(../images/eye/sp-bg.png);}*/
  #main .inner{
    width:600px;
  }
  #main .partition img{width:100%;}
}

/* 目の病気について */
.fl{float:left;}
.fr{float:right;}
.block{
  width:1000px;
  margin-top:28px;
  margin-bottom:60px;
}
ul li a.current,ul li.current a{color:#008e43!important;}

.box1{
  width:704px;
  margin:auto;
}
.box1 .fl,
.box1 .fr{width:202px;}

.box2{
  width:548px;
  margin:auto;
}
.box2 .fl,
.box2 .fr{width:45px;margin-bottom:12px;}

.box3{
  width:976px;
  margin:auto;
}
.box3 .fl,
.box3 .fr{width:474px;}
.box3 h3{
  margin-bottom:12px;
  padding:10px 0 8px;
  background-color:#d8e698;
  font-size:24px;
  font-weight:bold;
  color:#525252;
  text-align:center;
}
.box3 ul{
  margin-left:24px;
}
.box3 ul li a{color:#504d4d;}
.box3 ul li a:hover{text-decoration:underline;}
.box3 ul li{
  width:438px;
  padding-left:12px;
  line-height:1.8;
  background:url(../images/eye/icon_arrow.png) 0 7px no-repeat;
}

@media screen and (max-width:640px){
  .block{width:580px;}
  .box1{width:580px;}
  .box2{width:428px;}
  .box2 .fl,
  .box2 .fr{margin-bottom:18px;}
  .box3{width:580px;}
  .box3 .fl,
  .box3 .fr{float:none;width:580px;}
  .box3 .fl{margin-bottom:30px;}
  .box3 h3{margin-bottom:24px;padding:12px 0 10x;}
  .box3 ul li a:hover{text-decoration:none;}
  .box3 ul li{
    width:544px;
    margin-bottom:20px;
    line-height:1.2;
    background-position:0 8px;
  }
}

/* 症状から調べる */
.box4{
  width:936px;
  margin:24px auto 0;
  padding:20px 20px 20px 20px;
  border:1px dashed #c0c0c0;
}
.box4 h4{
  margin-bottom:24px;
  margin-left:-12px;
  font-size:18px;
  font-weight:bold;
  color:#504d4d;
}
.box4 ul{
  margin-left:4px;
}
.box4 ul li{
  padding-left:1.0em;
  text-indent:-1.2em;
  line-height:1.8;
  color:#000;
}
.box4 ul.depth{
  margin-top:24px;
  margin-bottom:24px;
}
.box4 p{color:#000;line-height:1.8;}
.box4 p a,.box4 ul li a{color:#504d4d;text-decoration:underline;}

@media screen and (max-width:640px){
  .box4{
    width:544px;
    padding-top:28px;
    padding-bottom:28px;
  }
  .box4 h4{
    margin-bottom:20px;
    font-size:24px;
  }
  .box4 ul{font-size:24px;}
}


/* 病名から調べる */
.box3b{
  width:570px;
  margin:auto;
  padding:18px 0px 18px 32px;
  border:1px dashed #c0c0c0;
}
.box3b ul{}
.box3b ul li{
  float:left;
  padding-left:24px;
  margin-right:32px;
  font-size:24px;
  color:#504d4d;
  background:url(../images/eye/icon_arrow2.png) 0 1px no-repeat;
}
.box3b ul li a{color:#504d4d;}
.box3b ul li a:hover{text-decoration:underline;}
.box3b ul li:last-child{margin-right:0;}

@media screen and (max-width:640px){
  .box3b{width:548px;}
  .box3b ul li{
    padding-left:24px;
    margin-right:30px;
  }
  .box3b ul li a:hover{text-decoration:none;}
}

.box4b{
  width:602px;
  margin:4px auto 0;
  padding-top:20px;
}
.box4b h4{
  margin-bottom:24px;
  margin-left:-0.6em;
  font-size:18px;
  font-weight:bold;
  color:#504d4d;
}
.box4b ul{}
.box4b ul li{
  padding-left:1.0em;
  text-indent:-1.2em;
  font-size:18px;
  line-height:1.8;
  color:#504d4d;
}
.box4b ul li a{
  color:#504d4d;
}
.box4b ul li a:hover{text-decoration:underline;}

@media screen and (max-width:640px){
  .box4b{
    width:544px;
    padding-top:28px;
    padding-bottom:28px;
  }
  .box4b h4{
    margin-bottom:20px;
    font-size:24px;
  }
  .box4b ul li{font-size:24px;}
  .box4b ul li a:hover{text-decoration:none;}
}

.box5b{
  width:602px;
  margin:4px auto 0;
  padding-top:20px;
}
.box5b h4{
  margin-bottom:12px;
  margin-left:-0.6em;
  font-size:18px;
  font-weight:bold;
  color:#504d4d;
}
.box5b h5{
  margin-bottom:24px;
  font-weight:bold;
  line-height:1.4;
  color:#000;
}
.box5b p,
.box5b ul{
  margin-bottom:24px;
  font-size:14px;
  line-height:1.8;
  color:#000;
}
.box5b ul li{
/*padding-left:1.0em;
  text-indent:-1.2em;*/
}
.box5b ul li.title{font-weight:bold;}
.box5b p a,
.box5b ul li a{color:#000;text-decoration:underline;}
.box5b .fig{width:518px;margin:0 auto 24px;}

@media screen and (max-width:640px){
  .box5b{
    width:544px;
    padding-top:28px;
    padding-bottom:28px;
  }
  .box5b h4{
    margin-bottom:20px;
    font-size:24px;
  }
  .box5b h5,
  .box5b p,
  .box5b ul{font-size:22px;}
}

.box6b{
  width:560px;
  margin:auto;
  padding:18px 20px;
  border:1px dashed #c0c0c0;
}
.box6b h4{
  margin-bottom:12px;
  font-weight:bold;
  color:#504d4d;
}

.box6b ul{}
.box6b ul li{
  margin-bottom:7px;
  padding-left:12px;
  line-height:1.4;
  color:#504d4d;
  background:url(../images/eye/icon_arrow.png) 0 4px no-repeat;
}
.box6b ul li a{color:#504d4d;}
.box6b ul li a:hover{text-decoration:underline;}
.box6b ul li:last-child{margin-bottom:0;}

@media screen and (max-width:640px){
  .box6b{width:548px;font-size:22px;}
  .box6b ul li a:hover{text-decoration:none;}
  .box6b ul li{
    margin-bottom:18px;
    background-position:0 9px;
  }
}