@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}
* a{
	color:#039;
}
#header{
	background:url(images/title-bg.gif);
}
#wrap{
	width:900px;
}
#menu{
}
#menu ul li{
	background:#063;
	width:8em;
	float:left;
	margin-right:1em;
	font-size:0.9em;
	color:#FFF;
	list-style:none;
	text-align:center;
	line-height:1.8em;
}
#menu a{
	color:#fff;
	width:100%;
	text-decoration:none;
	display:block;
}
#menu a:hover{
	background:#093;
}
#menu a:visited{
	color:#FFF;
}
#side{
	margin-top:10px;
	width:140px;
	float:left;
}
#side img{
	margin-bottom:10px;
}
#main{
	float:left;
	margin:10px 0 0 10px;
	width:750px;
}
#main h1{
	font-size:1.3em;
	margin:20px 0;
	line-height:2em;
	padding-left:12px;
	border-left:12px solid #096;
	border-bottom:1px #cccccc solid;
	background:#f4f4f4;
}
#main h2{
	font-size:1.1em;
	margin:20px 0 15px 0;
	padding-left:10px;
	border-left:10px solid #80A852;
	border-bottom:1px #cccccc solid;
	background:#f4f4f4;
	line-height:1.8em;
}
#main h3{
	margin-bottom:0.5em;
	text-shadow:1px 1px 0px #fff;
	font-size:1.1em;
}
#main p{
	font-size:0.9em;
	margin-bottom:1em;
	line-height:1.4em;
}
#main ul.tlist{
	margin:10px 0 10px 2em;
}
#main ul.tlist li{
	list-style:disc;
	font-size:0.9em;
	line-height:1.5em;
}

#main .message ol {
	margin: 0.5em 0 1.0em 25px;
}

#main .message{
	line-height: 150%;
}

#course{
	width:650px;
}
#course a{
	text-decoration:none;
}
#c-left{
	float:left;
	width:330px;
	margin-right:5px;
	background:#d5d5d5;
}
#c-left h3 a{
	font-size:1.5em;
}
#course .c-box , #main .c-box{
	border:1px #CCC solid;
	margin-bottom:15px;
	background:url(images/box-bg.png) repeat-x;
}
#c-left .c-box li a{
	font-size:0.9em;
}
#c-left .c-box li{
	margin-left:1em;
}
#c-left .c-box p a{
	font-size:1em;
	}
#course .c-orange, #main .c-orange{
	border:1px #F90 solid;
	background:url(images/box-bg.png) repeat-x;
}
#course .c-blue, #main .c-blue{
	border:1px #09C solid;
	background:url(images/box-bg.png) repeat-x;
}
#course .c-stanon{
	border:1px #ff3333 solid;
	background:url(images/box-bg.png) repeat-x;
}
#c-right{
	float:right;
	width:300px;
	margin-left:5px;
}
.txt{
	padding:15px 5px 5px 5px;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.right{
	text-align:right;
}
.block{
	clear:both;
	width:100%;
}
#c-right .c-box .txt{
	margin-left:100px;
}
#c-right .c-box img, .bg_blank img{
	float:left;
}
#c-right .c-box{
	height:90px;
}

#main table.course th{background-color:#80A852; color:#FFFFFF;}
#main table.access th{ background-color:#80A852; color:#FFFFFF;}
#main table.access td{text-align:left;}
#main table.history th{ background-color:#80A852; color:#FFFFFF;}
#main table.history td{text-align:left;}
#main table { margin:0 0 20px 20px; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
#main table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:center; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
#main table th {padding:0 1em;height:2.0em; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:center; color:rgb(80,80,80); font-weight:bold;}
#main table td {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:center; font-weight:normal; color:rgb(80,80,80);}

.sitemap{
 font-size:0.8em;
}
.sitemap ul {
 list-style-type: none; 
 margin-left: 1em;
 padding-left: 0;
}

.sitemap li {
 line-height:1.5em;
 margin-left:0.5em;
}
.sitemap li a {
	text-decoration:none;
}
.sitemap li a:hover {
	color:#F90;
}
.l1-green{
	border-left:#0C9 2px solid;
	padding-left:10px;
	margin-bottom:1em;
}
.l1-orange{
	border-left:#F90 2px solid;
	padding-left:10px;
	margin-bottom:1em;
}
.l1-blue{
	border-left:#099 2px solid;
	padding-left:10px;
	margin-bottom:1em;
}
#adr{
	margin:10px 0 5px 0;
	clear:both;
	text-align:right;
}
#adr address{
	font-style:normal;
	font-size:0.8em;
}
#footer{
	clear:both;
	background:#063;
	font-size:0.7em;
	color:#FFF;
	line-height:2em;
	text-align:center;
}

.clearfix:after {
	content: url(images/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
.sitemap ul.clearfix li{
    float: left;
    width: 310px;
	height: 90px;
    margin: 0 25px 25px 0;
    background-color: #f9f8f2;
	opacity: 1;
}

.sitemap ul.clearfix li a {
	display: table;
	box-sizing: border-box;
    width: 100%;
	color: #333;
}

.sitemap ul.clearfix li a:hover {
	opacity: 0.6;
}



.sitemap ul.clearfix li a span {
	display: table-cell;
	vertical-align: middle;
	width: 180px;
	line-height: 1.5em;
	    font-size: 14px;
}
