@charset "UTF-8";

/* ----- COMMON ----- */
#contents h1 { background: url(images/hd1.png) no-repeat; }
#contents #hd2 { background: url(images/hd2.png) no-repeat; }
#contents #hd2 { height: 105px; padding: 20px 10px 20px 10px; }
#contents #hd2 h2 { color: #0079c0; font-size: 3.9rem; font-weight: bold; margin-bottom: 20px; border-bottom: 2px solid #a7d2e8; }
#contents h3 { color: #333333; font-size: 1.7rem; font-weight: bold; background: url(images/hd3.png) repeat-x; display: block; height: 30px; padding: 5px 0 0 10px; margin: 0 0 20px; }

/* ----- NAV ----- */
nav .category { background: url(images/bg_nav_hd1.png) no-repeat; }

#contents .item { display: block; margin-bottom: 50px; }
#contents .item li { display: block; width: 300px; /*height: 280px;*/ float: left; margin-right: 50px; position: relative; }
#contents .item li h4 { color: #fff; font-size: 1.8rem; font-weight: bold; background: #0079c0; padding: 15px; margin-bottom: 15px; }
#contents .item li h4.line2 { padding: 5px 15px; }
#contents .item li p { font-size: 1.4rem; margin-bottom: 20px; }
#contents .item li .thumb { /*position: absolute; bottom: 0; left: 0;*/ }
#contents .item li .btn { position: absolute; bottom: 0; right: 20px; }