@charset "utf-8"; /* Theme Name: smart079-for lanchester Theme URI: http://zenon.co.jp/ Description: For lanchester Web Site Theme Version: 1.0 Author: zenon Author URI: The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {font-weight: normal;text-align: left;} blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a img {border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body{ /*-- font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif; --*/ font:80%/1.5 "メイリオ", "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif; color:#252525; -webkit-text-size-adjust: none; background:#f2f2f2 url(images/bg.png); } /*-- Green html{background:#799733;} --*/ /*-- Red --*/ html{background:#b52d4f;} /* リンク設定 ------------------------------------------------------------*/ a{ margin:0; padding:0; text-decoration:none; outline:0; vertical-align:baseline; background:transparent; font-size:100%; /*-- Green color:#799733; --*/ /*-- Red --*/ color:#b52d4f; } a:hover, a:active{ -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s; outline: none; /*-- Green color:#a5ba4f; --*/ /*-- Red --*/ color:#be4765; } /**** Clearfix ****/ nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;} nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;} /* フォーム ------------------------------------------------------------*/ input[type="text"], textarea{ vertical-align:middle; max-width:90%; line-height:30px; height:30px; padding:1px 5px; border:1px solid #d4d4d7; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:100%; color:#555; background:#fcfcfc; } textarea{ height:auto; line-height:1.5; } input[type="submit"],input[type="reset"],input[type="button"]{ /*-- Green padding:3px 10px; background: #a5ba4f; background: -moz-linear-gradient(top, #a5ba4f 0%, #799733 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5ba4f), color-stop(100%,#799733)); background: -webkit-linear-gradient(top, #a5ba4f 0%,#799733 100%); background: -o-linear-gradient(top, #a5ba4f 0%,#799733 100%); background: -ms-linear-gradient(top, #a5ba4f 0%,#799733 100%); background: linear-gradient(to bottom, #a5ba4f 0%,#799733 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5ba4f', endColorstr='#799733',GradientType=0 ); --*/ /*-- Red --*/ padding:3px 10px; background: #be4765; background: -moz-linear-gradient(top, #be4765 0%, #b52d4f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be4765), color-stop(100%,#b52d4f)); background: -webkit-linear-gradient(top, #be4765 0%,#b52d4f 100%); background: -o-linear-gradient(top, #be4765 0%,#b52d4f 100%); background: -ms-linear-gradient(top, #be4765 0%,#b52d4f 100%); background: linear-gradient(to bottom, #be4765 0%,#b52d4f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be4765', endColorstr='#b52d4f',GradientType=0 ); border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:1.5; font-size:100%; color:#fff; } input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{ /*-- Green background: #a5ba4f; background: -moz-linear-gradient(top, #799733 0%, #a5ba4f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#799733), color-stop(100%,#a5ba4f)); background: -webkit-linear-gradient(top, #799733 0%,#a5ba4f 100%); background: -o-linear-gradient(top, #799733 0%,#a5ba4f 100%); background: -ms-linear-gradient(top, #799733 0%,#a5ba4f 100%); background: linear-gradient(to bottom, #799733 0%,#a5ba4f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799733', endColorstr='#a5ba4f',GradientType=0 ); --*/ /*-- Red --*/ background: #be4765; background: -moz-linear-gradient(top, #b52d4f 0%, #be4765 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b52d4f), color-stop(100%,#be4765)); background: -webkit-linear-gradient(top, #b52d4f 0%,#be4765 100%); background: -o-linear-gradient(top, #b52d4f 0%,#be4765 100%); background: -ms-linear-gradient(top, #b52d4f 0%,#be4765 100%); background: linear-gradient(to bottom, #b52d4f 0%,#be4765 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52d4f', endColorstr='#be4765',GradientType=0 ); cursor:pointer; } *:first-child+html input[type="submit"]{padding:3px;} /* レイアウト ------------------------------------------------------------*/ #wrapper, .inner{ margin:0 auto; width:960px; } #header{ overflow:hidden; } #content{ width:100%; padding:30px 0; } #sidebar{ float:right; width:225px; padding:30px 0; } #footer{ clear:both; padding-top:20px; border-top:1px solid #e2e2e2; /*-- Green background:#a5ba4f url(images/footerBg.png); --*/ /*-- Red --*/ background:#be4765 url(images/footerBgRed.png); } #bread_crumb { padding: 1px 5px 0; } #bread_crumb ul { margin: 0; } #bread_crumb ul li { font-size: 12px; float: left; } #bread_crumb ul li.sub { padding-left: 10px; } #bread_crumb ul li.sub:before { content: ">"; letter-spacing: 10px; color: #666; } /* ヘッダー *****************************************************/ /*-- Green #header .bg{background:#799733;} --*/ /*-- Red --*/ #header .bg{background:#b52d4f;} /* サイト説明文 + 住所 ----------------------------------*/ #header h1,#header p{ float:left; padding:3px 0; color: #fff; font-size:90%; font-weight:normal; } #header p{ float:right; } /* ロゴ (サイトタイトル) ----------------------------------*/ #header h2{ clear:both; float:left; padding:30px 0; color: #515151; //font-size:160%; font-size:180%; font-weight:bold; } /* サブナビゲーション ----------------------------------*/ #header ul{ padding-top:40px; float:right; } #header ul li{ display:inline; margin-left:10px; } #header ul li a{ padding-left:15px; /*-- Green background:url(images/arrowSub.png) no-repeat 0 50%; --*/ /*-- Red --*/ background:url(images/arrowSubRed.png) no-repeat 0 50%; } #header ul li a:hover{background-position:3px 50%;} /* トップページ メイン画像 ----------------------------------*/ #mainImg{ clear:both; margin-top:20px; line-height:0; text-align:center; z-index:0; background:url(images/shadow.png) no-repeat 50% 0; } #mainImg a:hover img{opacity:.9;} .postWrap{ margin:0 0 20px 0; padding:3px; border:1px solid #e2e2e2; background:url(images/tp.png);// } .post{ padding:10px; border:1px solid #f1f1f1; background: #eee; } article.archive span{padding-left:10px;} /* タイポグラフィ *****************************************************/ h2.title{ clear:both; margin:30px 0 5px; padding:5px 0; font-size:130%; background:url(images/border.png) repeat-x 0 100%; } h2.first{margin-top:0;} #bx-pager { text-align: center; margin-top: -30px; } #bx-pager a img { padding: 3px; border: solid #ccc 1px; margin-bottom:10px; } #bx-pager a { margin: 0 3px; } #bx-pager a.active img { border: solid #5280DD 1px; } .dateLabel{ margin:0 0 10px; text-align:right; font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif; } .post p{padding-bottom:15px;} .post ul{margin: 0 0 10px 10px;} .post ul li{ margin:5px 0 0 15px; list-style:disc; } .post ol{margin: 0 0 10px 30px;} .post ol li{list-style:decimal;} .post h1, .post h2, .post h3, .post h4{clear:both;} .post h1{ margin:20px 0; padding:5px 10px; font-size:150%; color: #fff; border-radius:4px; /*-- Green background:#799733; --*/ /*-- Red --*/ background:#b52d4f; box-shadow:0 0 3px rgba(0,0,0,0.2); } .post h2{ margin:10px 0; padding:3px 5px; font-size:130%; font-weight:normal; /*-- Green color: #557309; border-left:5px solid #557309; --*/ /*-- Red --*/ color: #9e2745; border-left:5px solid #9e2745; } .post h3{ margin:10px 0; font-size:120%; font-weight:normal; /*-- Green color:#799733; border-bottom:1px solid #799733; --*/ /*-- Red --*/ color:#b52d4f; border-bottom:1px solid #b52d4f; } .post blockquote { clear:both; padding:10px 0 10px 15px; margin:10px 0 25px 30px; border-left:5px solid #ccc; } .post blockquote p{padding:5px 0;} .post table{ /*-- Green border: 1px #799733 solid; --*/ /*-- Red --*/ border: 1px #b52d4f solid; border-collapse: collapse; border-spacing: 0; margin:10px 0 20px; } .post table th{ padding:7px 10px 7px 5px; /*-- Green border: #799733 solid; --*/ /*-- Red --*/ border: #b52d4f solid; border-width: 0 0 1px 1px; font-weight:bold; color:#fff; /*-- Green background:#a5ba4f; --*/ /*-- Red --*/ background:#be4765; width:100px; } .post table td{ padding:7px 5px; /*-- Green border: 1px #799733 solid; --*/ /*-- Red --*/ border: 1px #b52d4f solid; border-width: 0 0 1px 1px; background:#fff; } .post dt{font-weight:bold;} .post dd{padding-bottom:10px;} .post img{max-width:100%;height:auto;} img.aligncenter { display: block; margin:5px auto; } img.alignright, img.alignleft{ padding:4px; margin:0 0 2px 7px; display:inline; } .entry-meta { color: #888; font-size: 12px; text-align: right; margin-right: 10px; padding: 5px; } .new_flg{ color:red; } .wp-pagenavi { clear: both; text-align: center !important; } img.alignleft{margin: 0 7px 2px 0;} .alignright{float:right;} .alignleft{float: left;} /* フッター ウィジェット *****************************************************/ .widgetWrap{ margin: 0 0 20px; padding: 3px; height:250px; } section.widget, .widgetInfo,#calendar_wrap{ padding: 10px 7px; /*border:1px solid #eee;*/ border:0px; } #banners img{ max-width:300px; height:auto; margin-bottom:10px; box-shadow:0 0 3px rgba(0,0,0,0.5); } #banners a:hover img{box-shadow:0 0 4px rgba(255,255,255,0.7);} section.widget h3{ clear:both; margin:0 0 10px; padding:5px 0; font-size:100%; font-weight:normal; color: #FFF; border-bottom:1px solid #ccc; } section.widget a{ display:block; padding:3px 0 3px 13px; background:url(images/arrow.png) no-repeat 0 50%; color:#fff; } section.widget ul.sub-menu{margin-left:10px;} section.widget a:hover{background-position: 3px 50%;} #searchform input[type="text"]{ line-height:1.7; height:24px; width:100px; vertical-align:bottom; } /* カレンダー */ #calendar_wrap table{margin:0 auto;width:90%;} #calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;} #calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;} #calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;} #calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;} #calendar_wrap table td#prev{text-align:left;} #calendar_wrap table td#next{text-align:right;} #calendar_wrap a{font-weight:bold;background:none;padding:0;text-decoration:underline;} #calendar_wrap table td#prev a, #calendar_wrap table td#next a{text-decoration:none;} /* お知らせ  -------------*/ .newsTitle{ clear:both; margin:0 0 20px; padding:5px 0; font-size:100%; color: #333; border-bottom:1px solid #ccc; } .newsTitle h3{ float:left; font-weight:normal; } .newsTitle p{ float:right; padding:0 0 0 10px; font-size:.8em; background:url(images/arrow.png) no-repeat 0 50%; } .news p{ clear:both; padding-bottom:2px; border-bottom: 1px solid #ccc; } .news p:last-child{border:0;} .news p a{ display:block; padding:5px 0; color:#333; font-style:italic; font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .news a span{ /*-- Green color:#799733; --*/ /*-- Red --*/ color:#b52d4f; font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif; } .news span{padding-left:10px;} /*-- Green .news a:hover span{color:#a5ba4f;} --*/ /*-- Red --*/ .news a:hover span{color:#be4765;} /* フッター *****************************************************/ #footerWrapper{ width:990px; margin-right:-30px; } #footer aside{ float:left; width:300px; margin-right:30px; } #copyright{ clear:both; padding:5px; text-align:center; font-size:90%; zoom:1; color:#fff; /*-- Green background:#799733; --*/ /*-- Red --*/ background:#b52d4f; } /* page navigation ------------------------------------------------------------*/ .pagenav{ clear:both; width: 100%; height: 30px; margin: 5px 0 20px; } .prev{float:left} .next{float:right;} #pageLinks{ clear:both; text-align:center; } /* トップページ 最新記事3件 ------------------------------------------------------------*/ .thumbWrap{ width:990px; margin:20px -35px 20px 0; } .thumbWrap li{ float:left; width:300px; margin:0 30px 0 0; padding:2px 0 40px; background:none; } li img{ float: left; margin-right: 0.5em; } .title-rec{ font-size:16px; color:#8FAD49; font-weight:bold; } dl { font-size: 100%; line-height: 1.8; } dt { margin: 10px; padding: 5px; font-weight: normal; font-size: 10pt; border-bottom: 1px dashed #1FAC4C; vertical-align: text-bottom; } dd{ margin: 10px; } .entry-meta{ text-align:right; } /* 最新記事リンク */ ul.thumb h3{ margin-top:10px; padding:3px; font-weight:normal; font-size:100%; text-align:center; border:1px solid #e2e2e2; border-radius:4px; background:url(images/tp.png); } ul.thumb h3 span{ display:block; padding:5px 3px; border-radius:3px; /*-- Green background:#a5ba4f url(images/mainnavBg.png) repeat-x; --*/ /*-- Red --*/ background:#be4765 url(images/mainnavBgRed.png) repeat-x; } ul.thumb h3 a{color:#fff;} /*-- Green ul.thumb h3:hover span{background:#799733;} --*/ /*-- Red --*/ ul.thumb h3:hover span{background:#b52d4f;} /* メインメニュー PC用 ------------------------------------------------------------*/ @media only screen and (min-width: 1025px){ nav#mainNav{ clear:both; position:relative; z-index:200; /*-- Green background:#a5ba4f url(images/mainnavBg.png) repeat-x; --*/ /*-- Red --*/ background:#be4765 url(images/mainnavBgRed.png) repeat-x; } nav#mainNav ul li{ float: left; position: relative; /*-- Green border-right:1px solid #799733; --*/ /*-- Red --*/ border-right:1px solid #b52d4f; } /*-- Green nav#mainNav ul li:first-child{border-left:1px solid #799733;} --*/ /*-- Red --*/ nav#mainNav ul li:first-child{border-left:1px solid #b52d4f;} nav#mainNav ul li a{ display: block; text-align: center; _float:left; color:#fff; height:40px; line-height:40px; padding:15px 40px 5px; } nav#mainNav ul li a span,nav#mainNav ul li a strong{ display:block; font-size:90%; line-height:1.4; } nav#mainNav ul li a span{ font-size:70%; } nav div.panel{ display:block !important; float:left; } a#menu{display:none;} nav#mainNav ul li.current-menu-item, nav#mainNav ul li:hover, nav#mainNav ul li.current-menu-parent{ /*-- Green background:#a5ba4f url(images/mainnavBg.png) repeat-x 0 100%; --*/ /*-- Red --*/ background:#be4765 url(images/mainnavBgRed.png) repeat-x 0 100%; } nav#mainNav ul ul{width:160px;} nav#mainNav ul li ul{display: none;} nav#mainNav ul li:hover ul{ display: block; position: absolute; top:60px; left:0; z-index:500; } nav#mainNav ul li li{ padding:0 0 0 10px; margin:0; float: none; height:40px; line-height:40px; width:160px; border:0; /*-- Green background:#a5ba4f url(images/mainnavBg.png) repeat-x; border-bottom:1px solid #799733; --*/ /*-- Red --*/ background:#be4765 url(images/mainnavBgRed.png) repeat-x; border-bottom:1px solid #b52d4f; } nav#mainNav ul li li:first-child{border-left:0;} nav#mainNav ul li li a{ width:100%; height:40px; padding:0 0 0 ; line-height:40px; font-size:95%; text-align:left; } nav#mainNav ul li li.current-menu-item a{font-weight:bold;} /*-- Green nav#mainNav ul li li:hover{background:#a5ba4f url(images/mainnavBg.png) repeat-x 0 100%;} --*/ /*-- Red --*/ nav#mainNav ul li li:hover{background:#be4765 url(images/mainnavBgRed.png) repeat-x 0 100%;} nav#mainNav ul li:hover ul li:last-child{ border:0; } } /* メインメニュー iPadサイズ以下から ------------------------------------------------------------*/ @media only screen and (max-width:1024px){ nav#mainNav{ clear:both; width:100%; margin:0 auto; padding:0; /*-- Green background:#a5ba4f url(images/mainnavBg.png) repeat-x; --*/ /*-- Red --*/ background:#be4765 url(images/mainnavBgRed.png) repeat-x; } nav#mainNav a.menu{ width:100%; display:block; height:40px; line-height:40px; font-weight: bold; text-align:left; color:#fff; background: url(images/menuOpen.png) no-repeat 10px 8px; } nav#mainNav a#menu span{padding-left:35px;} nav#mainNav a.menuOpen{ color:#fff; background:url(images/menuOpen.png) no-repeat 10px -34px; } nav#mainNav a#menu:hover{cursor:pointer;} nav .panel{ display: none; width:100%; position: relative; right: 0; top:0; z-index: 1; } nav#mainNav ul{margin:0 0 20px;padding:0;} nav#mainNav ul li{ float: none; clear:both; width:100%; height:auto; line-height:1.2; background:url(images/bg.png); } nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{ display: block; padding:15px 10px; text-align:left; border-bottom:1px solid #ccc; } nav#mainNav ul li a span{display:none;} nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{ background:#fff; } nav#mainNav ul li li{ float:left; border:0; } nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{ padding-left:40px; background:url(images/sub1.png) no-repeat 30px 50%; } nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{ background:#fff url(images/sub1.png) no-repeat 30px 50%;} nav#mainNav ul li li:last-child a{background:url(images/subLast.png) no-repeat 30px 50%;} nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff url(images/subLast.png) no-repeat 30px 50%;} nav div.panel{float:none;} #mainImg{margin-bottom:20px;} } /* 959px以下から 1カラム表示 ------------------------------------------------------------*/ @media only screen and (max-width: 959px){ #wrapper, #header, .inner{width:100%;} #header h1, #header p{padding:5px 10px;} #header h2{padding:20px 10px 0;} #header ul{padding:20px 10px 10px;} nav#mainNav ul, .thumbWrap{margin:0 auto;} nav#mainNav ul ul{padding:0;} nav div.panel{float:none;} #mainImg{background-size:100% auto;} #mainImg img{width:98%;height:auto;} #content, #sidebar{ clear:both; width:95%; float:none; margin:0 auto; padding:10px 0; } #banners{width:100%;margin:0 auto;text-align:center;} #banners p{display:inline;margin:0 1% 0 0;} #banners p img{width:32%;height:auto;} .thumbWrap{width:100%;margin:0 auto;text-align:center;} .thumbWrap ul.thumb li{width:30%; float:left;margin:0 1% 0 2%;} .thumbWrap img{width:100%;height:auto;} #footerWrapper{width:95%;margin:0 auto;} #footer aside{float:none;width:100%;} #calendar_wrap table{margin:0 auto;width:300px;} } /* 幅644px以下から ヘッダー等微調節 ------------------------------------------------------------*/ @media only screen and (max-width: 644px){ #header{text-align:center;} #header h2,#header ul{float:none;} #headerInfo{width:250px;margin:0 auto;} #footer ul{text-align:left;padding:15px;} #footer ul ul{padding:0;} } /* 幅330px以下から ヘッダー等微調節 ------------------------------------------------------------*/ @media only screen and (max-width: 330px){ #calendar_wrap table{width:100%;} }