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

/*01htmlreset*/
div,
form,
h1,h2,h3,h4,
ul,ol,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height: 1.5em;}

p,dt,dd{text-align:justify;text-justify:distribute;}

a img,img{border:0;}

li{list-style-type:none;}

a {
	color: #369;
	text-decoration: none;
	}
a:hover {
	color: #366;
	text-decoration: underline;
	}
a:focus {
	border: none;
	}

.pdg_topA{padding-top:10px;}


body  {
	font: 100% "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	background: #fff;
	margin: 0;	padding: 0;
	text-align: center;
	color:#333;
}
#container { 
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left; 
} 
#header { 
	background: #fff; 
	padding: 0 10px;
	margin: 15px 0 5px;
	height: 50px;
	} 
#header h1 {
	margin: 0;
	padding: 10px 0;
	float: left;
	width: 392px;
	}
#header #hol {
	float: right;
	margin: 10px 0;
	width: 120px;
	height: 20px;
	}
	
#topimg {
	margin: 0;
	padding: 0;
	}
	#topimg img {
		margin: 0;
		padding: 5px 0 0;
		border-top: 1px solid #ccc;
		}

#Menu {
	margin: 3px 0 10px;
	padding: 0 0 10px;
	height: 50px;
	clear: both;
	}
	#Menu ul {
		margin: 0;
		padding: 0;
		}

	#Menu ul li {
		float: left;
		margin: 0;
		padding: 0;
		}
	#Menu ul li a {
		display: block;
		width: 189px;
		height: 50px;
		margin-right: 3px;
		border-top: 1px solid #ccc;
		}
	#Menu ul li#m01 a {
		background: url(../img/Menu01.jpg) no-repeat;
		}
		#Menu ul li#m01 a:hover, #Menu ul li#m01 #now {
			background: url(../img/Menu01_over.jpg) no-repeat;
			}
	#Menu ul li#m02 a {
		background: url(../img/Menu02.jpg) no-repeat;
		}
		#Menu ul li#m02 a:hover, #Menu ul li#m02 #now {
			background: url(../img/Menu02_over.jpg) no-repeat;
			}
	#Menu ul li#m03 a {
		background: url(../img/Menu03.jpg) no-repeat;
		}
		#Menu ul li#m03 a:hover, #Menu ul li#m03 #now {
			background: url(../img/Menu03_over.jpg) no-repeat;
			}
	#Menu ul li#m04 a {
		background: url(../img/Menu04.jpg) no-repeat;
		}
		#Menu ul li#m04 a:hover, #Menu ul li#m04 #now {
			background: url(../img/Menu04_over.jpg) no-repeat;
			}
	#Menu ul li#m05 a {
		background: url(../img/Menu05.jpg) no-repeat;
		margin-right: 0;
		}
		#Menu ul li#m05 a:hover, #Menu ul li#m05 #now {
			background: url(../img/Menu05_over.jpg) no-repeat;
			}
	#Menu a span {
		display: none;
		}

#sidebar1 {
	float: left;
	width: 250px;
	background: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	clear: left;
}
#sidebar1 a {
		color: #333;
}
#sidebar1 a:hover {
		color: #366;
}
#sidebar1 .drs {
			margin: 0 10px 5px 15px;
	}			
			
#sidebar1 h2{
	margin: 0 5px;
	padding: 5px;
	font-size: 90%;
	border-bottom: 2px solid #366;
	}
#sidebar1 ol {
	list-style-type: decimal;
	margin: 5px;
	font-size: 80%;
	}
#sidebar1 li {
	margin: 5px;
	font-size: 85%;
	}
#sidebar1 li p {
	margin: 5px 10px 5px 15px;
	}
		#sidebar1 ul.sctn {
			margin: 5px 5px 5px 20px;
			clear: left;
			}
		#sidebar1 ul.sctn li {
			list-style: url('../img/bullet1.jpg');
			margin: 2px;
			clear: left;
			}
		#sidebar1 ul.sctn ul {
			margin: 0;
			}
		#sidebar1 ul.sctn ul li {
			list-style: none;
			margin: 1px 5px;
			padding: 1px;
			font-size: inherit;
			display: block;
			float: left;
			clear: none;
			white-space:nowrap;
			}
		#sidebar1 ul.sctn ul li a {
			border: 1px solid #eee;
			padding: 2px;
			}
		#sidebar1 ul#sppl {
			border-top: 1px dotted #9cc;
			margin: 10px 2px 0;
			padding: 5px 0;
			clear: left;
			}
		#sidebar1 #sppl li {
			list-style: url('../img/bullet1.jpg');
			margin: 5px 2px 5px 21px;
			}
			
		#sidebar1 #sppl2 {
			margin: 10px 5px;
			clear: left;
			}
		#sidebar1 #sppl2 li {
			list-style-image: none;
			margin: 0;
			padding: 5px 5px 5px 25px;
			clear: left;
			border: 2px solid #9cc;
			background: #e4f7f7 url('../img/spplbg.gif') no-repeat left center;
			}

#sidebar2 {
	float: right;
	width: 190px;
	background: #fff;
	padding: 0;
	border-left: 1px solid #ccc;
}
#sidebar2 h2{
	margin: 0 5px;
	padding: 5px;
	font-size: 90%;
	border-bottom: 2px solid #366;
	}
#sidebar2 #toiawase {
	margin: 5px;
	}
#access{
	margin: 5px;
	padding: 10px;
	background: #eee;
}
#access p{
	margin: 5x 10px;
	font-size: 80%;
	}
	#access #accs {
		margin: 5px;
		text-align: center;
		background: #366;
		font-size: 12px;
		}
	#access #accs a {
		color: #fff;
		text-decoration: none;
		}
#access strong{padding-bottom:5px;}
#access div.top{padding:21px 5px 5px 5px;}
	#sidebar2 ul {
		margin: 5px;
		padding: 0;
		font-size: 90%;
		}
		#sidebar2 li {
			margin: 0 0 2px;
			padding: 0;
			border: 1px solid #999;
			}
		#sidebar2 li a {
			display: block;
			margin: 2px 5px 2px 2px;
			padding: 2px 5px;
			border-left: 5px solid #8fc1e8;
			}
		#sidebar2 li a:hover {
			color: #369;
			}

/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 および #sidebar2 の間のスペースは、#mainContent div の左マージンと右マージンによって設定されます。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 300px 以下にする必要があります（イメージを含む）。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/
#mainContent { 
	margin: 0 0 0 15px;
	width: 485px;
	float: left;
}
#mainContent.sub { 
	margin: 0;
	width: 755px;
	float: left;
	clear: both;
}
	#mainContent h1, #mainContent h2, #mainContent h3 {
	clear: both;
	}
	#mainContent h1 {
		margin: 0 0 15px;
		padding: 20px 10px;
		border: 1px solid #ccc;
		border-left: 5px solid #366;
		font-size: 90%;
		color: #333;
		}
	#mainContent.tp h1 {
		margin: 0 0 15px;
		padding: 0;
		border: none;
		}
	#mainContent h2 {
		margin: 10px;
		padding: 2px 10px;
		border-bottom: 2px solid #366;
		font-size: 90%;
		color: #333;
		}
	#mainContent .detail {
		margin: 10px;
		border: 1px solid #366;
	}
	#mainContent .detail h2 {
	background: #ddf0f0;
	margin: 0;
	border-bottom: 1px solid #366;
	}
		#mainContent .detail h2 span.dplnk {
			padding: 1px 5px 1px 25px;
			background: #eff url('http://www.iseikaihp.or.jp/img/arrw_blue.png') no-repeat left center;
			font-size: 0.9em;
			font-weight: normal;
			border: 1px solid #9cf;
		}
	#mainContent h3 {
		margin: 20px 10px 10px;
		padding: 5px 10px;
		font-size: 90%;
		color: #366;
		}
	#mainContent h3.sppl {
		margin: 20px 10px 10px;
		padding: 5px 10px;
		border-top: 1px solid #ccc;
		font-size: 90%;
		color: #333;
		}
	#mainContent p {
		margin: 10px 20px;
		padding: 0;
		font-size: 80%;
		line-height: 1.8;
		}
	#mainContent div.detail p {
		margin: 10px 20px;
		}
		#mainContent div.detail a {
			background: #F0FAFF;
			padding: .2em;
		}
	#mainContent p.m3 {
		margin: 10px 20px 20px;
		padding: 2px 10px;
		background: #cee;
		text-align: right;
		}
	#mainContent div.idr {
		margin: 10px 40px;
		}
	#mainContent.tp p {
		font-size: 85%;
		}
	#mainContent #notes {
		margin: 20px 10px;
		padding: 10px;
		border: 1px solid #366;
		}
	#mainContent #notes h2 {
		margin: 0 0 10px;
		}
	#mainContent #notes p {
		margin: 10px 15px;
		}
	#mainContent p.indnt1 {
		margin: 10px 15px 10px 35px;
		}
	#mainContent p.indnt2 {
		margin: 10px 20px 10px 50px;
		}
	#mainContent p.fs90, #mainContent ol.fs90 {
		font-size: 90%;
		}
	#mainContent p.f_medi {
		font-size: medium;
		}
	#mainContent p.bdr1 {
		padding: 0 15px;
		border: 1px solid #699;
		background: #dde9e9;
		}
	#mainContent ul, #mainContent ol {
		margin: 10px 15px 10px 20px;
		padding: 0;
		font-size: 80%;
		}
	#mainContent.sub ul, #mainContent.sub p {
		margin: 10px 30px 10px 50px;
		}
		#mainContent li {
			margin: 0 0 5px;
			padding: 0;
			}
	#mainContent ol li {
			list-style: decimal;
			margin: 10px 30px;
			clear: left;
			}
		#mainContent ol.sctn ul {
			margin: 5px;
			}
		#mainContent ol.sctn ul li {
			margin: 5px;
			clear: none;
			}
		#mainContent ol.sctn ul li {
			list-style: none;
			margin: 5px 10px;
			font-size: inherit;
			display: block;
			float: left;
			white-space:nowrap;
			}

	#mainContent ol li {
			list-style: decimal;
			margin: 10px 30px;
			}
		#mainContent .bllt1 li {
			list-style: url('../img/bullet1.jpg');
			margin: 0 0 2px 20px;
			padding: 0 0 0 5px;
			}
		#mainContent .bllt2 li {
			list-style: disc;
			margin: 0 0 2px 20px;
			padding: 0 0 0 5px;
			}
#mainContent table {
	border-collapse: separate;
	width: auto;
	margin: 10px auto;
	padding: 0;
	font-size: 80%;
	}
#mainContent table.guide {
	border-collapse: separate;
	width: 660px;
	margin: 0 auto;
	padding: 0;
	}
#mainContent table.drinfo {
	margin: 10px 0 10px 15px;
	border-collapse: collapse;
	}
#mainContent tr {
	vertical-align: top;
	}
#mainContent th {
	background: #ddf0f0;
	border: 1px solid #ccc;
	border-right: 5px solid #699;
	border-bottom: 1px solid #999;
	font-weight: normal;
	vertical-align: middle;
	color: #333;
	padding: 5px 10px;
	line-height: 1.5;
	}
	#mainContent .drinfo th {
	background: #ddf0f0;
	padding: 0 5px;
	border: 1px solid #eee;
	vertical-align: top;
	}
#mainContent tr {
	vertical-align: top;
	}
#mainContent th {
	background: #ddf0f0;
	border: 1px solid #ccc;
	border-right: 5px solid #699;
	border-bottom: 1px solid #999;
	font-weight: normal;
	vertical-align: middle;
	color: #333;
	padding: 5px 10px;
	line-height: 1.5;
	}
#mainContent td {
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 10px;
	line-height: 1.3;
	}
	#mainContent .nobdr td {
	border: none;
	}
	#mainContent .drinfo td {
	padding: 0 0 0 10px;
	border: 1px solid #eee;
	}
	#mainContent .drinfo td img {
	border: 1px solid #eee;
	}
	#mainContent .guide td {
	padding: 0 10px;
	border: none;
	width: 220px;
	}
	#mainContent .guide h3 {
		margin: 0 0 5px;
		padding: 0 0 0 25px;
		background: url('../img/guideh3.jpg') no-repeat left top;
		font-size: 110%;
		font-weight: normal;
		}
	#mainContent .guide ul {
		margin: 0 0 10px 20px;
		font-size: 100%;
		}
	#mainContent .guide li {
			list-style: url('../img/bullet1.jpg');
			margin: 0 0 2px 20px;
			padding: 0 0 0 5px;
		}

	#mainContent #tpcs {
	 	margin: 10px;
		border: 1px solid #699;
	}
	#mainContent #tpcs h2 {
	 	margin: 0;
		border: none;
		background: #366;
		color: #fff;
	}

	#mainContent #tpcs dl {
		margin: 0;
		padding: 5px 0 15px 10px;
		font-size: 0.9em;	
		height: 8em;
		overflow: auto;
		}
	#mainContent #tpcs dt {
		color:#8E8E8E;
		width:4em;
		clear: left;
		float: left;
		padding: 0 0 5px .1em;
		font-size: 0.9em;
		}
	#mainContent #tpcs dd {
		margin: 0 0 5px 5em;
		padding: 0 .1em 5px 0;
		}

#mainContent .bttn {
	margin: 10px;
	text-align: center;
	}

#footer { 
	padding: 0;
	background:#fff;
	clear: both;
} 
#footer p {
	margin: 0 10px;
	padding: 10px 0;
}
#footer div{
	margin: 0px auto;
	font-size: 12px;
	text-align: left;
	padding:0;
}

#footer p.left{font-size: 10px;padding-top:10px;}
#footer p.left a{color: #4D4D4D;padding:0px 10px 0px 13px;font-size:10px;text-decoration:none;}
#footer p.left a:hover{text-decoration:underline;}

#ptp{text-align:right;}
#ptp a{padding-right:15px;background: url(../img/ptp.jpg) no-repeat right top;}
address{float:right;padding-top:30px; font-size: 80%; color: #666; font-style: normal;}

/* 再使用できる各種クラス */
.fr { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin: 0 0 10px 15px;
}
.fl { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。フローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: left;
	margin: 0 15px 10px 0;
}

.cntr {
	text-align: center;
	}
.cl	{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rght {
	text-align: right;
	}

.phno {
	color: #033;
	font-size: 130%;
	font-family:Arial, Helvetica, sans-serif;
	}
.new {
	margin: 0 0 0 5px;
	vertical-align: baseline;
	}