@charset "utf-8";

/* --- background, text --- */
body {
margin: 0;
padding: 0;
background-color: #fcfcfc; /* page's background */
color: #000000; /* text color */
font-size: 10pt; /* text size */
font-family: "Gulim",sans-serif;
}
h1 {
margin: 1em 0 1em 0;
font-size: 160%;
font-weight: bold;
}
h2 {
margin: 0 0 0.3em 0;
font-size: 160%;
font-weight: bold;
}
h3 {
margin: 0 0 0.3em 0;
font-size: 120%;
font-weight: bold;
}
h4 {
margin: 3em 0 1em 0;
font-size: 160%;
}

h5 {
margin: 0.5em 0 0em 0;
font-size: 100%;
font-weight: 900;
}

/* --- figure --- */
figure {
border: none;
padding: 0 0 10px 0;
margin:0.5em 0 0.5em;
}
figcaption {
display:block; 
}
article section p {
margin: 2em 0px 0px;
padding: 0px;
}

/* --- container --- */
#container {
margin: 0 auto; /* center */
background-color: #fcfcfc; /* container */
border-left: none;
border-right: none;
}

/* --- navigation(menu) --- */
#nav {
float: left;
width: 280px; /* sidebar */
background-color: #f08080; /* sidebar */
overflow: hidden;
padding-bottom: 32768px;
margin-bottom: -32768px;
font-weight: bold;
font-size: 12pt;
}
#nav a:link {
color: #fcfcfc;
text-decoration: none;
}
#nav a:visited { color: #fcfcfc; }
#nav a:hover { color: #d3d3d3; }
#nav a:active { color: #d3d3d3; }
#frame{
width:250px;
margin-right:auto;
margin-left:auto;
margin-top:50px;
border:none;
}
#frame img{
margin-right:auto;
margin-left:auto;
margin-top:50px;
margin-bottom:50px;
display:block;
}
#frame ul.nl {
width:200px;
border-top: none;
list-style-type: none;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
text-align:center;
}
#frame ul.nl li {
background-color: #f08080; /* 項目の背景色 */
border-bottom: none; 
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
}
#frame ul.nl li a {
display: block;
position: relative; /* IE6用 */
text-decoration: none;
margin-top:20px; margin-bottom:20px;
}

/* --- main --- */
#main {
float: center;
background-color: #fcfcfc; /* main */
overflow: hidden;
}

/* --- assignments_mainframe --- */
#mainframe {
width: 780px;
margin-right:auto;
margin-left:70px;
margin-top:50px;
border:none;
}
#mainframe a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
    }
div.box {
	display: inline-block;
	width: 200px;
	height: 180px;
	text-align:center;
	margin-bottom:20px;
	margin-right:55px;
	vertical-align:top;
	font-weight: bold;
	line-height: 1.3em;
}
html*.box {
	display: inline;
	zoom: 1;
}
.box19 {
	display: inline-block;
	width: 720px;
	height: 200px;
	text-align:center;
	margin-bottom:30px;
	margin-right:60px;
	font-weight: bold;
	line-height: 1.3em;
}
html*.box19 {
	display: inline;
	zoom: 1;
}


/* --- contentsframe --- */
#contentsframe {
width:600px;
margin-right:auto;
margin-left:70px;
margin-top:50px;
margin-bottom:100px;
border:none;
line-height: 1.75em;
}
#contentsframe a:link {
color: #f08080;
text-decoration: none;
}
#contentsframe a:visited { color: #f08080; }
#contentsframe a:hover { color: #d3d3d3; }
#contentsframe a:active { color: #d3d3d3; }