/* Reset */ body, h1, h2, h3, h4, h5 { margin:0; padding:0; } /* 960px = 8columns * 120px (10px + 100px + 10px) 960px = 12columns * 80px (10px + 60px + 10px) 960px = 16columns * 60px (10px + 40px + 10px) ---- 12column */ .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10,.grid11,.grid12, .grid13,.grid14,.grid15,.grid16 { float:left; margin:10px; display:inline; } /* IE6 Hack [margin x 2] display:inline; */ .grid1 { width: 60px; } .ht1 { height: 60px; } .grid2 { width:140px; } .ht2 { height:140px; } .grid3 { width:220px; } .ht3 { height:220px; } .grid4 { width:300px; } .ht4 { height:300px; } .grid5 { width:380px; } .ht5 { height:380px; } .grid6 { width:460px; } .ht6 { height:460px; } .grid7 { width:540px; } .ht7 { height:540px; } .grid8 { width:620px; } .ht8 { height:620px; } .grid9 { width:700px; } .ht9 { height:700px; } .grid10 { width:780px; } .ht10 { height:780px; } .grid11 { width:860px; } .ht11 { height:860px; } .grid12 { width:940px; } .ht12 { height:940px; } .ht1, .ht2, .ht3, .ht4, .ht5, .ht6, .ht7, .ht8, .ht9, .ht10, .ht11, .ht12, .ht13, .ht14, .ht15, .ht16 { margin:9px; color:#999; background-color:#f6f7f8; border:1px solid #ccc; } .ph { position:relative; margin:9px; color:#999; background-color:#f6f7f8; border:1px solid #ccc; } .ph a, .ph a:hover { text-decoration:none; } .ph img { margin:5px; border:none; } .ph .cap { position:absolute; width:200px; bottom:0px; right:0px; margin:5px; padding:5px; color:#fff; background-color:#222; opacity: 0.7; filter: alpha(opacity=70); zoom:1; } /* nikkou-kk.com - NIKKO KENSETSU Co.,Ltd. */ body { background:#a0cb65 url(images/bg_a0cb65.jpg) repeat-x 0% 0%; } /* body { background:#ccb url(images/bg.jpg) repeat 0% 0%; } */ h1, h2, h3, h4, h5 { clear:left; margin:10px; line-height:1.5; text-align:left; } h1 { } h2 { } h3, h4 { margin-left:0; padding:10px 13px; color:#333; border-left:5px solid #68c; } h5 { color:#333; font-size:1.2em; } a, a:link { color:#36c; text-decoration:none; } a:visited { color:#36c; text-decoration:none; } a:active { color:#93c; text-decoration:none; } a:hover { color:#93c; text-decoration:underline; } p { } /*text-indent:1em;*/ .tree { padding:5px 60px; color:#369; background:transparent url(./images/bg_h.jpg) no-repeat 0% 100%; } .bbox { width:280px; padding:10px 10px 10px; color:#567; font-size:12px; text-align:center; background:#dcf5ff url(./images/bg_box_dcf5ff.jpg) repeat-y 0% 0%; border:none; } .ybox { width:280px; padding:10px 10px 30px; color:#567; font-size:12px; text-align:center; background:#f4eabf url(./images/bg_box_f4eabf.jpg) no-repeat 100% 100%; } .bbox p, .ybox p { margin:10px; text-align:left; } .cbox { height:100px; margin-bottom:20px; padding:9px; border:1px solid #ccc; } .cbox span { font-size:0.8em; } .b { font-weight:bold; } .bb { color:#000; font-size:1.2em; font-weight:bold; } .s { font-size:0.8em; } .bltitle { color:#039; font-size:2.4em; font-weight:bold; } .bmtitle { color:#039; font-size:1.2em; font-weight:bold; } .bstitle { color:#039; font-size:1.0em; font-weight:bold; } .topimage { clear:both; text-align:center; } .top_msg { margin:0; padding:10px 20px; background:#ffe url(images/bg_main.gif) no-repeat center bottom; } .top_msg h2 { padding:0; color:#600; background-color:transparent; } .information{ clear:both; height:200px; margin:20px 0; border:1px solid #ccc; background-color:#f8f8f8; } .banner { clear:both; height:140px; margin:0; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; } .gbox { margin:0; padding:8px; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; } .link { padding: 4px 0px 4px 30px; background: url(images/btn_arrow_r.gif) no-repeat 0% 50%; } .caution { color:#c00; font-size:0.8em; } .clear { clear:both; } /*--------*/ table.solid { margin:10px; font-family:Arial; border-collapse:collapse; border:1px solid #abc; } table.solid tr { font-size:1.0em; line-height:1.3; } table.solid th { padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; } table.solid td { padding:0.5em 0.8em; text-align:left; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; } table.solid .ng { color:#666; text-decoration:line-through; background-color:#f8f8f8; } table.solid .ec { white-space:nowrap; text-align:center; background-color:#f0f0f0; } table.solid .dc { white-space:nowrap; text-align:center; background-color:#ddd; } table.solid .e { white-space:nowrap; background-color:#cde; color:#000; } table.solid .d { white-space:nowrap; background-color:#eee; } table.solid .l { text-align:left; } table.solid .r { text-align:right; } table.noline { margin:0px; font-family:Arial; border-collapse:collapse; border:none; } table.noline tr { font-size:1.0em; line-height:1.3; } table.noline th { padding:0 0.8em 0 0; vertical-align:top; color:#333; border:none; } table.noline td { padding:0 0.8em 0 0; text-align:left; vertical-align:top; border:none; } table.noline .e { white-space:nowrap; background-color:#cde; color:#000; } table.noline .d { white-space:nowrap; background-color:#eee; } table.noline .l { text-align:left; } table.noline .r { text-align:right; } /*-- インフォメーション --*/ .info { margin:0; padding:0 10px; } .info ul { margin:0; padding:0; list-style-type:none; } .info li { margin-bottom:8px; padding-bottom:8px; padding-left:24px; text-align:left; border-bottom:1px dotted #ccc; background:transparent url(./images/arrow.gif) no-repeat left 2px; } .info .date { padding:0 1em; color:#090; font-size:13px; font-weight:normal; font-family:Arial; } .info .ctg { padding:0.3em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; text-align:right; } .info .ttl { margin:0; color:#036; font-size:1.0em; font-weight:bold; } .info .cmt { display:block; font-size:0.9em; } .info .cmt img { margin:1em 0; border-width:0; } .arrow { padding-left:20px; background:transparent url(./images/arrow.gif) no-repeat 0% 50%; } .pdf { padding-left:20px; padding-bottom:3px; background:transparent url(./images/pdf.gif) no-repeat left 0; } .pdfb { padding-right:20px; padding-bottom:3px; background:transparent url(./images/pdf.gif) no-repeat right 0; } .gmap { padding-left:24px; padding-bottom:3px; background:url(./images/gmap20.gif) no-repeat 0% 0%; } .date { color:#090; font-family:arial; } .url { color:#090; font-family:arial; } .l { text-align:left; } .r { text-align:right; } /*----画像サムネイル表示----*/ .phbox_r, .phbox_nr, .phbox_l, .phbox_nl, .phbox_c, .phbox_nc { padding:4px; text-align:center; color:#666; font-size:0.8em; line-height:1.6; } .phbox_r, .phbox_nr { float:right; margin:6px; } .phbox_l, .phbox_nl { float:left; margin:6px; } .phbox_c, .phbox_nc { margin:20px 0; } .phbox_r, .phbox_l, .phbox_c { background-color:#fff; border:2px solid #ddd; } .phbox_r img, .phbox_l img, .phbox_c img { border:0px solid #ccc; } .phbox_nr img, .phbox_nl img, .phbox_nc img { border:0px solid #ccc; } /* メディア掲載履歴 */ ul.mediabox { margin:0; padding:0; list-style-type:none; } .mediabox li { float:left; margin:0; padding:0; color:#666; font-size:13px; } .mediabox a { display:block; width:200px; margin:13px; text-align:center; text-decoration:none; border:3px solid #ddd; } .mediabox img { margin:0; padding:5px; border:none; } /* CSSでPDFやExcelなどのリンクに自動でアイコンを付ける方法 http://www.css-lecture.com/ */ /* pdf要素 ---- */ a[href$=".pdf"] { padding: 4px 20px 4px 0; background: url(images/icon/pdf.gif) no-repeat 100% 50%; } * html a.pdf { padding: 4px 20px 4px 0; background: url(images/icon/pdf.gif) no-repeat 100% 50%; } /* doc要素 ---- */ a[href$=".doc"] { padding: 4px 20px 4px 0; background: url(images/icon/doc.gif) no-repeat 100% 50%; } * html a.doc { padding: 4px 20px 4px 0; background: url(images/icon/doc.gif) no-repeat 100% 50%; } /* xls要素 ---- */ a[href$=".xls"] { padding: 4px 20px 4px 0; background: url(images/icon/xls.gif) no-repeat 100% 50%; } * html a.xls { padding: 4px 20px 4px 0; background: url(images/icon/xls.gif) no-repeat 100% 50%; } /* zip要素 ---- */ a[href$=".zip"] { padding: 4px 20px 4px 0; background: url(images/icon/zip.gif) no-repeat 100% 50%; } * html a.zip { padding: 4px 20px 4px 0; background: url(images/icon/zip.gif) no-repeat 100% 50%; } /* mailto要素 ---- */ a[href ^="mailto:"] { padding: 4px 20px 4px 0; background: url(images/icon/mailto.gif) no-repeat 100% 50%; } * html a.mailto { padding: 4px 20px 4px 0; background: url(images/icon/mailto.gif) no-repeat 100% 50%; } /* 外部リンク要素 */ a[href^="http"] { padding: 4px 20px 4px 0; background: url(images/icon/external.gif) no-repeat 100% 50%; } * html a.external { padding: 4px 20px 4px 0; background: url(images/icon/external.gif) no-repeat 100% 50%; } /* IE-6要素 ----------------------------------------------------------- */ * html a { behavior: expression( this.className += this.getAttribute("href").match(/^http.*/) ? " external" : "", this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "", this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "", this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "", this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "", this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "", this.style.behavior = "none" ); } /* use this class to make sure that images won't get iconized */ .imageLink { padding-right: 0px !important; background: none !important; } /*----------*/ #search { float:left; margin-bottom:15px; padding:5px; border:1px solid #abc; } #search form { margin:0; padding:0; } .searchField { margin:0; padding:0; width:280px; height:30px; font-size:18px; border:none; } .searchButton { margin:0; padding:0; vertical-align:bottom; } /*----------*/ #wrapper { width:980px; margin:20px auto; padding:0px; background-color:#fff; -moz-box-shadow: 0px 0px 6px 3px rgba(30,0,0,0.3); -webkit-box-shadow: 0px 0px 6px 3px rgba(30,0,0,0.3); -o-box-shadow: 0px 0px 6px 3px rgba(30,0,0,0.3); -ms-box-shadow: 0px 0px 6px 3px rgba(30,0,0,0.3); } /* before IE9 #wrapper { -ms-filter: progid:DXImageTransform.Microsoft.Glow(Color='#886655', Strength=10); filter: progid:DXImageTransform.Microsoft.Glow(Color='#886655', Strength=10); }*/ #header { height:300px; margin:0 auto; padding:0px 20px 3px; background:#fff url(images/bg_header.jpg) no-repeat center top; } #header .logo a { float:left; width:320px; height:60px; text-indent:-9999px; background:url(images/logo.jpg) no-repeat 0% 0%; } #header .inquiry a { float:right; width:250px; height:60px; text-indent:-9999px; background:url(images/inquiry.jpg) no-repeat 0% 0%; } #container { width:960px; margin:20px auto; padding:0; font-size:0.9em; line-height:1.5; } /*#pankz { display:none; }*/ #pankz { margin:10px; padding:10px; color:#666; font-size:10px; line-height:1.0; border:1px solid #ccc; background-color:#f8f8f8; } #main { float:left; width:640px; margin:0; padding-bottom:20px; color:#555; } #sidebar { float:right; width:320px; margin:0; padding-bottom:20px; border:0px solid #ccc; } #sidebar a { padding:0px !important; background: none; } #sidebar img { border: none; } #footer { clear:both; width:980px; margin:0 auto; padding:20px 0; color:#cba; font-size:13px; font-family:Arial; text-align:center; background-color:#864; } #footer a { padding:0px !important; color:#fff; background: none; } #footer span, #footer address { font-size:0.8em; } /* Basic code - don't modify */ #nav { display: block; margin: 0; padding: 0; position: relative; } #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #nav a { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* #menulist ul { margin:0; padding:0; list-style-type:none; } #menulist li { float:left; margin:0; padding:0; color:#666; text-align:left; text-decoration:none; } */ /* Essentials - configure this */ #nav { width:940px; height:40px; margin:0 auto; padding:0; } #nav a { width:160px; height:40px; text-indent:-9999px; } #nav a { color:#ccc; background:url(images/menu_160x40.jpg) no-repeat 0px 0px; } #nav .navi01 a { width:150px; background-position: 0px 0px; } #nav .navi02 a { width:160px; background-position: -150px 0px; } #nav .navi03 a { width:160px; background-position: -310px 0px; } #nav .navi04 a { width:160px; background-position: -470px 0px; } #nav .navi05 a { width:160px; background-position: -630px 0px; } #nav .navi06 a { width:150px; background-position: -790px 0px; } #nav .navi01 a:hover { background-position: 0px -40px; } #nav .navi02 a:hover { background-position: -150px -40px; } #nav .navi03 a:hover { background-position: -310px -40px; } #nav .navi04 a:hover { background-position: -470px -40px; } #nav .navi05 a:hover { background-position: -630px -40px; } #nav .navi06 a:hover { background-position: -790px -40px; } /* #nav a { padding:14px 0 0 10px; color:#ccc; font-size:14px; line-height:1.0; text-align:center; border-right:1px solid #666; } #nav a.hover { color:#fff; text-decoration:none; } */ #nav .navi01 li a, #nav .navi02 li a, #nav .navi03 li a, #nav .navi04 li a, #nav .navi05 li a, #nav .navi06 li a { width:119px; height:13px; padding:15px 20px; color:#fff; font-size:13px; line-height:1.0; text-indent:0px; text-align:left; background-image:none; background-color: #000; border:none; border-top:1px solid #fff; opacity: 0.7; filter: alpha(opacity=70); zoom:1; } /* Everything else is theming */ #nav ul { top: 40px; } #nav ul a { } #nav ul a.hover { text-decoration:none; background-color: #c30; } /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ /* #nav { clear:both; margin:0; padding:0; height:50px; background-color:#333; border-top:1px solid #999; } #nav ul { margin:0; padding:0; } #nav li { margin:0; padding:0; float:left; list-style:none; } */ #submenu { margin:0; padding:10px; height:310px; background:transparent url(./bg_submenu.jpg) no-repeat 0% 0%; } #submenu ul { margin:0; padding:0; list-style:none; } #submenu li { margin:5px; padding:0; float:left; } #submenu a { margin:0; padding:10px 0; width:128px; height:40px; display:block; font-size:14px; line-height:1.5; text-align:center; } #submenu a { color:#fff; background-color:#574; } #submenu a:hover { color:#fff; background-color:#9c6; text-decoration:none; } #submen2 { margin:0; padding:10px; } #submen2 ul { margin:0; padding:0; list-style:none; } #submen2 li { margin:10px 0; padding:0; } #submen2 a { display:block; margin:0; padding:10px 0; font-size:14px; line-height:1.5; text-align:center; } #submen2 a { color:#fff; background-color:#574; } #submen2 a:hover { color:#fff; background-color:#9c6; text-decoration:none; }