@charset "utf-8"; /* css document */ #main_img { position: relative; z-index: 50; height: 320px; min-width: 1024px; background: url(/uploads/image/ai/main04.jpg) no-repeat center top; background-size: cover; margin: -4 0 0; } #main_img p.kinkyu { width: 800px; padding: 60px 0 0; margin: 0 auto 20px; font-size: 14px; color: #fff; line-height: 2.1em; text-align: left; } #main_img p.kinkyu_name { width: 800px; margin: 0 auto 0; font-size: 12px; color: #fff; line-height: 1.6em; text-align: right; } #img_title01 { position: absolute; left: 50%; top: 205px; margin-left: -460px; z-index: 100; } #img_banner01 { position: absolute; left: 50%; top: 190px; margin-left: 40px; z-index: 100; } #img_banner02 { position: absolute; left: 50%; top: 255px; margin-left: 40px; z-index: 100; } #img_forklift { position: absolute; left: 50%; top: 220px; margin-left: -480px; z-index: 100; } #img_3point { position: absolute; left: 50%; top: 340px; margin-left: 50px; z-index: 100; } #index_content { width: 916px; margin: 0 auto 32px; background: #fff; padding: 22px 22px; } #index_content dl.twobox { margin: 0; } #index_content dl.twobox dt { float: left; width: 558px; padding: 12px; } #index_content dl.twobox dt div { background: #fff; padding: 0 12px 16px; } #index_content dl.twobox dt div p.news { line-height: 2.0em; font-size: 14px; } #index_content dl.twobox dt div p.news a { text-decoration: underline; color: #dc0000; font-size: 120%; } #index_content dl.twobox dt div p.news a:hover { text-decoration: none; color: #dc0000; } #index_content dl.twobox dd { float: right; width: 298px; padding: 12px; } #index_content dl.twobox dd .banner_list .text_box { padding: 12px 10px; font-size: 0.9em; } #index_content dl.twobox dd .banner_list .text_box h4 { background-color: red; padding: 6px 8px; margin-bottom: 10px; color: #fff; }