@charset "UTF-8";

body {margin:0;padding:0;font-size:16px;line-height:1.6em;font-family:"Lucida Grande", "segoe UI", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;}

h1{font-size:18px;margin-bottom:0px;color:#000000;}
h2{font-size:16px;margin-bottom:0px}
h3{font-size:16px;margin-bottom:0px}

.a1:link{color:#000000}
.a1:visited{color:#000000}

a:hover img {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

img{border:none;}
.img325{width:300px;height:250px;}

.line{width:256px;height:28px;padding:0 0 2px 15px;background:url(../img/line.gif);background-repeat:no-repeat;}
.linebold{font-weight:bold;width:256px;height:28px;padding:0 0 2px 15px;margin:5px 0 0 0;background:url(../img/line.gif);background-repeat:no-repeat;}
.center{text-align:center;}

.kate{margin:0 0 0px 0.2em;padding:5px 0 5px 0px;list-style-type:none;clear:both;}
.kate2{margin:0 0 0px 0.2em;padding:5px 0 40px 0px;list-style-type:none;clear:both;}
.folder{width:320px;padding:3px 0 3px 0;float:left;}
.folder2{width:160px;padding:3px 0 3px 0;float:left;}

.katesetu{margin:40px 0 10px 0;clear:both;}

.webtitle{font-size:18px;font-weight:bold;padding:20px 0 0 20px;}
.syokai{margin:0 0 0px 0.2em;padding:5px 0 5px 15px;list-style-type:none;line-height:1.6em;font-size:16px;}
.syokai2{margin:0 0 0px 0.2em;padding:5px 0 30px 15px;list-style-type:none;line-height:1.6em;font-size:16px;}
.navi{margin:0 0 0px 1.2em;padding:5px 0 5px 15px;line-height:1.6em;font-size:16px;}
.navi2{margin:5px 0 5px 0;padding:5px 2px 5px 25px;border:solid 1px #c0c0c0}
.url{color:#008000;}

#menu{display:none;}
.slicknav_menu{display:block;}

#logo{padding:20px 0 10px 5px;}
#top{padding:20px 0 10px 5px;}
#site{padding:5px;background:#a0d8ef;box-shadow:0px 2px 2px #999;border:solid 1px #a0d8ef}
#foot{color:#000000;background-color:#a0d8ef;padding:20px 0 40px 0;text-align:center;box-shadow:0px -2px 2px #999;border:solid 1px #a0d8ef}

@media screen and (min-width:768px){
.clear{clear:both;}
.slicknav_menu{display:none;}
#left{width:768px;padding:3px;text-align:left;float:left;}
}

@media screen and (min-width:1024px){
.clear{clear:both;}
#right{width:300px;text-align:left;float:left;}
}