@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}

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

.kate{margin:0 0 0px 0.2em;padding:5px 0 5px 0px;list-style-type:none;clear:both;}
.folder{width:120px;padding:1px 0 1px 0;float:left;}

.line{width:320px;height:28px;padding:0 0 2px 15px;background:url(line.gif);background-repeat:no-repeat;}
.bsp{margin:0px 0px 20px 0px;}

#chie{margin:5px 0px 5px 0px;padding:5px;background:#4682b4;text-align:left;}
#foot{margin:20px 0px 20px 0px;padding:20px 0 20px 0;border-top:solid 1px #c0c0c0;}

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

.clear{clear:both;}
.box{width:320px;text-align:center;float:left;}
#food{width:320px;height:100px;text-align:center;background:url(foods/food.jpg);float:left;}
#history{width:320px;height:100px;text-align:center;background:url(history/history.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;}
#left2{width:462px;padding:3px;text-align:left;float:left;}
#right2{width:300px;text-align:left;float:left;}
#left3{width:462px;padding:3px;text-align:left;float:left;}
#right3{width:300px;text-align:left;float:left;}
}