@charset "utf-8";

body {
	margin: 3em 20px 1em 20px;
	background-color: #444444;
	font-family: "Trebuchet MS", sans-serif;
}

/*--------------------------------------
	Layout
----------------------------------------*/

div#main {
	padding: 0.2em 0;
	background-color: #fff;
}

div.section {
	margin-bottom: 4em;
}


div#sub-section {
	margin: 0.8em 40px;
}

div#list-section {

        margin: 0.8em 16px;
}

ul#navi {
	margin: 0;
	padding: 0.3em 16px;
	border-bottom: 1px solid #006699;
	width: 100%;
	position: fixed; /* 固定配置 */
	top: 0; /* 基点からの上方向の距離 */
	left: 0; /* 基点からの左方向の距離 */
	color: #ffebeb;
	background-color: #01B0F0;
	text-align: center;
}

ul#navi li {
	/* margin: 0 5%; */ 
    margin: 0 3%;
	display: inline; /* インラインボックス化で横並び */
}

ul#link{
    color: #888;
    font-size: 90%;
}

ol#lec li{
    color: #696969;
    font-size: 90%;
}

ul#works{
    color: #696969;
    font-size: 90%;
}


/*--------------------------------------
	Elements
----------------------------------------*/

h1 {
	//color: #fff;
        color:#dcdcdc;
	font-weight: normal;
	font-size: 140%;
}

h2 {
	margin: 0.8em 16px;
	padding: 0.2em 16px;
	color: #696969;
	background-color: #eee;
	font-weight: normal;
	font-size: 100%;
}

h3 {
	margin: 0.8em 0px;
	color: #696969;
	font-weight: normal;
	font-size: 90%;
}


h4 {
    color: #fff;
    font-size:80%;
    color:#01B0F0;
    text-align:center;
	margin-bottom: 37em;
}


p {
	margin: 1em 16px;
	line-height: 1.6;
	color: #888;
	font-size: 90%;
}

img {
    border: none;
}

a#a1 {

	color: #888;
	line-height: 1.6;
	font-size: 100%;
}

a#a2 {
	color: #ffebe;
	text-decoration:none;
}