@charset "Shift_JIS";

a { text-decoration: underline; font-weight: bold; margin: 2px; padding: 2px; border: none }
a:link { color: #004080; background-color: transparent }
a:link img { border-color: #004080 }
a:visited { color: #008000; background-color: transparent }
a:visited img { border-color: #008000 }
a:hover { color: #FF6000; background-color: transparent }
a:hover img { border-color: #FF6000 }
a:active { color: red; background-color: transparent }
a:active img { border-color: red }

/* ----- 基本セレクタ ----- */
body {
	width: 100%;
	color: black;
	background-color: #F5F5F5;
	background-image: url("bg.png");
	background-repeat: repeat;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ＭＳ ゴシック",Gothic,sans-serif;
	font-size: 16px;
	line-height: 170%;
	margin: 0;
	padding: 0;
	border: none
}
div#header {
	color: black;
	background-color: transparent;
	width: auto;
	margin: 0 0 0 -300px;
	padding: 0;
	border: none;
	position: fixed;
	top: 10px;
	left: 50%;
}
div#contents {
	color: black;
	background-color: white;
	background-image: url("bg2.png");
	background-repeat: repeat;
	width: 20%;
	margin: 0 75% 10px 10%;
	padding: 5px 0 10px;
	border: solid 1px #104070;
	position: absolute;
	top: 120px;
	right: 0px
}
div#contents a { margin: 0; padding: 0 }
div#body {
	color: black;
	background-color: transparent;
	width: 70%;
	margin: 0 10% 0 27%;
	padding: 0 0 10px;
	border: none;
	position: relative;
	top: 110px;
	left: 0px
}

div#body div {
	color: black;
	background-color: white;
	width: auto;
	margin: 10px 0 0;
	padding: 5px;
	<!--border: solid 1px #104070;
	--!>
}

h1 {
	font-size: 50px;
	line-height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: solid 1px black
}
h2 {
	font-size: 22px;
	text-align: center;
	line-height: 150%;
	margin: 15px 25px 30px;
	padding: 5px;
	border-bottom: solid 1px
}
h3 {
	width: 30%;
	font-size: 16px;
	text-align: left;
	line-height: 100%;
	margin: 25px 25px 20px;
	padding: 5px 10px;
	border-left: 1px solid black;
	border-bottom: 2px solid black;
}

h3.program {
	width:60%;
}

h4 {
	color: black;
	background-color: white;
	font-size: 15px;
	text-align: left;
	line-height: 100%;
	margin: 25px 40px 20px;
	padding: 5px;
	border-bottom: 1px dashed black;
}
p {
	text-indent: 1em;
	text-align: left;
	margin: 20px 40px;
	padding: 0;
	border: none
}

p.p_title {
	text-indent:0em;
	font-size:120%;
	font-weight:bold;
}

p.info {
	text-indent: 0;
	margin: 15px 30px 15px 60px
}
p.image {
	text-align: center;
	text-indent: 0;
	margin: 30px 0
}
p.indent {
	text-indent: 5em;
}

p.zacho {
	text-align:left;
	text-indent: 15em;
	line-height:120%;
}
p.zacho2 {
	text-align:left;
	text-indent: 18em;
	line-heihg:120%;
}


table {
	font-size: 15px;
	text-align: center;
	line-height: 150%;
	border-collapse: collapse;
	margin: 30px auto;
	padding: 0;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
th,td {
	margin:0;
	padding: 10px 20px;
	border: solid 1px black;
}
th {
	color: black;
	background-color: #D8FEDA;
	background-image: url("bg3.png");
	background-repeat: repeat-x;
}

.blank {
	background-color: #87ceeb;
	background-image:none;
}


ul {
	font-size: 16px;
	line-height: 150%;
	list-style-type:disc;
	margin: 25px 25px 25px 100px;
	padding: 0;
}
li { margin: 10px 0 }
dl {
	font-size: 16px;
	line-height: 150%;
	list-style-type:none;
	margin: 20px 40px;
	padding: 0;
}
dt { font-weight: bold ;}
dd { margin: -1.5em 0 10px 8em;line-height:1.5; }
div#contents ul {
	font-size: 16px;
	line-height: 150%;
	list-style-type:none;
	margin: 25px;
	padding: 0;
}
div#contents ul ul {
	font-size: 14px;
	line-height: 125%;
	list-style-type:none;
	margin: 10px;
	padding: 0;
}
div#contents ul li {
	color: black;
	background-color: #E2F1E2;
	background-image: url("bg3.png");
	background-repeat: repeat-x;
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid black;
}
div#contents ul li.now {
	color: black;
	background-color: #FFD5DF;
	font-weight: bold;
	text-align: right;
}
div#contents ul li:hover {
	color: black;
	background-color: #FFFFBF;
}
div#contents ul li.now:hover {
	color: black;
	background-color: #FFD5DF;
}
strong {
	font-size: 16px;
	color: red;
	background-color: transparent;
	font-weight: bold;
	font-style: normal
}
em {
	font-size: 24px;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
	font-style: normal
}
img {
	vertical-align: middle;
	float: none;
	margin: 0;
	padding: 0;
	border: none
}
/* ----- 汎用クラスセレクタ ----- */
.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.t { vertical-align: top }
.m { vertical-align: middle }
.b { vertical-align: bottom }
.txtlink { 
	text-align: center;
	font-size: 18px;
	margin: 30px 0
}
.imglink {
	text-align: center;
	margin: 20px 10px;
	padding: 0
}
.imglink a img { margin: 3px 0 }
.txtlink a { text-decoration: none; margin: 0; padding: 5px 10px; border: solid 2px }
.txtlink a:link { background-color: #004080 }
.txtlink a:visited { background-color: #008000 }
.imglink a { text-decoration: none; background-color: transparent; margin: 0; padding: 0 }
.imglink a img { margin: 10px; padding: 0; border-style: solid; border-width: 3px }