@charset "UTF-8";

/***************************************
*
*	1. #bodySec style
*
***************************************/

/* 1. #bodySec style */
/* ------------------------------------------------------------------------------------ */
#bodySec {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}

/* .main-content */
.main-content {
	width: 100%;
	text-align: left;
	margin: 169px 0 120px 0;
	position: relative;
	top: 0;
	left: 0;
}
.main-content .inner {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}
.main-content .tl {
	width: 391px;
	height: 45px;
	text-indent: -9999px;
	background: url(../img/howto/tl-01.png) no-repeat center center;
}
.main-content .txt {
	width: 420px;
	line-height: 1.9;
	margin: 30px 0 60px 10px;
}
.main-content .link-list li {
	margin: 0 0 25px 10px;
}
.main-content .img {
	position: absolute;
	top: 0;
	right: 0;
}

/* content */
.content p {
	line-height: 1.9;
	margin: 0 0 30px 0;
}

/* #flowArea */
#flowArea .tl {
	width: 290px;
	height: 43px;
	text-indent: -9999px;
	background: url(../img/howto/tl-02.png) no-repeat center center;
}
#flowArea ol {
	width: 800px;
	height: 300px;
	margin-top: 30px;
	background: url(../img/howto/bg-list.png) no-repeat center center;
}
#flowArea ol a {
	color: #3fa7ab;
	font-weight: bold;
	text-decoration: underline;
}
#flowArea ol a:hover {
	color: #55c0c4;
	text-decoration: none;
}
#flowArea ol li {
	line-height: 1.89;
	margin: 0 0 0 60px;
	padding: 15px 0 35px 0;
	height: 30px;
}
#flowArea ol li.bottom {
	padding-bottom: 60px;
}

/*fancybox*/
#fancybox-wrap {
    /*background: #fff8e6;*/
    /*padding: 35px !important;*/
    border-radius: 20px;
}
    .modal-Wrap {
        display: none;
    }
    .modal-box {
        /*background: #fff8e6;*/
        width: 870px;
        height: 560px;
        overflow-y: scroll;
        text-align: left;
    }
    .modal-box {
        width: auto; height: auto; overflow-y:hidden;
    }
    #fancybox-overlay {
        min-width: 1000px;
    }
    #fancybox-content {
        border-radius: 20px;
        background: #fff8e6;
        padding: 20px!important;
    }
    #fancybox-content #verificationWrap .txt {
        padding-right: 30px;
    }
    #fancybox-wrap {
        padding: 0px!important;
        /*background: none;*/
    }
    #fancybox-outer {
        padding: 0px!important;
        background: none!important;
    }
    #fancybox-close {
        top: -5px!important;
    }
    #fancybox-content #descriptionWrap .img {
    	margin: -100px 35px 0 35px;
    }
    .modal-box p {
        line-height: 1.9;
        margin: 0 0 30px 0;
        text-align: left;
    }

#descriptionWrap .tl {
	width: 507px;
	height: 88px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-03.png) no-repeat center center;
}
#descriptionWrap .txt {
	width: 790px;
	margin-left: 10px;
}
#descriptionWrap .img {
	float: right;
	margin: -130px 40px 0 35px;
}

#inspectionWrap .tl {
	width: 322px;
	height: 44px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-04.png) no-repeat center center;
}
#inspectionWrap .txt {
	width: 790px;
	margin-bottom: 35px;
	line-height: 1.9;
	margin-left: 10px;
}
#inspectionWrap .txt.top {
	margin-left: 10px;
}
#inspectionWrap .txt.last {
	margin-bottom: 0;
}
#inspectionWrap .stl {
	margin: 70px 0 22px 10px;
}
#inspectionWrap .sstl {
	margin: 45px 0 20px 10px;
}
#inspectionWrap .img {
	float: right;
	margin-left: 45px;
	position: relative;
	top: -55px;
	left: 0;
}
#inspectionWrap table {
	width: 801px;
}
#inspectionWrap th {
	width: 267px;
	color: #766764;
	text-align: center;
	padding: 45px 0 15px 0;
	border-bottom: 1px solid #f3e3bb;
}
#inspectionWrap td {
	width: 267px;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #f3e3bb;
}
#inspectionWrap table span {
	text-align: left;
	margin-left: 60px;
	vertical-align: 25px;
}
#verificationWrap .tl {
	width: 289px;
	height: 42px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-05.png) no-repeat center center;
}
#verificationWrap .stl {
	margin: 0 0 22px 0;
}
#verificationWrap .img {
	float: left;
	margin-right: 50px;
}
#verificationWrap .txt {
	margin-left: 10px;
	padding-right: 70px;
}
#sideeffectWrap .tl {
	width: 468px;
	height: 45px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-06.png) no-repeat center center;
}
#sideeffectWrap .stl {
	margin: 80px 0 22px 10px;
}
#sideeffectWrap .sstl {
	margin-left: 10px;
}
#sideeffectWrap .txt {
	width: 790px;
	margin-bottom: 35px;
	line-height: 1.9;
	margin-left: 10px;
}
#sideeffectWrap .txt.top {
	margin-bottom: 40px;
}
#sideeffectWrap .img {
	float: right;
	margin-left: 50px;
	position: relative;
	top: -65px;
	left: 0;
}

#sideeffectWrap li {
	width: 740px;
	background-color: #fffbf0;
	padding: 20px 25px 40px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#sideeffectWrap .leftbox {
	width: 430px;
	float: left;
}
#sideeffectWrap .rightbox {
	width: 260px;
	float: right;
}
#sideeffectWrap h4 {
	margin-bottom: 20px;
}
#sideeffectWrap h5 {
}
#sideeffectWrap p.graph-01 {
	margin-left: 100px;
	margin-top: 44px;
}
#sideeffectWrap p.graph-02 {
	margin-left: 100px;
}
#sideeffectWrap p.graph-03 {
	margin-left: 100px;
}

#sideeffectWrap dl {
	width: 192px;
	padding-top: 35px;
}
#sideeffectWrap dt {
    font-size: 0.875em;
    float: left;
    clear: both;
    padding-bottom: 18px;
    padding-left: 27px;
	border-left: 1px solid #f3e5c2;
}
#sideeffectWrap dt.last {
    padding-bottom: 0;
}
#sideeffectWrap dt.ssstl {
	font-weight: bold;
}
#sideeffectWrap dd {
	font-size: 0.875em;
	float: right;
	margin-bottom: 18px;
}
#sideeffectWrap .txt span {
	font-size: 0.8125em;
}




/* #descriptionArea */
#descriptionArea {
	margin-top: 120px;
	position: relative;
	top: 0;
	left: 0;
}
#descriptionArea .tl {
	width: 507px;
	height: 88px;
	text-indent: -9999px;
	margin-bottom: 44px;
	background: url(../img/howto/tl-03.png) no-repeat center center;
}
#descriptionArea .img {
	float: right;
	margin: -130px 40px 0 -20px;
}
#descriptionArea .txt {
	width: 790px;
	margin-left: 10px;
}

/* #verificationArea */
#verificationArea {
	margin-top: 122px;
}
#verificationArea .tl {
	width: 289px;
	height: 42px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-05.png) no-repeat center center;
}
#verificationArea .stl {
	margin: 0 0 22px;
}
#verificationArea .img {
	float: left;
	margin-right: 50px;
	margin-top: 10px;
}
#verificationArea .txt {
	margin-left: 10px;
	padding-right: 70px;
}
#verificationArea .txt.top {
	padding-left: 397px;
	margin-bottom: 40px;
}
#verificationArea .txt.top.fix {
	margin-bottom: 0;
}

/* #inspectionArea */
#inspectionArea {
	margin-top: 90px;
}
#inspectionArea .tl {
	width: 322px;
	height: 44px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-04.png) no-repeat center center;
}
#inspectionArea .txt {
	width: 790px;
	margin-bottom: 35px;
	line-height: 1.9;
	margin-left: 11px;
}
#inspectionArea .txt.top {
	margin-left: 10px;
}
#inspectionArea .txt.last {
	margin-bottom: 0;
}
#inspectionArea .stl {
	margin: 70px 0 22px 10px;
}
#inspectionArea .stl.infection {
	margin-bottom: 22px;
}
#inspectionArea .sstl {
	margin: 40px 0 20px 10px;
}
#inspectionArea .sstl.blood-rh {
	margin-top: 80px;
}
#inspectionArea .img {
	float: right;
	margin-left: 45px;
	position: relative;
	top: -55px;
	left: 0;
}
#inspectionArea table {
	width: 801px;
}
#inspectionArea th {
	width: 267px;
	color: #766764;
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f3e3bb;
}
#inspectionArea td {
	width: 267px;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #f3e3bb;
}
#inspectionArea table span {
	text-align: left;
	margin-left: 60px;
	vertical-align: 25px;
}

/* #sideeffectArea */
#sideeffectArea {
	margin-top: 90px;
}
#sideeffectArea .tl {
	width: 468px;
	height: 45px;
	text-indent: -9999px;
	margin-bottom: 40px;
	background: url(../img/howto/tl-06.png) no-repeat center center;
}
#sideeffectArea .stl {
	margin: 65px 0 22px 10px;
}
#sideeffectArea .stl.other {
	margin-top: 55px;
}
#sideeffectArea .stl.other-child {
	margin-top: 75px;
}
#sideeffectArea .sstl {
	margin-left: 10px;
}
#sideeffectArea .txt {
	width: 790px;
	margin-bottom: 35px;
	line-height: 1.9;
	margin-left: 10px;
}
#sideeffectArea .txt.infection-btm {
	margin-bottom: 31px;
}
#sideeffectArea .txt.graph {
	margin-bottom: 85px;
}
#sideeffectArea .txt.top {
	margin-bottom: 40px;
}
#sideeffectArea .img {
	float: right;
	margin-left: 50px;
	position: relative;
	top: -65px;
	left: 0;
}

#sideeffectArea li {
	width: 740px;
	background-color: #fffbf0;
	padding: 20px 25px 40px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#sideeffectArea .leftbox {
	width: 430px;
	float: left;
}
#sideeffectArea .rightbox {
	width: 260px;
	float: right;
}
#sideeffectArea h4 {
	margin-bottom: 20px;
}
#sideeffectArea h5 {
}
#sideeffectArea p.graph-01 {
	margin-left: 100px;
	margin-top: 54px;
}
#sideeffectArea p.graph-02 {
	margin-left: 100px;
	margin-top: 5px;
}
#sideeffectArea p.graph-03 {
	margin-left: 100px;
	margin-top: 24px;
}

#sideeffectArea h6.ssstl {
	font-weight: bold;
}
#sideeffectArea h6.ssstl span {
	display:block;
	font-weight: bold;
	margin-top: 8px;
	font-size: 0.800em;
}
#sideeffectArea .rightbox {
	margin-top: 35px;
	border-left: 1px solid #f3e5c2;
    padding-left: 27px;
}
#sideeffectArea .table {
	width: 240px;
	margin-top: 18px;
}
#sideeffectArea .table th,
#sideeffectArea .table td {
    font-size: 0.875em;
    padding-top: 20px;
    vertical-align: bottom;
}
#sideeffectArea .table td {
	text-align: right;
}