body{ font-size:17px; margin:0px; padding:0px; text-align:center; font-family:sans-serif;
       min-height:100vh; position:relative; padding-bottom:150px; box-sizing:border-box;
    }
a {color:#0066CC; text-decoration: none;}
a:hover {color:#FFF; background:#0783C2; text-decoration: none;}
.price{color:#B82704; font-weight:bold;}
.notfound{width:600px; margin:20px auto; padding:50px; line-height:180%;}

#logo { padding:30px 10px 10px 10px}
#logo a{color:black;}
#logo a:hover{color:black; background:#FFF;}
div.desc { padding:10px; color:#666666; font-size:15px; }

h1{margin:0; font-weight:normal}
h2{margin:0;font-size:18px;}
h3{margin:0;font-size:18px;}


div.search{ padding:20px 10px 40px 10px; font-size: 30px; }
div.search #q{ width:450px; padding:6px 3px; font-size: 20px; }
div.search .submit {font-size: 20px; color:#FFF; background:#FF7700; border: 1px solid #CCC; border-radius:10%; padding:5px 18px;}
div.search .submit:hover { color:#CCC; background:#F99500;cursor: pointer;}
div.keyword{font-size:17px;  margin: 5px 110px 0 0; font-size:15px;}
::placeholder {color:#BBB;}

div.navi{ width:0 auto; padding:30px 0 80px 0; text-align:center; font-size:22px;}
div.navi a { border: 1px solid #CCC; padding:10px 30px; text-decoration:none; margin:10px;}

table.search { width:800px; margin:10px auto; border-top:1px solid #CCC;}
table.search td{border-bottom:1px solid #CCC; vertical-align:top;}
table.search td.img{padding:10px;}
table.search span.title {font-size:20px;}
table.search .gray{background-color:#EEEEEE;}
table.search td.desc {line-height:180%;text-align:left; padding:10px 10px 10px 0; margin:0px;}
table.search td.btn {vertical-align: middle;margin:0px;}
table.search td.btn .btn {font-size:20px;}
table.search td.btn .btn{font-size: 20px; padding:3px 15px;}
table.search td.btn .btn:hover { color:#FFF; background:#3366CC;cursor: pointer;}
div.search .submit:hover { color:#FFF; background:#F99500;cursor: pointer;}

table.book { width:800px; margin:0px auto; padding:10px; border:1px solid #CCC; font-size:17px;}
table.book td.img{vertical-align:top; padding:10px 15px; text-align:left; text-align:center; width: 100%;}
table.book td.desc{min-width:500px; vertical-align:top; text-align:left; line-height:170%}
table.book td.desc div.title{font-size:22px; margin-bottom:10px;}
table.book div.caption{margin-top:10px; font-size:16px;}
div.goodsbox{margin:10px;}
div.goodsbox div.goods{display: inline-block; margin:30px;}

table.pack { width:800px; margin:20px auto; border:#CCC 1px solid; border-collapse: collapse;}
table.pack th{border:#CCC 1px solid; padding:10px; background-color:#FCF7E9; color:#333; position:relative;}
table.pack td{border:#CCC 1px solid; padding:10px 10px; text-align:center;}
table.pack td.shop{text-align:left;height:50px; width:200px;}
table.pack td.news{text-align:left;}
table.pack span.brown{margin:5px 0; color:brown}
table.pack span.green{margin:5px 0; color:green}
table.pack div.list{margin:5px 0;text-align:left;}
table.pack .gray{background-color:#EEEEEE;}
table.pack span.post{font-size:16px; margin-left:3px;}
table.pack div.coupon{font-size:15px; margin:5px 0;}
table.pack div.coupon2{margin-top:5px;}
table.pack div.loading img{margin:0 5px; vertical-align:middle; }
table.pack div.simi{display:flex; flex-wrap:wrap; padding:10px;}
table.pack div.simi div.book {margin:10px auto;width:180px;text-align:center; position:relative; }
table.pack div.morebook{flex-wrap:wrap; display:none;}
table.pack div.his{display:flex; flex-wrap:wrap; padding:10px;}
table.pack div.his div.keyword {margin:5px 10px 20px 20px; width:222px;text-align:left; position:relative; font-size:18px;}
table.pack div.his div.keyword a{display:block; padding:5px 3px;}
table.pack div.morehis{flex-wrap:wrap; display:flex;}
table.pack div.morelist{display:none;}
div.more{margin:0px auto; ;text-align:center; width:100%;}
div.morebtn{margin:5px auto; text-align:center; padding:7px 50px; color:#fff; border-radius:7px; background-color:#FF7700; width:100px;}
div.addfav{text-align:center; margin:20px auto; padding:7px 30px; color:#fff; border-radius:7px; background-color:#4682b4; width:170px;}
span.delall{text-align:center; padding:4px 10px; color:#fff; border-radius:7px; background-color:#FF7700; width:90px; position:absolute; top:6px; right:6px; font-weight:normal;}
span.delhis{position:absolute; top:0; right:0; text-align:center; color:#fff; line-height:25px; border-radius:50%; font-size:18px; background-color:#BBB; width:25px; height:25px; font-weight:normal;}
div.morebtn:hover,span.delall:hover,span.delhis:hover,span.delfavall:hover,span.delfav:hover,div.addfav:hover{cursor: pointer; text-decoration:none; opacity:0.7;}
div.moreclose { background:#666; width:100px;margin:0 auto;}
div.ad_mid{margin:30px 0 0px 0;}
div.ad_btm{margin:0px 0 50px 0;}

div.linkmid{text-align:center; margin:0 auto 10px auto; line-height:200%;}

table.info { width:800px; margin:20px auto; border:#CCC 1px solid; border-collapse: collapse;}
table.info th {border:#CCC 1px solid; padding:10px; background-color:#FCF7E9;}
table.info td {border:#CCC 1px solid; padding:10px;}
table.info td.left{text-align:left}
table.info .red{color:red}
table.info .blue{color:blue}
table.info .gray{background-color:#EEEEEE;}
table.info a:hover {display:block; color:#FFF; background:#3366CC;}

.list_title{width:800px; margin:40px auto 0 auto; padding:5px; text-align:left; display:block; font-size:21px; font-weight:bold; border-bottom: solid 1px #ccc; }
.list{display: table; width:800px; margin:0px auto;}
.list ul{margin:5px; padding:0px; display: table-cell; list-style:none;}
.list li{margin:10px 0px; padding:8px; border-bottom: solid 1px #ccc; texta-align:left;}
.list .date{display: table-cell; width:140px; text-align:left;}
.list .desc{display: table-cell; width:650px; text-align:left;}
.list .psite{padding:0; display: table-cell; width:260px; text-align:left; font-size:18px;}
.list a:hover{cursor : pointer;}
.new {font-weight:bold; font-size:13px; color:red; margin-left:3px;}

#inq_uname,#inq_mail{font-size:15px; width:500px; padding:5px;margin-bottom:20px;}
#inq_message{font-size:16px; width:510px; height:300px;}

#pagetop{
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter:alpha(opacity:0);
    zoom:1;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius:50%;
    background-color:#4682b4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
#pagetop::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-bottom: -6px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(-45deg);
}
#pagetop:hover {
    transform: scale(1.1);
}

#header {font-size:18px;}
#header ul{
    margin:0;
    padding:0;
    display: flex;
    justify-content:flex-end;
    list-style: none;
}
#header li {
    padding:10px 3px;
    display:inline-block;
    margin-right:15px;
}

div.result{margin-bottom:70px;}
div.bottom {position: absolute; border-top:1px solid #CCC; width:100%; bottom:0px; padding:15px 0px 30px 0; margin:0px;}
.share{margin:20px 10px ;display: inline-block;}
.share ul{margin:0; padding:0; list-style:none;}
.share ul:after{display:block; clear:both;}
.share li{float:left; width:140px;margin:0px;}
.share li a{font-size:16px; display:block; padding:8px 10px; text-align:center; text-decoration:none;color:#fff;}
.share li a:hover{ opacity:.6;}
.share li a:visited{ color: #fff;}
.tweet a{ background-color: #55acee;}
.facebooklink a{background-color: #315096;}
.line a{background-color: #00b900;}
.hatena a{background-color: #008fde;}

.shopping{margin:10px 0px 5px 0 ;display: inline-block;}
.shopping ul{margin:0; padding:0; list-style:none;}
.shopping ul:after{display:block; clear:both;}
.shopping li{float:left; width:120px;margin:5px 0;}
.shopping li a{font-size:15px; display:block; padding:2px 4px; text-align:center; text-decoration:none;color:#fff;}
.shopping li a:hover{ opacity:.6;}
.shopping li a:visited{ color: #fff;}
.amazon a{ background-color: #ff9900;}
.rakuten a{ background-color: #bf0000;}
.yahoo a{ background-color: #ff0033;}
.seven a{ background-color: #008738;}
.diet a{ background-color: #666;}
.library a{ background-color: #999;}