@charset "UTF-8";

/* ----- COMMON ----- */
#contents h1 { background: url(images/hd1.png) no-repeat; }
#contents h3 { color: #0079c0; 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; }
#contents .ex h3 { color: #00aa87; background: url(images/hd3_ex.png) repeat-x; }
#contents .su h3 { color: #dc641e; background: url(images/hd3_su.png) repeat-x; }
#contents h3 span { font-size: 1.4rem; }
#contents h4 { color: #fff; background: #0079c0; display: block; padding: 5px 0 5px 15px; margin-bottom: 15px; }
#contents .ex h4 { background: #00aa87; }

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

#contents dl { display: block; margin-bottom: 40px; }
#contents dl dd, #contents dl dt { font-size: 1.4rem; display: block; float: left; width: 300px; margin: 0 50px 0 0; }
#contents dl ul { display: block; margin: 0 0 15px; }
#contents dl ul li { display: block; margin: 0 0 15px; }
#contents dl.cu ul li, #contents dl.ex ul li, #contents dl ul ul li { margin-bottom: 5px; }
#contents dl ul li ul { margin: 5px 0 0 15px; }
#contents dl ul li a { background: url(images/arrow_s.png) no-repeat 0 2px; display: block; padding-left: 15px; }