@charset "UTF-8";

a:link{
	color : blue ;
	text-decoration: underline
}

a:visited{
	color : purple ;
	text-decoration: none
}

a:hover{
	color: Red ;
	text-decoration : underline
}

a:active{
	color: green ;
	text-decoration: underline
}

img{
	border-style : none ;
}

em{
	font-size : 1em ;
	font-style : normal ;
	font-weight : bold ;
}

body{
	font-size:14px;
	font-family : sans-serif ;
	line-height : 1.5 ;
	color:#4c4c4c;
	background-color:white;
	background-image:url(../Images/back2.gif);
	margin : 0 ;
	padding : 0 ;
}

h1{
	display : none ;
}

div.copy{
	font-size: 1em; 
	line-height : 1.5em ;
	margin : 5px 10% 10px 30% ;
}

dl{
	margin : 5px 10% 10px 30% ;
}

dt{
	color : white ;
	margin : 0 0 5px 0 ;
	border-bottom : 1px solid #6c96c7 ;
	border-top : 1px solid #6c96c7 ;
	border-right : 1px solid #6c96c7 ;
	background-image : url(../Images/line-sagawa.gif) ;
	background-position : bottom right ;
	background-repeat : no-repeat ;
}

dd{
	font-size : 1em;
	line-height : 1.5em ;
	margin : 5px 0 0 0 ;
}

ul{
	margin : 5px 0 5px 0 ;
	list-style-position : inside;
	list-style-type : none ;
}

#contents{
	margin : 25px 10% 50px 10% ;
	text-align : right ;
	background-image : url(../Images/sagawa-tate.gif) ;
	background-position : 0px 1px ;
	background-repeat : no-repeat ;
}

li{
	margin : 5px 0 5px 0 ;
	padding : 0 ;
}

.cap{
position : relative;
bottom : 17px ;
right : 50px ;
}

.red {
	color: #b30000;
}

div.update{
	font-size: 0.9em;
	font-style : italic ;
	margin : 5px 0 3px 0 ;
	padding : 0 0 0 5px ;
	border-bottom : 1px solid #6c96c7 ;
	background-image : url(../Images/tatemono.gif) ;
	background-position : 99% 0px ;
	background-repeat : no-repeat ;
	height : 42px ;
}

span.date{
position:relative;
top : 25px ;
}

p{
	font-size : 1em ;
	text-indent : 1em ;
	margin : 0 ;
	padding : 0 ;
}

address{
	font-size : 1em ;
	font-style : oblique ;
	margin : 0 0 3px 0;
	padding : 0 0 0 5px ;
	background-image : url(../Images/line-sagawa.gif) ;
	background-position : 99% 0px ;
	background-repeat : no-repeat ;
}

.footer{
	margin : 15px 0 5px 1em ;
	font-size : 0.9em ;
	line-height : 1.25em ;
}

div.footer ul li a img{
	vertical-align : middle ;
	border-style : none ;
}

#num{
	display : none ;
}

hr{
	display : none ;
}

.appendix
{
	margin : 15px 0 15px 1em ;
	font-size : 0.9em ;
	line-height : 1.25em ;
}

.appendix ul
{
	display: flex;
	flex-wrap: wrap;
}

.appendix ul li
{
	padding: 0;
	margin : 5px 40px 5px 0;
	width: 110px;
	height: 150px;
}

.appendix ul li a
{
	display: block;
}

.appendix ul li a img
{
	display: block;
	width: 100%;
	height: 100%;
}

.appendix ul li a img:first-child
{
	display: none;
}

@media screen and (max-width:666px)
{
#top{
	top : 10px ;
	left : 35% ;
}

h2{
	margin : 2em 5% 5px 5% ;
}

div.copy{
	margin : 0px 5% 10px 5% ;
}

dl{
	margin : 2em 5% 10px 5% ;
}

.past{
	margin : 5px 5% 20px 5% ;
}

br.b240
{
	display : block ;
}

#contents{
	margin : 5px 12px 50px 5px ;
	text-align : right ;
	background-position : 0px 1px ;
	background-repeat : no-repeat ;
}

.cap{
bottom : 17px ;
right : 0 ;
}

ul.schedule
{
	padding : 0 ;
}

ul.schedule li
{
	margin-left : 1.5em ;
	padding : 0 5px 0 0 ;
	list-style-type : disc ;
	list-style-position : outside ;
}

.appendix ul
{
	padding: 0;
	justify-content: space-around;
}

.appendix ul li
{
	width: 40px;
	height: 40px;
	margin : 5px 5px;
}

.appendix ul li a img:first-child
{
	display: block;
}

.appendix ul li a img:last-child
{
	display: none;
}

}