/* Theme Name: sbs Theme URI: https://www.shobunsha.co.jp/ Description: base designed by Theme Junkie Author: shobunsha Copyright: (c) 2011 Theme Junkie. license: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /*---------------------------------------------------------------------------------*/ /* RESET */ /*---------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote { margin:0; padding:0; } ul { list-style:none; } fieldset,img,abbr,acronym { border:0; } q:before,q:after { content:'' } :focus { outline:0; } table { border-collapse:collapse; } hr { display:none; } /* Floating & Alignment */ .left { float:left; } .right { float:right; } .ac { text-align:center; } .ar { text-align:right; } /* Clear Floats */ * html .clear { height:1px; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { display:block; } /*---------------------------------------------------------------------------------*/ /* SETUP */ /*---------------------------------------------------------------------------------*/ /* Defaults */ body { background:#fff; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:13px; color:#333; line-height:160%; } h1 { font-size:20px; } h2 { font-size:18px; } h3 { font-size:15px; } h4 { font-size:13px; } h5,h6 { font-size:15px; } h1,h2,h3,h4,h5,h6 { font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight:bold; } pre,code,kbd,samp,tt { font:13px/1.385 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } body,input,button,select,textarea,option { font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } /* Hyperlinks */ a { text-decoration:none; color:#333; } /*a:hover { color:blue; text-decoration:underline; }*/ a:hover { color:#1a79c7; text-decoration:underline; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration:none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline;} /*---------------------------------------------------------------------------------*/ /* SITE STRUCTURE & APPEARANCE */ /*---------------------------------------------------------------------------------*/ /* Containers & Columns */ #wrapper { background:#fff; width:960px; margin:0 auto; padding:0 0px; } #header { background:#fff; height:61px; padding:0px 0 5px 0; text-align:left; border-top:1px solid #e6e6e6; overflow:hidden; margin:0;} #main { } #container { float:left; } #content { float:left; display:inline; width:520px; margin:0 0 10px 0; overflow:hidden; } #sidebar { float:right; overflow:hidden; width:210px; clear:right; } #sidebar-left { float:left; display:inline; width:170px; margin-left:10px; font-size:11px; } #content-wrap { float:right; display:inline; width:750px; margin-right:10px; margin-top:10px; } .home-contentu { float:left; overflow:hidden; width:460px; margin-bottom:20px; } .home-content { float:left; overflow:hidden; width:520px; margin-bottom:20px; } .home-sidebar-right { float:right; overflow:hidden; width:210px; clear:right; padding-left:1px; margin-bottom:-1px; } .home-sidebar-rightu { float:right; overflow:hidden; width:270px; clear:right; padding-left:1px; margin-bottom:-1px; _margin-top:-10px;font-size:11px; line-height:140%;} .home-sidebar-rightu a {color:#990000;} .home-sidebar-rightu a:hover {color:blue;} .home-sidebar-rightu p {border-bottom:dotted 1px #ccc; margin-bottom:4px; padding-bottom:4px;margin-top:4px } .home-sidebar-rightu .more-link {margin-top:8px; float:right;} /* Top Navigation */ #top-menu { background:#F0F0F0 url(images/navibg.jpg) repeat-x 0 0; height:30px; margin-bottom:15px; color:#fff; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px; line-height:32px; position: relative; } .topnav { z-index:99; margin:0px; padding:0px; list-style:none; line-height:1; } .topnav a { position:relative; display:block; z-index:100; text-decoration:none; } .topnav li { float:left; width:auto; } .topnav li a { padding:0px 15px; font-size:12px; font-weight:bold; color:#A099A6; line-height:30px; text-decoration:none; border-right:1px solid #D1CCB5; } .topnav li a:hover, .topnav li a:active, .topnav li.sfHover a { background:#F0F0F0 url(images/slideshow-arrow.png) no-repeat center 24px; color:blue; text-decoration:none; } .topnav .first a { background:#D1CCB5 url(images/slideshow-arrow.png) no-repeat center 24px; color:#413629; } .topnav li a:visited { } .topnav li a.sf-with-ul { } .topnav li ul { background:#fff; position:absolute; left:-999em; width:180px; margin:0 0px 0px -1px; padding:7px 0 10px 0; border:1px solid #cdd8e0; border-top:none; z-index:999; } .topnav li ul li { } .topnav li ul li a, .topnav li ul li a:visited { background:#fff; width:160px; margin:0 4px; padding:0 2px; color:#15527e; font-size:12px; border-right:none; border-bottom:1px dotted #ddd; font-weight:normal;} .topnav li ul li a.sf-with-ul { } .topnav li.sfHover li a { background:#fff; color:#15527e;} .topnav li ul li a:hover { color:blue; font-weight:normal; } .topnav li ul ul { margin:-28px 0px 0px 160px; border:1px solid #cdd8e0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .topnav li ul ul li a { } .topnav li ul li ul li a { } .topnav li:hover, .topnav li.hover { position:static; } .topnav li:hover ul ul, .topnav li.sfhover ul ul, .topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul, .topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul { left:-999em; } .topnav li:hover ul, .topnav li.sfhover ul, .topnav li li:hover ul, .topnav li li.sfhover ul, .topnav li li li:hover ul, .topnav li li li.sfhover ul, .topnav li li li li:hover ul, .topnav li li li li.sfhover ul { left:auto; } .topnav .sf-sub-indicator { display:none; } .topnav li ul .sf-sub-indicator { background:url(images/bullet.png) no-repeat; position:absolute; display:block; right:0.2em; top:1em; width:10px; height:10px; text-indent:-999em; overflow:hidden; } /* Sidebar Navigation */ #sidebar-nav { z-index:99; padding:0px; list-style:none; line-height:1; float:left; width:138px; margin:0 0 15px 0; border:1px solid ##e5ecf1; border-top:none; } #sidebar-nav a { position:relative; display:block; z-index:100; text-decoration:none; } #sidebar-nav li { width:auto; border-top:1px solid ##e5ecf1; } #sidebar-nav li a { background:#fbfbfb url(images/bullet.png) no-repeat 130px 11px; display:block; padding:8px 6px; border:1px solid #fff; color:#333; } #sidebar-nav li a:hover, #sidebar-nav li a:active, #sidebar-nav li.current-cat, #sidebar-nav li.current-cat-parent { background-color:#f7f7f7; color:#15527e; text-decoration:none; } #sidebar-nav li a.sf-with-ul { } #sidebar-nav li ul { background:#fff; position:absolute; left:-999em; width:140px; margin:-31px 0px 0px 138px; border:1px solid ##e5ecf1; border-bottom:none; z-index:999; } #sidebar-nav li ul li { border-top:none; border-bottom:1px solid ##e5ecf1; border-right:none; } #sidebar-nav li ul li a { background:#fbfbfb; width:108px; padding:9px 5px 7px; color:#333; font-size:11px; line-height:12px; } #sidebar-nav li ul li a.sf-with-ul { padding:8px 15px; } #sidebar-nav li ul li a:hover { background:#f7f7f7; color:#15527e; text-decoration:none; } #sidebar-nav li ul ul { margin:-31px 0px 0px 140px; } #sidebar-nav li ul ul li a { } #sidebar-nav li ul li ul li a { } #sidebar-nav li:hover,#sidebar-nav li.hover { position:static; } #sidebar-nav li:hover ul ul, #sidebar-nav li.sfhover ul ul, #sidebar-nav li:hover ul ul ul, #sidebar-nav li.sfhover ul ul ul, #sidebar-nav li:hover ul ul ul ul, #sidebar-nav li.sfhover ul ul ul ul { left:-999em; } #sidebar-nav li:hover ul, #sidebar-nav li.sfhover ul, #sidebar-nav li li:hover ul, #sidebar-nav li li.sfhover ul, #sidebar-nav li li li:hover ul, #sidebar-nav li li li.sfhover ul, #sidebar-nav li li li li:hover ul, #sidebar-nav li li li li.sfhover ul { left:auto; } #sidebar-nav .sf-sub-indicator { display:none; } #sidebar-nav li ul .sf-sub-indicator { background:url(images/bullet.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; } /*---------------------------------------------------------------------------------*/ /* HEADER */ /*---------------------------------------------------------------------------------*/ #top { background:#fff; height:28px; padding:0 10px; color:#888; font-size:11px; line-height:28px; border-top:1px solid #e6e6e6; overflow:hidden; } #top a { text-decoration:none; } #top a:hover { text-decoration:none; } #top .left { left px; } /* News Ticker */ ul#ticker { height:28px; text-align:right; overflow:hidden; } ul#ticker strong { padding-right:5px; font-size:10px; color:#859e0f; text-transform:uppercase; } ul#ticker .meta-date { padding-left:5px; } ul#ticker .meta-comments a { color:#777; } ul#ticker .meta-comments a:hover { color:#859e0f; } /* Logo */ #site-title { margin:11px 0 5px 12px; font-size:32px; line-height:1; letter-spacing:-1px; color:#fff; } #site-title a, #site-title a:hover { color:#fff; text-decoration:none; } #site-desc { margin-left:12px; font-size:11px; color:#f9f9f9; } #logo { margin:7px 0 0 10px; line-height:1; } /* Search Form */ #search { display:inline; float:right; height:18px; margin:4px 11px 0 0; position: absolute; right: 0; } #search input { float:left; background:#fff url(images/bg-widget-title.gif) repeat-x left center; width:180px; padding:5px 6px 3px; font-size:11px; color:#999; line-height:11px; border:1px solid #D65C06; } #search .field { height:12px; } #search input:focus { background:#fffff0; border:1px solid #D65C06; } #search input.btn { background:none; border:none; margin:5px 0px 0px -17px; padding:0px; width:auto; } /*-------------------------------------------------------------------------------------------*/ /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* Featured Slider */ #featured { float:left; position:relative; width:230px; } #featured .slides > div { display:none; position:absolute; } #featured .slideshow { padding:0px; width:200px; float:left; position:relative; } #featured img { padding-left:25px; } .slider-tabs { margin:0 auto; list-style:none; position:relative; top:225px !important; z-index:100; text-align:center; width:auto !important; } .slider-tabs a { margin:0 4px; width:12px; height:8px; display:inline-block; text-indent:-9999em; background:url(images/dot.png) no-repeat 0px 0; outline:0; } .slider-tabs a.current { background-position:0 -8px; } .slideshow .entry { padding:0px; } .slideshow .entry-title { margin:7px 0; font-size:1.2em; font-weight:bold; line-height:17px; } .slideshow .entry-meta { margin-bottom:5px; } .slideshow .slides .panel { width:200px; background:#fff; } .slideshow .slides .panel .panel-preview { position:relative; height:225px; display:block; margin-bottom:24px; margin-top:10px;} .slideshow .slides .panel .arrow { width:18px; height:9px; background:url(images/slideshow-arrow.png) no-repeat bottom center; position:absolute; bottom:0px; left:106px; z-index:500; } /* Latest News */ #latest { float:right; width:270px; / margin-top:-20px; } #latest ul li { padding:4px 0 2px 0; border-bottom:1px dotted #ddd;font-size:10px;line-height:14px;} #latest .entry-title { font-size:11px; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight:normal; line-height:16px; } #latest .entry-meta { margin-top:3px; padding-top:0; } #latest .more { margin:7px 0; font-size:11px; text-align:right; text-transform:uppercase; } #latest .more a { color:#666; } #latest .more a:hover { color:#859e0f; border-bottom:1px dotted #859e0f; text-decoration:none; } /* Tabbed News */ ul.tabs { margin:0; padding:0; float:left; list-style:none; height:32px; border-bottom:1px solid #e5ecf1; border-left:1px solid #e5ecf1; width:748px; } ul.tabs li { float:left; margin:0; padding:0; height:31px; line-height:31px; border:1px solid #e5ecf1; border-left:none; margin-bottom:-1px; overflow:hidden; position:relative; background:#fff; } ul.tabs li a { text-decoration:none; color:#666; display:block; padding:0 15px; border:1px solid #fff; outline:none; font-weight:bold; } ul.tabs li a:hover { background:#fff; } html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover { background:#fff; color:#333; border-bottom:1px solid #e5ecf1; } .tab_container { border:1px solid #e5ecf1; border-top:none; overflow:hidden; clear:both; float:left; width:748px; background:#fff; margin-bottom:15px; } .tab_content { padding:10px 0 1px 0; } .tab_content .item { float:left; display:inline; width:115px; margin:0 0 0 28px; } .tab_content h2 { margin:7px 0 5px 0; font-size:1.02em; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight:normal; line-height:15px; } /* One Comlumn Boxes */ .catbox-title { background:url(images/bg-grayline.png) repeat-x bottom; height:24px; font-size:16px; text-transform:uppercase; width:520px;line-height:100%} .catbox-title a, .catbox-title a:hover { float:left; display:block; height:24px; color:#333; text-decoration:none; } .catbox-feed a, .catbox-feed a:hover { float:right; display:inline-block; background: url(images/icon-feed.png) no-repeat 0 0; width:12px; height:12px; margin-top:3px; text-indent:-5555em; overflow:hidden; } .onecol{width:520px;} .onecol .hentry { float:left; width:140px; margin:0px 15px 25px 0; } .onecol .catbox-title { margin-bottom:12px; color:#5f3b1b;} .onecol .catbox-title a {color:#5f3b1b;} .onecol .catbox { clear:both; } .onecol .entry-title { margin-bottom:5px; font-size:1.1em; line-height:16px; } .onecol .entry-meta { margin-top:7px; } /* Two Column Boxes */ .twocol { margin:0 0 -15px 0; } .twocol .catbox-row { margin:0 0 15px 0; } .twocol .catbox { width:227px; float:left; display:inline; padding-bottom:5px; } .twocol .catbox-even { margin:0 15px 0 0; } .twocol .catbox-even .catbox-title { } .twocol .catbox ul { } .twocol .catbox li { padding:0px 0 0px 0; font-size:12px; } .twocol .catbox li a { background:url(images/bullet-green.png) no-repeat 0 2px; padding-left:10px; } .twocol .catbox li.first { display:block; padding:15px 0 10px 0; font-size:12px; border-top:0; background:none; } .twocol .catbox li.first a { background:none; padding-left:0; } .twocol .catbox .entry-thumb { margin-right:10px; } .twocol .catbox .entry-title { font-size:1.1em; line-height:16px; } .twocol .catbox .entry-excerpt { clear:both; display:block; } .twocol .catbox .entry-meta { margin-top:5px; } /*---------------------------------------------------------------------------------*/ /* CONTENT */ /*---------------------------------------------------------------------------------*/ .heading { color:#999; margin:0 0 0 0; padding-bottom:5px; font-size:14px; border-bottom:1px solid #ECEDE8; } .heading h1 { font-size:20px; line-height:130%; margin-top:0;font-weight:normal;} .heading span { color:#999; } .single-cat-feed a { display:inline-block; float:none; margin:0 5px; line-height:12px; } /* .entry-thumb { float:left; display:block; position:relative; margin:10px 15px 10px 0; } */ img[height="200"] { height: 200px; } .entry-thumb { padding: 0; margin: 0px 10px 10px 0; display: inline; float:left; } .entry a { color:#990000; } .entry a:hover { color:blue; } .entry-title { font-size: 20px; margin-bottom: 0pt; margin-top: 5px; line-height: 130%; border-top-width: 1px; border-top-style: dotted; border-top-color: #cccccc; padding-top: 8px; color: #333333; font-weight: bold; } h1 .entry-title { font-size: 20px; margin-bottom: 0; margin-top: 5px; line-height: 130%; border-top-width: 1px; border-top-style: dotted; border-top-color: #cccccc; padding-top: 1px; color: #000080; font-weight: bold; /* font-size:20px; line-height:130%; margin-top:16px; */ } /*.entry-excerpt { display:table; }*/ .entry-excerpt{border-bottom:1px dotted #ccc; padding-bottom:30px;} .entry-meta, .entry-meta a { color:#666; font-size:11px; } .entry-meta a:hover { color:#859e0f; text-decoration:none; border-bottom:1px dotted #859e0f; } .meta-sep { color:#999; margin:0 3px; } .meta-more { font-size:11px; color:#666; } .meta-more:hover { color:#859e0f; text-decoration:none; border-bottom:1px dotted #859e0f; } .not-found { width:590px; } .entry-tags { margin:10px 0 15px 0; } .entry-tags span { font-weight:bold; } .entry-tags a { background:#fbfbfb; margin:0 0 0 2px; padding:4px 6px 3px 6px; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .entry-tags a:hover { background:#e6e6e6; color:#666; text-decoration:none; } .entry-author { background:#f9f9f9; padding:10px; margin:15px 0 0 0; border: 1px solid #E4E4E4; border-bottom:none; } .author-avatar { float:left; margin:0 10px 10px 0; border:1px solid #ECEDE8; } .author-avatar img { display:block; padding:4px; background:#FFF; } .list-content .hentry { margin:0; padding:0; } .list-content .hentry .entry-title { font-size:18px; line-height:20px; margin-bottom:5px; } .list-content .entry-meta { display:block; margin:7px 0; } .list-content .meta-comments a, .single .meta-comments a { background:url(images/comment.png) no-repeat right -2px; padding-right:18px; } .list-content .meta-comments a:hover, .single .meta-comments a:hover { color:#859e0f; border-bottom:none; } .single .hentry { margin:0 !important; padding:0 !important; border-bottom:none !important; } .single .entry-meta { background:url(images/bg-grayline.png) repeat-x left bottom; padding-bottom:10px; } .single .entry-title { font-size:20px; margin-bottom:0; margin-top:5px; line-height:130%; border-top:dotted 1px #ccc; padding-top:8px;color:#333; font-weight:bold; /*border-bottom:dotted 1px #ccc; border-left: solid 5px #990000; padding-left:9px;*/} /*---------------------------------------------------------------------------------*/ /* ENTRY */ /*---------------------------------------------------------------------------------*/ .entry p,.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol { margin:10px 0 10px 0; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color:#333; } .entry h5 { font-size:16px; margin-top:20px; font-weight:normal;line-height:100%; } h2.entry-title { /*border-bottom:1px dotted #ddd; margin-bottom:5px; padding-bottom:3px;*/} .entry ul,.entry ol { margin:10px 0 10px 20px; } .entry ol { list-style-type:decimal; } .entry ul { list-style-type:square; } .entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin:0 0 0 20px; } .entry li { padding-bottom:5px; } .entry hr { border-top:1px solid #FFF; border-top:1px solid #C7D7DB; background:none; height:0; margin:0 0 20px 0; padding:0; clear:both; } .entry hr.none { border:0 none; height:0; background:none; margin:0; padding:0; clear:both; } .entry a { } .entry a:hover { } .entry blockquote { margin:10px; padding:0 10px 0 10px; overflow:hidden; border-left:6px solid #e3e3e3; } /* full width */ .onecolumn { background:#fff; margin-left:15px; } .onecolumn #content { width:930px; margin:0 !important; } /* post images */ img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0px; } img.alignnone { padding:0px; margin:0px 0px 10px 0px; display:inline; } img.alignright { padding:0px; margin:0px 0px 10px 10px; display:inline; } img.alignleft { padding:0px; margin:0px 10px 10px 0px; display:inline; } .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; } .alignright { float:right; margin:0px 0px 10px 10px; } .alignleft { float:left; margin:0px 10px 10px 0px; } .wp-caption { background:#F7F7F7; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; } .wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; } .wp-caption p.wp-caption-text { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:12px; } /* pagenavi */ .pagenavi { border:1px solid #ECEDE8; height:30px; background:#F7F7F7; display:block; color:#777; margin:0px 0px 15px 0px; } .pagenavi a,.pagenavi span { border-right:1px solid #ECEDE8; padding:0 12px; height:30px; line-height:30px; display:block; float:left; } .pagenavi a.current { background:#fff; color:#333; font-weight:bold; margin:0px 0 0 0; padding-bottom:0px; } /*-------------------------------------------------------------------------------------------*/ /* WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* General Widgets */ .widget { margin:0 0 8px 0; border:1px solid #e5ecf1; } .widget.widget_media_image { border: none; } #sidebar-left .widget.widget_media_image img { max-width: 155px; object-fit: contain; height: auto; } .widget-title { background:#f9f9f9 url(images/bg-widget-title.gif) repeat-x left center; height:28px; padding:0 8px; font-size:13px; line-height:29px; border:1px solid #fff; } .widget-title a, .widget-title a:hover { color:#333; text-decoration:none; } .post-title {font-size:13px; font-weight:bold; line-height:130%; margin-bottom:5px;} .widget ul { border-top:1px solid #e5ecf1; font-size:12px;} .widget ul li { border-bottom:1px dotted #ddd; margin:0 0px -1px 8px; padding:7px 0 6px 0; clear:both;} .widget > div { padding:4px 4px; border-top:1px solid #e5ecf1; } .widget_tag_cloud div, .textwidget { padding:10px 8px; border-top:1px solid #e5ecf1; } .home-sidebar-right .widget lu {list-style-type: decimal} /* .home-sidebar-right .widget li { background:url(images/bullet.png) no-repeat 0 12px; padding-left:8px; } .home-sidebar-right .widget li a:hover { } */ .home-sidebar-right .widget_wp_bannerize .wp_bannerize ul {margin-left:-7px;} .home-sidebar-right .widget_wp_bannerize .wp_bannerize ul li {border-bottom:none; text-align:center; background:url(images/spacer.gif) } #sidebar-left .wp_bannerize li {padding:0; border-bottom:none; margin-bottom:5px; } #sidebar-left .wp_bannerize li .description{padding-left:3px; margin-top:-22px; display:block; } /* Custom Widgets */ /* TWITTER */ .widget_twitter .widget-title a { display:block; width:272px; background:url(images/twitter-standing.png) no-repeat right 0px; } .tweets li a { display:inline !important; padding-left:0 !important; } .tweets a.timesince { color:#999; font-size:11px; } .tweets a.timesince:hover { color:#859e0f; text-decoration:none; border-bottom:1px dotted #859e0f; } .tweets li { display:block !important; background:url(images/twitter.png) no-repeat 0 10px !important; padding-left:17px !important; } /* SOCIAL */ #subscribe { background:#fbfbfb; width:288px; margin:0px 0px 15px 0px; padding:7px 5px 3px 5px; border:1px solid #ECEDE8; font-size:90%; } .subscribe_icons { width:286px; margin:0px auto; } .subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; } .subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; } .subscribe_icons a:hover { color:#369 !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); } .subscribe_icons .subscribe_youtube a { background:url(images/icon-youtube.png) center top no-repeat; } .subscribe_icons .subscribe_twitter a { background:url(images/icon-twitter.png) center top no-repeat; } .subscribe_icons .subscribe_facebook a { background:url(images/icon-facebook.png) center top no-repeat; } .subscribe_icons .subscribe_rss a { background:url(images/icon-rss.png) center top no-repeat; } .subscribe_icons .subscribe_email a { background:url(images/icon-email.png) center top no-repeat; } /* FLICKR */ .widget_tj_flickr { padding:1px 0 5px; } .widget h3 span { color:#0061D8; } .widget h3 span span { color:#FF1183; } .widget .flickr_badge_image { float:left; margin:0px; } .widget .flickr_badge_image .wrap { position:relative; margin-bottom:20px; padding:0; } .widget .flickr_badge_image a img { display:inline; float:left; background:#fff; margin:4px 4px 0px 0px; padding:4px; border:1px solid #e9e9e9; } .widget .flickr_badge_image a:hover img { background:#fbfbfb; border-color:#e5ecf1; } /* AUTHOR INFO */ .widget_tj_authorinfo .left { margin-right: 10px; } .widget_tj_authorinfo .right { margin-left: 10px; } /* CALENDAR */ #wp-calendar { width:100%; } #wp-calendar, #wp-calendar th, #wp-calendar caption { text-align:center; } #wp-calendar th { background:#f5f5f5; padding:3px; border:1px solid #f0f0f0; } #wp-calendar td { padding:5px 2px; border:1px solid #f0f0f0; } #wp-calendar caption { background:transparent; font-weight:bold; padding:3px 0px 7px 0px; color:#333; } #wp-calendar #today { background:#f5f5f5; font-weight:bold; } /* Footer */ #footer { background:#FFF; text-align:center; margin:0 10px 0 10px; padding:7px 0 12px 0; font-size:11px; color:#555; border-top:1px solid #eee; clear:both;} #footer ul { margin-bottom:12px; padding-bottom:5px; border-bottom:1px solid #eee; } #footer li { list-style:none; display:inline; padding:0 8px; border-left:1px solid #ddd; } #footer li a { color:#666; } #footer li a:hover { color:#333; text-decoration:none; border-bottom:1px dotted #ccc; } #footer li ul { display:none; } #footer .copyright { color:#777; } #footer .copyright a { border-bottom:1px dotted #ddd; } #footer .copyright a:hover { text-decoration:none; } #footer .footer-home { background:url(images/home.gif) no-repeat 0 0px; padding-left:14px; border-left:none; } #footer .footer-lock { background:url(images/lock.gif) no-repeat 8px 0px; padding-left:22px; } /*---------------------------------------------------------------------------------*/ /* COMMENTS */ /*---------------------------------------------------------------------------------*/ /* Comments */ #comments { position:relative; padding-top:5px; border-top: 1px solid #E4E4E4; } #comments h3 { margin:20px 0; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:18px; font-weight:normal; color:#000; } #comments .comment { width:100%; list-style-type:none; } #comments .comment .comment-container { position:relative; overflow:hidden; margin-bottom:10px; } #comments .comment-head { margin:0; width:70px; float:left; } #comments .avatar { } #comments .avatar img { margin:0; vertical-align:middle; border:1px solid #ddd; padding:3px; background:#fff; } #comments .name { font-weight:bold; font-size:14px; } #comments .date, #comments .edit, #comments .perma { font-size:11px; color:#999; font-size:11px; } #comments .arrow { display:block; width:9px; height:18px; background:url(images/comment-arrow.png) no-repeat; left:62px; position:absolute; } #comments .comment-info { margin-bottom:5px; } #comments .comment-entry { padding:15px 20px 5px 20px; background:#F7F7F7; border:1px solid #E4E4E4; overflow:hidden; } #comments .comment-entry p { margin:0 0 10px 0; } #comments .reply { padding-top:5px; } #comments .reply a { font:11px/18px sans-serif; text-shadow:none; margin:0; padding:1px 6px; } #comments .reply a:hover { background-color:#e6e6e6; } #comments ul.children { margin:0 0 0 25px; padding:0; } #comments ul.children li { } #comments .comment-container .cancel-comment-reply { margin:10px 0; } #comments .comment-container #respond h3 { margin:10px 0; } #comments .navigation { } #comments .navigation a { display:block; margin:15px 0 0 0; text-decoration:none; } #comments .navigation a:hover { } #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments p.nocomments { margin:15px 0 0; } /* Comments Form */ #respond { margin:15px 0 0; } #respond h3 { color:#333; font-weight:bold; margin-bottom:15px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } .comment-container #respond { margin:20px 0px; } #commentform { margin:15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; border-color:#ccc #EAEAEA #EAEAEA #ccc; border-width:1px; border-style:solid; } #commentform input.txt { color:#666; background:#F0F0F0; width:170px; margin:0 5px 10px 0; padding:5px 7px; } #commentform textarea { color:#666; background:#F0F0F0; width:95% !important; padding:5px 7px; } #respond #commentform #submit { margin:15px 0 0 0; cursor:pointer; } /* Pingbacks / Trackbacks */ h3#pings { margin:25px 0 10px 0; } .pinglist li { margin:0 0 0 20px; list-style-type:decimal; } .pinglist li .author { font-weight:bold; font-size:15px; } .pinglist li .date { font-size:11px; } .pinglist li .pingcontent { display:block; margin:10px 0; } /*-------------------------------------------------------------------------------------------*/ /* MISC */ /*-------------------------------------------------------------------------------------------*/ /* Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 7px 10px; border: 1px solid #C4C4C4; border-top-color: #E4E4E4; border-left-color: #E4E4E4; color: #424242 !important; text-align: center; text-shadow: 0 -1px 0 #fff; text-decoration: none; font-weight: bold; /*Border radius*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*Background*/ background: #EDEDED; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #ffffff), color-stop(1, #E5E5E5) ); background: -moz-linear-gradient( center top, #ffffff 20%, #E5E5E5 100% ); } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, #contact-page .submit:hover { text-decoration: none !important; /*Background*/ background: #ccc; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #eeeeee), color-stop(1, #cccccc) ); background: -moz-linear-gradient( center top, #eeeeee 20%, #cccccc 100% ); } a.button:active, a.button.active { border-color: #999; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } /* Advertisements */ .header-ad { float:right; display:inline; margin:15px 11px 0 0;} .home-ad-area { background:#fbfbfb; margin-bottom:15px; } .home-sidebar-right .widget-ads { border:none !important; font-size:9px; line-height:120%; text-align:left; margin-top:-3px; padding-bottom:4px; padding-left:27px;} #sidebar-left .widget-ads { background:#fbfbfb; padding:9px; border:1px dotted #e6e6e6; } #sidebar .widget-ads { border:none !important; font-size:9px; line-height:120%; text-align:left; margin-top:-3px; padding-bottom:4px; padding-left:27px;} /*{ background:#fbfbfb; padding:9px; border:1px dotted #e6e6e6; }*/ .ad-title { margin-bottom:7px; font-size:11px; font-weight:normal; color:#bbb; text-transform:uppercase; text-align:center; line-height:1; } /* CSS3 Effects */ #search input { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; } .topnav li ul { -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; }