body{font-family:Kanit;background-color:#5b5b5b;}
header{background:#0066ff;height:150px; }
nav{background-color:#d6d6d6;padding:5px;}
h1{font-size:26px;color:#0066cc;text-align:center;}
p{font-size:18px;}
a{text-decoration:none;}
ul{font-size:18px;}
footer{border-top:1px solid #d2d2d2;padding-top:1em;padding-bottom:0.3em;margin-top:2em;}
#container{width:1000px;background-color:white;padding:5px;margin:1em auto;}
#content-area{display:inline-block;width:690px;vertical-align:top;margin-top:2em;}
#content-sidebar{display:inline-block;width:300px;vertical-align:top;text-align:right;margin-top:2em;}
#content-block{width:670px;border:1px solid #d2d2d2;margin-bottom:1.5em;padding:0.5em;}
#side-box{width:300px;border:1px solid #d2d2d2;margin-bottom:1.5em;margin-left:3px;}
#side-box-nb{width:300px;border:0;margin-bottom:1.5em;margin-left:3px;}
a.nav-link{font-size:18px;font-weight:bold;color:#000;text-decoration:none;margin-right:1em;}
a.nav-link:hover{color:#8a8a8a;text-decoration:none;}
a.nav-link:visited{color:#000;text-decoration:none;}
.header-title{font-size:48px;font-weight:bold;color:#fff;vertical-align:top;padding:0.5em 1em;}/*vertical-align:middle;*/
#recom-new{width:680px;border:1px solid #d2d2d2;padding:5px;margin-bottom:1.5em;}
.recom-new-left{display:inline-block;width:300px;vertical-align:top;}
.recom-new-right{display:inline-block;width:350px;vertical-align:top;}
.recom-new-title{font-size:18px;font-weight:bold;color:#000;text-decoration:none;}
.recom-new-text{font-size:16px;}
#page-title{border-bottom:1px solid #d2d2d2;padding-bottom:1em;margin-bottom:1em;}
.foot-text{font-size:0.8em;color:#d6d6d6;text-align:center;}