@charset "UTF-8";

#contents {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	min-height: 600px;
	margin-top: 10px;
}


/**********************************
コンテンツ左部分
**********************************/
#contents .contentsLeft {
	width: 690px;
	float: left;
	text-align: left;
}

#contents .contentsLeft h3 {
	width: 690px;
	height: 35px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/epopro_h3_line.png) left top no-repeat;
	margin: 15px 0 0 0;
	padding: 10px 0 0 10px;
}

#contents .contentsLeft h3 span {
	font-weight: bold;
	font-size: 15px;
}

#contents .contentsLeft h4 {
	padding: 1px 0 0 20px;
	background: url(/wp-content/themes/actelion/common/img/pixcelBox.png) left top no-repeat;
	color: #ec5082;
	font-weight: bold;
	font-size: 15px;
}

#contents .contentsLeft h5 {
	width: 690px;
	padding: 1px 0 0 20px;
	margin: 0 0 0 10px;
	background: url(/wp-content/themes/actelion/common/img/pixcelBox.png) left top no-repeat;
	color: #ec5082;
	font-weight: bold;
	font-size: 15px;
	float: left;
}

#contents .contentsLeft .intro {
	margin: 20px 0;
}

#contents .contentsLeft .cautionBox {
	width: 688px;
	border: 1px solid #FF9900;
	background-color: #FFFFE4;
}

#contents .contentsLeft .cautionBox p{
	padding: 20px 10px;
}

#contents .contentsLeft .cautionBox p span {
	padding-bottom: 5px;
	display: inline-block;
	font-weight: bold;
}

#contents .contentsLeft .contentsNavBox {
	width: 690px;
	min-height: 150px;
	background-color: #E6E6E6;
	margin-top:20px;
}

#contents .contentsLeft .contentsNavBox a {
	width: 330px;
	height: 60px;
	text-indent: -9999px;
	float: left;
	display: inline-block;
	margin: 10px 7px;
}

#contents .contentsLeft p.circlePink {
	padding-left: 15px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/circlePink.gif) left 3px no-repeat;
	margin: 15px 0;
}

#contents .contentsLeft p.circlePink span {
	width: 670px;
	display: inline-block;
}

#contents .contentsLeft p.squarePink {
	padding-left: 18px;
	background: url(/wp-content/themes/actelion/common/img/pixcelBox.png) left top no-repeat;
	margin: 15px 0 5px 0;
}

#contents .contentsLeft p.squarePink span {
	color: #EB5081;
	font-weight: bold;
	font-size: 15px;
	padding: 2px 0 0 0;
}

#contents .contentsLeft p.tableTitle {
	font-size: 14px;
	padding: 15px 0 0 0;
}


#contents .contentsLeft table {
	border: 1px solid #333333;
	margin: 10px 0 20px 0;
}

#contents .contentsLeft table .tdLeft,
#contents .contentsLeft table .tdRight {
	background-color: #E1EBFF;
	font-weight: bold;
}

#contents .contentsLeft table.tablePink .tdLeft,
#contents .contentsLeft table.tablePink .tdRight {
	background-color: #FFE6E6;
	font-weight: bold;
}

#contents .contentsLeft table td {
	padding: 10px;
	border: 1px solid #333333;
}

#contents .contentsLeft .stepBox {
	width: 560px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
}

#contents .contentsLeft .stepBox .blueBox {
	width: 559px;
	border: 1px solid #ffcccc;
	background-color: #e6f1ff;
	background-image: url(/wp-content/themes/actelion/image/epoprostenol/under_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 15px 0;
}

#contents .contentsLeft .stepBox .nextStep {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under_next.png) center center no-repeat;
	width: 560px;
	text-align: center;
	height: 15px;
}

#contents .contentsLeft .stepBox .redBox {
	width: 559px;
	border: 1px solid #ffcccc;
	background-color: #ffe8ec;
	margin: 15px 0;
}

#contents .contentsLeft .stepBox  p {
	padding: 15px 0;
}

#contents .contentsLeft .stepBox .noArrow {
	background-image: none;
}

#contents .contentsLeft p.small {
	font-size: 12px;
}

#contents .contentsLeft .imageBox {
	margin: 0 auto;
	text-align: center;
}

#contents .contentsLeft .imageBox img {
	padding: 10px;
}

#contents .contentsLeft .care01 li {
	list-style: disc;
	margin: 0 0 0 20px;
}

#contents .contentsLeft p.colorPink {
	color: #EB5081;
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

#contents .contentsLeft p.carePadding {
	padding: 10px 0;
}

#contents .contentsLeft .careBox {
	width: 670px;
	padding: 20px 0;
}

#contents .contentsLeft .careBox img {
	float: left;
}

#contents .contentsLeft .careBox p {
	padding: 0 0 0 20px;
	display: inline-block;
	float: left;
	width: 360px;
}

#contents .contentsLeft .sp  {
	position: relative;
}

#contents .contentsLeft .sp p {
	position: absolute;
	left: 260px;
	top: 20px;
}

#contents .contentsLeft .careBox p span.left {
	float: left;
	display: inline-block;
}

#contents .contentsLeft .careBox p span.right {
	float: right;
	display: inline-block;
	width: 95%;
}

#contents .contentsLeft .careBox p span.red {
	color: red;
	padding: 20px 0;
	font-size: 12px;
} 

#contents .contentsLeft .careBox p span.pink {
	color: #EB5081;
}

#contents .contentsLeft p .colorPink02 {
	color: #E4007F;
}

#contents .contentsLeft p .colorPink03 {
	color: #EB5081;
	font-weight: bold;
	font-size: 15px;
}

#contents .contentsLeft  .colorPink04 {
	color: #EB5081;
}

#contents .contentsLeft p .underLine01 {
	text-decoration: underline;
	font-size: 15px;
	display: inline-block;
	padding: 5px 0;
}


#contents .contentsLeft .productBox {
	width: 688px;
	border: 1px solid #FFCCCC;
	background-color: #FFF3F3;
	margin: 20px 0 30px 0;
}

#contents .contentsLeft .productBox .innerBox {
	padding: 10px 20px;
}

#contents .contentsLeft .productBox .innerBox p.circlePink a {
	padding-right: 20px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/pdfLink.png) right top no-repeat;
	color: #E4007F;
	text-decoration: underline;
}

#contents .contentsLeft .productBox .innerBox p.circlePink a:hover {
	text-decoration: none;
}

#contents .contentsLeft .yellowBox {
	width: 670px;
	padding: 20px;
	background-color: #FFF3C3;
	margin: 15px 0;
}

#contents .contentsLeft .yellowBox ul {
	margin: 0;
	padding: 0;
}

#contents .contentsLeft .yellowBox ul li {
	list-style: disc;
	margin: 0 0 0 15px;
}

#contents .contentsLeft .pager {
	text-align: center;
	margin: 15px 0;
}

#contents .contentsLeft .pager a,
#contents .contentsLeft .pager span{
	color: #EB5081;
	font-weight: bold;
}

#contents .contentsLeft .pager a:hover {
	text-decoration: underline;
}

#contents .contentsLeft .pager .prev {
	padding: 0 0 0 20px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/btn_prev.png) left top no-repeat;
}

#contents .contentsLeft .pager .next {
	padding: 0 20px 0 0;
	background: url(/wp-content/themes/actelion/image/epoprostenol/btn_next.png) right top no-repeat;
}





#contents .contentsLeft .contentsNavBox.under {
	height: 260px;
	margin: 10px 0 15px 0;
}

#contents .contentsLeft .care {
	height: 420px;
	margin: 10px 0 15px 0;
}

#contents .contentsLeft .contentsNavBox a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.5;
}

#contents .contentsLeft .contentsNavBox .navBtn1 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/l_nav001.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn2 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/l_nav002.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn3 {
	margin: 0px 7px 10px 7px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/l_nav003.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn4 {
	margin: 0px 7px 10px 7px;
	background: url(/wp-content/themes/actelion/image/epoprostenol/l_nav004.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn5 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav005.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn6 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav006.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn7 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav007.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn8 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav008.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn9 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav009.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn10 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav010.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn11 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav011.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn12 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav012.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn13 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav013.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn14 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav014.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn15 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav015.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn16 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav016.png) left top no-repeat;
}

#contents .contentsLeft .contentsNavBox .navBtn17 {
	background: url(/wp-content/themes/actelion/image/epoprostenol/under/l_nav017.png) left top no-repeat;
}

#contents .contentsLeft ul {

}

#contents .contentsLeft ul li {
	margin-left: 0px;
	padding: 5px 0 10px 0;
}

#contents .contentsLeft ul.basic04 {
	padding: 10px 0;
}

#contents .contentsLeft ul.basic04 li {
	list-style: disc;
	margin-left: 20px;
}

#contents .contentsLeft .underUl{
	width: 690px;
}
#contents .contentsLeft .underUl li{
	list-style: disc;
	margin-left: 16px;
	padding: 3px 0 20px 0;
}

#contents .contentsLeft .underUl li.last {
	padding: 3px 0 0 0;
}


#contents .contentsLeft .outerBox {
	width: 675px;
	margin: 0 auto;
}

#contents .contentsLeft .outerBox .innerBox {
	width: 328px;
	height: 240px;
	padding: 20px 4px;
	float: left;
}

#contents .contentsLeft .outerBox .innerBox ul li {
	list-style: disc;
	margin: 0 0 0 30px;
}

#contents .contentsLeft .outerBox .innerBox a {
	/*width: 328px;
	height: 202px;*/
	display: block;
}

#contents .contentsLeft .outerBox .innerBox a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.5;
}

#contents .contentsLeft .outerBox .innerBox .movie01 {
	height:220px;
	background:url(/wp-content/themes/actelion/image/epoprostenol/under/movie_image01.png) left top no-repeat;
}

#contents .contentsLeft .outerBox .innerBox .movie02 {
	height:220px;
	background:url(/wp-content/themes/actelion/image/epoprostenol/under/movie_image02.png) left top no-repeat;
}

#contents .contentsLeft .outerBox .innerBox .movie03 {
	height:220px;
	background:url(/wp-content/themes/actelion/image/epoprostenol/under/movie_image03.png) left top no-repeat;
}

#contents .contentsLeft .outerBox .innerBox .movie04 {
	height:220px;
	background:url(/wp-content/themes/actelion/image/epoprostenol/under/movie_image04.png) left top no-repeat;
}

#contents .contentsLeft .outerBox .innerBox .movie05 {
	height:220px;
	background:url(/wp-content/themes/actelion/image/epoprostenol/under/movie_image05.png) left top no-repeat;
}



#contents .contentsLeft .linkPageTop {
	width: 690px;
	text-align: right;
}

#contents .contentsLeft .linkPageTop a {
	padding-left: 15px;
	background: url(/wp-content/themes/actelion/common/img/arrow_top.png) left center no-repeat;
}


#contents .contentsLeft .blank {
	padding: 25px 0;
	width: 690px;
}

#contents .contentsLeft .pinkBox {
	background-color: #EB5081;
	width: 690px;
	margin:15px 0;
}

#contents .contentsLeft .pinkBox p {
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 18px;
}

#contents .contentsLeft .care06Box {
	width: 690px;
	height: 500px;
	position: relative;
	margin: 0 0 20px 0;
	background-image: url(/wp-content/themes/actelion/image/epoprostenol/under/care06/care06_image7.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#contents .contentsLeft .care06Box p {
	color: #EB5081;
}

#contents .contentsLeft .care06Box .p1 {
	position: absolute;
	top: 50px;
	left: 20px;
	font-size: 18px;
	font-weight: bold;
}

#contents .contentsLeft .care06Box .p2 {
	position: absolute;
	top: 80px;
	left: 20px;
	font-size: 26px;
	font-weight: bold;
}

#contents .contentsLeft .care06Box .p2 span {
	font-size: 14px;
	padding-left:10px;
}

#contents .contentsLeft .care06Box .p6 {
	position: absolute;
	top: 125px;
	left: 20px;
	color: #333;
}

#contents .contentsLeft .care06Box .p3 {
	width: 262px;
	position: absolute;
	top: 156px;
	left: 20px;
	font-weight: bold;
	padding-left: 1.5em;
	text-indent: -1.3em;
	font-size: 15px;
	color: #333;
}

#contents .contentsLeft .care06Box .p4 {
	position: absolute;
	top: 441px;
	left: 20px;
	color: #333;
	width: 594px;
}

#contents .contentsLeft .care06Box .p5 {
	position: absolute;
	top: 310px;
	left: 20px;
	width: 264px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 1.5em;
	text-indent: -1.3em;
	color: #333;
}






/***************************************
コンテンツ右部分
*****************************************/
#contents .contentsRight {
	width: 240px;
	float: left;
	margin-left: 30px;
	text-align: left;
	min-height: 550px;
}

#accordion .panel1 {
	width: 240px;
	height: 280px;
}

#accordion .panel2 {
	width: 240px;
	height: 380px;
}

#accordion .panel2 .panel2Under {
	width: 200px;
	padding-left: 20px;
	display: none;
}

#accordion .panel2 .panel2Under02 {
	width: 200px;
	padding-left: 20px;
	display: none;
}

#accordion .panel2 li {
	padding: 2px 0 2px 10px;
	background: url(/wp-content/themes/actelion/common/img/panelUnder.png) left 7px no-repeat;
}

#accordion .panel3 {
	width: 240px;
	height: 0px;
}

#accordion .panel4 {
	width: 240px;
	height: 0px;
}

#accordion .panel1 a,
#accordion .panel2 a,
#accordion .panel3 a,
#accordion .panel4 a {
	width: 240px;
	height: 47px;
	display: block;
	background: url(/wp-content/themes/actelion/common/img/arrow_right.png) 5px center no-repeat;
	font-size: 12px;
}

#accordion  a.current,
#accordion .panel1 a:hover,
#accordion .panel2 a:hover,
#accordion .panel3 a:hover,
#accordion .panel4 a:hover {
	background-color: #fff0f0;
}

#accordion .panel1 a:hover span,
#accordion .panel2 a:hover span,
#accordion .panel3 a:hover span,
#accordion .panel4 a:hover span {
	text-decoration: none;
}

#accordion .panel1 a span,
#accordion .panel2 a span,
#accordion .panel3 a span,
#accordion .panel4 a span {
	width: 230px;
	padding:16px 0 0 21px;
	display:inline-block;
}

#accordion .panel1 a.panelInner,
#accordion .panel2 a.panelInner,
#accordion .panel3 a.panelInner,
#accordion .panel4 a.panelInner {
	background: url(/wp-content/themes/actelion/image/epoprostenol/rightNav_arrow.png) 5px center no-repeat #F0F0F0;
}

#accordion .panel1 a.panelInner span,
#accordion .panel2 a.panelInner span,
#accordion .panel3 a.panelInner span,
#accordion .panel4 a.panelInner span {
	padding: 16px 0 0 22px;
	font-weight: bold;
}

#accordion a.line2 span {
	padding: 9px 0 0 22px !important;
}

#accordion a.line3 span {
	padding: 9px 0 0 21px !important;
}

#accordion  a.current01,
#accordion .panel1 a.panelInner:hover,
#accordion .panel2 a.panelInner:hover,
#accordion .panel3 a.panelInner:hover,
#accordion .panel4 a.panelInner:hover    {
	color: #ec5082;
	background: url(/wp-content/themes/actelion/image/epoprostenol/rightNav_arrow.png) 5px center no-repeat #FFE6E6 !important;
}

#accordion .panel2 .panel2Under a,
#accordion .panel2 .panel2Under02 a {
	width: 200px;
	height: 30px;
	background: none;
}

#accordion .panel2 .panel2Under02 ul li.twoLine {
	padding: 5px 0 15px 10px;
	background-position: left 10px;
}

#accordion .panel2 .panel2Under02 ul li.threeLine {
	padding: 10px 0 27px 10px;
	background-position: left 15px;
}

#accordion .panel2 .panel2Under a:hover,
#accordion .panel2 .panel2Under02 a:hover,
#accordion .panel2 .panel2Under a.current,
#accordion .panel2 .panel2Under02 a.current {
	color: #ec5082;
	text-decoration: none;
}


#breadcrumb ul {
	font-size: 11px;
}

sub{
	vertical-align: sub;
	font-size: smaller;
}

sup{
	vertical-align: super;
	font-size: smaller;
}

#accordion02 h3 {
	text-indent: -9999px;
	width: 240px;
	height: 60px;
	overflow: hidden;
    outline: none;
}

#accordion02 .title01 {
	background: url(/wp-content/themes/actelion/image/about/image003.png) left top no-repeat;
}

#accordion02 .panel1 {
	width: 240px;
	height: 50px;
}

#accordion02 .panel1 a {
	width: 240px;
	height: 47px;
	display: block;
	background: url(/wp-content/themes/actelion/common/img/arrow_right.png) 5px center no-repeat;
	font-size: 12px;
}

#accordion02  a.current,
#accordion02 .panel1 a:hover {
	background-color: #fff0f0;
}

#accordion02 .panel1 a:hover span {
	text-decoration: none;
}

#accordion02 .panel1 a span {
	width: 230px;
	padding:16px 0 0 21px;
	display:inline-block;
}
