@charset "UTF-8"; @font-face { font-family: 'vektor_kado_icons'; src: url("fonts/vektor_kado_icons.eot"); src: url("fonts/vektor_kado_icons.eot?#iefix") format("embedded-opentype"), url("fonts/vektor_kado_icons.woff") format("woff"), url("fonts/vektor_kado_icons.ttf") format("truetype"), url("fonts/vektor_kado_icons.svg#vektor_kado_icons") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'vektor_kado_icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-vk_kado_waku_tel_01, .icon-vk_kado_waku_rss_01, .icon-vk_kado_waku_menu_01, .icon-vk_kado_waku_close_01, .icon-vk_kado_nuri_rss_01, .icon-vk_kado_nuri_arrow_01_right, .icon-vk_kado_nashi_tel_01, .icon-vk_kado_nashi_menu_01, .icon-vk_kado_nashi_close_01, .icon-vk_kado_full_tri_01_right_bottom, .icon-vk_kado_full_home_01, .icon-vk_full_rss_01, .icon-vk_kado_nashi_arrow_01_top, .icon-vk_kado_nashi_arrow_01_right, .icon-vk_kado_nashi_arrow_01_left, .icon-vk_kado_nashi_arrow_01_bottom, .icon-vk_kado_wakumaru_arrow_01_top, .icon-vk_kado_wakumaru_arrow_01_right, .icon-vk_kado_wakumaru_arrow_01_left, .icon-vk_kado_wakumaru_arrow_01_bottom, .icon-vk_kado_waku_arrow_01_top, .icon-vk_kado_waku_arrow_01_right, .icon-vk_kado_waku_arrow_01_left, .icon-vk_kado_waku_arrow_01_bottom, .icon-vk_kado_nurimaru_arrow_01_top, .icon-vk_kado_nurimaru_arrow_01_right, .icon-vk_kado_nurimaru_arrow_01_left, .icon-vk_kado_nurimaru_arrow_01_bottom, .icon-vk_kado_nuri_arrow_01_top, .icon-vk_kado_nuri_arrow_01_right-2, .icon-vk_kado_nuri_arrow_01_left, .icon-vk_kado_nuri_arrow_01_bottom, .icon-vk_kado_full_arrow_01_top, .icon-vk_kado_full_arrow_01_right, .icon-vk_kado_full_arrow_01_left, .icon-vk_kado_full_arrow_01_bottom { font-family: 'vektor_kado_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-vk_kado_waku_tel_01:before { content: "\21"; } .icon-vk_kado_waku_rss_01:before { content: "\22"; } .icon-vk_kado_waku_menu_01:before { content: "\23"; } .icon-vk_kado_waku_close_01:before { content: "\24"; } .icon-vk_kado_nuri_rss_01:before { content: "\26"; } .icon-vk_kado_nuri_arrow_01_right:before { content: "\27"; } .icon-vk_kado_nashi_tel_01:before { content: "\28"; } .icon-vk_kado_nashi_menu_01:before { content: "\29"; } .icon-vk_kado_nashi_close_01:before { content: "\2a"; } .icon-vk_kado_full_tri_01_right_bottom:before { content: "\2c"; } .icon-vk_kado_full_home_01:before { content: "\2d"; } .icon-vk_full_rss_01:before { content: "\2f"; } .icon-vk_kado_nashi_arrow_01_top:before { content: "\25"; } .icon-vk_kado_nashi_arrow_01_right:before { content: "\2b"; } .icon-vk_kado_nashi_arrow_01_left:before { content: "\2e"; } .icon-vk_kado_nashi_arrow_01_bottom:before { content: "\30"; } .icon-vk_kado_wakumaru_arrow_01_top:before { content: "\31"; } .icon-vk_kado_wakumaru_arrow_01_right:before { content: "\32"; } .icon-vk_kado_wakumaru_arrow_01_left:before { content: "\33"; } .icon-vk_kado_wakumaru_arrow_01_bottom:before { content: "\34"; } .icon-vk_kado_waku_arrow_01_top:before { content: "\35"; } .icon-vk_kado_waku_arrow_01_right:before { content: "\36"; } .icon-vk_kado_waku_arrow_01_left:before { content: "\37"; } .icon-vk_kado_waku_arrow_01_bottom:before { content: "\38"; } .icon-vk_kado_nurimaru_arrow_01_top:before { content: "\39"; } .icon-vk_kado_nurimaru_arrow_01_right:before { content: "\3a"; } .icon-vk_kado_nurimaru_arrow_01_left:before { content: "\3b"; } .icon-vk_kado_nurimaru_arrow_01_bottom:before { content: "\3c"; } .icon-vk_kado_nuri_arrow_01_top:before { content: "\3d"; } .icon-vk_kado_nuri_arrow_01_right-2:before { content: "\3e"; } .icon-vk_kado_nuri_arrow_01_left:before { content: "\3f"; } .icon-vk_kado_nuri_arrow_01_bottom:before { content: "\40"; } .icon-vk_kado_full_arrow_01_top:before { content: "\41"; } .icon-vk_kado_full_arrow_01_right:before { content: "\42"; } .icon-vk_kado_full_arrow_01_left:before { content: "\43"; } .icon-vk_kado_full_arrow_01_bottom:before { content: "\44"; } /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ /* レイアウト /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ /* #main /* #content /* .child_page_block /* .childPageBox /* .mainFoot /* images /* .navigation /* .paging /* .infoList /* .infoListBox /* #comments /* .socialSet /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ /* top /*-------------------------------------------*/ /* post /*-------------------------------------------*/ /* #comments /*-------------------------------------------*/ /* sitemap & 404 &search /*-------------------------------------------*/ /* Responsive Structure /*-------------------------------------------*/ /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ * { margin: 0px; padding: 0px; font-size: 100%; } ul, ol { list-style: none; } body, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, table, form, input { margin: 0; padding: 0; } th { font-weight: lighter; } img { border: none; vertical-align: bottom; } /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ dt { font-weight: bold; } strong { font-weight: bold; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } a { overflow: hidden; color: #666; } a:hover, a:active { font-weight:bold; } .adminEdit { clear: both; float: none; display: block; overflow: hidden; padding: 0px 0px 20px; } .assistive-text { display: none; } /*-------------------------------------------*/ /* form /*-------------------------------------------*/ input[type="text"], input[type="email"], input[type="password"], select, textarea { /*background: #f9f9f9;*/ border: 1px solid #e5e5e5; padding: 4px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; margin-left: 0.5em; } /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input { line-height: 110%; text-align: center; position: relative; width: auto; border: none; display: inline-block; overflow: hidden; position: relative; white-space: nowrap; padding: 8px 20px 6px; text-decoration: none; } a.btn, .linkBtn a, input[type=button], input[type=submit] { display: inline-block; overflow: hidden; margin-top: 15px; position: relative; padding: 8px 20px 6px; text-decoration: none; cursor: pointer; border: none; } a.btn.btnS, .linkBtn.linkBtnS a { padding: 5px 10px; font-size: 85.7%; } a.btn.btnL, .linkBtn.linkBtnL a { padding: 10px 30px; font-size: 114.3%; text-align: center; } a.btn.btnAdmin, .linkBtn.linkBtnAdmin a { color: #666666 !important; background-color: #e5e5e5; border-radius: 3px; text-decoration: none; border: 1px solid #e5e5e5; box-shadow: inset 0 1px 0 #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5)); background: -moz-linear-gradient(#fff, #e5e5e5); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)"; } #searchform input[type=submit], p.form-submit input[type=submit] { padding: 6px 15px; } #searchform label { display: none; } form#searchform input#searchsubmit { padding: 6px 5px; } .moreLink { margin-bottom: 0px; height: auto; display: block; } .moreLink a { text-align: center; margin-top: 10px; display: inline-block; overflow: hidden; font-size: 10px; line-height: 105%; text-decoration: none; color: #666; padding: 5px 15px; } .moreLink a:hover { text-decoration: none !important; background-color:#ddd !important;} html, body, #wrap { height: 100%; min-height: 100%;} /*-------------------------------------------*/ /* レイアウト /*-------------------------------------------*/ #header, #pagetop, #footMenu, #footer { text-align: center; clear: both; } .innerBox { text-align: left; width: 94%; margin: 0px auto; } .innerBox img { max-width: 100%; } .innerBox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #main { /*width: 960px;*/width:100%; margin: 0 auto; } #main #container {overflow: visible;} #main #container #content { margin: 0 0px 0px 0px; padding-bottom: 30px; } #main #container #content.wide { width: 99%; float: none; padding-bottom: 30px; overflow: visible; } #main #container #sideTower { display: block; overflow: hidden; padding-bottom: 30px; width: 100%;} /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ #headerTop { overflow: hidden; color: #FFF; width: 100%; clear: both; font-size: 85.7%; } #headerTop #site-description { font-size: 10px; line-height: 135.7%; padding: 2px 0px; display: none; } /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ #header { display: block; text-align: left; } #header .innerBox { width: 100%; } #header #site-title { font-size: 24px; margin: 10px 0 10px 15px; position: relative; font-weight: lighter; } #header #site-title a { color: #000; font-weight: bold; text-decoration: none; } #header #site-title a img { max-height: 35px; } /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ #gMenu_wrap{clear:both; width:100%; border-top:1px solid #0279FF;} #gMenu { clear: both; display: block; overflow: visible; position: relative; width: 100%; } #gMenu .assistive-text { display: block; overflow: hidden; font-weight: lighter; font-family: 'Lato', sans-serif; cursor: pointer; background-color: #f5f5f5; width: 2.5em; position: absolute; top: 10px; right: 15px; /*left:15px;*/ z-index:1000; text-align: center; } #gMenu .assistive-text span { display: block; overflow: hidden; padding: 3px 0; margin: 0; } #gMenu .assistive-text span:before { font-family: 'vektor_kado_icons'; margin-right: 0px; } #gMenu .screen-reader-text { position: absolute; left: -9000px; } #gMenu .innerBox { overflow: visible; display: block; position: relative; padding: 0px; margin: 0px; width: 100%; } .headSubMenu li { float: left;} .headSubMenu li a { text-decoration: none; color: #666; } .headMainMenu { font-size: 0.929em; list-style: none; margin: 0px 0px 0px; padding: 0px; display: block; overflow: visible; } .headMainMenu li { position: relative; width: 100%; display: block; } .headMainMenu li:last-child { border-bottom: none; } .headMainMenu li a { display: block; overflow: hidden; position: relative; color: #333; padding: /*13px*/5px 10px 11px; margin: 0px; line-height: 110%; text-decoration: none; letter-spacing: 0px; /*width:150px;*/ } @media (max-width: 969px) { .headMainMenu li a { /*padding-left: 10px;*/ text-align: left; border-bottom: 1px solid #e5e5e5; } .headMainMenu li a span { display: none; } .headMainMenu li a visited{ } .headMainMenu li ul li a { /*padding-left: 20px;*/ } .headMainMenu li ul li ul li a { /*padding-left: 30px;*/ } #header .assistive-text span:before, #header.itemClose .assistive-text span:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\29"; } #header .headMainMenu .menu, #header.itemClose .headMainMenu .menu { display: none; } #header.itemOpen .assistive-text span:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2a"; } #header.itemOpen .headMainMenu .menu { display: block; border-top: 1px solid #e5e5e5; } } /*-------------------------------------------*/ /* #pageTitBnr /*-------------------------------------------*/ #pageTitBnr { margin: 0px; clear: both; } #pageTitBnr #pageTitInner { display: block; overflow: hidden; } #pageTitBnr #pageTitInner #pageTit { font-size: 22px; font-weight: bold; display: inline; float: left; margin-right: 20px; margin-top: 20px; margin-bottom: 18px; line-height: 105%; } #pageTitBnr #pageTitInner #titleTxtSub { text-align: left; color: #999; font-size: 14px; letter-spacing: 3px; float: left; margin-top: 25px; line-height: 105%; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ /* #panList { clear: both; font-size: 12px; color: #999; padding: 0px; display: block; overflow: hidden; width: 100%; margin:20px 0 0 0 ;} #panList .innerBox { display: block; overflow: hidden; text-align: left; padding: 0px; line-height: 24px; } #panList ul { display: inline-block; } #panList ul li { display: inline-block; padding-right: 5px; } */ /*-------------------------------------------*/ /* #main /*-------------------------------------------*/ #main { display: block; overflow: visible; clear: both; } #main { zoom: 1; } /* facebookコメント欄が消えるのでhiddenではなくclearfix */ #main:before, #main:after { content: ""; display: table; } #main:after { clear: both; } /*#main #container { padding-top: 15px; }*/ /* #content /*-------------------------------------------*/ .entry-content a{ color:#0279FF !important; } #content { margin-bottom: 36px; text-align: left; display: block; overflow: visible;} #content hr { clear: both; display: block; display: none; margin-bottom: 20px; } #content .post { padding-bottom: 25px; } #content .alert { color: #f00; } #content .caption { font-size: 11px; line-height: 110%; } #content .center { text-align: center; } #content .right { text-align: right; } #content .nowrap { white-space: nowrap; } #content .sectionBox { margin-bottom: 30px; display: block; overflow: hidden; clear: both; } #content .entry-meta { margin-bottom: 15px; font-size: 11px; color: #666; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle { clear: both; font-size: 128.6%; padding: 0; font-weight: bold; color: #333; position: relative; line-height: 133.3%; } #content h1, #content h2, #content h3, #content h4, #content h4, #content h5, #content h6, #content .leadTxt { color: #333; } #content h1.entryPostTitle { margin: 0px 0px 5px; } #content h1.contentTitle { margin: 0 0 25px; } #content h2 { margin: 30px 0px 25px; } #content h2:nth-child(1) { margin-top: 0; } #content h2 a { text-decoration: none; } #content h2.imageTit { margin: 0px 0px 30px; border: none; padding: 0px; background: none; } #content h3 { clear: both; font-size: 128.6%; line-height: 120%; margin: 10px 0px; padding: 2px 0px 0px 0px; } #content h4 { clear: both; font-size: 121.4%; line-height: 120%; margin: 0 0 10px 0; padding: 0 0 5px 5px; font-weight:bold !important; } #content h5 { clear: both; font-size: 114.3%; line-height: 120%; margin: 0 5px 15px; padding: 10px 0px 0px; font-weight:bold !important; } #content h6 { clear: both; font-size: 100%; line-height: 120%; margin: 30px 0px 15px; padding: 10px 0px 0px; } #content p { margin-bottom: 20px; padding: 0px 5px; font-size:14px;} #content blockquote { padding: 20px 15px 0px; margin-bottom: 20px; border: 3px solid #efefef; clear: both; } #content blockquote h2, #content blockquote h3, #content blockquote h4, #content blockquote h5, #content blockquote h6 { margin-top: 0; } #content strong { font-weight: bold; } #content ul, #content ol { margin: 0 0 0 30px; } #content ul li, #content ol li { list-style: disc; padding: 0px; } #content ul ul, #content ol ul { margin-top: 10px; } #content ul ul li, #content ol ul li { list-style: circle; } #content li { margin-bottom: 10px; } #content ol li { list-style: decimal; padding: 0px; } /* #content table { border-top: 1px solid #e5e5e5; margin: 5px -1px 24px 0; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 85.7%; line-height: 141.7%; } #content table thead th { font-weight: bold; } #content table th, #content table thead th { background-color: #f5f5f5; white-space: nowrap; } #content table tfoot th, #content table tfoot td { font-weight: bold; } #content table th, #content table td { border: 1px solid #e5e5e5; padding: 10px 10px; vertical-align: top; } #content table th ul, #content table th ol, #content table td ul, #content table td ol { margin-bottom: 0px; margin-left: 15px; } #content table th ul li, #content table th ol li, #content table td ul li, #content table td ol li { margin: 2px 0px; } #content table.mobile-block th, #content table.mobile-block td { border-top: none; display: block; }*/ #content dt { padding-bottom: 3px; /*margin-bottom: 5px*/ color:#0279FF; } #content dd { margin: 0px 0px 30px; padding: 0px; } /* .child_page_block /*-------------------------------------------*/ #content .child_page_block { display: block; overflow: hidden; margin-bottom: 15px; width: 100%; } #content .child_page_block .child_page_blockInner { display: block; overflow: hidden; padding: 15px 0px; } #content .child_page_block.layout_even { float: right; } #content .child_page_block h4 { border: none; padding: 0px 0px 2px; margin: 0px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 1px 0px white; } #content .child_page_block h4 a { text-decoration: none; color: #4d4d4d; font-weight:bold; } #content .child_page_block h4 a:hover { text-decoration: underline; } #content .child_page_block .childText { display: block; overflow: hidden; } #content .child_page_block p { font-size: 12px; margin-bottom: 0px; line-height: 141.7%; padding: 0px; } #content .child_page_block p a { text-decoration: none; color: #666; } #content .child_page_block p a:hover { text-decoration: underline; /*color: #c00;*/ } #content .child_page_block .thumbImage { float: left; display: block; border: 1px solid #e5e5e5; margin-right: 13px; } #content .child_page_block .thumbImage .thumbImageInner { display: block; overflow: hidden; width: 80px; border: 1px solid #fff; } #content .child_page_block .thumbImage .thumbImageInner img { width: 80px; height: 80px !important; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display: none; } #content .childPageBox .textBox { overflow: hidden; border: 1px solid #ff0000; } /* .mainFoot /*-------------------------------------------*/ #content .mainFoot { display: block; overflow: hidden; margin-top: 35px; margin-bottom: 30px; } #content .mainFootContact { display: block; overflow: hidden; text-align: center; } #content .mainFootContact p.mainFootTxt { font-size: 10px; letter-spacing: 0px; margin-bottom: 5px; } #content .mainFootContact p.mainFootTxt span { display: block; } #content .mainFootContact p.mainFootTxt span.mainFootCatch { line-height: 135.7%; } #content .mainFootContact p.mainFootTxt span.mainFootTel { font-size: 24px; font-family: 'Lato', sans-serif; margin-bottom: 2px; line-height: 100%; } #content .mainFootContact p.mainFootTxt span.mainFootTime { line-height: 135.7%; } #content .mainFootContact .mainFootBt a { display: block; overflow: hidden; background-color: #999; max-width: 350px; margin: 0px auto; } #content .mainFootContact .mainFootBt a img { max-width: 100%; } /* images /*-------------------------------------------*/ #content img { margin: 0; max-width: 100%; height: auto !important; } #content .attachment img { max-width: 100%; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 0 0 5px; text-align: center; border: 1px solid #e5e5e5; max-width: 100% !important; } #content .wp-caption img { margin: 5px 0 2px; max-width: 95% !important; height: auto !important; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br + br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* .navigation /*-------------------------------------------*/ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; border-top: 1px solid #e5e5e5; padding: 10px 0px 15px; clear: both; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { font-weight:bold; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } /* .paging /*-------------------------------------------*/ .paging { display: block; overflow: hidden; padding: 20px 0px 20px; text-align: center; } .paging span, .paging a { margin: 0 1px; padding: 6px 10px; color: #999; border: 1px solid #999; text-decoration: none; } .paging span.current, .paging a:hover { background-color: #999; color: #fff; text-decoration: none; } .paging span.txt_hellip { border: none; margin: 0; padding: 6px 0px; } /* .infoList -------------------------------------------------------------- */ #content .infoList { padding-bottom: 5px; /*padding-bottom: 20px;*/ } #content .infoList ul { margin: 10px 0px 5px; list-style: none; } #content .infoList ul li { border-bottom: 1px dotted #ccc; padding: 6px 0px; list-style: none; margin-bottom: 0px; } #content .infoList ul li a:hover { color: #0279FF; } #content .infoList .infoDate { margin:0 8px 0 20px; color: #c00; width:120px; text-align:left; float:left;} #content .infoList .infoCate a { color: #666; margin:0 18px 0 0; background-color: #e5e5e5; color: #666; font-size: 11px; padding: 2px 6px 0px; line-height: 14px; text-decoration: none; text-align:center; position: relative; float:left; width:60px;} #content .infoList .infoCate a:hover { /*background-color: #0279FF;*/ color: #f5f5f5; text-decoration: none; } #content .infoList ul li .infoTxt { display: block; overflow: hidden; /*clear: both;*/ /*float:left;*/} #content .infoList ul li .infoTxt a { text-decoration: none; color: #666; display: block; overflow: hidden; } #content .infoList ul li .infoTxt a:hover { color: #0279FF; text-decoration: underline; } /* .infoListBox /*-------------------------------------------*/ #content .infoList .infoListBox { display: block; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #e5e5e5; position: relative; } #content .infoList .infoListBox div.entryTxtBox { margin: 0px; display: block; overflow: hidden; } #content .infoList .infoListBox div.entryTxtBox.haveThumbnail { float: left; } #content .infoList .infoListBox div.entryTxtBox p { margin-bottom: 3px; padding: 0px; line-height: 150%; } #content .infoList .infoListBox div.entryTxtBox p.entryMeta { margin-bottom: 4px; } #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate { color: #666; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle { margin: 0px 0px 5px; padding: 0px 0px 2px; display: block; line-height: 135.7%; font-size: 114.3%; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a { text-decoration: none; color:#0279FF;} #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover { } #content .infoList .infoListBox div.entryTxtBox p.moreLink { margin: 0px; padding: 0px; } #content .infoList .infoListBox div.thumbImage { display: block; overflow: hidden; float: right; text-align: right; } #content .infoList .infoListBox div.thumbImage div.thumbImageInner { display: block; overflow: hidden; margin: 1px; } #content .infoList .infoListBox div.thumbImage div.thumbImageInner img { width: 98px; height: auto; border: 1px solid #e5e5e5; } /* form /*-------------------------------------------*/ #content form table { margin-top: 25px; } #content form input[type=text], #content form textarea { position: relative; overflow: hidden; padding: 5px 10px; margin: 5px 5px 5px 0px; } #content form input[type=radio] { width: auto; } #content form input[type=checkbox] { width: auto; } /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ .sideTower .localSection { margin-bottom: 20px; } .sideTower .localHead { clear: both; font-size: 15px; color: #1d7017; padding: 10px; font-weight: 600; position: relative; background-color: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); margin: 5px 10px 10px; border-left: 10px solid #0057d7; } .sideTower .localHead a { text-decoration: none; color: #4d4d4d;} .sideTower .localHead a:hover { /*text-decoration: underline;*/ } .sideWidget{ margin: 0px 0px 0px 0; background: url(../../../images/common/side_bg.png) repeat repeat; padding: 5px 0px 0px 0px; clear:both; } .sideWidget img{ margin: 0 0 5px 7px; } .page_item_has_children{ } /*サイドバナーのbox*/ .dcjq-accordion{ border:none !important; background:none !important; margin-top:-10px !important; } .dcjq-accordion ul li a{ border:none !important; background:none !important; font-size:14px !important; /*padding:10px 20px !important;*/ /*margin-left:10px !important;*/ list-style:none !important; } /*3階層目*/ .dcjq-accordion ul li ul { } .dcjq-accordion ul li ul li a{ /*border:none !important;*/ background:none !important; font-size:14px !important; padding:0 !important; margin-left:20px !important; } /*4階層目*/ .dcjq-accordion ul li ul li ul{ } .dcjq-accordion ul li ul li ul li a{ /*border:none !important;*/ background:none !important; font-size:12px !important; margin:0 10px; line-height:1.0em; } .sideTower .sideWidget li { list-style: none; font-size: 12px; line-height:1.2em;/*line-height: 135.7%;*/ background:none;/* 子 */ /* 孫 */ } .sideTower .sideWidget li a { /*display: block; padding: 13px 10px 11px; text-decoration: none;*/ } .sideTower .sideWidget li a img { margin: 0 auto; } .sideTower .sideWidget li ul { display: block; margin: 0px; } .sideTower .sideWidget li li { display: block; } .sideTower .sideWidget li li a {} .sideTower .sideWidget li li li a {} .sideTower .sideWidget li > a:hover, .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li.current-cat > a { background-color: #efefef; } .sideTower .sideWidget .textwidget { padding-top: 10px; } .sideTower .sideWidget .textwidget img { display: block; margin: 0 auto; } .sideTower .sideWidget h4 { clear: both; font-size: 14px; margin: 0px 0px 15px; padding: 4px 0px 2px 12px; border-left-style: solid; border-left-width: 3px; background-color: #f5f5f5; } .sideTower .sideWidget ul li { padding: 5px 0px 11px;} .sideTower .sideWidget ul li a {color:#FFF; font-size:14px;} .sideTower .sideWidget select { margin: 10px 0; padding: 5px; width: 100%; border: 1px solid #e5e5e5; } .sideTower .sideWidget select option { padding: 2px 5px; } .sideTower ul#snsBnr { border-top: 1px solid #e5e5e5; margin-bottom: 20px; text-align: center; } .sideTower ul#snsBnr li { border-bottom: 1px solid #e5e5e5; } .sideTower li.sideBnr { margin-bottom: 10px; } .sideTower li.sideBnr#sideContact { margin-bottom: 10px; } .sideTower li.sideBnr#sideContact a { display: block; overflow: hidden; width: auto; background-color: #999; width: 220px; margin: 0px auto; text-align: center; } form#searchform { padding: 5px 0px 5px 7px; background-color: #e5e5e5; display: block; overflow: hidden; position: relative; } form#searchform input#s { margin: 0; padding: 5px; width: 60%; float: left; } form#searchform input#searchsubmit { margin: 0px 10px 0px 0px; float: right; background-color: #ccc; width: 15%; } /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ #pagetop { display: block; overflow: hidden; clear: both; z-index: 5; } #pagetop a { float: right; display: block; position: relative; font-size: 11px; text-decoration: none; font-family: 'Lato', sans-serif; letter-spacing: 1px; border: 1px solid #333; padding: 5px 15px 5px; } #pagetop a:hover { margin-top: 0; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { padding: 0px; display: block; overflow: hidden; width: 100%; z-index: 10; position: relative; } #footMenu .innerBox { padding: 0; } #footMenu .menu { margin: 0px; padding: 0px; display: block; overflow: hidden; } #footMenu .menu li { list-style: none; display: block; margin: 0px; padding: 0px; line-height: 100%; font-size: 12px; border-bottom: 1px solid #e5e5e5; } #footMenu .menu li a { display: block; overflow: hidden; line-height: 135.7%; text-decoration: none; padding: 10px 0px; } #footMenu .menu li a:hover { text-decoration: underline; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { margin: 0px; display: block; overflow: hidden; text-align: left;} #footer dl#footerOutline { margin: 0px; line-height: 150%; width: 300px; } #footer dl#footerOutline dt { margin-bottom: 8px; line-height: 150%; } #footer dl#footerOutline dt img { margin-bottom: 5px; max-width: 260px; } #footer dl#footerOutline dd { font-size: 85.7%; line-height: 150%; } /* #footerSiteMap /*-------------------------------------------*/ #footerSiteMap { display: block; overflow: hidden; width: 100%; padding-top: 15px; } #footerSiteMap .menu { font-size: 87.5%; vertical-align: text-top; } #footerSiteMap .menu a { text-decoration: none; } #footerSiteMap .menu a:hover { color: #f00; } #footerSiteMap .menu li { display: block; vertical-align: text-top; line-height: 116.7%; } #footerSiteMap .menu li a { padding: 8px 0px 8px; overflow: hidden; display: block; border-bottom: 1px solid #e5e5e5; } #footerSiteMap .menu li li { display: block; } #footerSiteMap .menu li li a { padding: 8px 1em; } /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ #siteBottom { clear: both; font-size: 88%; font-family: Arial, Helvetica, sans-serif; color: #666; } #siteBottomInner.innerBox { text-align: center; padding: 15px 0px 30px; } #siteBottom a { color: #666; text-decoration: none; } #siteBottom #copy { text-align: center; } #siteBottom #powerd, #siteBottom #powerd a { color: #ccc; } /*-------------------------------------------*/ /* ▼各テンプレートごとの設定 /*-------------------------------------------*/ /*-------------------------------------------*/ /* top /*-------------------------------------------*/ .home #main { padding-top: 0px; } #topMainBnr { position: relative; display: block; overflow: visible; padding: 0; } #topMainBnrFrame { position: relative; height: auto; display: block; margin: 0 auto; width: 96%; border: none; } #topMainBnrFrame #topManiBnrInnerFrame { overflow: hidden; } #topMainBnrFrame img { width: 960px; margin:0 auto; position: relative; } #topMainBnrFrame ul.slides li { overflow: hidden; } .home #content { padding-bottom: 40px; } #topFreeArea { margin-bottom: 15px; display: block; overflow: hidden; } #content .topPr { /*margin-bottom: 25px; */} #content .topPr .topPrOuter { display: block; overflow: hidden; padding: 10px 0; } #content .topPr h3 { margin: 0px 0px 8px; line-height: 135.7%; font-weight: lighter; } #content .topPr h3 a { text-decoration: none; color: #333; } #content .topPr p a { text-decoration: none; line-height: 17px; color: #666; } #content .topPr a:hover { text-decoration: none; } #content .topPr p.topPrDescription { margin-bottom: 0px; font-size: 14px !important; line-height: 135.7%; padding: 0px; } #content .topPr .prImage { float: left; width: 70px; margin-right: 10px; overflow: hidden; margin-bottom: 10px; } #content .topPr .prImage a { display: block; overflow: hidden; /*border: 1px solid #e5e5e5;*/ padding: 1px; } #content .topPr .prImage img.imageWide { display: none; } #content .topPr .prImage img.imageSmall { display: block; } #content .topPr .topPrTxtBox { display: block; overflow: hidden; } #content .infoList { position: relative; } #content #topInfo h2, #content #topBlog h2 { margin: 20px 0 0 0; } #content #topInfo { margin-bottom: 30px;} #content #topBlog.infoList ul li .infoDate { display: block; float: left; } #content #topBlog.infoList ul li .infoTxt { clear: none; } #content .infoList .rssBtn { text-align: right; position: relative; margin-top: -34px; margin-bottom: 15px; } #content .infoList .rssBtn a { /*background-color: #000; color: #fff*/; font-family: 'Lato', sans-serif; line-height: 24px; font-weight: bold; text-decoration: none; padding: 0px 10px; position: relative; color: #333} .rssBtn a { background-color: #EEE !important; color: #fff; padding:5px 20px !important; } /*-------------------------------------------*/ /* post /*-------------------------------------------*/ #content .entry-content { display: block; overflow: hidden; margin-bottom: 25px; } #content .entry-content.post-content h1.entryPostTitle { margin-bottom: 0px; } #sitemap_list a, #sitemap_list ul a{ color:#0279FF !important; } #content .entry-utility { clear: both; margin-top: 15px; } #content .entry-utility dl.tag-links { display: inline; } #content .entry-utility dl.tag-links dt, #content .entry-utility dl.tag-links dd { display: inline; font-size: 85.7%; line-height: 135.7%; } #content .entry-utility dl.tag-links dt { display: inline-block; border: 1px solid #e5e5e5; font-weight: lighter; margin-right: 10px; padding: 0px 10px; background-color: #e5e5e5; color: #999; } /* #comments /*-------------------------------------------*/ #comments { clear: both; } #comments ol.commentlist { margin: 0px 0px 15px 0px; } #comments ol.commentlist li { list-style: none; } #comments li.comment .commentBox { border: 4px solid #e5e5e5; padding: 15px; margin-bottom: 10px; } #comments li.comment .comment-author img { float: left; border: 2px solid #ccc; margin-right: 10px; } #comments li.comment .comment-author cite.fn { font-style: normal; line-height: 135.7%; } #comments li.comment .comment-meta.commentmetadata { font-size: 85.7%; line-height: 135.7%; } #comments li.comment .comment-body { margin-left: 50px; margin-top: 5px; } #comments li.comment .comment-body p { margin-bottom: 10px; } #comments #respond .required { color: #e50000; } #content #commentform p { margin-bottom: 5px; } #content #commentform input, #content #commentform textarea { display: block; width: 95%; padding: 4px; } #content #commentform p.form-allowed-tags { font-size: 10px; line-height: 135.7%; color: #666; width: 95%; margin-bottom: 10px; } #content #commentform p.form-submit input { width: auto; padding: 10px 20px; } /*-------------------------------------------*/ /* sitemap & 404 &search /*-------------------------------------------*/ #content.wide { display: block; overflow: hidden; } #content #sitemapPostList h5 { margin: 0px 0 10px; padding: 0px; font-weight: lighter; font-size: 14px; } #content ul.linkList { margin: 0px 0 15px; padding: 0px; font-size: 85.7%; } #content ul.linkList li { list-style: none; margin-bottom: 0px; } #content ul.linkList li a { background: url(../../../images/icon_arrow1_gray.gif) left 8px no-repeat; padding: 5px 15px; display: block; text-decoration: none; color: #666; } #content ul.linkList li a:hover { background-image: url(../../../images/icon_arrow1_red.gif); text-decoration: underline; color: #c00; } #content ul.linkList li li a { background: url(../../../images/icon_arrow2_gray.gif) left 10px no-repeat; } #content ul.linkList li li a:hover { background-image: url(/../../../images/icon_arrow2_red.gif); } #content ul.linkList li li li a { background: url(../../../images/icon_try2_gray.gif) left 10px no-repeat; } #content ul.linkList li li li a:hover { background-image: url(../../../images/icon_try2_red.gif); } #content ul.linkList ul { margin-bottom: 0px; margin-top: 0px; margin-left: 10px; } #content .error404 { text-align: center; padding-bottom: 30px; } #sitemapOuter { border: 4px solid #e5e5e5; padding: 20px; display: block; overflow: hidden; margin: 0px auto; } #content form#searchform label { display: none; } #content form#searchform input#s { width: 70%; } #likeBox { border: 1px solid #00ff00; width: 100% !important; } .fbConnectWidgetTopmost { border: 1px solid #00ff00; width: 100% !important; } /*-------------------------------------------*/ /* Responsive Structure /*-------------------------------------------*/ /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 660px) { /* スクロール分余裕に20px */ #header #site-title { float: left; } #main #container {} #main #container #content { margin: 0 auto; } #content p { line-height: 170%; } #content table.mobile-block th, #content table.mobile-block td { display: table-cell; } #content .mainFootContact p.mainFootTxt { float: left; margin-bottom: 0px; text-align: left; } #content .mainFootContact p.mainFootTxt .mainFootCatch { font-size: 120%; } #content .mainFootContact .mainFootBt { float: right; } #content .mainFootContact .mainFootBt a { width: 350px; min-height: 50px; } #content .mainFootContact .mainFootBt a img { width: auto; } .paging span.pageIndex { display: inline; } #content .topPr { display: block; overflow: hidden; } #content .topPr .topPrOuter { padding: 0px; border-bottom: none; margin-bottom: 20px; } #content .topPr #topPrLeft { width: 33.1%; text-align: left; float: left; display: block; overflow: visible; } #content .topPr #topPrCenter { width: 33.1%; text-align: center; float: left; display: block; overflow: visible; } #content .topPr #topPrRight { width: 33.1%; text-align: right; float: right; display: block; overflow: visible; } #content .topPr #topPrLeft .topPrInner { float: left; } #content .topPr #topPrCenter .topPrInner { margin: 0px auto; } #content .topPr #topPrRight .topPrInner { float: right; } #content .topPr .topPrInner { text-align: left; width: 95%; } #content .topPr h3 { margin-bottom: 10px; } #content .topPr h3 a { display: block; overflow: hidden; } #content .topPr p { padding: 0px; } #content .topPr p.topPrDescription { font-size: 85.7%; } #content .topPr .prImage { float: none; width: 100%; margin-right: 0px; } #content .topPr .prImage img { height: auto; width: 100%; } #content .topPr .prImage img.imageWide { display: block; } #content .topPr .prImage img.imageSmall { display: none; } #content .child_page_block { width: 48%; } #content .child_page_block.layout_odd { float: left; clear: both; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media (min-width: 770px) { body { line-height: 150%; } #headerTop { display: block; } #headerTop #site-description { line-height: 150%; font-size: 12px; display: block; } #footerSiteMap .menu { font-size: 12px; } #footerSiteMap .menu li { display: inline-block; margin-bottom: 6px; min-width: 100px; } #footerSiteMap .menu li a { padding: 0px 0px 4px; } #footerSiteMap .menu li ul { margin-top: 8px; } #footerSiteMap .menu li li { margin-right: 10px; } #footerSiteMap .menu li li a { background-position: 3px 3px; padding: 0px; font-size: 91.7%; } #footMenu .innerBox { padding: 10px 0; } #footMenu .menu { border: none; } #footMenu .menu li { float: left; border: none; } #footMenu .menu li a { padding: 0px 15px 0px 0px; } #footMenu .menu li.lastChild a { border-right: none; } #sitemapOuter { padding: 20px 50px; } #content #sitemapPageList { float: left; width: 49%; } #content #sitemapPostList { float: right; width: 49%; margin-top: 0px; } #content ul.linkList li a { padding: 3px 15px; } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media (min-width: 961px) { /* スクロール分余裕に20px */ body { line-height: 150%; } #headerTop { display: block; } #headerTop #site-description { line-height: 150%; font-size: 12px; display: block; } #header { padding-bottom: 15px; } #header .innerBox #site-title { margin-top: 15px; margin-bottom: 0; margin-left: 0; } #header .innerBox #site-title img { max-height: 45px; } #header #headContact #headContactTxt { font-size: 11px; } #header #headContact #headContactTel { font-size: 24px; margin-bottom: 4px; } #header #headContact #headContactTime { font-size: 12px; } #header #headContact { float: right; text-align: right; margin-bottom: 20px; } #header #headContact #headContactInner:before { display: none; } #header #headContact #headContactInner { cursor: inherit; padding: 0; display: block; overflow: hidden; margin: 0; } #header #headContact.itemClose #headContactInner #headContactTxt, #header #headContact.itemClose #headContactInner #headContactTel, #header #headContact.itemClose #headContactInner #headContactTime { display: block; } #header #headContact.itemOpen #headContactInner { clear: none; border: none; padding: 0; margin-bottom: 0; } #header #headContact.itemOpen #headContactInner #headContactTxt, #header #headContact.itemOpen #headContactInner #headContactTel, #header #headContact.itemOpen #headContactInner #headContactTime { display: block; } .innerBox, #gMenu #gMenuInner.innerBox { width: 960px; margin: 0 auto; } #gMenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu .innerBox { margin: 0; width: 100%; } #gMenu.itemClose .menu, #gMenu.itemOpen .menu { display: block; } #gMenu .menu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu { position: relative; } #gMenu .assistive-text { position: absolute; top: -9000px; } .headMainMenu { clear: both; } .headMainMenu li { float: left; border-bottom: none; overflow: visible; width: auto; } .headMainMenu li a { text-align: center; } .headMainMenu li a span { display: block; font-size: 10px; line-height: 140%; letter-spacing: 1px; font-family: verdana, Arial, Helvetica, sans-serif; opacity: 0.6; } .headMainMenu li ul { display: none; } .headMainMenu li:hover ul { display: block; position: absolute; z-index: 100; position: absolute; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .headMainMenu li:hover ul li { background: #fff; /*width:146px;*/ /*width: 200px;*/ position: relative; } .headMainMenu li:hover ul li a { text-align: left; line-height: 140%; } .headMainMenu li:hover ul li ul { position: absolute; left:155px; top: 10px; border-top: none; } .headMainMenu li:hover ul li ul, .headMainMenu li:hover ul li ul li { display: none; } .headMainMenu li:hover ul li:hover ul, .headMainMenu li:hover ul li:hover ul li { display: block; } .headMainMenu li:hover li a, .headMainMenu li.current_page_item li a, .headMainMenu li.current-menu-ancestor li a, .headMainMenu li.current-page-ancestor li a, .headMainMenu li.current_page_ancestor li a { background: none; text-align: left; border-right: none; } .headMainMenu li:hover li a:hover, .headMainMenu li.current_page_item li a:hover, .headMainMenu li.current-menu-ancestor li a:hover, .headMainMenu li.current-page-ancestor li a:hover, .headMainMenu li.current_page_ancestor li a:hover { /*background-color: #f5f5f5;*/ } #header .innerBox { width: 960px; } #main #container { /*padding-top: 30px; */} #main #container #content { /*float: left; width: 660px; */} #main #container #sideTower { /*float: right; width: 220px; clear: none; */} body.left-sidebar #main #container #content { float: right; } body.left-sidebar #main #container #sideTower { /*float: left;*/float:right; } body.home.one-column #main #container #content { float: none; width: 100%; } body.home.one-column #main #container #sideTower { float: none; display: none; } form#searchform input#searchsubmit { width: 20%; } #content .mainFootContact .mainFootBt a img { width: 100%; } #topMainBnr { width: 100%;} #topMainBnr img { width: 960px; margin:0 auto;} #topMainBnrFrame { /*width: 100% !important;*/width: 960px; min-height: 250px; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display: block; overflow: hidden; margin-top: 20px; border: 1px solid #e5e5e5; padding: 0px; width: 100%; box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } #content .childPageBox h4 { font-weight: lighter; margin: 15px 20px 10px; padding: 0px 0px 3px; font-size: 14px; } #content .childPageBox h4 a { text-decoration: none; color: #666; } #content .childPageBox ul { margin: 0px 20px 15px; padding: 0px; display: block; overflow: hidden; font-size: 85.7%; line-height: 125%; } #content .childPageBox ul li { float: left; display: block; width: 33%; list-style: none; margin: 0px; } #content .childPageBox ul li a { background: url(../../../../../../../images/icon_arrow1_gray.gif) left 5px no-repeat; padding: 3px 5px 3px 17px; text-decoration: none; display: block; overflow: hidden; color: #666; } #content .childPageBox ul li a:hover, #content .childPageBox ul li.current_page_item a { background-image: url(../../../images/icon_arrow1_red.gif); text-decoration: underline; /*color:#F2BB1D;*/ color: #0279FF; } #content .childPageBox ul li ul { margin: 0px; font-size: 91.7%; } #content .childPageBox ul li ul li { float: none; width: auto; } #content .childPageBox ul li ul li a { background: url(../../../../../../../images/icon_arrow2_gray.gif) left 6px no-repeat; padding: 3px 5px 3px 14px; text-decoration: none; margin-left: 3px; } #content .childPageBox ul li ul li a:hover, #content .childPageBox ul li ul li.current_page_item a { background-image: url(../../../images/icon_arrow2_red.gif); } #content .childPageBox ul li ul li ul { padding-left: 8px; font-size: 100%; line-height: 135.7%; } #content .childPageBox ul li.current_page_item ul li a { color: #666; text-decoration: none; background-image: url(../../../../../../../images/icon_arrow2_gray.gif); } #content .childPageBox ul li.current_page_item ul li a:hover { color: #c00; text-decoration: underline; background-image: url(../../../../../../../images/icon_arrow2_red.gif); } #footerSiteMap { width: 660px; float: right; padding-top: 0px; font-size: 12px; } #footer dl#footerOutline { float: left; width: 260px; } #footer dl#footerOutline dd { padding-right: 20px; } } /*-------------------------------------------*/ /* Print Style /*-------------------------------------------*/ @media print { body { background: none !important; } #gMenu { display: none !important; } .head_right { display: none !important; } #sideTower { display: none !important; } .footer_inner_left { display: none !important; } /* #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } #headerTop, #header, #panList, #gMenu, #pagetop, #sideTower, #footMenu, #footer, #siteBottom { display: none !important; } #pageTitBnr, #content table th { box-shadow: none !important; } #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container { margin: 0; width: 100%; } */} /*-------------------------------------------*/ /* font /*-------------------------------------------*/ @font-face { font-family: 'vektor_kado_icons'; src: url("fonts/vektor_kado_icons.eot"); src: url("fonts/vektor_kado_icons.eot?#iefix") format("embedded-opentype"), url("fonts/vektor_kado_icons.woff") format("woff"), url("fonts/vektor_kado_icons.ttf") format("truetype"), url("fonts/vektor_kado_icons.svg#vektor_kado_icons") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'vektor_kado_icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-vk_kado_waku_tel_01, .icon-vk_kado_waku_rss_01, .icon-vk_kado_waku_menu_01, .icon-vk_kado_waku_close_01, .icon-vk_kado_nuri_rss_01, .icon-vk_kado_nuri_arrow_01_right, .icon-vk_kado_nashi_tel_01, .icon-vk_kado_nashi_menu_01, .icon-vk_kado_nashi_close_01, .icon-vk_kado_full_tri_01_right_bottom, .icon-vk_kado_full_home_01, .icon-vk_full_rss_01, .icon-vk_kado_nashi_arrow_01_top, .icon-vk_kado_nashi_arrow_01_right, .icon-vk_kado_nashi_arrow_01_left, .icon-vk_kado_nashi_arrow_01_bottom, .icon-vk_kado_wakumaru_arrow_01_top, .icon-vk_kado_wakumaru_arrow_01_right, .icon-vk_kado_wakumaru_arrow_01_left, .icon-vk_kado_wakumaru_arrow_01_bottom, .icon-vk_kado_waku_arrow_01_top, .icon-vk_kado_waku_arrow_01_right, .icon-vk_kado_waku_arrow_01_left, .icon-vk_kado_waku_arrow_01_bottom, .icon-vk_kado_nurimaru_arrow_01_top, .icon-vk_kado_nurimaru_arrow_01_right, .icon-vk_kado_nurimaru_arrow_01_left, .icon-vk_kado_nurimaru_arrow_01_bottom, .icon-vk_kado_nuri_arrow_01_top, .icon-vk_kado_nuri_arrow_01_right-2, .icon-vk_kado_nuri_arrow_01_left, .icon-vk_kado_nuri_arrow_01_bottom, .icon-vk_kado_full_arrow_01_top, .icon-vk_kado_full_arrow_01_right, .icon-vk_kado_full_arrow_01_left, .icon-vk_kado_full_arrow_01_bottom { font-family: 'vektor_kado_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-vk_kado_waku_tel_01:before { content: "\21"; } .icon-vk_kado_waku_rss_01:before { content: "\22"; } .icon-vk_kado_waku_menu_01:before { content: "\23"; } .icon-vk_kado_waku_close_01:before { content: "\24"; } .icon-vk_kado_nuri_rss_01:before { content: "\26"; } .icon-vk_kado_nuri_arrow_01_right:before { content: "\27"; } .icon-vk_kado_nashi_tel_01:before { content: "\28"; } .icon-vk_kado_nashi_menu_01:before { content: "\29"; } .icon-vk_kado_nashi_close_01:before { content: "\2a"; } .icon-vk_kado_full_tri_01_right_bottom:before { content: "\2c"; } .icon-vk_kado_full_home_01:before { content: "\2d"; } .icon-vk_full_rss_01:before { content: "\2f"; } .icon-vk_kado_nashi_arrow_01_top:before { content: "\25"; } .icon-vk_kado_nashi_arrow_01_right:before { content: "\2b"; } .icon-vk_kado_nashi_arrow_01_left:before { content: "\2e"; } .icon-vk_kado_nashi_arrow_01_bottom:before { content: "\30"; } .icon-vk_kado_wakumaru_arrow_01_top:before { content: "\31"; } .icon-vk_kado_wakumaru_arrow_01_right:before { content: "\32"; } .icon-vk_kado_wakumaru_arrow_01_left:before { content: "\33"; } .icon-vk_kado_wakumaru_arrow_01_bottom:before { content: "\34"; } .icon-vk_kado_waku_arrow_01_top:before { content: "\35"; } .icon-vk_kado_waku_arrow_01_right:before { content: "\36"; } .icon-vk_kado_waku_arrow_01_left:before { content: "\37"; } .icon-vk_kado_waku_arrow_01_bottom:before { content: "\38"; } .icon-vk_kado_nurimaru_arrow_01_top:before { content: "\39"; } .icon-vk_kado_nurimaru_arrow_01_right:before { content: "\3a"; } .icon-vk_kado_nurimaru_arrow_01_left:before { content: "\3b"; } .icon-vk_kado_nurimaru_arrow_01_bottom:before { content: "\3c"; } .icon-vk_kado_nuri_arrow_01_top:before { content: "\3d"; } .icon-vk_kado_nuri_arrow_01_right-2:before { content: "\3e"; } .icon-vk_kado_nuri_arrow_01_left:before { content: "\3f"; } .icon-vk_kado_nuri_arrow_01_bottom:before { content: "\40"; } .icon-vk_kado_full_arrow_01_top:before { content: "\41"; } .icon-vk_kado_full_arrow_01_right:before { content: "\42"; } .icon-vk_kado_full_arrow_01_left:before { content: "\43"; } .icon-vk_kado_full_arrow_01_bottom:before { content: "\44"; } /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input, a.btn, .linkBtn a, input[type=button], input[type=submit] { color: #fff; } form#searchform { color: #666; padding: 0; background-color: #efefef; } form#searchform input { background-color: #efefef; border: none; box-shadow: inset 0 0 0 #efefef; } form#searchform input#s { width: 95%; } form#searchform input:focus, form#searchform input:active { border: none; } form#searchform input#searchsubmit { margin: 0; position: absolute; right: 0; } .moreLink { display: block; overflow: hidden; position: relative; } .moreLink a { display: block; overflow: hidden; float: right; padding: 2px 17px 1px 10px; text-align: left; font-size: 11px; line-height: 140%; background-color: #14790F/*#efefef*/; color:#FFF;} .moreLink a:hover { color: #0279FF;} .moreLink a:after { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; padding: 2px 2px 0 5px; position: absolute; right: 2px; } #headerTop { border-top: 2px solid #000; background-color: #f9f9f9; } #headerTop #site-description { color: #999; } #header { /*background-color: #fff; */ } #gMenu ul.menu a strong { font-weight: lighter; } .headSubMenu ul li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; margin-right: 5px; } @media (max-width: 969px) { #gMenu .assistive-text { border: 1px solid #ccc; box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9); /*color: #fff;*/ color: #333; } #gMenu .assistive-text span { font-size: 0; line-height: 0; } #gMenu .assistive-text span:before { font-size: 24px; line-height: 24px; } #gMenu .headMainMenu ul li { background-color: #f5f5f5; box-shadow: inset 0px 1px 0px 0px white; }/*トグルメニュー*/ #gMenu .headMainMenu ul li a:after { float: right; font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; } } #pageTitBnr { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; background-color: #fff; color: #fff; } #pageTitBnr #pageTitInner { background: url(../../../images/pageTit_bg.png) left 50% no-repeat; padding: 0 17px; } #pageTitBnr #pageTitInner #pageTit { font-weight: lighter; width: 100%; /*iPhone4sでの表示不良対策の為に100%は必要*/ } #panList { /*background-color: #fcfcfc; */ margin:0; } #panList ul { width: 100%; } #panList ul a, #panList ul a:active { color: #666; text-decoration: none; } #panList ul li#panHome a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2d"; padding-right: 3px; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, #content .sideWidget h4 { border-top: 1px solid #338C2E; border-right: 1px solid #338C2E; border-bottom: 1px solid #338C2E; border-left: 12px solid #338C2E; padding: 10px 15px; font-size: 160%; font-weight:bold; color:#338C2E !important; text-shadow: 1px 1px 0px #EEE; /*letter-spacing: 0.1em;*/ } #content h2 span{ font-size:14px; color:#666; font-family: 'vektor_kado_icons'; } #content h3 { font-size: 16px; color: #338C2E; background-color: #DCF6D9; border-bottom: 1px solid #338C2E; padding: 13px 0px 12px 20px; } .title{ font-size: 16px; color: #FFF; background-color: #1a5cb7; } /*トップの3カラムに使用*/ .top_h3{ outline:none !important; font-size: 15px !important; font-weight: bold !important; padding: 0 0 0 5px !important; background:none !important; } .top_h3 a{ color: #0279FF !important; text-decoration:none !important; } .top_h3 a:hover{ font-weight: bold !important; } #content h3:after { /*content: "."; line-height: 0; width: 30%; display: block; overflow: hidden; border-bottom: 1px solid #0279FF; position: absolute; bottom: -1px; */} #content blockquote, #content .sectionFrame { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; padding: 20px 20px 5px; margin-bottom: 20px; } #content blockquote h2, #content blockquote h3, #content blockquote h4, #content blockquote h5, #content .sectionFrame h2, #content .sectionFrame h3, #content .sectionFrame h4, #content .sectionFrame h5 { margin: 0 0 10px 0; } #content h4, #content h5, #content h6 { font-weight: lighter; } #content h4 { padding-top: 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0px 1px 0px white; /*margin-top:40px;*/ } /*#content table { border-top: 1px solid #e9e9e9; border-spacing: 1px; border-collapse: inherit; } #content table th, #content table td { border: none; margin-right: 2px; border-bottom: 1px solid #e9e9e9; } #content table th { font-weight: lighter; }*/ #content .infoList .infoCate a { background: none; } #content .childPageBox { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; } #content .childPageBox h4 { border-bottom: 1px solid #e9e9e9; } #content .mainFootContact { padding: 15px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } #content .child_page_block { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; } #content .child_page_block .child_page_blockInner { padding: 18px; margin: 0; } #content .child_page_block h4 { border-bottom: 1px solid #0279FF/*#e9e9e9*/; /*border-left: 3px solid #0279FF;*/ position: relative; /*padding-left:5px;*/ font-size: 114.3%; } /*h4の下線部分左30％のみ色変更が可能*/ #content .child_page_block h4:after { content: "."; line-height: 0; width: 30%; display: block; overflow: hidden; border-bottom: 1px solid #0279FF !important; position: absolute; bottom: -1px;} .sideTower .localHead { /*border-top: 2px solid #666; border-bottom: 1px solid #efefef;background-color: #f9f9f9; padding: 12px 12px 9px; font-weight: 600; font-size:15px; */} .sideTower .sideWidget li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\32"; margin-right: 5px; padding-top: 3px; } .sideTower .sideWidget li a { padding-left: 25px; color: #666; } .sideTower .sideWidget li a:first-letter { margin-left: -20px; font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; } .sideTower .sideWidget li ul li { font-size: 12px; } .sideTower .sideWidget li ul li a { padding-left: 25px; } .sideTower .sideWidget li ul li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; margin-right: 5px; padding-top: 3px; } .sideTower .sideWidget li ul li a:first-letter { margin-left: -20px; border: 1px solid rgba(255, 255, 255, 0); } .sideTower .ttBoxSection { padding: 0; } .sideTower .ttBoxSection .ttBox { padding: 13px 0px 11px; border-bottom: 1px dotted #ccc; font-size: 85.7%; line-height: 135.7%; } .sideTower .ttBoxSection .ttBox a { color: #666; } .sideTower .ttBoxSection .ttBox .ttBoxThumb { width: 64px; } .sideTower .ttBoxSection .ttBox .ttBoxThumb img { border: 1px solid #cccccc; } #footerSection #pagetop { display: none; } #pagetop a { color: #fff; margin-bottom: 0; border: none; position: relative; } #pagetop a { margin-top: 5px; padding: 5px 15px 5px; } #pagetop a:hover { margin-top: 0; padding-bottom: 10px; } #pagetop a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\41"; margin-right: 5px; top: 1px; position: relative; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { border-top: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } #footMenu .innerBox { width: 100%; } #footMenu .innerBox a { color: #888; } #footMenu .innerBox .menu li a { background: url(../../../../../../../images/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 8px 15px 8px 28px; } #footMenu .innerBox .menu li a:hover { background-image: url(../../../../../../../images/icon_arrow1_red.gif); } #footMenu .innerBox .menu li a:hover { text-decoration: none; } #footMenu .innerBox .menu li:last-child { border-bottom: none; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { padding: 0; background-color: #f5f5f5; } #footer .innerBox { padding-top: 25px; width: 100%; } #footer .innerBox a { color: #888; } #footer dl#footerOutline { margin-left: 10px; } /* #footerSiteMap /*-------------------------------------------*/ #footerSiteMap .menu { border-top: 1px solid #e5e5e5; } #footerSiteMap .menu li a { border-bottom: 1px solid #e5e5e5; background: url(../../../images/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 8px 15px 8px 28px; } #footerSiteMap .menu li a:hover { background-image: url(../../../images/icon_arrow1_red.gif); } #footerSiteMap .menu li ul li a { background: url(../../../images/icon_arrow2_gray.gif) 12px 50% no-repeat; padding: 8px 15px 8px 28px; } #footerSiteMap .menu li ul li a:hover { background-image: url(../../../images/icon_arrow2_red.gif); } #siteBottom { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } #siteBottom #siteBottomInner.innerBox { padding-top: 0; } #siteBottom #siteBottomInner.innerBox #copy { padding-top: 15px; } #siteBottom #siteBottomInner.innerBox #powerd { color: #333; } #siteBottom #siteBottomInner.innerBox #powerd a { color: #454545; } #topMainBnrFrame { padding: 0px; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,fafafa+47,edecea+100 */ /* background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 47%, #edecea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(47%,#fafafa), color-stop(100%,#edecea)); background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 47%,#edecea 100%); background: -o-linear-gradient(top, #fafafa 0%,#fafafa 47%,#edecea 100%); background: -ms-linear-gradient(top, #fafafa 0%,#fafafa 47%,#edecea 100%); background: linear-gradient(to bottom, #fafafa 0%,#fafafa 47%,#edecea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#edecea',GradientType=0 ); */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3574da+0,2989d8+17,5488e4+34,98b7ef+50,b9cff4+64,cfdef8+80,7db9e8+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3574da+0,5488e4+14,6c9ae8+32,98b7ef+48,b9cff4+64,cfdef8+80,ffffff+100 */ background: #3574da; /* Old browsers */ background: -moz-linear-gradient(top, #3574da 0%, #5488e4 14%, #6c9ae8 32%, #98b7ef 48%, #b9cff4 64%, #cfdef8 80%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3574da), color-stop(14%,#5488e4), color-stop(32%,#6c9ae8), color-stop(48%,#98b7ef), color-stop(64%,#b9cff4), color-stop(80%,#cfdef8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3574da 0%,#5488e4 14%,#6c9ae8 32%,#98b7ef 48%,#b9cff4 64%,#cfdef8 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3574da 0%,#5488e4 14%,#6c9ae8 32%,#98b7ef 48%,#b9cff4 64%,#cfdef8 80%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3574da 0%,#5488e4 14%,#6c9ae8 32%,#98b7ef 48%,#b9cff4 64%,#cfdef8 80%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #3574da 0%,#5488e4 14%,#6c9ae8 32%,#98b7ef 48%,#b9cff4 64%,#cfdef8 80%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3574da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9*/ } #topMainBnrFrame ul.slides { /*border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;*/ } /*#topPr { border-top: 1px dotted #e9e9e9; }*/ /*ここカラー変更した*/ #topPr .topPrOuter { border-bottom: 1px dotted #A7CA0E; } #topPr .topPrOuter h3 { border-bottom: none; } #content .infoList .rssBtn { margin-right: 10px; } /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 315px) { /* スクロール分余裕に20px */ body{ overflow-x:hidden; } #main_top{ background-color: #50BD48; } #main{ } #topMainBnr { background-color: #fafafa; border-top: 1px solid #e9e9e9;} #topMainBnrFrame { padding: 0px; width: 100%;} #topMainBnrFrame ul.slides { /*border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;*/ } #content #topPr .topPrOuter .topPrInner { width: 100%; height:100%; /*border: 1px solid #DDD;*/ background-color:#FFF;} #content #topPr #topPrLeft .topPrInner { width: 100%; height:100%; /*border: 1px solid #DDD;*/ } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { clear: both; font-size: 12px; color: #999; padding: 0px; display: block; overflow: hidden; width: 100%; margin:20px 0 10px 0;} #panList .innerBox { display: block; overflow: hidden; text-align: left; padding: 0px; line-height: 24px; } #panList ul { display: inline-block; } #panList ul li { display: inline-block; padding-right: 5px; } h1{ font-weight:normal !important; font-size:10px !important; background:#e7e7e7; width:100%; color:#147ee2; padding:10px 5px !important; margin:0 !important; } .logo{ width:96%; text-align:center; margin:10px; } .head_right{ width:100%; margin:10px 0; text-align:center; } .head_right ul{ } .head_right ul li{ margin-top:10px; } .head_right ul li a{ color:#3fa438 !important; } .head_gleen_box{ background-color:#378F31; width:100%; padding:15px 5px; margin:10px 0 0 0; } .head_gleen_box ul li{ color:#FFF; font-weight:bold; } .head_gleen_box ul li a{ color:#FFF !important; } /*Top 社会生活に欠かせない インフラ構築・整備に必須の基礎資材で 大きく貢献する資源循環企業を目指しています。部分*/ #content-main h2{ border:none !important; } .home_box img{ margin-right:20px !important; } .home_box p{ color:#FFF; font-size:120% !important; line-height:1.3em !important; } #content-main h3{ background:none !important; border:none !important; color:#FFF; font-size:160% !important; } /*お知らせ*/ .info_box{ background-color:#FFF; border:1px dotted #eee; border-radius:; -webkit-border-radius:; -moz-border-radius:; /* box-shadow */ box-shadow:rgba(151, 165, 184, 0.35) 0px 0px 8px 3px inset; -webkit-box-shadow:rgba(151, 165, 184, 0.35) 0px 0px 8px 3px inset; -moz-box-shadow:rgba(151, 165, 184, 0.35) 0px 0px 8px 3px inset; padding:5px 10px; margin:0 0 10px 0; } /*新着・お知らせ*/ /*中寄せ*/ #topInfo { width:100%; } #topInfo h2{ font-size:160%; line-height:1em; color:#13780E; margin-top:10px; } .top_half_box{ } .top_half_box_left{ display:none; } .top_half_box_right{ width:100%; height:300px; padding-right:10px; overflow-y:scroll; } /*新着・お知らせのタイトルアイコン*/ .entryTxtBox entryTitleh4{ background:url("../../../images/common/footer_bg.png") repeat-x !important; } /*ハーフBOX コーディネーター紹介*/ .half_box{ } .half_box_left{ width:100%; float:none; } .half_box_right{ width:100%; float:none; } /*TOPで使用*/ .triple_box{ width:100%; } .triple_box1{ width:100%; /*float:left;*/ margin-left:10px; } .topPrTit{ margin-left:-18px !important; } .topPrTit a{ color:#14790F !important; font-weight:bold !important; border-left: solid 4px #14790F; } /*スマホ用地図対応*/ .simplemap img { -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); opacity:1; } /*footer*/ #footer{ clear:both; margin-top:20px; } /*フッター*/ #footer { background-color: #fafafa; clear:both; font-size:11px; } #footer_inner{ width:100%; margin: 0 auto; } .footer_inner_left{ width:100%; margin:10px 15px; } .footer_inner_left{ width:100%; margin:10px 15px; } .footer_inner_right{ width:100%; font-size:12px; margin:30px 15px 10px; } .footer_inner_right p{ width:98%; margin-bottom:10px; } .footer_inner_right ul li{ border-bottom:1px dotted #666; padding:5px 15px 0px 0px; } #footer_copy{ clear:both; color:#FFF; background:url("../../../images/common/footer_bg.png") repeat repeat; width:100%; font-size:14px; padding:10px; text-align:center; } /* .news_wrap{ width:100%; } .match_wrap{ width:100%; } */ #content #topBlog { width: 100%; float:left; } #content .match { width: 100%; } #content .match dl{ margin:20px 20px 0 20px; } #content .match dt{ font-size:18px; float:left; } #content .match dd{ font-size:18px; float:left; color:#B10000; font-weight:bold; margin-left:10px; } .news_wrap{ height:180px; padding-bottom:3px; overflow-y: scroll; } .match_wrap{ height:180px; margin-top:-25px; padding-bottom:3px; overflow-y: scroll; } .info_foot { text-align:center; } .info_foot li{ list-style:none !important; margin:10px 0; } .info_foot li img{ display:block; } a.btn.btnS, .linkBtn.linkBtnS a { padding: 5px 10px; font-size: 85.7%; } a.btn.btnL, .linkBtn.linkBtnL a { padding: 10px 30px; font-size: 114.3%; text-align: center; } a.btn.btn { color: #228A1B !important; background-color: #e5e5e5 ; border-radius: 3px; text-decoration: none; border: 1px solid #e5e5e5; box-shadow: inset 0 1px 0 #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5)); background: -moz-linear-gradient(#fff, #e5e5e5); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)"; } } /*-------------------------------------------*/ /* スマートフォン横サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 568px) { /* スクロール分余裕に20px */ .logo{ /*width:420px;*/ width:43.7%; float:left; margin:20px 0; } /*Topのhome*/ .home_box p{ color:#FFF; font-size:140% !important; line-height:1.3em !important; } /*ハーフBOX コーディネーター紹介*/ .half_box{ } .half_box_left{ width:300px; float:left; } .half_box_right{ width:300px; float:left; } /*フッター*/ #footer { background-color: #fafafa; clear:both; font-size:11px; } #footer_inner{ width:100%; margin: 0 auto; } .footer_inner_left{ width:100%; margin:10px 15px; } .footer_inner_right{ width:100%; font-size:12px; /*margin:10px 15px;*/ } .footer_inner_right p{ width:98%; margin-bottom:10px; } .info_foot { margin-left:0px !important; } .info_foot li{ float:left; margin:5px 10px; } } /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 660px) { /* スクロール分余裕に20px */ #content #topPr { border-top: none; } #content #topPr .topPrOuter { border-bottom: none; } #content #topPr .topPrOuter .topPrInner { padding: 5% 6%; width: 84%; border: 1px solid #DDD;} #content #topPr #topPrLeft .topPrInner { padding-top:5%; border: 1px solid #DDD; width: 82%;} /*ここカラー変更した*/ #content #topPr h3 { /*border-bottom: 1px solid #0279FF; margin-bottom: 10px; padding-bottom: 2px; */} #content #topPr h3:after { border-bottom-width: 1px; bottom: -1px; } #topMainBnr { background-color: #fafafa; /*border-top: 1px solid #e9e9e9;*/ } #topMainBnrFrame { padding: 0px; width: 100%; } #topMainBnrFrame ul.slides { /*border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;*/ } /*Topの社会生活に欠かせない インフラ構築・整備に必須の基礎資材で 大きく貢献する資源循環企業を目指しています。*/ .home_box p{ color:#FFF; font-size:160% !important; line-height:1.3em !important; } /*ハーフBOX コーディネーター紹介*/ .half_box{ } .half_box_left{ width:250px; float:left; } .half_box_right{ width:350px; float:left; } /*フッター*/ #footer { background-color: #fafafa; clear:both; font-size:11px; } #footer_inner{ width:100%; margin: 0 auto; } .footer_inner_left{ width:100%; margin:10px 15px; } .footer_inner_right{ width:100%; font-size:12px; /*margin:10px 15px;*/ } .footer_inner_right p{ width:98%; margin-bottom:10px; } .footer_inner_right ul li{ border-bottom:1px dotted #666; padding:5px 15px 0px 0px; } #footer_copy{ } .info_foot{ width:660px !important; margin:0 auto !important; } .info_foot li{ margin: 5px 12px; min-height:75px; max-height:100px; } .news_wrap{ height:180px; padding-bottom:3px; overflow-y: scroll; } .match_wrap{ height:180px; padding-bottom:3px; overflow-y: scroll; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media (min-width: 770px) { #footMenu { background-color: #f5f5f5; } #footMenu .innerBox { padding: 0px 25px 0px; } #footMenu .innerBox .menu { padding: 10px 0; } #footMenu .innerBox .menu li a { background-position: left 50%; padding: 0 20px 0 18px; } #footer .innerBox { width: 94%; padding-bottom: 20px; } #footer .innerBox dl#footerOutline { margin-left: 0px; } #footerSiteMap .menu { border-top: none; } #footerSiteMap .menu > li { margin-right: 10px; } #footerSiteMap .menu li { width: 150px; } #footerSiteMap .menu li a { padding: 2px 0 2px 18px; background-position: left 50%; border-bottom: none; } #footerSiteMap .menu li ul li a { padding: 2px 0 2px 18px; background-position: 2px 5px; } .three_column #main #container { position: relative; } .three_column #main #container #thirdTower { margin-right: 0; } #topMainBnr { background-color: #fafafa; /*border-top: 1px solid #e9e9e9;*/} #topMainBnrFrame { padding: 0px; width: 100%; } #topMainBnrFrame ul.slides { /*border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;*/ } .head_right{ width:53.0%; float:right; text-align:right; margin:20px 10px 0 0; border:none !important; } .head_right ul li{ float:right; margin:0 0 0 5px; color:#333 !important; } .head_right ul li a{ text-decoration: none; margin: 0 0 0 5px; font-weight:bold; } .head_right ul li a:hover{ color: #99c896; text-decoration: none; margin: 0 0 0 5px; } .head_gleen_box{ background:none !important; } /*新着・お知らせ*/ /*中寄せ*/ #topInfo {width:770px; margin:0 auto; } .top_half_box{ } .top_half_box_left{ width:220px; float:left; margin:20px 0 0 0; display:block !important; } .top_half_box_right{ width:480px; height:300px; padding-right:10px; float:right; overflow-y:scroll; } /*ハーフBOX コーディネーター紹介*/ .half_box{ } .half_box_left{ width:250px; float:left; } .half_box_right{ width:350px; float:left; } /*フッター*/ #footer { background-color: #fafafa; clear:both; font-size:11px; } #footer_inner{ width:100%; color:#333; margin: 0 auto; } .footer_inner_left{ width:100%; margin:10px 15px; } .footer_inner_right{ width:100%; font-size:12px; /*margin:10px 5px;*/ } .footer_inner_right ul{ /*margin:5px 10px;*/ } .footer_inner_right ul li{ font-size:12px; padding:5px 15px 0px 0px; } #footer_copy{ } .info_foot{ width:768px !important; margin:0 auto !important; } .info_foot li{ margin: 5px 12px; min-height:75px; max-height:100px; } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media (min-width: 961px) { /* スクロール分余分に20px */ .container{ width:960px !important; /*margin:10px 0 20px 0;*/ margin:0 auto; padding:0 0 20px 0; } .innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #pageTitBnr .innerBox, { width: 960px; padding-left: 0; padding-right: 0; margin: 0 auto;} #topMainBnr { position:relative; /*top:-150px;*/ left:0; height:auto; z-index:0; } #gMenu { clear: none; } #gMenu #gMenuInner.innerBox { width: auto; } #gMenu:after { content: ""; display: inherit; } .headMainMenu { } .headMainMenu .menu > li:first-child a { border-left: 1px solid #e5e5e5;}/*Gナビのホームのみ効く*/ .headMainMenu .menu li > a { border-right: 1px solid #e5e5e5;/*background-color: #000;*/ height:30px; padding-top:25px;}/*Gナビ全体に効く*/ .headMainMenu .menu li.current_page_item, .headMainMenu .menu li.current_page_ancestor, .headMainMenu .menu li.current-page-ancestor, .headMainMenu .menu li:hover { box-shadow: inset 0px 0px 0px 2px white; border-bottom:4px solid #147ee2/*#00A1EA*/; /*color:#00A1EA !important;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2793d1+0,38a5dd+39,2fa5e2+60,45bdef+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,efefef+28,fcfcfc+72,fbfbfb+100 */ /* Old browsers */ background: -moz-linear-gradient(top, #e0e0e0 0%, #efefef 28%, #fcfcfc 72%, #fbfbfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(28%,#efefef), color-stop(72%,#fcfcfc), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0e0e0 0%,#efefef 28%,#fcfcfc 72%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0e0e0 0%,#efefef 28%,#fcfcfc 72%,#fbfbfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0e0e0 0%,#efefef 28%,#fcfcfc 72%,#fbfbfb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0e0e0 0%,#efefef 28%,#fcfcfc 72%,#fbfbfb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */ } .headMainMenu .menu li.current_page_item ul li, .headMainMenu .menu li.current_page_ancestor ul li, .headMainMenu .menu li.current-page-ancestor ul li, .headMainMenu .menu li:hover ul li { border-bottom: 1px dotted #e5e5e5; } .headMainMenu .menu li.current_page_item ul li a, .headMainMenu .menu li.current_page_ancestor ul li a, .headMainMenu .menu li.current-page-ancestor ul li a, .headMainMenu .menu li:hover ul li a { margin: 0; padding: 15px 15px; } form#searchform input#searchsubmit { width: auto; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { clear: both; font-size: 12px; color: #999; padding: 0px; display: block; overflow: hidden; width: 100%;} #panList .innerBox { display: block; overflow: hidden; text-align: left; padding: 0px; line-height: 24px; } #panList ul { display: inline-block; } #panList ul li { display: inline-block; padding-right: 5px; } .h1_bg{ background-color:#E7E7E7; width:100%; height:auto; } h1{ font-weight:normal !important; font-size:10px !important; color:#147ee2; width:960px !important; margin:0 auto !important; } #first{ background: url(../../../images/top/main_01.png) no-repeat; background-size: cover; background-position:top center; position:relative; top:0; width:100%; min-height:600px; margin:0; } .logo{ /*width:420px;*/ width:43.7%; float:left; text-align:left; margin:10px 0; } /*Topの3pr上・社会生活に欠かせない インフラ構築・整備に必須の基礎資材で 大きく貢献する資源循環企業を目指しています*/ .home_box{ } .home_box p{ color:#FFF; font-size:200% !important; line-height:1.3em !important; } /*新着・お知らせ*/ /*　外枠　*/ .info_box{ margin-top:-80px !important; } /*中寄せ*/ #topInfo {width:960px; margin:0 auto; } .top_half_box{ } .top_half_box_left{ width:250px; float:left; } .top_half_box_right{ width:650px; height:300px; padding-right:10px; float:right; overflow-y:scroll; } /*フッター*/ #footer { background:#50bc48; clear:both; font-size:11px; } #footer_inner{ width:960px; margin: 10px auto; border-top:2px solid #2B9C26; /*padding:10px 0;*/ } .footer_inner_left{ /*width:37%;*/ width:30%; float:left; font-size:12px; color:#fff; } .footer_inner_right{ width:65%; float:right; font-size:14px; margin:50px 0 0 0; } .footer_inner_right ul{ border:none !important; width:140px; margin-left: 20px; float:left; } .footer_inner_right .home{ /*フッターのホームのみ効く*/ border:none !important; width: 60px; padding-left: 20px; } .footer_inner_right ul li{ /*フッターのホーム意外に効く*/ font-size:12px; padding:0 15px; margin-bottom:5px; float:left; border:none !important; list-style-image: url(../../../images/common/list_icon.jpg)!important; } .footer_inner_right ul li a{ color:#fff; text-decoration: none; } /*topページ新着下のバナー郡*/ .info_foot{ width:960px !important; margin:10px auto !important; } .info_foot li{ margin: 5px 12px; min-height:75px; max-height:100px; } .half_box{ } .half_box_left{ width:300px; float:left; } .half_box_right{ width:300px; float:right; } /*関連リンク*/ .triple_box1{ width:200px; float:left; margin:0; } #sideTower{ width:230px; margin: 0 0 50px 50px; float:left; /*background: url(../../../images/common/side_bg.png) repeat repeat;*/ } .childPageBox ul{ font-size:12px !important; } } /*-------------------------------------------*/ /* color /* そのまま貼るのでsassで書かない */ /*-------------------------------------------*/ a {/* color: #ff0000; */} #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input, a.btn, .linkBtn a, input[type=button], input[type=submit], .sideTower li#sideContact.sideBnr a, #content .infoList .rssBtn a { /*background-color: #e90000; */} /*.moreLink a { border-left: 1px solid #e90000; }*/ .moreLink a:hover { /*background-color: #B10000; */} .moreLink a:after { color: #FFF; } .moreLink a:hover:after { color: #0279FF;} #headerTop { border-top-color: #e90000; } .headMainMenu li:hover { color: #00A1EA;}/*Gメニューのホバーの色*/ .headMainMenu li > a:hover, .headMainMenu li.current_page_item > a { color:#00A1EA;}/*Gメニューのアクティブの色*/ #pageTitBnr { background-color: #e90000; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, .sideTower h3.localHead, .sideWidget h4 { } #content h3:after, #content .child_page_block h4:after { /*border-bottom-color: #0279FF; */} .sideTower li#sideContact.sideBnr a:hover, #content .infoList .rssBtn a:hover, form#searchform input#searchsubmit:hover { /*background-color: #ff0000; */} #panList .innerBox ul a:hover { color: #0279FF; } #content .mainFootContact p.mainFootTxt span.mainFootTel { color: #0279FF; } #content .mainFootContact .mainFootBt a { background-color: #e90000; } #content .mainFootContact .mainFootBt a:hover { background-color: #ff0000; } #content .infoList .infoCate a { background-color: #fff5f5; color: #0279FF; } #content .infoList .infoCate a:hover { /*background-color: #0279FF !important; color:#FFF !important;*/} .paging span, .paging a { color: #0279FF; border-color: #e90000; } .paging span.current, .paging a:hover { background-color: #e90000; } /* アクティブのページ */ .sideTower .sideWidget li > /*a:hover,*/ .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li.current-cat > a { color: #0279FF; /*background-color: #EEEEEE;*/ font-weight:bold; } .current_page_item a:visited {/*color:#F2BB1D color:#0279FF !important; font-weight:bold;*/ } .sideTower .ttBoxSection .ttBox a:hover { color: #0279FF; } #footMenu { border-top-color: #e90000; } #footMenu .menu li a:hover { color: #0279FF; } @media (min-width: 970px) { .headMainMenu li:hover li a:hover { /*color: #FFF;*/ } .headMainMenu li.current-page-item a, .headMainMenu li.current_page_item a, .headMainMenu li.current-menu-ancestor a, .headMainMenu li.current-page-ancestor a { /*color: #FFF; */} .headMainMenu li.current-page-item a span, .headMainMenu li.current_page_item a span, .headMainMenu li.current-menu-ancestor a span, .headMainMenu li.current-page-ancestor a span { color: #0279FF; } } @charset "utf-8"; /*--------------------------------------------------------------------------- 投稿 ----------------------------------------------------------------------------*/ .infoDate{ color:#333 !important; } .infoCate a{ color:#333 !important; } .infoTxt{ } .entryList{ font-size:14px !important; line-height:20px; background-color:#D0E5F8; } .entryList li{ clear:both; } /*　ここからemodal　*/ .emodal-title{ margin:0 0 0 10px; } .emodal-content .info_box div{ font-size:14px; padding:2px 5px; } .emodal-content .info_box div a{ color:#333 !important; } .emodal-content .info_box div a:hover{ font-weight:normal !important; } /*emodalの年月日*/ .entry-date{ background-color:#000; color:#FFF; padding:5px 10px; /*margin-right:5px;*/ width:110px; float:left; } /*--------------------------------------------------------------------------- 基本/ここから下層ページ ----------------------------------------------------------------------------*/ body{ font:14px "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic"; padding: 0; } /*--------------------------------------------------------------------------- 下層ページのwidth指定 ----------------------------------------------------------------------------*/ /*下層ページの左側のBOX*/ @media (min-width: 961px) { .content-left{ width:660px !important; float:left; } } .content-left dl, .content-left dt, .content-left dd,{ margin:0 !important; } .content-left dt{ margin-top:10px; /*font-size:14px;*/ } /*--------------------------------------------------------------------------- /下層ページのwidth指定 ----------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form { margin: 0; padding: 0; } ul li{list-style:none !important; } a:hover{ color:#20621c !important; text-decoration:none; } a:visited{ text-decoration:underline; } img{ vertical-align:bottom; border:none; } a img:hover{ opacity: 0.7; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ -khtml-opacity: 0.7; /* Safari 1.x */ -moz-opacity: 0.7; /* FF lt 1.5, Netscape*/ } input{ background-color: #fff !important; } input[type="text"]:focus { background-color: #f9ffca; } textarea:focus { background-color: #f9ffca; } .textwidget{ margin-top:-20px !important; } /*--------------------------------------------------------------------------- ヘッダー 基本構造 ----------------------------------------------------------------------------*/ #header{ padding:0 0 4px 0; border-bottom:4px solid #378F31; border-radius:; -webkit-border-radius:; -moz-border-radius:; /* box-shadow */ box-shadow:rgba(113, 135, 164, 0.26) 0px 0px 6px 3px; -webkit-box-shadow:rgba(113, 135, 164, 0.26) 0px 0px 6px 3px; -moz-box-shadow:rgba(113, 135, 164, 0.26) 0px 0px 6px 3px; } .top{ /*background: url(../../../images/top/main_01.jpg) no-repeat; background-size: cover; background-position:top left;*/ position:relative; top:0; /*width:100%;*/ height:600px; margin:0; } @media (min-width: 961px) { #gMenu{ clear:both; width:960px; margin:0 auto; text-align:left; } #gMenu li{ width:160px; text-align:center; font-size:16px; } .sub-menu li a{ font-size:13px !important; } } /*--------------------------------------------------------------------------- フッター ----------------------------------------------------------------------------*/ /************* /* page-top *********/ #page-top { position: fixed; bottom: 40px; right: 10px; clear:both; z-index:9999; } #page-top a { background:url(../../../images/common/page-top.png) no-repeat; width:62px; height:64px; text-indent:-9999px; display: block; border-bottom:none; } #page-top a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: .80; -moz-opacity: .80; } /*--------------------------------------------------------------------------- メインコンテンツ ----------------------------------------------------------------------------*/ .side_h2{ margin:0 0 0 5px !important; background: url(../../../images/top_images/side_h2_bg.png) no-repeat !important; color: #FFF !important; width:100%; height: 30px !important; padding: 2px 0 0 30px !important; font-size: 16px !important; font-weight:bold !important; border:none !important; } /*-----------　table要素　----------*/ table{ line-height: 1.4; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 10px 0 50px 0; border: 1px dotted #999; color: #666; } table th{ padding:15px; font-weight: bold; /*background: url(../../../images/common/side_bg.png) repeat repeat;*/ background-color:#DCF6D9; border-top: 1px dotted #999; border-right:1px dotted #999; border-bottom: 1px dotted #999; color:#338C2E; /*width:20%;*/ text-align:center; } table td{ padding:15px; border-bottom:1px dotted #999; border-right:1px dotted #333; } /*-----------　company table　----------*/ #company table{ line-height: 1.4; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 10px 0 50px 0; border: 1px dotted #999; color: #666; } #company table th{ padding:15px; font-weight: bold; /*background: url(../../../images/common/side_bg.png) repeat repeat;*/ background-color:#DCF6D9; border-top: 1px dotted #999; border-right:1px dotted #999; border-bottom: 1px dotted #999; color:#338C2E; /*width:20%;*/ text-align:center; } #company table td{ padding:15px; border-bottom:1px dotted #999; border-right:1px dotted #333; } #company table .indent{ text-indent: 10px } #company table .tel{ width: 150px } /*-----------　お問い合わせtable　----------*/ #trust-form table{ line-height: 1.4; border:1px dotted #ddd !important; border-collapse: collapse; border-spacing: 0; width: 100%; } #trust-form table tr{ background-color:#FFF !important; } #trust-form table th{ font-size:14px; color:#333; padding:15px; font-weight: bold; background: url(../../../images/common/trust_bg.png) repeat; /*border-top: 1px dotted #ddd !important;*/ border-right:1px dotted #ddd !important; border-bottom: 1px dotted #ccc !important; } #trust-form table td{ font-size:14px; padding:15px; border-bottom:1px dotted #ccc !important; /*border-right:1px dotted #333;*/ } .white_box{ background-color:#FFF !important; width:100%; } .gleen_box{ background-color:#378F31; padding:2px 5px; } .border_box{ border:1px dotted #eee; background-color:#FFFFE6; padding:15px 5px; margin:0 0 20px 0; } .border_box dl{ padding: 0 0 0 20px !important; } .border_box dt ,dd{ font-size:15px; } .border_box ul{ } .border_box ul li{ font-size:15px; line-height:1.2em; /*height:45px;*/ background: url(../../../images/common/list.png) no-repeat; background-position:top left !important; list-style:none !important; padding: 0 0 0 20px !important; /*color:#F2BB1D;*/ color:#333; /*color:#0279FF;*/ } .g_box{ background-color:#e2dede; padding:20px 10px; } .g_box2{ background-color: #E2DEDE; padding: 1px 30px; text-align: center; } .contact{ margin:30px 0 60px; height:150px; } .pp{ height:150px; overflow-y:scroll; } .f-nomal{ font-size:100% !important; } .small{ font-size:80% !important; } .big{ font-size:115% !important; } .bigger{ font-size:140% !important; } .biggest{ font-size:160% !important; } .fl{ float:left; } .fr{ float:right; } .pt10{ padding-top:10px; } .pt20{ padding-top:20px; } .pt30{ padding-top:30px; } .pt40{ padding-top:40px; } .pt50{ padding-top:50px; } .mt-10{ margin-top:-10px !important; } .mt-20{ margin-top:-20px !important; } .mt-30{ margin-top:-30px !important; } .mt-110{ margin-top:-110px !important; } .mt10{ margin-top:10px !important; } .mt20{ margin-top:20px !important; } .mt30{ margin-top:30px !important; } .mt40{ margin-top:40px !important; } .mt45{ margin-top:45px !important; } .mt50{ margin-top:50px !important; } .mt55{ margin-top:55px !important; } .mt60{ margin-top:60px !important; } .mt70{ margin-top:70px !important; } .mt75{ margin-top:75px !important; } .mt80{ margin-top:80px !important; } .mt90{ margin-top:90px !important; } .mt95{ margin-top:95px !important; } .mt100{ margin-top:100px !important; } .ml5{ margin-left:5px !important; } .ml10{ margin-left:10px !important; } .ml20{ margin-left:20px !important; } .ml30{ margin-left:30px !important; } .ml40{ margin-left:40px !important; } .ml50{ margin-left:50px !important; } .mr10{ margin-right:10px; } .mr20{ margin-right:20px; } .mr30{ margin-right:30px; } .mr40{ margin-right:40px; } .mr50{ margin-right:50px; } .mb10{ margin-bottom:10px; } .mb20{ margin-bottom:20px; } .mb30{ margin-bottom:30px; } .mb40{ margin-bottom:40px; } .mb50{ margin-bottom:50px; } .wid100{ width:95%; } .normal{ color:#333; } .red{color:#B10000; } .blue{color:#0279FF; } .ora{ color:#FF9900; } .gleen{ color:#378F31; } .bold{ font-weight:bold; } .tc{ text-align:center !important; } .clear{clear:both;} .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1% } .clearfix {display:block;} address{ display:none !important; } .inq{ width:95%; margin:0 auto; outline: 1px dashed #98abb9; outline-offset: -5px; padding: 16px 0 0 0 !important; } .inq p{ font-weight: bold; font-size: 20px !important; text-align:center; } .l_blue{ color:#00a0e9; } .last{ background-image:none !important; }