@charset "utf-8";

/*-------------------------------------------*/
#contents {
	margin-top: 50px;
}
#mainContents {
	position: relative;
}

.PtB{
	padding-bottom:10px;
}


#mainContents p.printPage {
	position: absolute;
	right: 0px;
	top: -39px;
}
#mainContents .titleArea {
	background-color: #FFF4F6;
	border: #FFDEE5 1px solid;
	padding: 5px 17px 0px 17px;
	height:50px;
	margin-bottom: 18px;
}
#mainContents .titleArea h1 {
	font-size: 100%;
	color: #FF6084;
	font-weight: bold;
	float: left;
	padding: 15px 0 0 0;
}
#mainContents .titleArea ul {
	float: right;
	display:inline;
	padding-top:3px;
}
#mainContents .titleArea ul li {
	float: left;
	display: inline;
	margin-left: 2px;

}
#mainContents h2 {
	background-image: url(../img/common/detail_title_bg01.gif);
	font-size: 85%;
	background-repeat: no-repeat;
	color: #333333;
	font-weight: bold;
	background-position: 0 0;
}
#mainContents h2 span {
	background-image: url(../img/common/detail_title_bg02.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding: 11px 0 5px 24px;
	display: block;
	min-height: 22px;
	line-height: 1.3;
}
* html #mainContents h2 span {
	height: 22px;
}

#mainContents .section01 {
	clear: both;
	margin-bottom: 50px;
}
#mainContents .text01 {
	margin-bottom: 8px;
}
#mainContents .text03 {
	margin-bottom: 30px;
}
#mainContents .list01 {
	color: #FF6084;

}
#mainContents .img01 {
	margin-bottom: 8px;
}
#mainContents .section01 .leftArea {
	float: left;
	width: 240px;
}
#mainContents .section01 .rightArea {
	float: right;
	width: 425px;
}
#mainContents .section01 .rightArea table {
	width: 100%;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	margin-bottom: 5px;
}
#mainContents .section01 .rightArea table td {
	font-size: 76%;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 5px;
	text-align: center;
}
#mainContents .interview {
	clear:both;
	margin-bottom: 50px;
}
#mainContents .interview h2 {
	margin-bottom: 24px;
}

#mainContents .interview .section02 {
	margin-bottom: 40px;
}
#mainContents .interview .section02 .leftImg01 {
	float: left;
	width: 240px;
}
#mainContents .interview .section02 .rightArea {
	float: right;
	width: 405px;
}
#mainContents .interview h3 {
	color: #FF6084;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 12px;
	font-size: 85%;
}
#mainContents .profile {
	clear:both;
	margin-bottom:40px;
}
#mainContents .history {
/*	font-size: 76%;*/
	margin-bottom: 8px;
	color: #333333;
	width:680px;
}
#mainContents .history dt {
	float: left;
	width: 80px;
	clear:both;
	line-height:120%;
}
#mainContents .history dd {
	float: left;
	width: 600px;
	padding:0px 0px 5px 0px;
	line-height:120%;
}

#mainContents .history_w {
	/*font-size: 76%;*/
	margin-bottom: 30px;
	color: #333333;
	width:680px;	
}
#mainContents .history_w dt {
	float: left;
	width: 100px;
	clear:both;
	line-height:120%;
}
#mainContents .history_w dd {
	float: left;
	width: 580px;
	padding:0px 0px 5px 0px;
	line-height:120%;
}

#mainContents .section03 {
	clear: both;
	margin-bottom: 40px;
}
#mainContents .section03 .rightImg01 {
	float: right;
	width: 200px;
}
#mainContents .section03 .leftArea {
	float: left;
	width: 465px;
}

#mainContents .section04 {
	clear:both;
}

#mainContents .access {
	clear:both;
	margin-bottom: 45px;
	position: relative;
}
#mainContents .access h2 {
	margin-bottom: 18px;
}
#mainContents .access .section04 {
}

#mainContents .access .rightImg01 {
	float: right;
	width: 320px;
	/*height:330px;*/
	font-size:12px;
	text-align:right;
}
#mainContents .access .rightImg01 span {
	display: block;
	margin-top: 3px;
}
#mainContents .access .rightImg01 span a {
	color: #0000FF;
}
#mainContents .access .leftArea {
	float: left;
	width: 340px;
}
#mainContents .access .printMap {
	margin-bottom: 28px;
}
#mainContents .access .qr {
	width: 180px;
	border: #CCCCCC 1px solid;
	padding: 8px;
}
#mainContents .access .qr .code {
	float: left;
	width: 82px;
	margin-right: 5px;
}
#mainContents .access .qr .text02 {
	float: left;
	margin: 23px 0 0 0px;
}
#mainContents .clinicInfo {
	clear:both;
	padding-bottom: 15px;
}
#mainContents .clinicInfo h2 {
	margin-bottom: 16px;
}
#mainContents .clinicInfo ul {
	margin-left: -15px;
	position: relative;
	width: 695px;
}
#mainContents .clinicInfo ul li {
	float: left;
	margin-bottom: 10px;
	margin-left: 15px;
	font-size: 76%;
	display: inline;
}
#mainContents .clinicInfo ul li span {
	display: block;
	color: #666666;
	margin-top: 3px;
}

.rightArea .other:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.rightArea .other .img{
	float:left;
	display:inline;
	width:170px;
}
.rightArea .other .text{
	float:right;
	display:inline;
	width:250px;
	padding:21px 0px 0px 0px;
	
}
.Waku{
	border:1px solid #ccc;
}

*html .Waku{
	border:1px solid #ccc;
	width:88px;
	height:88px;
}

.matter {
	position: relative;
	width: 920px;
	margin:0 auto;
	margin-bottom: 28px;
	border: #FFC6C6 1px solid;
	height:100px;}

.matter p {
	position:absolute;
	top: 20px;
	left:15px;
	text-align:left;
}

.matter ul {
	position: absolute;
	left: 244px;
	top: 7px;
}

.matter li {
	float: left;
	margin-right: 5px;
	display:inline;
}
#lifeStage {
	clear:left;
	text-align:left;
	width: 920px;
	margin:0 auto;
	padding-bottom:10px;
}
#lifeStage ul li {
	float: left;
	margin:0px !important;
	padding:0px !important;
}
#lifeStage ul li.total {
	float: right;
	margin:0px !important;
	padding:0px !important;
}




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

#pagenavi {
	text-align: center;
	margin-bottom: 30px;
}
#pagenavi p.pagenaviBtn {
	margin: 0;
	position: relative;
	height:30px;
}
#pagenavi p.pagenaviBtn .pagenavi_prev{
	position: absolute;
	left: 265px;
	top: 0px;
}

#pagenavi p.pagenaviBtn .pagenavi_next{
	position: absolute;
	right: 265px;
	top: 0px;
}

/*-------------------------------------------*/
.news_slider {
	clear:both;
	position: relative; width: 680px; margin: 0; text-align: left;
	background-image:url(../img/common/slider_bg_top_line.gif) ;
	background-repeat:no-repeat;
}
.BgLinePoti01{
	background-position:191px 22px; 
}
.BgLinePoti02{
	background-position:234px 22px; 
}
.news_slider .fl {
	float: left; display: inline;
}

.news_slider .slider-area{ 
	border-right:#e2e2e2 1px solid;
	border-left:#e2e2e2 1px solid;
	border-bottom:#e2e2e2 1px solid; 
	margin-bottom: 30px; 
	padding:10px 0px 5px 0px
}

.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%;
}

.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 4).
    */
	position: relative;
	top: 0;
	left: 48px;
	width: 580px;
	/*height:220px;*/
	overflow: hidden;
}

.news_slider .item {
	width:141px;
	height:230px;
	font-size: 10px;
	color: #848484;
	line-height:130%;
	margin-right: 6px;
}
.news_slider .on img{
	border:solid 3px #FF6084;

}
.news_slider .on .img{
	padding-left:0px !important;
}

.news_slider .item span {
	color: #FF6084;
}

.news_slider .item p.img{
	padding-left:3px;
	height:130px;
}
.news_slider .item a:link {
	color: #FF6084;
	text-decoration: none;
}
.news_slider .item a:visited  {
	color: #FF6084;
	text-decoration: none;
}
.news_slider .item a:hover {
	color: #FF6084;
	text-decoration: none;
}
.news_slider .item a:active {
	color: #FF6084;
	text-decoration: none;
}

.news_slider .next{
	position: absolute;
	right: 14px;
	top: 76px;
	cursor:pointer;
}
.news_slider .prev{
	position: absolute;
	left: 14px;
	top: 76px;
	cursor:pointer;
	display:none;
}

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