@charset "utf-8"; /* CSS Document */ /* コラムトップページ */ .column-hx{ width: 870px; height: 55px; background: url(../--backup20151116/images/column-h4.gif) no-repeat -1px 0; text-indent: -9999px; margin:15px 0px; border:none; } .strong-b{ color:#D37A18;} .small-t{ font-size: 85%; line-height: 1.2; color: #777777; } .column-list{ margin-bottom:15px; } .column-list li{ width:850px; height:56px; overflow:hidden; margin:0; border-bottom:1px dotted #EFB255; background-color:#F7F0ED; padding:5px 4px; margin:1px 0; } .column-list li a{ display:block; width:776px; height:56px; color: #777777; padding:0 0 0 68px; margin:0; border-left:7px solid #EFB255; overflow:hidden; } .column-list li a strong{ display:block; height:20px; overflow:hidden; } .column-list li a span{ display:block; font-size:82%; height:36px; overflow:hidden; } .column-list li a:hover span{ background:url(../--backup20151116/images/column-index-hovericon.gif) no-repeat 758px 14px; } .maindirectory{ display:none; } .column-list li a{ opacity:0.8; } .column-list li a:hover { opacity:1; } li.bg-color{ background-color:#f7e3da!important; } .list01 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px 0px; } .list02 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -56px; } .list03 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -112px; } .list04 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -168px; } .list05 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -224px; } .list06 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -280px; } .list07 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -336px; } .list08 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -392px; } .list09 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -448px; } .list10 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -504px; } .list11 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -560px; } .list12 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -616px; } .list13 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -672px; } .list14 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -728px; } .list15 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -784px; } .list16 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -840px; } .list17 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -896px; } .list18 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -952px; } .list19 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1008px; } .list20 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1064px; } .list21 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1120px; } .list22 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1176px; } .list23 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1232px; } .list24 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1288px; } .list25 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1344px; } .list26 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1400px; } .list27 a{ background:url(../--backup20151116/images/column-index-imageicon.jpg) no-repeat 5px -1456px; } /* コラム各ページ */ .column-sidebar{ width: 176px; margin-right: 10px; float: left; padding:15px 0px 15px 0px; } .inner-column{ width: 684px; float: right; background:url(../--backup20151116/images/column-inner-bg.jpg) repeat-y 0px 0px; } .inner-column p{ padding:0px 50px 30px 80px; font-size:90%; line-height:1.8em; } .inner-column table{ margin:0px 50px 8px 80px; border-collapse:collapse; } .inner-column h5{ margin:0px 50px 8px 80px; font-size:90%; line-height:1.8em; border-top: 1px #cccccc dotted; border-bottom: 1px #cccccc dotted; border-left: 4px #339966 solid; padding-left: 8px; } .nav-title{ background:url(../--backup20151116/images/column-sidenav-title.jpg) no-repeat 0px 0px; width:176px; height:55px; margin-bottom:10px; } .column-sidebar .nav-title a{ display:block; width:176px; height:55px; text-indent:-999em; overflow:hidden; } .column-sidebar dd{ border-left:6px solid #EFB255; border-bottom:1px dotted #EFB255; margin:0px 20px 0px 8px; } .column-sidebar dd a{ display:block; padding:4px 5px 4px 5px; background-color:#F7F0ED; color:#D37A18; font-weight:bold; font-size:85%; line-height:1.3em; padding:7px 2px 7px 7px; } .column-sidebar dd a:hover{ background-color:#F7E3D9;} .inner-column-head{ height:60px; background:url(../--backup20151116/images/column-inner-head.jpg) no-repeat 0px 0px; padding:116px 50px 0px 80px; } .inner-column-foot{ height:80px; background:url(../--backup20151116/images/column-inner-foot.jpg) no-repeat 0px 0px; } h4{ font-size: 0.9em; padding: 5px 0; margin-bottom: 20px; border-top: 1px #cccccc dotted; border-bottom: 1px #cccccc dotted; border-left: 4px #F90 solid; padding-left: 8px; width:440px; min-height:1.3em; max-height:3em; } .table-A th{ background-color:#FFCC33; text-align:left; } .table-A th,.table-A td{ border:1px solid #666666; padding:15px; font-size:90%; } .metal th{ width:130px; }