@charset "utf-8";
/* CSS Document */





/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media print{
.spFigure{display:none;}
br.sp{display:none;}

#paraBg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:-100;	
	background:url(../images/para_bg.jpg) center 0px no-repeat;
	background-size:1920px auto;
}


header{
	background:url(../images/main.jpg) center top no-repeat;
	background-size:1920px;
	height:auto;
}


/* section.emergency
-------------------------------------- */
section.emergency{
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:25px 0px 25px 0px;	
	background:#4dc0cf;
}
	section.emergency p{
		display:block;
		width:1130px;
		height:auto;
		margin:0px auto;
		padding:5px 10px;
		background:#fff;
		
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
		section.emergency p span{
			color:#e10000;
			margin-right:10px;	
		}




/* section.heart
-------------------------------------- */
section.heart{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:20px 0px 35px 0px;	
	background:#fff;
}
	section.heart h2{
		display:block;
		width:976px;
		height:auto;
		margin:0px auto;
		text-align:center;
		padding:0px 0px 12px 0px;
		background:url(../../common/images/line_double.png) center bottom repeat-x;
		position:relative;
	}
		section.heart h2 span{
			display:block;
			position:absolute;
			top:63px;
			left:285px;
			color:#60140b;
		}
	section.heart .floatBox{
		width:976px;
		height:auto;
		margin:0px auto;
		padding:26px 0px 0px 0px;
		overflow:hidden;
	}
		section.heart .floatBox figure{
			width:262px;
			height:auto;
			float:left;
		}
			section.heart .floatBox figure figcaption{
				font-size:87%;
				margin-top:-4px;	
			}
				section.heart .floatBox figure figcaption span{
					font-size:93%;
					font-weight:bold;
					padding-left:10px;
				}
		section.heart .floatBox .floatRight{
			width:692px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			float:right;	
		}
			section.heart .floatBox .floatRight p{
				padding:0px 0px 12px 0px;
				line-height:2em;	
			}
				section.heart .floatBox .floatRight ul{
					display:block;
					width:100%;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:10px 0px 0px 0px;	
					overflow:hidden;
				}
					section.heart .floatBox .floatRight ul li{
						display:block;
						width:30%;
						height:auto;
						margin:0px 3% 0px 0px;
						float:left;
					}
						section.heart .floatBox .floatRight ul li a{
							display:block;
							padding:5px 0px;
							text-align:center;
							color:#22b6c9;
							border:1px solid #22b6c9;	
						}
							section.heart .floatBox .floatRight ul li a img{
								width:12px;
								height:auto;
								margin-right:3px;
								vertical-align:baseline;
								margin-top:2px;
							}
							section.heart .floatBox .floatRight ul li a:hover{
								text-decoration:none;
								background:#22b6c9;
								color:#fff;
							}
						



/* section.symptomBg
-------------------------------------- */
section.symptomBg{
	width:100%;
	height:auto;
	background:#fff;
}
	.symptom{
		width:1136px;
		height:auto;
		margin:0px auto;
		padding:20px 0px 55px 0px;	
		overflow:hidden;
	}
		.symptom h2{
			display:block;
			width:976px;
			margin:0px auto;
			text-align:center;
			padding:0px 0px 12px 0px;
			background:url(../../common/images/line_double.png) center bottom repeat-x;
		}
	
		.symptom .symptomSet{
			width:550px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:26px 0px 0px 0px;	
		}
		.symptom .FL{float:left;}
		.symptom .FR{float:right;}
			
			.symptomSet figure{
				width:275px;
				height:auto;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				float:left;
			}
			.symptomSet .detail{
				width:251px;
				height:auto;
				max-height:242px;
				margin:0px 0px 0px 0px;
				padding:12px;
				background:#e7fcff;
				float:right;	
			}
				.symptomSet .detail h3{
					color:#09aabf;
					font-size:116%;
					font-weight:bold;
					padding:0px 0px 6px 0px;
				}
				.symptomSet .detail p{
					font-size:93%;
					padding:0px 0px 14px 0px;	
				}
				.symptomSet .detail a{
					display:block;
					width:100%;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:10px 0px;
					text-align:center;
					background:#fff;
					border-bottom:3px solid #4dc0cf	
				}
					.symptomSet .detail a img{
						width:6px;
						height:auto;
						margin-right:4px;	
					}
		.symptom .symptomMore{
			display:none;
		}
		.symptom .moreBox{
			clear:both;
			width:100%;
			height:auto;
			margin:0px auto;
			padding:20px 0px 0px 0px;	
			
		}
			.symptom .moreBox p{
				display:block;
				border:2px solid #09AABF;
				color:#09AABF;
				font-size:112%;
				padding:8px 0px;
				text-align:center;
				cursor:pointer;
			}
				.symptom .moreBox a:hover{
					text-decoration:none;
				}
			.symptom .moreBox img{
				width:15px;
				height:auto;
				margin-right:5px;
			}



/* section.features
-------------------------------------- */
section.featuresBg{
	width:100%;
	height:auto;
	background:#fff;	
	z-index:25;
}
	.features{
		width:1160px;
		height:auto;
		margin:0px auto 30px auto;
		padding:20px 0px 35px 0px;	
		overflow:hidden;
		background:url(../../common/images/slash_border_line.jpg) center top repeat-y;
	}
		.features h2{
			display:block;
			width:976px;
			margin:0px auto;
			text-align:center;
			padding:0px 0px 12px 0px;
			background:url(../../common/images/line_double.png) center bottom repeat-x;
		}
		.features .FL{float:left;}
		.features .FR{float:right;}
		
		.features .featureBox{
			width:986px;
			height:auto;
			margin:0px auto;
			padding:45px 0px 0px 0px;
			overflow:hidden;
		}
			.featureBox .detail{
				width:542px;
				height:auto;	
			}
				.featureBox .detail h3{
					color:#25afc0;
					font-weight:bold;
					font-size:118%;
					padding:0px 0px 5px 0px;
					margin:0px 0px 10px 0px;
					border-bottom:1px solid #999;
				}
				.featureBox .detail p{
					padding:0px 0px 12px 0px;	
					line-height:1.78em;
				}
				.featreuBox .detail ul{
					display:block;
					width:100%;
					height:auto;
					overflow:hidden;
				}
					.featureBox .detail ul li{
						width:40%;
						height:auto;
						margin:0px 15px 0px 0px;
						padding:10px 0px 0px 0px;
						float:left;	
					}
						.featureBox .detail ul li a{
							display:block;
							padding:5px 0px;
							text-align:center;
							color:#22b6c9;
							border:1px solid #22b6c9;	
						}
							.featureBox .detail ul li a img{
								width:12px;
									height:auto;
									margin-right:3px;
									vertical-align:baseline;
									margin-top:2px;
								}
								.featureBox .detail ul li a:hover{
									text-decoration:none;
									background:#22b6c9;
									color:#fff;
								}


/* section.contactArea
-------------------------------------- */
section.contactArea{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:100px 0px 100px 0px;	
	overflow:hidden;
	/*background:url(../../common/images/slash_border_line.jpg) center top repeat-y;*/
}

	section.contactArea .contactBox{
		width:1000px;
		height:355px;
		margin:0px auto;
		background:url(../images/contact_bg.png) center top no-repeat;
		position:relative;	
	}
		.contactBox h2{
			display:block;
			position:absolute;
			top:60px;
			left:270px;
			font-size:118%;
			font-weight:bold;
		}
		.contactBox p{
			display:block;
			position:absolute;
			top:100px;
			left:270px;
			font-size:112%;	
			line-height:1.99em;
		}
		.contactBox .contactDetail{
			position:absolute;
			top:190px;
			left:270px;	
			overflow:hidden;
		}
			.contactDetail .tel{
				float:left;
				border-right:1px solid #ccc;
				padding-right:20px;	
			}
			.contactDetail .mail{
				float:left;	
				padding-left:20px;
			}
			.contactDetail .caution{
				clear:both;
				padding:10px 0px 0px 0px;
			}




/* section.aboutArea
-------------------------------------- */
section.about{
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px 0px 65px 0px;	
	background:#fff url(../../common/images/line_double.png) center 3px repeat-x;
}
	section.about .aboutArea{
		width:1000px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;	
		position:relative;
	}
		section.about .aboutArea h2{
			display:block;
			width:167px;
			height:auto;
			text-align:center;
			padding:0px 0px 12px 0px;
			position:absolute;
			top:-60px;
			left:430px;
			z-index:45;
		}
		.aboutArea p.read{
			padding:130px 0px 20px 0px;
			text-align:center;
			font-size:106%;
			line-height:1.78em;
		}
		
		.aboutArea .aboutFloat{
			width:100%;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:10px 0px 0px 0px;	
			overflow:hidden;
		}
			.aboutFloat .overview{
				width:600px;
				height:auto;
				margin:0px 0px 0px 0px;
				padding:0px 0px 30px 0px;
				float:left;	
			}
				.overview .tableBox tr{
					border-bottom:1px solid #ccc;
				}
				.overview .tableBox td{
					padding:12px;	
				}
				.overview .tableBox p{
					padding:5px 0px 0px 0px;
					font-size:93%;	
				}
				.overview .tableBox a.pinLink{
					color:#2e8d9a;
				}
					.overview .tableBox a.pinLink img{
						width:12px;
						height:auto;
						margin-right:2px;
						margin-left:3px;
					}
					.overview .tableBox table td table tr{
						border-bottom:none;	
					}
					.overview .tableBox table td table{
						border-right:1px solid #ccc;
						border-bottom:1px solid #ccc;	
					}
					.overview .tableBox table td table td{
						border-left:1px solid #ccc;
						border-top:1px solid #ccc;	
						padding:3px;
					}
				.overview .tableBox td span{
					display:block;
					background:#67aab3;
					color:#fff;
				}
			
			
			.aboutFloat .calendarView{
				width:380px;
				height:auto;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				float:right;	
			}
				.calendarView p.calendarCaution{
					font-size:93%;	
				}
					.calendarView p.calendarCaution span{
						padding-right:6px;
					}
				.calendarView .btnArea{
					padding:10px 0px 0px 0px;
				}
					.calendarView .btnArea a{
						display:block;
						padding:5px 0px;
						margin:0px 0px 10px;
						text-align:center;
						color:#22b6c9;
						border:1px solid #22b6c9;
					}
						.calendarView .btnArea a img{
							width:12px;
							height:auto;
							margin-right:3px;
							vertical-align:baseline;
							margin-top:2px;
						}
						.calendarView .btnArea a:hover{
							text-decoration:none;
							background:#22b6c9;
							color:#fff;
						}
						
			.aboutFloat .newsBox{
				clear:both;
				padding:15px;
				background:url(../images/news_slash_bg.jpg);	
				overflow:hidden;
			}

				.newsBox .newsTitle{
					width:18%;
					height:auto;	
					text-align:center;
					padding:30px 0px 0px 0px;
					float:left;
					background:#55cbda;
				}
					.newsTitle a{
						color:#fff;
					}
						.newsTitle a img{
							width:10px;
							margin-right:5px;
						}
				.newsBox ul{
					display:block;
					width:82%;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:6px 0px 0px 0px;
					background:#fff;
					float:left;	
				}
					.newsBox ul li{
						display:block;
						width:98%;
						height:auto;
						margin:0px auto 10px auto;
						padding:0px 0px 6px 0px;
						border-bottom:1px dotted #ccc;
					}
						.newsBox ul li a{
							padding-left:5px;
							color:#168f9d;
						}			
			
			
						
						

				
/* section.blog
-------------------------------------- */
section.blogBg{
	width:100%;
	height:auto;
	background:#fff;	
}
	.blog{
		width:1160px;
		height:auto;
		margin:0px auto 0px auto;
		padding:20px 0px 35px 0px;	
		overflow:hidden;
	}
		.blog h2{
			display:block;
			width:1160px;
			margin:0px auto;
			text-align:center;
			padding:0px 0px 12px 0px;
			background:url(../../common/images/line_double.png) center bottom repeat-x;
		}	
		.blog article{
			padding:26px 0px 26px 0px;
			overflow:hidden;
			border-bottom:1px solid #ededed;
			margin-bottom:0px;	
		}
			.blog article figure{
				width:185px;
				height:auto;
				float:left;	
			}
				.blog article figure img{
					width:100%;
					height:auto;
					margin-bottom:-5px;
				}
			.blog article .blogDetail{
				width:914px;
				height:auto;
				float:left;
			}
				.blogDetail h3{
					padding:0px 0px 5px 20px;	
				}
					.blogDetail h3 a{
						color:#25afc0;
						font-weight:bold;
						font-size:112%;	
					}
				.blogDetail p.entryBody{
					font-size:93%;
					padding:0px 0px 0px 20px;	
				}
				.blogDetail p.date{
					font-size:87%;
					color:#666;
					padding:5px 0px 0px 20px;	
				}
			.blog article .blogMore{
				width:60px;
				height:auto;
				float:right;
			}
				.blog article .blogMore a{
					display:block;
					width:100%;
					height:auto;
					background:#eeeeee;
					text-align:center;
				}
					.blog article .blogMore a img{
						width:50%;
						height:auto;
						margin-top:39px;
					}
						
						
		.blog .moreBox{
			clear:both;
			width:100%;
			height:auto;
			margin:0px auto;
			padding:20px 0px 0px 0px;	
			
		}
			.blog .moreBox a{
				display:block;
				border:2px solid #09AABF;
				color:#09AABF;
				font-size:112%;
				padding:8px 0px;
				text-align:center;
			}
				.blog .moreBox a:hover{
					text-decoration:none;
				}
			.blog .moreBox img{
				width:15px;
				height:auto;
				margin-right:5px;
			}	
						
						
						
						
						

}