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

#column-l {
	width: 455px;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

#column-r {
	width: 221px;
	height: 460px;
	float: left;
	padding: 10px 16px 10px 16px;
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;
	background: #FFFCDB;
}

.contact_lens {
	color: #0092D8;
	background: #FFF;
	border: solid 1px #0092D8;
	width: 453px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
}

.contact_lens_list {
	margin-bottom: 20px;
}

.contact_lens_list li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #0092D8;
	position: relative;
	left: 1px;
	top: 0px;
}

.contact_lens_list li span {
	font-size: 115%;
	font-weight: bold;
	padding-left: 5px;
}

.contact_lens_list_caption {
	font-size: 85% !important;
	font-weight: normal !important;
}

#column-r-b {
	width: 216px;
	height: auto;
	float: left;
	margin-left: 68px;
	position: relative;
}

#column-r-b img {
	border: solid 1px #B3B3B3;
	text-align: right;
	margin-bottom: 12px;
}

#column-box-l {
	width: 187px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;	
}

#column-box-l li {
	padding-left: 16px;
	background: url(../../images/img_blank.gif) top 6px left no-repeat;
}

#column-box-r {
	width: 230px;
	height: auto;
	float: left;
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 8px 8px 6px 8px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;
	border: solid 1px #0092D8;
}

#column-r h3 {
	color: #0092D8;
	background: none !important;
	font-size: 115%;
	color: #0092D8;
	font-weight: bold;
}

#column-r .caption {
	text-align: center;
	color: #0092D8;
	font-size: 90%;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 4px;
}

#column-r li {
	float: left;
	margin-left: 4px;
}

#column-r li + li {
	margin-left: 14px;
}

#column-r li p {
	text-align: center;
	padding: 4px 0px 0px 0px;
}

#security {
	width: 708px;
	height: auto;
	margin: 20px 0px 20px 0px;
	padding: 20px 16px 20px 16px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;
	border: solid 1px #0092D8;
	position: relative;
}

#security ul {
	width: 658px;
	margin-left: auto;
	margin-right: auto;
}

#security li {
	font-size: 90%;
	float: left;
}

#security li + li {
	padding-left: 66px;
	background: url(../images/contact_lens_arrow.png) left 23px top 2px no-repeat;
}

#security li p {
	text-align: center;
	font-size: 85%;
	line-height: 1.4;
	margin-top: 4px;
	font-weight: bold;
}

#contact_lens-ch01 {
	width: 100px;
	height: 100px;
	position: absolute;
	top: -90px;
	left: 320px;
}

#contact_lens-ch02 {
	width: 170px;
	height: 240px;
	position: absolute;
	bottom: -275px;
	right: 17px;
}

#contact_lens-ch02 img {
	border: none !important;
}

#contact_lens-table {
	position: relative;
}

#contact_lens-table_img {
	width: 70px;
	height: 70px;
	position: absolute;
	top: -80px;
	left: 30px;
	border: solid 1px #0092D8;
	border-radius: 68px;
	-webkit-border-radius: 68px;
	-moz-border-radius: 68px;
}

#contact_lens-table + .h3-kasou {
	margin-top: 56px;
}

#contact_lens-table table {
	border: solid 1px #999999;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;
	overflow: hidden;
}

#contact_lens-table th,
#contact_lens-table td {
	font-size: 15px;
	line-height: 1.2;
	padding: 8px 0px 6px 0px;
  font-weight: normal !important;
  text-align:left;
	vertical-align: middle;
	text-align: center !important;
}
	
#contact_lens-table th {
	width: 19%;
	color: #0092D8;
	font-size: bold !important;
	background:#FFFCDB;
}

#contact_lens-table td {
	height: 45px;
}

#contact_lens-table .feature {
	font-size: 12px;
	text-align: justify !important;
	padding: 0px 6px 0px 6px;
}

#contact_lens-table th span,
#contact_lens-table td span {
	font-size: 75% !important;
	font-weight: normal !important;
}

#contact_lens-table table tbody th,
#contact_lens-table table tbody td {
	border-bottom: 1px solid #999999;
}

#contact_lens-table table thead td {
	border-left: dotted 1px #FFF;
}

#contact_lens-table table thead span {
	font-size: 75%;
}

#contact_lens-table table thead,
#contact_lens-table table thead th {
	background-color: #0092D8;
	color: #FFF;
}

#contact_lens-table table thead th + th,
#contact_lens-table table tbody td {
	border-left: 1px solid #999999;
}
#contact_lens-table table tbody tr:last-child th,
#contact_lens-table table tbody tr:last-child td {
	border-bottom: none;
}

#contact_lens-table table tbody td {
	font-weight: bold;
}

#merit {
	color: #0092D8;
	height: 38px;
	line-height: 38px;
	float: right;
	background: url(../images/img_ch07.png) no-repeat;
	padding-left: 37px;
	margin-top: -22px;
	margin-bottom: 1px;
}

#demerit {
	color: #0092D8;
	height: 38px;
	line-height: 38px;
	float: right;
	background: url(../images/img_ch08.png) no-repeat;
	padding-left: 37px;
	margin-left: 8px;
	margin-top: -22px;
	margin-bottom: 1px;
}

#contact_lens-etc {
	margin-top: 10px;
}

#contact_lens-etc span {
	color: #0092D8;
	float: right;
}