@charset "utf-8";
/* CSS Document */

/*medical/------------------------------------------------------------*/
#contents_main p{
	line-height:2em;
}

.imgstyle{
	float:right;
	margin:0 0 15px 15px;
}
.appeal-box {
    background: #fffaec;
    padding: 15px 18px 0;
    margin: 0 20px 20px 0;
}


/*medical/index.html--------------------------------------------------*/
#contents_main p{
	margin-bottom:10px;
}
#contents_main .ul1,
#contents_main .ul2{
	width:700px;
	overflow:hidden;
	font-weight:bold;
	text-align:center;
}
#contents_main .ul1 li{
	*width:162px;/* IE7 and below */
	*float:left;/* IE7 and below */
	*margin:0 12px 10px 0 ;/* IE7 and below */
}
#contents_main .ul2 li{
	*width:334px;/* IE7 and below */
	*float:left;/* IE7 and below */
	*margin:0 12px 10px 0 ;/* IE7 and below */
}
#contents_main .ul1 li a,
#contents_main .ul2 li a{
	float:left;
	margin:0 12px 10px 0 ;
	display:block;
	height:33px;
	padding-top:15px;
}
#contents_main .ul1 li a{
	width:162px;
	background-image:url(../../common/images/btn/btn3.jpg);
	background-repeat:no-repeat;
	color:#036EB8;
}
#contents_main .ul2 li a{
	width:334px;
	background-image:url(../../common/images/btn/btn3.jpg);
	background-repeat:no-repeat;
	background-position:0 -96px;
	color:#00913A;
}
#contents_main .ul1 li a:hover{
	text-decoration:none;
	background-position:0 -48px;
}
#contents_main .ul2 li a:hover{
	text-decoration:none;
	background-position:0 -144px;
}

/*medical/eyestrain.html--------------------------------------------------*/
p.spbox{
	width:654px;
	height:auto;
	display:block;
	border:3px solid #0D6FB8;
	padding:20px;
	margin-top:20px;
	background-color:#DFF2FC;
}
/*medical/placenta.html--------------------------------------------------*/
#contents_main p.spbox2{
	width:654px;
	height:auto;
	display:block;
	border:3px solid #0D6FB8;
	padding:20px;
	margin-top:20px;
	margin-bottom:40px;
}
.liststyle{
	overflow:hidden;
}
.liststyle li{
	float:left;
	width:108px;
	height:20px;
	display:block;
	background-image:url(../images/placenta/listbg.gif);
	background-repeat:no-repeat;
	background-position:-200px 0;
	color:#FFF;
	padding-top:3px;
	text-align:center;
	margin-right:10px;
	font-weight:bold;
}
.liststyle li.long{
	width:200px;
	height:20px;
	display:block;
	background-image:url(../images/placenta/listbg.gif);
	background-repeat:no-repeat;
	background-position: 0;
}

h4.menuttl{
	color:#fff;
	background:#EE8100;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size:1.1em;
	font-weight:bold;
	margin:30px 0 10px;
}

p.menutxt span, p.menutxt2 span{
	display:inline-block;
	padding:10px;
	color:#fff;
	background:#0D6FB8;
	font-size:1.1em;
	font-weight:bold;
	/*width:50%;*/
	line-height:1em;
	margin-top:10px;
}

p.menutxt2{
	background:url(../images/placenta/img01.jpg) right top no-repeat;
}

/*medical/cataract.html--------------------------------------------------*/
.imgstyle2{
	border:2px solid #036EB8;
	margin:10px 0 20px 0;
}
.btn-cataract{
	display:block;
	width:639px;
	height:90px;
	background-image:url(../images/linkbtn.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.btn-cataract{
	display:block;
	width:639px;
	height:90px;
	background-image:url(../images/linkbtn.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:20px auto;
}
.btn-cataract:hover{
	background-position:-639px 0;
}

/*medical/amd.html--------------------------------------------------*/
.btn-laser{
	display:block;
	width:639px;
	height:90px;
	background-image:url(../images/linkbtn.jpg);
	background-position:0 -90px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:20px auto;
}
.btn-laser:hover{
	background-position:-639px -90px;
}

/*medical/orthokeratology.html--------------------------------------------------*/

.orthokeratology h2{
	display: block;
	text-indent: -9999px;
	background:url(../images/orthokeratology/catch_txt.jpg) left top no-repeat;
	width:680px;
	height:88px;
}
.ttlbox{
	background:url(../images/orthokeratology/bg01.jpg) left top no-repeat;
	width:680px;
	height:200px;
	padding:15px 0;
	margin-bottom:5px;
}
.ttlbox h3{
	padding:10px;
	margin:0 0 25px 20px;
	width:400px;
	background:#26a7e1;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.orthokeratology .ttlbox p{
	margin:0 0 0 20px;
	color:#0d6fb8;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.6em;
}
.orthokeratology .reco h3{
	float:left;
	padding:25px 15px;
	width:150px;
	background:#EE8100;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:center;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
.orthokeratology .reco p{
	float:left;
	padding:0 0 0 20px;
}
#contents_main.orthokeratology .ttl6 span{
	font-size:100%;
	color:#EE8100;
}
.flow p.flowbox{
	padding:0 0 40px 0;
	margin-bottom:10px;
	background:url(../images/orthokeratology/arrow01.gif) left bottom no-repeat;
}

.flow p strong{
	font-size:1.2em;
	color:#0d6fb8;
	font-weight:bold;
}

.flow h4{
	padding:5px;
	margin:10px 0 10px 0;
	width:670px;
	background:#26a7e1;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.flow dl{
	padding:10px 0 20px 0;
}
.flow dl dt{
	float:left;
	padding:25px 15px;
	width:150px;
	background:#EE8100;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:center;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
.flow dl dd{
	float:left;
	padding:0 0 0 20px;
}
.flow p.compare{
	padding:10px 20px 5px 20px;
	border:2px solid #0d6fb8;
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.flow p span{
	display:block;
	width:100%;
	font-size:1.1em;
	line-height:1em;
	color:#0d6fb8;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #0d6fb8;
	margin-bottom:5px;
}	
	
/*medical/i_lenses.html--------------------------------------------------*/

.i_lenses h2{
	display: block;
	text-indent: -9999px;
	background:url(../images/i_lenses/catch_txt.jpg) left top no-repeat;
	width:680px;
	height:150px;
	margin-bottom:20px;
}
.i_lenses h4{
	padding:5px;
	margin:10px 0 10px 0;
	width:670px;
	background:#26a7e1;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.i_lenses .fbox p{
	float:left;
	padding:0 30px 0 0;
}
#contents_main.i_lenses .fbox p.ttlbox, .i_lenses .fbox p.fboxL strong.ttlbox1{	
	padding:25px 15px;
	width:210px;
	height:auto;
	background:#EE8100;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:center;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	border:0;
}
#contents_main.i_lenses .fbox table{
	float:left;
	margin-left:30px;
}

#contents_main.i_lenses .fbox table tr th{
	padding:20px 10px;
	background:#26a7e1;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:center;
	border-bottom:5px solid #fff;
}
#contents_main.i_lenses .fbox table tr td{
	padding-left:20px;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5em;
}
#contents_main.i_lenses .fbox table tr td span{
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:0.1em;
}
.i_lenses .fbox p.fboxL{
	width:240px;
	padding-top:20px;
}
.i_lenses .fbox p.fboxR{
	width: auto;
	padding-top:20px;
}
.i_lenses .fbox p strong{
	display:block;
	font-size:1.2em;
	color:#0d6fb8;
	font-weight:bold;
}

.i_lenses .fbox p.fboxL strong{
	padding:10px 0;
	border-bottom:1px dotted #0d6fb8;
}
.i_lenses .fbox p.fboxR strong.ttlbox2{	
	padding:5px;
	margin:0 0 10px 0;
	width:350px;
	background:#26a7e1;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.i_lenses .fbox p.fboxR strong span{
	display:block;
	width:200px;
	padding:5px;
	margin:15px 0 0px 0;
	background:#26a7e1;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1em;
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.i_lenses .fbox p span{
	font-size:0.8em;
}

.pr-box {
  border: 6px double #ee8100;
  border-radius: 5px;
  color: #ee8100;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 17px 5px 15px;
}
.pr-box span {
 font-size: 1.3em;
}

.i_lenses .priceBox {
    margin-bottom: 20px;
}
.i_lenses .priceBox .ttl {
    float: left;
    width: 40%;
    margin: 0 15px 10px 0;
    background: #26a7e1;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 10px;
}
.i_lenses .priceBox .price {
    float: left;
    width: auto;
    font-size: 1.3em;
    color: #0d6fb8;
    font-weight: bold;
}
.i_lenses p strong {
    font-weight: bold;
}
#contents_main.i_lenses #linkBtn a.btn:hover {
text-decoration:none;
background-position:0 -144px;
}
#contents_main.i_lenses #media {
overflow: hidden;
clear: both;
border: 1px solid #ccc;
padding: 20px;
margin: 20px auto;
}
#contents_main.i_lenses #media .mediaBox01 {
float: left;
width: 70%;
}
#contents_main.i_lenses #media .mediaBox02 {
float: left;
width: calc(30% - 30px);
padding-left: 30px;
}
#contents_main.i_lenses #media .mediaBox01 img,
#contents_main.i_lenses #media .mediaBox02 img {
width: 100%;
}
#contents_main.i_lenses .martop30 {
margin-top: 30px;
}



/*medical/anti_aging.html--------------------------------------------------*/
.AGA_h4{
	font-weight:bold;
	color:#08177C;
	border-bottom:1px dotted #666666;
	padding-bottom:5px;

}
#anti_aging p{
	margin-bottom:25px;
}#anti_aging p img{
	float:right;
	margin:10px 0 0 15px;
}

ul#antiaging_list{
	margin: 20px auto;
	overflow: hidden;
}
ul#antiaging_list li{
	display: block;
	margin:7px;
	float: left;
	background:#1C7DC2;
	padding: 7px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}
ul#antiaging_list li a{
	color:#fff;
	font-weight: bold;
	font-size:110%;
}