@charset "UTF-8";

body {margin:0;padding:0;font-size:16px;line-height:1.6em;font-family:"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","ƒqƒ‰ƒMƒmŠÛƒS Pro","Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","HGŠÛºÞ¼¯¸M-PRO","HGMaruGothicMPRO";}

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

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

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

img{border:none;}
dt{font-weight:bold}

.kate{margin:0 0 0px 0.2em;padding:5px 0 10px 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;}
.hikaku{padding:15px 0 40px 0;list-style:none;}
.bsp{margin:0px 0px 20px 0px;}
.genre{color:#228b22;}
.line{width:300px;height:28px;padding:0 0 2px 15px;background:url(line.gif);background-repeat:no-repeat;}
.messe{width:318px;padding:3px;margin:10px 0 10px 0;border:solid 1px #c0c0c0;}
.name{color:#808080;text-align:right}

#blog{margin:5px 0px 5px 0px;padding:5px;background:#66cc66;text-align:left;}
#center{text-align:left;}
#foot{margin:20px 0px 0px 0px;padding:20px 0 30px 0;text-align:center;background:#66cc66;color:#ffffff}

@media screen and (min-width:768px){

.clear{clear:both;}
.list{list-style:none;float:left;}
#logo{width:320px;padding:30px 0 0 0;text-align:center;float:left;}
#logo2{width:448px;height:100px;background:url(yumei.jpg);float:left;}
#base{width:768px;text-align:center;margin-left:auto;margin-right:auto;}
.left{width:462px;padding:3px;text-align:left;float:left;}
.right{width:300px;text-align:left;float:left;}
}