/* CSS Document */

/* --------------------------------
    Contents
-------------------------------- */
#contents h1 {
    margin-bottom:15px;
    font-size: 1rem;
    line-height: 1.3rem;
    padding-left:7px;
}
#contents h1 span {
	font-size:0.8rem;
}


/* --------------------------------
    laboratory category　h1,h2
-------------------------------- */
.h1_lab, .h2_lab {
    background: url("/smartphone/yogurtlibrary/en/laboratory/report/images/h2_bg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 1rem;
    padding: 1.5rem 0;
}
.h1_lab h1, .h2_lab h2 {
    border-left: 10px solid #c3eded;
    color: #fff !important;
    font-size: 1rem;
    padding: 0 10px !important;
}
.h1_lab h1 {
    margin-bottom: 0 !important;
}
.h2_lab h2 span {
    font-size: 0.8rem;
}

/* --------------------------------
    style category　h1,h2
-------------------------------- */
.h1_style, .h2_style {
    background: url("/smartphone/yogurtlibrary/en/style/images/h2_bg02.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 1rem;
    padding: 1.5rem 0;
}
.h1_style h1, .h2_style h2 {
    border-left: 10px solid #fbdfb8;
    color: #fff !important;
    font-size: 1rem;
    padding: 0 10px !important;
}
.h1_style h1 {
    margin-bottom: 0 !important;
}
.h2_style h2 span {
    font-size: 0.8rem;
}

/* --------------------------------
    list
-------------------------------- */
ul.decimal {
	list-style: decimal;
	padding-left: 1.5rem;
	text-indent: -0.5rem;
}
.list_disc {
	overflow: hidden;;
	padding-left: 2rem;
	margin-bottom: 1rem;
}
.list_disc li {
	list-style-type: disc;
	margin-bottom: 1rem;
	width: 95%;
}

/* --------------------------------
    text
-------------------------------- */
.text_w95 p {
	width: 95%;
	margin: 0 auto 1rem;
	clear: both;
}


 /* --------------------------------
    box
-------------------------------- */
#contents .box01 {
    clear:both;
    overflow:hidden;
    width:85%;
    margin:0 auto 20px;
    padding:1rem 0.8rem 0.5rem;
    background-color:#FFF;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
    -moz-box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
    box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
}
#contents .box01 dt {
	border-bottom: #999999 dotted 2px;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
}
#contents .box01 dd {
	margin-bottom: 0.5rem;
}

#contents .box02{
	clear: both;
	overflow: hidden;
	width: 90%;
	margin: 0 auto 20px;
	padding: 1rem 0 0.5rem;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
	-moz-box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
	box-shadow: 2px 2px 10px rgba(8,2,3,0.3);
}
#contents .box02 dt {
	border-bottom: #999999 dotted 2px;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
}
#contents .box02 dd{
    margin-bottom: 0.5rem;
}
#contents .box02 a{
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 0px 35px 0;
    text-decoration: none;
    color:#fc8b27;
    font-size: 20px;
}
#contents .box02 a:after {
    display: block;
    position: absolute;
	top:40%;
	left:48%;
	right:15px;
	width:17px;
	height:17px;
	border-top: solid 4px #fc8b27;
	border-right: solid 4px #fc8b27;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}

 /* --------------------------------
    hr
-------------------------------- */
/* black */
.bb_solid_black {
	border-top: 1px solid #333;
	width: 100%;
}
.bb_dot_black {
	border-bottom: dotted 2px #333;
	width: 100%;
}
/* gray */
.bb_dot_gray {
	border-bottom: dotted 2px #ccc;
	width: 100%;
}
.bb_solid_gray {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
.bb_solid_gray_2 {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
/* blue */
.bb_dot_blue {
	border-bottom: dotted 2px #449ee2;
	width: 100%;
}

 /* --------------------------------
    navi
-------------------------------- */
#page_navi {
	clear: both;
	margin: 0 auto 1rem;
	width: 100%;
}
#page_navi ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 60%;
	overflow: hidden;
}
#page_navi li {
	float: left;
	width: 40%;
	margin: 0 5% 1rem;
	background: #e4e1e1;
}
#page_navi li.on {
	background: #515050;
	color: #fff;
	padding: 0.5rem 0;
}
#page_navi li a {
	color: #000 !important;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0;
}
/* ▼ 2017/10/24 ▼ */
#page_navi ul.page_navi_five {
	width: 90%;
}
#page_navi .page_navi_five li {
	width: 12%;
	margin: 0 2.3% 1rem;
}
/* ▲ 2017/10/24 ▲ */

#navi01{
	background:url("/smartphone/yogurtlibrary/en/laboratory/yogurt/images/navi_bg.gif") repeat;
	padding:0.5rem;
	margin-bottom:1rem;
}
#navi01 ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#navi01 li {
	float:left;
	width: 50%;
}

/* --------------------------------
    icon triangle-right
-------------------------------- */
.triangle-right {
	margin-bottom: 0 !important;
	padding-top: 4px;
}
.triangle-right:before {
    content: "";
    display: block;
    border-left: 7px solid #FE2612;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.triangle-right a {
	position: relative;
	top: -15px;
	left: 10px;
	display:block;
	width: 95%;
}

/* --------------------------------
    laboratory category　list
-------------------------------- */
.cl_lab ul {
	overflow: hidden;
}
.cl_lab ul li {
	background:url("/smartphone/yogurtlibrary/en/images/sptop_08.jpg") no-repeat top;
	background-size:100%;
	margin:0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.cl_lab ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 30px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	line-height: 1.3rem;
	white-space: normal;
	font-weight: bold;	
}
.cl_lab ul li a:after {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:15px;
    width:20px;
    height:20px;
	border-top: solid 4px #00bfbb;
	border-right: solid 4px #00bfbb;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.cl_lab ul li div {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
}
.cl_lab ul li img {
	float: left;
	height: 70px;
	width: 70px !important;
	margin: 0 10px;
	display:block;
}
.cl_lab ul li a span {
	color: #5e4f48;
}
.cl_lab ul li a strong {
	color: #00bfbb;
	font-size: 16px;
}

/* --------------------------------
    style category　list
-------------------------------- */
.cl_style ul {
	overflow: hidden;
}
.cl_style ul li {
	background:url("/smartphone/yogurtlibrary/en/images/sptop_08.jpg") no-repeat top;
	background-size:100%;
	margin:0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.cl_style ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 30px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	line-height: 1.3rem;
	white-space: normal;
	font-weight: bold;	
}
.cl_style ul li a:after {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:15px;
    width:20px;
    height:20px;
	border-top: solid 4px #fc8b27;
	border-right: solid 4px #fc8b27;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.cl_style ul li div {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
}
.cl_style ul li img {
	float: left;
	height: 70px;
	width: 70px !important;
	margin: 0 10px;
	display:block;
}
.cl_style ul li a span {
	color: #5e4f48;
	font-size: 12px;
	line-height: 0;
}
.cl_style ul li a strong {
	color: #fc8b27;
	font-size: 16px;
}

/* --------------------------------
    analysis
-------------------------------- */
.remarketing{display:none;}