@charset "utf-8";
@import "../common.css";
@import "../content.css";
/* -----------------------------------------------------------------
	http://www.*****.**.**
	更新日：2008年11月11日
	バージョン：2.0
------------------------------------------------------------------*/

/* -----------------------------------------------------------------
	目次
	
	リセット
	基本スタイル
	wrapper
	CSSハック
	○○○○○
	○○○○○
	○○○○○
	○○○○○

------------------------------------------------------------------*/
/* -----------------------------------------------------------------

	sideMenu

------------------------------------------------------------------*/
#sideMenu ul li#sm04 {
	margin-top: -6px;
}
*:first-child+html #sideMenu ul li#sm04 {
	padding-top: 0px;
}
*html #sideMenu ul li#sm04 {
	padding-top: 0px;
}
#sideMenu ul li#sm04 a {
	margin-top: -6px;
}
*:first-child+html #sideMenu ul li#sm04 a {
	padding-top: 0px;
	margin-top: 0px;
}
*html #sideMenu ul li#sm04 a {
	padding-top: 0px;
	margin-top: 0px;
}


/* -----------------------------------------------------------------

	reason

------------------------------------------------------------------*/
.borBox01 {
	background-image: none;
	border: 1px solid #ff7286;
	padding: 8px;
	background-color: #ffeef0;
}
.borBox02 {
	border: 1px solid #ff7286;
	padding: 8px;
}

/* -----------------------------------------------------------------

	complecation　flowchart　共通

------------------------------------------------------------------*/
#main .fcL {
	float: left;
	height: auto;
	width: 278px;
	padding-left: 16px;
	padding-top: 40px;
}
#main .fcR {
	float: right;
	height: auto;
	width: 155px;
	padding-top: 13px;
	padding-right: 16px;
}
#main .fcL h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #ff7286;
}

/* -----------------------------------------------------------------

	complecation

------------------------------------------------------------------*/
#main .comp {
	height: auto;
	width: 153px;
	overflow: hidden;
	background-image: url(../images/anesthesiology/caseM.gif);
	background-repeat: repeat-y;
	float: left;
	margin-right: 10px;
}
#main #compR1,
#main #compR2 {
	margin-right: 0px;
}
#main .comp h4 {
	background-image: url(../images/anesthesiology/caseT.gif);
	width: 127px;
	padding-right: 13px;
	padding-left: 13px;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	color: #ff7286;
}
#main .comp ul {
	height: auto;
	width: 153px;
	background-image: url(../images/anesthesiology/caseB.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}
#main .comp ul li {
	border-bottom: 1px dotted #c1c1c1;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 127px;
	margin-left: 13px;
}

#main .fChart1 {
	background-image: url(../images/anesthesiology/step01.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .fChart2 {
	background-image: url(../images/anesthesiology/step02.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .fChart3 {
	background-image: url(../images/anesthesiology/step03.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
	clear: both;
}

/* -----------------------------------------------------------------

	flowchart

------------------------------------------------------------------*/
#main .step1 {
	background-image: url(../images/operation/step01.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
}
#main .step2 {
	background-image: url(../images/operation/step02.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step3 {
	background-image: url(../images/operation/step03.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step4 {
	background-image: url(../images/operation/step04.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step5 {
	background-image: url(../images/operation/step05.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step6 {
	background-image: url(../images/operation/step06.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
	clear: both;
}
#main .step7 {
	background-image: url(../images/operation/step07.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step8 {
	background-image: url(../images/operation/step08.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step9 {
	background-image: url(../images/operation/step09.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .step10 {
	background-image: url(../images/operation/step10.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
	clear: both;
}
#main .step11 {
	background-image: url(../images/operation/step11.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
	clear: both;
}

/* -----------------------------------------------------------------

	process

------------------------------------------------------------------*/
#main .proBg1 {
	background-image: url(../images/operation/proBg01.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
}
#main .proBg2 {
	background-image: url(../images/operation/proBg02.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .proBg3 {
	background-image: url(../images/operation/proBg03.gif);
	background-repeat: no-repeat;
	height: 163px;
	width: 480px;
	margin-bottom: 4px;
	clear: both;
}
#main .proBg4 {
	background-image: url(../images/operation/proBg04.gif);
	background-repeat: no-repeat;
	height: 145px;
	width: 480px;
	margin-bottom: 20px;
	clear: both;
}
#main .proTxt {
	float: left;
	height: auto;
	width: 201px;
	padding-left: 16px;
	padding-top: 40px;
}
#main .proImg {
	float: right;
	height: auto;
	width: 232px;
	padding-top: 13px;
	padding-right: 16px;
}
#main .proTxt h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #ff7286;
}

/* -----------------------------------------------------------------

	Faq

------------------------------------------------------------------*/
#main .faqList {
	height: auto;
	width: 462px;
	overflow: hidden;
	border: 1px solid #c1c1c1;
	padding: 8px;
}
#main .faqList ul li {
	list-style: none;
	padding-bottom: 6px;
	background-image: url(../images/gynecology/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
}
#main .faqList ul li a {
	text-decoration: none;
}
#main .faqList ul li a:hover {
	color: #ff7286;
}

#main .faqList .faqImg {
	padding-left: 6px;
	float: right;
	height: auto;
	width: 177px;
}
#main .faqList .qEnd {
	padding-bottom: 0px;
}

#main .faq {
	height: auto;
	width: 480px;
	overflow: hidden;
	margin-bottom: 20px;
}
#main .faq dl {
	margin-bottom: 8px;
	border-bottom: 1px dotted #7d7d7d;
	padding-bottom: 8px;
}
#main .faq dl dt {
	font-weight: bold;
	background-image: url(../images/gynecology/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
	color: #ff7286;
	margin-bottom: 6px;
}
#main .faq dl  dd {
	background-image: url(../images/gynecology/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
}
.ddList01 {
	text-indent:-1em;
	padding-left:1em;
	display: inline-block;
}
.ddmgnBtm6 {
	display: inline-block;
	margin-bottom: 6px;
}

/* -----------------------------------------------------------------

	step

------------------------------------------------------------------*/
#step #main .table01 th,
#step #main .table01 td {
	font-size: 12px;
}
#step #main .faq dl dd p {
	font-size: 12px;
}


/* -----------------------------------------------------------------

	check

------------------------------------------------------------------*/
#main .linkBtn01 ul {
	width: 480px;
	height: auto;
	overflow: hidden;
}
#main .linkBtn01 ul li {
	height: 27px;
	overflow: hidden;
	float: left;
}

#main .linkBtn01 ul li#ck01 {
	width: 236px;
	background-image: url(../images/operation/checkMenu01H.gif);
	background-repeat: no-repeat;
	height: 27px;
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
}
#main .linkBtn01 ul li#ck01 a {
	width: 236px;
	background-image: url(../images/operation/checkMenu01L.gif);
	background-repeat: no-repeat;
	line-height: 68px;
	height: 27px;
	float: left;
}
#main .linkBtn01 ul li#ck01 a:hover {
	background-image: none;
}

#main .linkBtn01 ul li#ck02 {
	width: 236px;
	background-image: url(../images/operation/checkMenu02H.gif);
	background-repeat: no-repeat;
	height: 27px;
	float: left;
	margin-bottom: 8px;
}
#main .linkBtn01 ul li#ck02 a {
	width: 236px;
	background-image: url(../images/operation/checkMenu02L.gif);
	background-repeat: no-repeat;
	line-height: 68px;
	height: 27px;
	float: left;
}
#main .linkBtn01 ul li#ck02 a:hover {
	background-image: none;
}

#main .linkBtn01 ul li#ck03 {
	width: 236px;
	background-image: url(../images/operation/checkMenu03H.gif);
	background-repeat: no-repeat;
	height: 27px;
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
}
#main .linkBtn01 ul li#ck03 a {
	width: 236px;
	background-image: url(../images/operation/checkMenu03L.gif);
	background-repeat: no-repeat;
	line-height: 68px;
	height: 27px;
	float: left;
}
#main .linkBtn01 ul li#ck03 a:hover {
	background-image: none;
}

#main .linkBtn01 ul li#ck04 {
	width: 236px;
	background-image: url(../images/operation/checkMenu04H.gif);
	background-repeat: no-repeat;
	height: 27px;
	float: left;
	margin-bottom: 8px;
}
#main .linkBtn01 ul li#ck04 a {
	width: 236px;
	background-image: url(../images/operation/checkMenu04L.gif);
	background-repeat: no-repeat;
	line-height: 68px;
	height: 27px;
	float: left;
}
#main .linkBtn01 ul li#ck04 a:hover {
	background-image: none;
}

#step #main .faq  dl .p12 {
	font-size: 1em;
}