@media screen { * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: url(/wp-content/themes/ragard/images/bodybackground.gif) repeat-x; font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; } a img { border: none; cursor: pointer; } a { outline: none; color:#0040b6; } a:hover { color: #0198ca; } img.left { float: left; padding: 0 20px 0 0; } img.right { float: right; padding: 0 0 0 20px; } #header { width: 880px; height: 180px; margin: 0 auto 40px auto; background: url(/wp-content/themes/ragard/images/headerbackground.gif); } h1 { margin: 30px 0 0 0; padding: 0; float: left; } h1 a { background: url(/wp-content/themes/ragard/images/logo.png); width: 216px; height: 73px; display: block; text-indent: -9999em; position: absolute; text-decoration: none; } #search { margin: 55px 0 0 0; padding: 0; float: right; } #s { float: left; width: 210px; padding: 7px 8px 6px 8px; margin: 0 10px 0 0; background: #fff; border: 1px solid #484848; font-size: 11px; line-height: 12px; color: #585858; } #searchsubmit { background: #202020; text-transform: uppercase; border: 1px solid #484848; font-size: 9px; line-height: 10px; cursor: pointer; padding: 6px; color: #fff; width: 64px; height: 28px; } #menu { margin: 0; padding: 0; font-size: 12px; font-family: Arial; font-weight: bold; color: #6a6a6a; list-style: none; position: absolute; top: 148px; } #menu li { float: left; margin: 0 30px 0 0; display: block; text-transform: uppercase; } #menu li a { float: left; color: #6a6a6a; text-decoration: none; display: block; } #menu li a:hover { color: #fff; } #container { width: 880px; margin: 0 auto 20px auto; overflow: hidden; } #content { float: left; width: 540px; } .post { clear: both; padding: 0; margin: 0 0 40px; } .post h2 { font: 22px normal Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0; font-weight: bold; } .post h2 a { text-decoration: none; color: #333; } .postmeta { background: transparent url(/wp-content/themes/ragard/images/dotborder.gif) bottom repeat-x; font-size: 11px; color: #6c6c6c; display: block; padding: 0 0 6px; } .postmeta a { color: #838383; } .postmeta a:hover { color: #000; } .post .entry { color: #202020; font-size: 12px; line-height: 24px; text-align: justify; } .post h3 { font-size: 18px; font-weight: bold; color: #333; margin: 30px 0 0 0; } .post h3 a { color: #202020; text-decoration: underline; } .post .entry p { margin: 15px 0; } .post .entry ul { margin: 0 60px 0 0; padding: 0 0 0 60px; } h3#comment, h3#reply, #sidebar h3 { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #fff; background: url(/wp-content/themes/ragard/images/titlearrow.gif) no-repeat;; text-transform: uppercase; height: 37px; line-height: 30px; margin: 0; padding: 0 10px; clear: both; } .commentlist { margin: 0 0 40px 0; } .commentlist li { padding: 20px 0 10px 0; background: transparent url(/wp-content/themes/ragard/images/dotborder.gif) bottom repeat-x; } .commentlist cite { font-size: 14px; font-style: normal; font-weight: bold; color: #333; } .commentlist cite a { text-decoration: none; color: #333; } .commentmeta { font-size: 10px; color: #6c6c6c; display: block; padding: 3px 0 10px 0; } .commentlist p { font-size: 12px; color: #202020; margin: 0 0 20px 0; line-height: 24px; } #commentform { margin: 20px 0 0 0; } #commentform label { font-size: 12px; display: block; margin: 0 0 5px 0; } #commentform input, #commentform textarea { font-size: 12px; color: #666; border: 1px solid #d9d9d9; padding: 3px; margin: 0 0 10px 0; } input#submit { background: #202020; border: 1px solid #e5e5e5; font-size: 10px; line-height: 12px; cursor: pointer; padding: 6px; color: #fff; text-transform: uppercase; } #sidebar { float: right; width: 300px; } #sidebar h3 { margin: 0 0 10px; } #sidebar ul { list-style: none; padding: 0; margin: 0 0 20px; } #sidebar ul li { font-size: 12px; margin: 0 0 5px; padding: 0 0 5px; text-transform: uppercase; background: transparent url(/wp-content/themes/ragard/images/dotborder.gif) bottom repeat-x; } #sidebar ul li a { text-decoration: none; color: #414141; } #sidebar ul li a:hover { color: #fff; background: #414141; } #sidebar .bannerlist { overflow: hidden; text-align: center; } #sidebar .bannerlist li { float: left; margin: 0; padding: 0; display: inline; background: none; } #sidebar .bannerlist li img { margin: 0 11px 5px 11px; border: 1px solid #e5e5e5; } #sidebar .bannerlist li a:hover { background: none; } #sidebar .left { float: left; width: 140px; } #sidebar .right { float: right; width: 140px; } #footer { margin: 40px 0 0 0; height: 80px; line-height: 80px; background: #000; font-family: Arial, Helvetica, sans-serif; } #copyright { margin: 0 auto; width: 880px; height: 80px; color: #666; font-size: 11px; background: url(/wp-content/themes/ragard/images/footerbackground.jpg) no-repeat; } #copyright a { color: #666; } #copyright a:hover { color: #fff; } #footer .left { float: left; } #footer .right { float: right; } } @media screen {  #wp125adwrap_1c { width:100%; } #wp125adwrap_1c .wp125ad { margin-bottom:10px; }  #wp125adwrap_2c { width:100%; } #wp125adwrap_2c .wp125ad { width:125px; float:left; padding:10px; } } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } @media screen {div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } } @media screen {.wp-pagenavi { font-size: 12px; text-align: center; padding: 4px 6px; } .wp-pagenavi a, .wp-pagenavi .current { color: #202020; border: 1px solid #e5e5e5; text-decoration: none; padding: 3px 6px; margin: 0 3px; } .wp-pagenavi a:hover { background: #111; color: #fff; } .wp-pagenavi .extend { padding: 2px 6px; border: none; text-decoration: none; } .wp-pagenavi .current { font-weight: bold; background: #111 ; color: #fff; } } @media screen {.wp_syntax { color: #100; background-color: #f9f9f9; border: 1px solid silver; margin: 0 0 1.5em 0; overflow: auto; }  .wp_syntax { overflow-x: auto; overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); width: 100%; } .wp_syntax table { border-collapse: collapse; } .wp_syntax div, .wp_syntax td { vertical-align: top; padding: 2px 4px; } .wp_syntax .line_numbers { text-align: right; background-color: #def; color: gray; overflow: visible; }  .wp_syntax pre { margin: 0; width: auto; float: none; clear: none; overflow: visible; font-size: 12px; line-height: 1.333; } }