@charset "utf-8";
/*These CSS could be used in all page.*/

/**********
 eyecatch
**********/
#eyecatch {
	height:345px;
	background-image: url(../images/layout/eyecatch_bg.gif);
	background-repeat: repeat-x;	
}
	#eyecatch_inner {
		width:1000px;
		height:345px;
		margin:0px auto;
		background-image: url(../images/layout/eyecatch.jpg);
		background-repeat: no-repeat;
	}
	#eyecatch_button_position {
		position:relative;
		width:1000px;
		height:0px;
		margin:0px auto;
	}
/**********
 main content area
/**********/
/*background decolation*/
#main div.content_area_mat div.top {
	height:10px;
	background-image: url(../images/common/main_bg_top.png);
	background-repeat: no-repeat;			
}
#main div.content_area_mat div.mid {
	background-image: url(../images/common/main_bg.png);
	background-repeat: repeat-y;
	padding:10px 25px 15px 25px;
}
#main div.content_area_mat div.end {
	height:10px;
	background-image: url(../images/common/main_bg_bottom.png);
	background-repeat: no-repeat;		
}
	#main div.content_area_mat div.stripe_purple {
		padding:10px 10px 10px 10px;
		width:715px;
		background-image: url(../images/common/stripe_purple.gif);
		background-repeat: repeat;			
	}
		#main div.content_area_mat div.stripe_purple div.stripe_purple_inner {
			padding:5px 5px 5px 5px;
			width:705px;
			background-color:#FFF;		
		}
			#main div.content_area_mat div.stripe_purple div.stripe_purple_inner p {
				font-size:0.9em;		
			}

			#main div.content_area_mat p.imagecaption {
				padding:10px;
				margin:10px 0px 20px 10px;
				width:640px;
				font-size:1.0em;
				background-color:#e9e9e9;
			}
			p.imagecaption img {
				margin-bottom:10px;
			}

/*text layout*/
#main div.content_area_mat p {
	padding:5px 0px 10px 0px;
}
#main div.content_area_mat dl {
	padding:5px 0px 10px 0px;
}
	#main div.content_area_mat dl dt {
		
	}
	#main div.content_area_mat dl dd {
		padding:10px 0px 10px 10px;
	}
		#main div.content_area_mat dl dd p {
			padding:0px 0px 10px 0px;
			font-size:1.0em;
		}
#main div.content_area ul {
	padding:5px 0px 10px 0px;
}

a.more_information {
	background-color:#ccccff;
	color:#ffffff;
	text-decoration:none;
	border-radius:4px 4px 4px 4px;
	padding:5px 5px;
	display:block;
	text-align:center;
}
a.more_information:hover {
	background-color:#ddddff;
	color:#7777ff;
}

/*plan hana-saidan*/
#main div.content_area_mat div.hana_saidan {
	padding:10px 0px 10px 0px;
	width:360px;
}
	#main div.content_area_mat div.hana_saidan h3 {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		list-style:none;
	}
	#main div.content_area_mat div.hana_saidan div.plan_content {
		border-left:5px solid #ddacc6;
		border-right:5px solid #ddacc6;
		border-bottom:5px solid #ddacc6;
		background-color:#fcf3f8;
		padding:20px 20px 15px 20px;
		
	}
		#main div.content_area_mat div.hana_saidan div.plan_content p {
			width:310px;
			margin:10px 0px 0px 0px;
			font-size:0.8em;
			line-height:140%;
		}
/*plan shiraki-saidan*/
#main div.content_area_mat div.shiraki_saidan {
	padding:10px 0px 10px 0px;
	width:360px;
}
	#main div.content_area_mat div.shiraki_saidan h3 {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		list-style:none;
	}
	#main div.content_area_mat div.shiraki_saidan div.plan_content {
		border-left:5px solid #ddd0ac;
		border-right:5px solid #ddd0ac;
		border-bottom:5px solid #ddd0ac;
		background-color:#fcf8f4;
		padding:20px 20px 15px 20px;
	}
		#main div.content_area_mat div.shiraki_saidan div.plan_content p {
			width:310px;
			margin:10px 0px 0px 0px;
			font-size:0.8em;
			line-height:140%;
		}


/*covid19*/
h2.covid19 {
	font-size: 1.3em;
	color: #FF6063;
	text-align: center;
	padding: 10px;
	border: solid 1px #FF6063;
}