@charset "UTF-8";

body {margin:0;padding:0;font-size:16px;line-height:1.6em;font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

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

a:link{text-decoration:none;color:#000000}
a:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a:visited{text-decoration:none;color:#000000}
.a1:link{color:#000000;text-decoration:underline;}
.a1:visited{color:#000000;text-decoration:underline;}
.a2:link{text-decoration:none;color:#ffffff}
.a2:visited{text-decoration:none;color:#ffffff}

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

.back1{height:5px;font-size:16px;color:#ffffff;background:#000000;}
.back2{height:25px;font-size:16px;color:#ffffff;background:#000000;}
.back3{height:5px;background:url(img/back1.gif);}

#menu{margin:0 0 0px 0.2em;padding:5px 0 5px 0px;list-style-type:none;clear:both;}
.line{font-weight:bold;width:320px;height:28px;padding:0 0 2px 15px;background:url(line.gif);background-repeat:no-repeat;}
.lineside{font-weight:bold;text-align:left;width:285px;height:28px;padding:0 0 2px 15px;background:url(line.gif);background-repeat:no-repeat;}
.navi{list-style-type:square;text-align:left;}
.box{width:300px;height:250px;margin:10px 15px 5px 15px;box-shadow:0px 0px 10px;border:1px solid #808080;position:relative;z-index:1;float:left;}
.widebox{margin:5px 5px 10px 5px;padding:10px;box-shadow:0px 0px 10px;border:1px solid #808080;}
.title{background-color:rgba(0,0,0,0.75);padding:5px;position:absolute;z-index:2;bottom:0;}

.news{color:#ffffff;font-weight:bold;background-color:#ffcc00;padding:3px 5px 3px 5px;position:absolute;z-index:3;top:0;left:0;}
.tag{color:#ffffff;font-weight:bold;background-color:#993366;padding:3px 5px 3px 5px;position:absolute;z-index:3;top:0;left:0;}
.link{color:#ffffff;font-weight:bold;background-color:#ff6633;padding:3px 5px 3px 5px;position:absolute;z-index:3;top:0;left:0;}
.bun{color:#ffffff;font-weight:bold;background-color:#33cc66;padding:3px 5px 3px 5px;position:absolute;z-index:3;top:0;left:0;}
.word{color:#ffffff;font-weight:bold;background-color:#00ccff;padding:3px 5px 3px 5px;position:absolute;z-index:3;top:0;left:0;}

.pankuzu{font-size:12px;color:#808080;text-align:left;}
.p300{width:300px;margin:10px;}
.center{text-align:center;}
#seo{margin:5px 0px 5px 0px;padding:5px;background:#999999;text-align:left;}
.seo{margin:5px 0px 5px 0px;padding:5px;background:#999999;text-align:left;}
#foot{background-color:#000000;color:#ffffff;font-size:14px;text-align:center;margin:20px 0px 0px 0px;padding:20px 0 30px 0;}

@media screen and (min-width:768px){
.clear{clear:both;}
.base{width:768px;height:35px;text-align:center;margin-left:auto;margin-right:auto;}
.mlist{width:120px;padding:1px 0 1px 0;font-weight:bold;text-align:center;float:left;}
.left{width:728px;padding:10px 0px 5px 35px;text-align:left;background-color:#ffffff;float:left;}
.right{width:320px;padding:10px 10px 5px 10px;text-align:center;background-color:#ffffff;float:left;}
}

@media screen and (min-width:1024px){
#base2{width:1110px;text-align:center;background-color:#ffffff;margin-left:auto;margin-right:auto;}
#back{background:url(img/top.gif);background-repeat:no-repeat;text-align:center;margin:0px;padding:100px 0 0 0;}
}