.wp-caption {} .wp-caption-text {} .gallery-caption {} .bypostauthor {} .post-box .meta{ font-weight: 400; margin-bottom: 10px } /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ body { margin:0; padding:0; font-size:0.85em; line-height:2; } @media only screen and (max-width: 767px) { body { font-size:0.75em !important; line-height:1.8; } } * { font-size:100%; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; } * img { line-height:1; } h1, h2, h3, h4, h5, h6, h7 { font-weight: 300; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important;} h1 {font-size: 200%;} h2 {font-size: 142.85%;} h3 {font-size: 120%;} h4 {font-size: 110%;} h5 {font-size: 100%;} h6 {font-size: 95%;} ul.list{ padding-left: 15px;} .alignR { text-align:right; } .alignL { text-align:left; } .alignC { text-align:center; } .clearB { clear:both; } /* .content-box h2 {font-size: 22px; font-weight: 300; letter-spacing: 0.4px;line-height: 28px;} .content-box h2 a {font-size: 22px; font-weight: 300; letter-spacing: 0.4px;line-height: 28px;} */ .content-box header h2 a, .content-box p { color: #000 !important; } .content-box p.tag { font-size:68.75%; margin-top:10px; color: #000 !important; line-heignt: 1.4; } .content-box p.tag a { color: #000 !important; } .content-box h2 a { font-size: 90% !important; line-height: 1.2 !important; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; font-weight: normal; } form {margin-bottom: 13px;} textarea {overflow: hidden;} /* p {font-size: 13px;line-height: 19.5px;} */ blockquote {margin-bottom: 0px;} .content-box blockquote p {margin-bottom: 0px;} ul li ul, ul li ol {margin-left: 0px;} aside p {font-style: normal;} a:hover { text-decoration:underline; } /* Foundation-specific presentation CSS by ZURB */ div.reverie-header { margin:0; padding:18px 0 0 0; float:left; width:487px; position:relative; } div.reverie-header h1 { font-weight: 300; margin: 0; padding: 0; font-size: 10px;line-height: 10px; width:202px; height:77px; overflow:hidden; } div.reverie-header h1 img { width:100%; height:auto; } div.reverie-header h1 a { color: #181818; } div.reverie-header h1 a:hover { color: #181818; text-decoration:none !important; } /* Template Logo */ .retina-logo {width:50%;height:auto;} /*.container {overflow: hidden; background: #fff url("../images/bg_images/background-grey.jpg") 0 0 no-repeat;}*/ .reverie-header-banner {float:right; margin:18px 0px;} .skyscrapper {position: absolute;} #skyscrapper-left {left:-171px;} #skyscrapper-right {left:981px;} #slider {float:left;width:630px;padding: 0;margin: 0px; } #featured-right {float:left;width:308px;padding: 0px 0px 0px 0px;margin: 0 18px 0 0;} /* HEADER SORT BY */ .blog-items-sortby {padding: 9px 10px 5px 18px;font-size: 12px;float:left;width:60%;} .blog-items-sortby-list {display:inline;} .blog-items-sortby-list li {float: left;list-style: none; border-right: 1px solid #fff;padding:0 5px;line-height: 100%;} .blog-items-sortby-list li a {color:#fff;font-size: 12px;} .blog-items-sortby-list li.blog-items-sortby-title {border: 0px; padding-right: 0px;padding-left: 0px;} .blog-items-sortby-list li.blog-items-sortby-title a {cursor: auto; } .blog-items-search {float:right;width:0px;} .blog-items-search #searchform #s.no-hide {width: 180px; margin-right: 6px; padding: 0px 6px;} .blog-items-search #searchform #s {width: 0px; margin-right: -1px; padding: 0px;} /* END HEADER SORT BY */ /* BREADCRUMBS */ .breadcrumb { margin:0; padding:0 0 10px; font-size:75%; } .breadcrumbs {padding: 5px 0px 5px 10px;color:#fff;font-size: 12px;} .breadcrumbs span, .breadcrumbs a, .breadcrumbs a:hover {color:#fff;font-size: 12px; } .breadcrumbs a {border-right: 1px solid #fff;padding-right: 5px; margin-right: 5px;} .breadcrumbs p.breadcrumb {margin: 0px;} .breadcrumbs .blog-items-sortby {padding: 2px 0px 0px 0px;} .breadcrumbs .blog-items-search {margin-top: -5px;} /* POST BANNERS */ .box .google_ads {text-align: center;} .box .post_banner {text-align: center; line-height: 100%;} /* END POST BANNERS */ .top-bar-js-breakpoint { width: 960px !important; visibility: hidden; } /* .mobile-menu-visble {display: none;} .mobile-menu {margin-bottom: 18px;} */ .mobile-menu li.name {display: none;} .mobile-menu ul.left > li, /* .mobile-menu ul.right > li {float: left;border-right: 1px solid rgba(255,255,255,0.47);} */ .mobile-menu ul.right > li {float: left;border-right: 1px solid #444;} /* .mobile-menu section > ul li a:not(.button) {font-size: 16px;font-weight: 300;padding: 12px 12px 0px 12px!important;height: 67px;line-height: 67px;padding-top: 22px;} */ .mobile-menu section > ul li.has-dropdown a:not(.button) {padding: 12px 18px 0px 12px !important;} .mobile-menu section > ul li.has-dropdown h5 a:not(.button) {padding: 0px 0px 0px 0px!important;} .mobile-menu ul > li.has-dropdown.moved .back.title h5 {padding-left: 22px;} .mobile-menu ul > li.has-dropdown.moved > .dropdown li:not(.title) a {padding: 5px 10px !important;} .mobile-menu ul > li.has-dropdown.moved .back.title a:before {left: 7px;} .mobile-menu ul > li.has-dropdown .dropdown {min-height: 81px !important;} .mobile-menu ul > li.has-dropdown .dropdown li {display: inline;} .mobile-menu ul > li.has-dropdown.moved > .dropdown li:not(.title) {float: left;min-width: 12px;padding-top: 15px;} .mobile-menu ul > li.has-dropdown.moved > .dropdown li:not(.title) a {padding: 10px 12px 5px 12px;} .mobile-menu ul > li.has-dropdown a:after {margin-top: 8px;margin-right: 2px;border-color: transparent transparent transparent rgba(255, 255, 255, 1);} /******************************************************************************* * MOBILE SELECT BOX ********************************************************************************/ .mobile-menu-selectbox {margin-bottom: 18px;display: none;} /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ blockquote, blockquote p {color: #000;} /* Add Divider for Listed Posts */ .divider { background:url(http://knowledge.sakura.ad.jp/wp/wp-content/themes/flyingnews/css/images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; } /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Class for Images */ figure img {height: auto; border: 0px; margin: 0 auto; display: block; /* box-shadow: 2px 2px 5px #ddd; -moz-box-shadow: 2px 2px 5px #ddd; -webkit-box-shadow: 2px 2px 5px #ddd; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); border-image: initial; */ } /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; max-width:100%; } figure.figure figcaption { padding: 5px; font-size: 87.5%; line-height: 1.4 !important; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } .footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; } /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 3px; } ul.breadcrumbs li a { padding-left: 0; } /* Comment Textarea Adjustment */ #respond textarea { height: 100px; } /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px; margin-bottom: 18px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #2f3033; border-radius: 2px; background: #F1F4ED;} ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #F1F4ED; } ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: #F1F4ED; color: #2f3033; font-weight: normal; cursor: default; display: block; padding: 1px 7px 1px; border-radius: 2px; } /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } /* -------------------------- Your Customized Style ----------------------- */ .column, .columns {padding: 0 0px;} .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope-item { z-index: 2;} #olayout,#osort, #ofiltr {float:left} #options {height:55px;width:100%} #olayout li,#ofiltr li,#osort li {float:left;list-style: none;margin-right:10px;margin-left:5px} /*.style1 .element.s1width1 {width: 312px!important;} .style1 .element.s1width2 {width: 304px!important;} .style1 .element.s1height1 {height: 312px!important;} .style1 .element.s1height2 {height: 636px!important;} .style1 .element.s1height3 {height: 312px!important;}*/ .style2 .element.s2width1 {width: 312px!important;} .style2 .element.s2width2 {width: 636px!important;} .style2 .element.s2height1 {height: 312px!important;} .style2 .element.s2height2 {height: 636px!important;} .style3 .element.s3width1 {width: 312px!important;} .style3 .element.s3width2 {width: 636px!important;} .style3 .element.s3height1 {height: 312px!important;} .style3 .element.s3height2 {height: 636px!important;} .style4 .element.s4width1 {width: 312px!important;} .style4 .element.s4height1 {height: 412px!important;} .style4 .element.s4height2 {height: 312px!important;} .style5 .element.s5width1 {width: 312px!important;} .style5 .element.s5height1 {height: 412px!important;} .style5 .element.s5height2 {height: 312px!important;} /* #content { overflow: hidden;} */ .element .entry-content {font-size:12px;padding:0 5px} .element .number {position: absolute;bottom:0px;left:0px} /* .element .categories {font-size: 14px; line-height: 23px; z-index: 100;padding: 0px 7px; text-align: right; position: absolute;top:0px;right:0px;background-color:rgba(43, 166, 203,0.8); overflow: hidden;display: block; position:absolute; margin-top: 0px; margin-right: 0px; } */ .element .categories {font-size: 100%; line-height: 1.4; z-index: 100;padding: 5px 10px; text-align: center; position: absolute;top:13px;right:-10px; background-color:rgba(43, 166, 203,0.8); overflow: hidden;display: block; position:absolute; margin-top: 0px; margin-right: 0px; } .element .categories a {color:white;letter-spacing: 0.4px;} /*ex: 100;padding: 5px 10px; text-align: center; position: absolute;top:13px;right:-10px; background-color:rgba(43, 166, 203,0.8); overflow: hidden;display: block; position:absolute; margin-top: 0px; margin-right: 0px; } .element .categories a {color:white;letter-spacing: 0.4px;} /* .element .caption {color:white;position: absolute;bottom:0px; padding:5px 6px; background-color:rgba(77, 77, 77,0.8);width:100%;font-size: 12px;height:24px;z-index: 10;} */ .element .newIcon { margin-left:-10px; margin-top:-10px; } .large .newIcon, .archive .one_col .newIcon, .search .one_col .newIcon { float:left; margin-right:10px; margin-left:-10px; margin-top:-10px; } .element .caption { width:100%; color:#000; padding-right:70px; font-weight:bold; line-height:1.2; clear:right; } .element .caption .date { display:block; } /* .element .caption-content {position: relative;line-height: 14px;} .element .caption-content * {line-height: 14px;} .element .caption-content span {position: relative;font-size: 12px; padding-right: 5px;} */ #content .element .caption-content span, .element .caption a { color:#000 !important; line-height: 1.4 !important; font-size:87.5% !important; padding-right:0 !important; } .element .caption_toggle {display: none;} .element .box:hover .caption_toggle {display:block;} .element .box { /* overflow: hidden */ } .element .caption_fadeeffect {display: none;} /* Content layout */ /* Default layout*/ #content.twelve .one_col {width:300px;margin-right:30px;height:auto} #content.twelve .two_col {width:326px;height:auto} #content form#searchform {margin-bottom: 18px;} .row {margin: 0 auto;max-width: 100%;min-width: auto;width: 960px;} .row .row {margin: 0 0px;} body {min-width: 300px} #fsml_ff, #fsml_ffhidden { top:40% !important; } /* Media */ #main.row{overflow: visible;} #elements_iso .element {margin-bottom: 35px;width:320px;float: left;position: relative;height:auto;} /******************************************************************************* * TEMPLATE BOX *******************************************************************************/ #template-box {width: 980px;margin:0 auto;background: #fff;} .portfolio_categories {width: 960px;overflow: hidden;} /******************************************************************************* * END TEMPLATE BOX *******************************************************************************/ /******************************************************************************* SLIDER *******************************************************************************/ #slider_home {margin: 0px 0px 18px 0px;width: 633px;} #slider_home li {list-style-type: none;} /******************************************************************************/ /* SLIDER AREA /******************************************************************************/ #slider_home .slider_area {width: 485px;height:375px;float:left;overflow:hidden;position:relative;line-height: 100% !important;} #slider_home .slider_area .slider_list li {width:485px;height:375px;position: relative;} #slider_home .slider_area .slider_list li .image_holder {width:308px;height:375px;top:0px;left:0px;position:absolute;} #slider_home .slider_area .slider_list li .image_holder img {width:308px;height:375px;} #slider_home .slider_area .slider_list li .text_holder {width:176px;height:375px;top:0px;left:308px;position:absolute;} #slider_home .slider_area .arrow_top {width:24px;height: 16px;position:absolute;z-index:2;right:13px;top: 13px;background: url("../images/arrows.png") -25px -16px no-repeat;cursor: pointer;} #slider_home .slider_area .arrow_bottom {width:24px;height: 16px;position:absolute;z-index:2;right:13px;bottom:13px;background: url("../images/arrows.png") -25px 0 no-repeat;cursor: pointer;} #slider_home .slider_area .arrow_top:hover {background: url("../images/arrows.png") 0px -16px no-repeat;} #slider_home .slider_area .arrow_bottom:hover {background: url("../images/arrows.png") 0px 0 no-repeat;} .top_arrow {width: 176px;height:45px;position: absolute;left:308px;background: none;z-index: 1;} .bottom_arrow {width: 176px;height:45px;position: absolute;left:308px;background: none;z-index: 1;bottom: 0px;} /****************************************/ /* NAVIGATION AREA /****************************************/ #slider_home .navigation_area {width: 147px;height:375px;overflow:hidden;background-color:pink;float:right;} #slider_home .navigation_area .slides_list {} #slider_home .navigation_area .slides_list li {width: 147px;height: 188px;} #slider_home .navigation_area .slides_list li .image_holder img {width:147px;height:105px;}/******************************************************************************* * SLIDER TYPOGRAPHY *******************************************************************************/ #slider_home h2 {font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;font-size: 22px;margin: 66px 0 20px 0; padding: 0px 16px;line-height: 28px;letter-spacing: 0.4px;} #slider_home .slider_list .text_holder p {padding: 0px 16px;font-size: 13px;line-height: 19.5px;font-weight: 400;} #slider_home .slides_list .text_holder h3 {font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;padding: 0px 10px;margin: 2px 0px 0px 0px;font-size: 16px;line-height: 22px;font-weight: 300;letter-spacing: 0.4px;} /* COPYRIGHT ******************************************************************/ #copyright {} #copyright .copyright-content {background: #E6E6E6;padding: 12px;margin-bottom: 10px;} /* END COPYRIGHT **************************************************************/ /* CONTENT BOXES **************************************************************/ #elements_iso .element .box {background-color: #AA8C44;} .content-box {background-color:#fafafa;} .content-box {padding: 12px;} .content-box h2, .content-box p { margin: 0px;} .content-box h2 {margin: 10px 0;} .content-box p { /* font-size: 13px;margin-bottom: 5px; */ margin:0; font-size:95%; line-height:1.4; } .no-thumbnail .content-box h2 {margin-top: 18px;} /* CONTENT BOXES **************************************************************/ /* GALLERY */ #featured_gellery {overflow: hidden;height: 200px;} #featured_gallery img { overflow: hidden;} /* LAYOUT *********************************************************************/ #sidebar.left-sidebar{ float:left;} #elements_iso .element .box {background-color: #f1f4ed;display: block;height:auto;padding: 6px;} #elements_iso .element .box .image { /* overflow: hidden; */ width:100%;display: block;position:relative; min-height:75px; } #elements_iso .element .box .image img { display:block; width:100%; height: auto; /* margin-bottom: -5px; */ } #elements_iso .element .box .image img.avatar { display:block; border:2px solid #ccc; width:58px; position: absolute; right:10px; bottom:-30px; z-index: 20;} #elements_iso .element .box .image .content_video_icon { background: url("../images/icons/video-icon.png") no-repeat scroll 0 0 transparent; height: 44px; width: 55px; position: absolute; top: 40%; left: 42%; z-index: 9999;} #elements_iso .element .box audio {width:296px;} div.orbit-wrapper div.timer{display:none;} div.orbit-wrapper div.slider-nav span.right{display:none;} div.orbit-wrapper div.slider-nav span.left{display:none;} #elements_iso .element .content {position: absolute;bottom:0px} /* LAYOUT *********************************************************************/ /* INFINITY SCROOL ************************************************************/ #infscr-loading {background: none repeat scroll 0 0 rgb(255, 255,255);bottom: 10px;color: #222222;font-size: 15px;font-weight: bold;left: 40%;padding: 10px;text-align: center;z-index: 100; } #infscr-loading h6 {position:relative;top:-5px;color: #E7E7E7; } /* END INFINITY SCROLL ********************************************************/ /******************************************************************************* * MENU *******************************************************************************/ /* .top-bar-jw {height: 77px;line-height: 77px;margin: 0 0 18px; padding: 0px 3px;width: 100%;} .top-bar-jw ul > li {border-right: 1px solid rgba(255, 255, 255, 0.47);float: left;list-style-image: none;list-style-type: none;} .top-bar-jw ul > li:hover {-webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .top-bar-jw ul > li.no-dropdown {position: relative; } .top-bar-jw ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: -10px; } .top-bar-jw ul > li.has-dropdown .dropdown {opacity:0;-webkit-transition: visibility 0s ease-in-out 0.25s,opacity 0.25s ease-in-out; -moz-transition: visibility 0s ease-in-out 0.25s,opacity 0.25s ease-in-out; -o-transition: visibility 0s ease-in-out 0.25s,opacity 0.25s ease-in-out; -ms-transition: visibility 0s ease-in-out 0.25s,opacity 0.25s ease-in-out; transition:visibility 0s ease-in-out 0.25s,opacity 0.25s ease-in-out;} .top-bar-jw ul > li.has-dropdown .submenu-content {padding: 18px;} */ /*.top-bar-jw ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 15px; margin-top: 14.5px; position: absolute; right: 0; top: 50%; }*/ /* .top-bar-jw ul > li.has-dropdown a:after { border: 0; padding: 0 15px; } .top-bar-jw ul > li.has-dropdown a {padding: 0px 15px;} .top-bar-jw ul > li a:not(.button) { color: white; display: block; font-size: 13px; font-weight: bold; height: 77px; line-height: 77px; padding-top: 13px; } .top-bar-jw ul > li.has-dropdown .dropdown li.active a {background: none;} .top-bar-jw ul > li.has-dropdown .dropdown li a {padding-left: 15px;} .top-bar-jw ul > li.has-dropdown:hover > .dropdown {visibility:visible;opacity:1;-webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s;} .top-bar-jw ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {display: none;} .top-bar-jw ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown { display: none; } */ .dropdown .menu-box {display: block;} .dropdown .description {min-width: 250px; padding: 0px;border-bottom: 1px solid rgba(255,255,255,0.47);font-size: 16px;line-height: 19.5px; padding: 0px 0px 18px 0px;color: #fff; font-weight: 300;} /* .top-bar-jw ul > li.has-dropdown .dropdown li a {font-weight: 300;} .top-bar-jw ul > li.has-dropdown:hover .dropdown {visibility:visible;opacity:1;transition-delay:0s;padding-bottom: 0px; border-top:0px;margin: 0px 0px 0px 0px;border-top:1px solid #fff;} .top-bar-jw ul > li.has-dropdown:hover .sub-menu .dropdown { visibility:visible;opacity:1;transition-delay:0s; display: block;border:0px;} .top-bar-jw ul li.has-dropdown .sub-menu ul.dropdown {position: static;} .top-bar-jw ul > li.has-dropdown .dropdown li.has-dropdown > a:after, .top-bar-jw ul > li.has-dropdown .dropdown li.no-dropdown > a:after {content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent white; margin-right: 20px; margin-top: -6px; position: absolute; left: 0px; top: 50%; } .top-bar-jw ul > li.has-dropdown .dropdown li {padding: 0px 0px 4px 0px;margin-bottom: 2px;} .top-bar ul > li.has-dropdown .dropdown li:last-child {padding-bottom: 4px;} .top-bar-jw ul > li.has-dropdown .dropdown li.has-dropdown > a {padding-right: 0px;} */ .sub-menu .dropdown li {float: none;} .menu-box .menu-info {float: left;width:230px;border-right: 1px solid rgba(255,255,255,0.47);margin: 0px 18px 18px 0px;padding-right: 18px;} .menu-box .custom-html {max-width: 230px;padding-top: 13px;font-size: 13px;} .menu-box .sub-menu {float: left;margin: 0 0px 0 0;padding-bottom: 9px;padding-top: 3px;} .menu-box .sub-menu ul {padding: 5px 0px !important;line-height: 100%;height:auto;} .menu-box .sub-sub-menu {float: left;border-left: 1px solid rgba(255,255,255,0.47); padding: 0px 0px 0px 18px;margin: 0px 0px 18px 18px;} .menu-box .sub-sub-menu ul {} .menu-box .sub-sub-menu li {border-bottom: 1px solid rgba(255,255,255,0.47);} .menu-box .menu-info {line-height: 19.5px;} .menu-box .menu-info h2 {margin: 5px 0px 10px 0px;} .menu-box .menu-info a {border:none !important;margin:0px;padding: 0px;position: static;} .menu-box .menu-info a:after {border:none !important;margin:0px;padding: 0px;position: static;} .menu-box .menu-info a:not(.button) {padding: 0px;height: auto;line-height: 22px;} .menu-box .menu-info img {padding-bottom: 5px;width:211px;} /* MENU TYPOGRAPHY ************************************************************/ /* .top-bar-jw ul > li a:not(.button) {font-size: 18px;font-weight: 300; } .top-bar-jw ul > li .dropdown li a:not(.button) {font-size: 16px;} .top-bar-jw ul > li:hover a, .top-bar-jw ul > li.active a {padding-top: 10px !important;} .top-bar-jw ul > li.current_page_item a, .top-bar-jw ul > li.current-menu-item a {} .top-bar-jw ul > li:not(.name):hover a, .top-bar-jw ul > li:not(.name).active a { color: #fff; } .top-bar-jw ul > li .menu-info h2 a {font-size: 16px;} */ /* DEFAULT COLOR ***************************************************************/ .top-bar-jw ul > li .dropdown li {border-bottom: 1px solid rgba(255,255,255,0.47);border-right: 0px;} /******************************************************************************* * END MENU *******************************************************************************/ /******************************************************************************* POST BOX *******************************************************************************/ .post-box {padding: 0px;} .post-box .entry-content {padding-top: 18px;margin-bottom: 18px; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif; font-size:110%; line-height:2; /**/ word-break:break-all; word-wrap:break-word; white-space:nomal; } .post-box .entry-content * { font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif; line-height:2; } .page .post-box * { word-break:break-all; word-wrap:break-word; white-space:nomal; } .post-box .entry-content blockquote, .post-box .entry-content blockquote *, .post-box .entry-content code, .post-box .entry-content code * { font-family:sans-serif !important; } .post-box #nav-single {padding: 0px;; } .post-box .entry-title {font-weight: bold; letter-spacing: 0.4px; line-height: 1.4;} .post-box h1 { clear:both; font-size:180%; line-height: 1.4;} .post-box h1.entry-title { font-size:200%; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; font-weight:500 !important; line-height:1.6; } .page .post-box h2, .single .post-box h2 { clear:both; font-size:145%; background:#f8f8f8; padding:.5em 15px; line-height:1.4; border-bottom:#ccc; box-shadow:0 1px 2px #ccc; -moz-box-shadow:0 1px 2px #ccc; -webkit-box-shadow:0 1px 2px #ccc; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } .page .post-box h3, .single .post-box h3 { font-size:120%; padding:.0075em 13px; line-height:1.2; border-left:5px solid #E46C82; } .single .post-box .entry-content h3 { clear:both; margin-top:2em; } .post-box ul { margin-left:20px; } .post-box .entry-content table { border-spacing:1px; background:#ccc; } .post-box .entry-content table th { background:#e6f3ff; } .post-box .entry-content table td { background:#fff; } .post-box .entry-content table th, .post-box .entry-content table td { padding:5px 10px; font-size:90%; line-height:1.4; } .post-box .entry-content pre { overflow: auto; padding:8px 16px; background:#f4f4f4; margin:1.5em 0; } .single .post-box .tag { margin:30px 0; padding-top:20px; border-top:2px dotted #ccc;} .post-box #respond {margin: 0px;} .post-box #comments {padding: 0px;} .post-box .jw-rating {padding: 0px;} .post-box .jw-rating-top {padding: 0} .orbit-wrapper .orbit {margin: 0px;} .page .post-box {border: 0; background:#fff; box-shadow:0 1px 2px #ccc; -moz-box-shadow:0 1px 2px #ccc; -webkit-box-shadow:0 1px 2px #ccc; padding:30px; margin-bottom:30px; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } .page .post-box h2, .page .post-box h3, .page .post-box h4 { margin: 1.5em 0 1em; } .clear {clear: both;} /* #nav-single .nav-previous {} #nav-single .nav-previous a {padding-left: 18px;} #nav-single .nav-previous a:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white red white white;border-image: none;border-style: solid;border-width: 7px 12px 7px 7px;content: "";display: block;height: 0;width: 0;position: absolute;top:3px;left:-21px;padding-left: 15px;} #nav-single .nav-next {float: right;} #nav-single .nav-next a {padding-right: 15px;} #nav-single .nav-next a:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white white white red;border-image: none;border-style: solid;border-width: 7px 7px 7px 12px;content: "";display: block;height: 0;width: 0;position: absolute;top:3px;right:-2px;} */ #nav-single { position:relative; text-align:center; width:50%; min-width:300px; margin:45px auto; } #nav-single .nav-home a, #nav-single .nav-previous a, #nav-single .nav-next a { color:#fff; padding: 7px 25px; font-size:85%; line-height: 1.6; font-weight:200; } #nav-single .nav-home a { background:#222 url(../images_original/arrow_nav-home.gif) no-repeat center center; text-indent:-1000em; margin:0 auto; padding:7px 30px; } #nav-single .nav-home a:hover { background:#222 url(../images_original/arrow_nav-home_hover.gif) no-repeat center center; text-indent:-1000em; margin:0 auto; padding:7px 30px; } #nav-single .nav-home a span { display:none; } #nav-single .nav-previous { position:absolute; left:0; top:0; /* float:left; */ } #nav-single .nav-previous a { background:#222 url(../images_original/arrow_nav-prev.gif) no-repeat left center; padding-right:15px;} #nav-single .nav-next { position:absolute; right:0; top:0; /* float: right; */} #nav-single .nav-next a { background:#222 url(../images_original/arrow_nav-next.gif) no-repeat right center; padding-left:15px;} .sidebar-none #nav-single .nav-next a:after {right: -7px;} .left-sidebar #nav-single .nav-next a:after {right: -7px; top: 3px;} .left-sidebar #nav-single .nav-previous a {padding-left: 15px;} .left-sidebar #nav-single .nav-previous a:after {left: -17px; top: 3px;} .wrap-post-box-bottom { padding-top:35px; background:url(../images_original/bg_wrap-post-box-bottom.gif) repeat-x left top; } .wrap-post-box-bottom .section { margin-bottom:35px; } .wrap-post-box-bottom .section h2 { margin:0 0 15px; padding:1em 15px; background:#f2f2f2; box-shadow:none; -mox-box-shadow:none; -webkit-box-shadow:none; font-size:100%; font-weight:bold; } .wrap-post-box-bottom .section h2 span { display:block; padding-left: 10px; border-left:5px solid #013F73; } .wrap-post-box-bottom .forSiryouseikyu { width:100%; margin: -15px 0 30px; overflow:visible; } .wrap-post-box-bottom .forSiryouseikyu a { display:block; width:100%; height:200px; background:url(../images_original/bnr_siryouseikyu_630-200_hover.gif) no-repeat center center; margin:0; overflow:visible; } .wrap-post-box-bottom .forSiryouseikyu img { width:100%; margin:0; overflow:visible; } .wrap-post-box-bottom .forSiryouseikyu a:hover img { display:none; } .contact-form-fields .need {color:#e46c82; } .contact-form-fields dt { margin-top:1.5em; font-weight:bold; } .contact-form-fields dd span { margin:0; display:inline; } .contact-form-fields .btnArea { margin: 30px auto; text-align:center; } .contact-form-fields .btnArea input { padding:.5em 1.5em; text-align:center; } .wrapContactAboutPosts { padding-bottom:30px; border-bottom:2px dotted #ccc; } .wrapContactAboutService { margin-top:30px; border:1px solid #ccc; } .wrapContactAboutService h2 { margin:0 !important; font-size:110%; } .wrapContactAboutService p { margin:0; padding:15px; font-size:100%; } /******************************************************************************* * Social share *******************************************************************************/ .share_post{min-height: 45px; width:100%; background-color: #F1F4ED; margin-bottom: 40px; } .share_post_arrow-up { width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid; margin-left: 10px;} .share_hearline{ width:70px; float: left; font-size: 22px; letter-spacing: 0.4px;line-height: 45px; text-align: center; font-family: 'Oswald','Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif !important; } .share_content{ background-color: #f4f4f4; padding-top: 12px; padding-left: 10px; margin-left: 70px;} .social_button{} /******************************************************************************* * AUTHOR INFO *******************************************************************************/ #admin_info {} #admin_info h2 { margin:0 0 15px; padding:1em 15px; background:#fff; box-shadow:none; -mox-box-shadow:none; -webkit-box-shadow:none; font-size:100%; font-weight:bold; } .post-box #admin_info { background:#f2f2f2; width:100%; padding:15px;} #admin_info .about_author {padding-bottom: 5px; border-bottom: 1px solid #F1F4ED;margin-bottom: 12px;} #admin_info .about_author h3.author_name { margin:5px 0; padding:0; font-size:100%; border:none;} #admin_info .author_desc p { margin:5px 0; } #admin_info .about_author h3.author_name *, #admin_info .author_desc * { color:#222; font-size:85%; line-height:1.4; } #admin_info .author_image { float:left; margin-right:20px; border:2px solid #fff; width:96px; height:96px; } #admin_info .author_image img {width: 96px; height:96px;} #content #admin_info .author_name { margin-left:2em; } #content #admin_info .about_author .author_desc span.author_image { float:left; margin:0 20px 20px 0; width:70px; height:70px; border:none; } #content #admin_info .about_author .author_desc span.author_image img { width:68px; height:68px; border:2px solid #ccc; } #content #admin_info .twitter_follow { text-align:right; padding:10px 0; } /* #admin_info .author_name {font-size: 18px; margin-top: 6px; float: left;padding-left: 5px;} #admin_info .author_desc {font-size: 15px; } */ #admin_info .author_name h3 {margin-bottom:0px} #admin_info .author_link {font-size: 12px; float: right; margin-top: 9px;} #admin_info .author_about {} #admin_info .backNumber h3 { font-size:100%; font-weight:bold; margin:15px 0 10px; clear:both; border:none; padding:0; } #admin_info .backNumber ul { margin:0; padding:0; list-style:none; } #admin_info .backNumber ul li { margin:7px 0; padding:0 0 0 25px; background:url(../images_original/arrow_sq_blue_13_9.gif) no-repeat left .2em; line-height:1.2; } #author-page {margin-top: 10px;} #author-page #author-social-icons {line-height: 37px;margin-bottom: 0px;} #author-page #author-social-icons li {float: left;width:37px;height:37px;list-style-type: none;list-style-image: none;margin-right: 10px;margin-bottom: 10px;} #author-page #author-social-icons li a {width:37px;height:37px;display: block;} #author-page #author-social-icons li.author-twitter {background: url("../images/icons/social-icons.png") -13px -10px no-repeat;} #author-page #author-social-icons li.author-twitter:hover {background: url("../images/icons/social-icons.png") -13px -140px no-repeat;} #author-page #author-social-icons li.author-facebook {background: url("../images/icons/social-icons.png") -68px -10px no-repeat;} #author-page #author-social-icons li.author-facebook:hover {background: url("../images/icons/social-icons.png") -68px -140px no-repeat;} #author-page #author-social-icons li.author-google {background: url("../images/icons/social-icons.png") -123px -10px no-repeat;} #author-page #author-social-icons li.author-google:hover {background: url("../images/icons/social-icons.png") -123px -140px no-repeat;} #author-page #author-social-icons li.author-linkedin {background: url("../images/icons/social-icons.png") -178px -10px no-repeat;} #author-page #author-social-icons li.author-linkedin:hover {background: url("../images/icons/social-icons.png") -178px -140px no-repeat;} #author-page #author-social-icons li.author-youtube {background: url("../images/icons/social-icons.png") -509px -10px no-repeat;} #author-page #author-social-icons li.author-youtube:hover {background: url("../images/icons/social-icons.png") -509px -140px no-repeat;} #author-page #author-social-icons li.author-flickr {background: url("../images/icons/social-icons.png") -68px -65px no-repeat;} #author-page #author-social-icons li.author-flickr:hover {background: url("../images/icons/social-icons.png") -68px -195px no-repeat;} #author-page #author-social-icons li.author-vimeo {background: url("../images/icons/social-icons.png") -453px -10px no-repeat;} #author-page #author-social-icons li.author-vimeo:hover {background: url("../images/icons/social-icons.png") -453px -140px no-repeat;} .rss .social-icons {background: url("../images/icons/social-icons.png") -288px -10px no-repeat;} .rss:hover .social-icons {background: url("../images/icons/social-icons.png") -288px -140px no-repeat;} /*************************************** * wherego-related ****************************************/ .wherego_related-posts ul { margin:0; padding:0 15px; list-style:none; } .wherego_related-posts ul li { margin:7px 0; padding:0 0 0 25px; background:url(../images_original/arrow_sq_blue_13_9.gif) no-repeat left .2em; line-height:1.2; } /*************************************** * forCasestudy ****************************************/ .wrap-post-box-bottom .forCasestudy h2 span { display:block; padding-left: 10px; border-left:5px solid #E46C82; } .forCasestudy ul { margin:0; padding:0 15px; list-style:none; } .forCasestudy ul li { font-size:85%; margin:7px 0; padding:0 0 0 25px; background:url(../images_original/arrow_sq_blue_13_9.gif) no-repeat left .2em; line-height:1.2; } /*************************************** * tb_url ****************************************/ #tb_url { width:90%; margin:0 15px;} /*************************************** * zen-back-comment ****************************************/ .zen-back-comment .wrapInner { padding:0 15px; } /******************************************************************************* * Related Posts *******************************************************************************/ #related {margin-bottom:40px} #related h4 {font-weight: 300;margin:0} #related h3,#respond h3 {border-bottom:1px solid #F1F4ED;font-family: 'Oswald','Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif;font-weight: 300;padding-bottom:11px;margin-bottom:13px} #related .tab-post-widget-img {padding-top:0px!important;} #related .tab-post-widget-content {font-size:13px;} #related .related-box{margin-bottom:8px} #related .tab-post-widget-img{float: left;padding-right: 10px;padding-top: 3px;} #related ul { margin:0; padding:0 15px; list-style:none; } #related ul li { margin:7px 0; padding:0 0 0 25px; background:url(../images_original/arrow_sq_blue_13_9.gif) no-repeat left .2em; line-height:1.2; } /******************************************************************************* * FOOTER *******************************************************************************/ .footer-content {padding-top: 18px; position:relative;} #footer-content-info .row {background: #E6E6E6;} #footer-content-info .row h6 {margin-top: 0px;} .footer-content {overflow: hidden;} #footer-content-info .four, #footer-content-info .row .four {margin-right: 18px;width:308px;} #footer-content-info #searchform .row .four {width:0px;} .row .four:last-child {float: left;} /******************************************************************************* * COPYRIGHT *******************************************************************************/ #footer-copyright {background:#444;} #footer-copyright * {font-size: 11px;} #footer-copyright .row {padding: 6px 18px; text-align:right; color:#fff; } ul.template-footer-menu {margin-bottom: 0px;line-height: 19.5px;} ul.template-footer-menu li {list-style: none;display: inline;border-right:1px solid #222222;padding-right: 8px;margin-right: 8px;} ul.template-footer-menu li:last-child {margin-right: 0px;} /******************************************************************************* * INFINITY LOAD *******************************************************************************/ #infinite_load {position: relative;} #infinite_load h6 {font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0px 0px 5px 0px;font-weight: 300;font-size: 18px;display:inline;} .infinite_load_arrow {margin-bottom: 11px;width:7px;height:7px;margin-left: 476px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #E6E6E6;} #content.eight .infinite_load_arrow {margin-left: 311px;} #infinite_load.ajax {margin-bottom: 18px;padding-bottom: 6px; position: relative;} #infinite_load.ajax .post-previous-infinite {float: left;} #infinite_load.ajax a, #post-nav.wordpress .post-next a {font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;float: right;padding: 0px 17px 0px 0px;} #infinite_load.ajax a:after, #post-nav.wordpress .post-next a:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white white white #E6E6E6;border-image: none;border-style: solid;border-width: 7px 7px 7px 12px;content: "";display: block;height: 0;width: 0;position: absolute;top:2px;right:-21px;padding-left: 15px;} #infinite_load.ajax .post-previous-infinite a, #post-nav.wordpress .post-previous a {font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;padding: 0px 0px 0px 17px;} #infinite_load.ajax .post-previous-infinite a:after, #post-nav.wordpress .post-previous a:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white #E6E6E6 white white;border-image: none;border-style: solid;border-width: 7px 12px 7px 7px;content: "";display: block;height: 0;width: 0;position: absolute;top:2px;left:-21px;padding-left: 15px;} #infinite_load.wordpress {margin-bottom: 18px;} #post-nav.wordpress {margin-bottom: 0px;padding-bottom: 6px;} #post-nav.wordpress .post-next {float: right;} #post-nav.wordpress .post-previous {float: left;} #infinite_load.infinite {border: none;} #infinite_load.none {border: none;} #infinite_load.number {border: none; margin-bottom:20px;} /******************************************************************************* * WIDGETS *******************************************************************************/ .widget ul li {list-style: none;border-bottom: 1px solid #F1F4ED;margin-bottom: 3px;padding-bottom: 2px;} /* .widget ul li a:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent transparent transparent #000; border-image: none;border-style: solid;border-width: 5px;content: "";display: block;height: 0;left: 1px;margin-right: 20px;margin-top: -16px;position: absolute;width: 0;} */ #sidebar .widget { background: #fff; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; margin-bottom: 50px !important; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } .widget ul {padding-left: 15px;} #sidebar .widget .textwidget .about_author { padding:15px; line-height: 1.5; } #sidebar .widget .textwidget .about_author .avatar { display:block; width:96px; border:2px solid #ccc; } #sidebar .widget .textwidget .about_author .author_name { font-size:105%; font-weight:bold; margin:8px 0; } #sidebar .widget .textwidget .about_author .author_desc { margin-bottom:8px; } #sidebar .widget .textwidget .about_author .author_desc p { font-size:90%; margin:0; } #sidebar .widget .textwidget .about_author .twitter_follow { text-align:center; margin:0; } #sidebar .widget h2 { font-size:110%; margin:0; padding:15px !important; line-height:1.4; background:#f2f2f2 !important; color:#333 !important; font-weight:bold; } .widget h2 * {font-size: 100%;} .blog-items-search .eight, .blog-items-search .row .eight {width: 100%;} .blog-items-search .widget {margin: 0px !important; border: 0px;padding: 0px !important;} .blog-items-search .widget_search {padding-right: 2px;width: 70%;} .blog-items-search .widget_search .four {display: none;} .blog-items-search .widget_search .four .postfix {padding: 0px 6px;margin-top: 6px;height: 20px;border:0;font-size: 12px;font-weight: 300;border-radius: 2px;} .blog-items-search .widget_search .eight {} .blog-items-search .widget_search input[type="text"] {height: 20px;border:0; margin:0; padding:0px 6px; margin-top:6px; box-shadow: none; font-size: 12px; } .widget_categories ul { margin:0; padding:0; list-style:none; } .widget_categories ul li { margin:0; padding:0; list-style:none; border-bottom:1px solid #e7e7e7; } .widget_categories ul li.current-cat { font-weight:bold; } .widget_categories ul li a { display:block; margin:0; padding:15px 15px 15px 40px; list-style:none; background: url(../images_original/arrow_cat-link_16-16.gif) no-repeat 15px center; } .widget_categories ul li a .count { display:block; float:right; border-radius:5px; padding:0 5px; text-align:cener; color:#fff; background-color:#ccc; font-family:Montserrat,Arial,sans-serif; } .widget_categories ul li.current-cat a .count { display:block; float:right; border-radius:5px; padding:0 5px; text-align:cener; color:#fff; background-color:#444; font-family:Montserrat,Arial,sans-serif; } #sidebar .widget .authorlist { padding:0 } #sidebar .widget .authorlist ul { margin:0; padding:15px 10px 10px; } #sidebar .widget .authorlist ul li { display:block; margin:0; padding:0 0 10px; width:33%; float:left; text-align:center; font-size:75%; line-height:1.2; height:80px; border:none; letter-spacing: -0.05em; } #sidebar .widget .authorlist ul li a { display:block; } #sidebar .widget .authorlist ul li img { display:block; margin:0 auto -10px; border:2px solid #ccc; } #sidebar .popular-posts ol { margin:0; padding:0; counter-reset:li; list-style:none; } #sidebar .popular-posts ol li { margin:0; padding:15px 15px 15px 55px; border-bottom:1px solid #e7e7e7; position:relative; } #sidebar .popular-posts ol li .wpp-thumbnail img { display:block; width:100%; } #sidebar .popular-posts ol li .wpp-thumbnail img.wpp_fi_def { display:none; } #sidebar .popular-posts ol li:before { content:counter(li); counter-increment:li; position:absolute; top:15px; left:15px; width:25px; font-size:16px; line-height:25px; background:#333; text-align:center; color:#fff; border:1px solid #fff; font-family: Montserrat,Arial,sans-serif; box-shadow: 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } #sidebar .popular-posts ol li a { display:block; } #sidebar .popular-posts ol li .wpp-date, #sidebar .popular-posts ol li .wpp-author { /* display:block; text-align:right; */ margin-right:.5em; font-size:75%; line-height:1.4; } #search_button {position: absolute; left:-23px;display: block;width: 15px; height: 15px; background: url("../images/search_button.png") 0 0 no-repeat;margin: 9px 13px 0px 0px;cursor: pointer;} .breadcrumbs-bar-grey #search_button {background: url("../images/search_button_black.png") no-repeat scroll 0 0 transparent} #tab-post-widget {border: 1px solid #F1F4ED;margin-bottom: 18px;margin-top: 2px;} #tab-post-widget ul.tabs-content {padding: 0px 16px} .tabs dd.active, #featured-right.tabs li.active {margin-left: -1px;} #tab-post-widget .tabs {background: #e6e6e6;} #tab-post-widget .tab-post-row {margin-bottom: 15px;} #tab-post-widget dl.tabs dd a {font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;letter-spacing: 0.4px;padding: 0 16px;border-right: 1px solid #fff;} #tab-post-widget .tab-post-widget-img {float: left;padding-right: 15px;padding-top: 3px;} #tab-post-widget .tab-post-widget-content h3, #related .tab-post-widget-content h3 {font-size: 14px;margin-top: 0px;margin-bottom: 0px;} #tab-post-widget .tab-post-widget-content span {font-size: 13px;color: #9b9b9b; float: left;} #tab-post-widget .tab-post-widget-comment-avatar {float: left;padding-right: 15px;} #tab-post-widget .tabs dd a:focus, .tabs li a:focus {color: #000;} #tab-post-widget h3 a {font-family: 'Droid Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;padding: 0px;margin: 0px 0px 0px 0px;font-size: 13px;line-height: 17px;font-weight: 400;} .tagcloud a {display: inline-block;background: #e6e6e6;border-radius: 3px 3px 3px 3px;font-size: 13px !important;line-height: 14px;margin: 0px 1px 4px 0px;padding: 3px 8px 3px 8px;} /* Social Icons */ #featured-right #social_widget {padding: 13px 1px 13px 16px;} #social_widget {border: 1px solid #F1F4ED;margin-bottom: 18px;} /* TWITTER */ #jw-tweets-widgets ul {padding-left: 0px;} #jw-tweets-widgets ul li {border: none;font-size: 13px; list-style: none;background: url('../images/icons/tweet.png') 0 5px no-repeat;padding-left: 30px;margin-bottom: 10px;} #jw-tweets-widgets ul li a {color: #28AAE1} #jw-tweets-widgets ul li a:after {border: none;} /*banner*/ .google_ads_box{margin-bottom: 18px;} /* FLICKR *********************************************************************/ .flickr_photo {padding-right: 3px; display: Inline;} /* CALENDAR *******************************************************************/ #wp-calendar {margin-bottom: 13px;} #wp-calendar caption {font-weight: bold;border-top: 1px solid #F1F4ED;border-left: 1px solid #F1F4ED;border-right: 1px solid #F1F4ED; padding: 6px 0px;} table tbody tr:nth-child(2n) {background: none repeat scroll 0 0 #FFF;} .widget_calendar #wp-calendar {border-collapse: collapse;border-spacing: 0;} table thead, table tfoot {background: none repeat scroll 0 0 #E6E6E6;} .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {border: 1px solid #F1F4ED;text-align: center;} table tfoot {background: #fff;} /* SOCIAL WIDGET **************************************************************/ .social {display: block; float:left; width: 50%;margin-bottom: 15px;} .last-social-item {margin-bottom: 0px;} .social img{ float:left; width: 32px; height: 32px;} .social a {color:#666666; float:left; padding-left: 10px; font-size: 13px; line-height: 130%;padding-top: 2px;} .social .social-icons {width: 37px; height:37px;float: left;} .social span {text-transform: uppercase;font-weight: bold;} .google .social-icons {background: url("../images/icons/social-icons.png") -123px -10px no-repeat;} .google:hover .social-icons {background: url("../images/icons/social-icons.png") -123px -140px no-repeat;} .twitter .social-icons {background: url("../images/icons/social-icons.png") -13px -10px no-repeat;} .twitter:hover .social-icons {background: url("../images/icons/social-icons.png") -13px -140px no-repeat;} .facebook .social-icons {background: url("../images/icons/social-icons.png") -68px -10px no-repeat;} .facebook:hover .social-icons {background: url("../images/icons/social-icons.png") -68px -140px no-repeat;} .linkedin .social-icons {background: url("../images/icons/social-icons.png") -178px -10px no-repeat;} .linkedin:hover .social-icons {background: url("../images/icons/social-icons.png") -178px -140px no-repeat;} .youtube .social-icons {background: url("../images/icons/social-icons.png") -509px -10px no-repeat;} .youtube:hover .social-icons {background: url("../images/icons/social-icons.png") -509px -140px no-repeat;} .flickr .social-icons {background: url("../images/icons/social-icons.png") -68px -65px no-repeat;} .flickr:hover .social-icons {background: url("../images/icons/social-icons.png") -68px -195px no-repeat;} .rss .social-icons {background: url("../images/icons/social-icons.png") -288px -10px no-repeat;} .rss:hover .social-icons {background: url("../images/icons/social-icons.png") -288px -140px no-repeat;} .vimeo .social-icons {background: url("../images/icons/social-icons.png") -453px -10px no-repeat;} .vimeo:hover .social-icons {background: url("../images/icons/social-icons.png") -453px -140px no-repeat;} .wordpress .social-icons {background: url("../images/icons/social-icons.png") -453px -10px no-repeat;} .wordpress:hover .social-icons {background: url("../images/icons/social-icons.png") -453px -140px no-repeat;} .yahoo .social-icons {background: url("../images/icons/social-icons.png") -453px -10px no-repeat;} .yahoo:hover .social-icons {background: url("../images/icons/social-icons.png") -453px -140px no-repeat;} /* SEARCH *********************************************************************/ #searchform {margin: 0px;position: relative; } #searchform input[type="text"] {margin-bottom: 0px;} #searchform .eight {width: 100%;} #searchform .four {width: 15px;} #searchform .four {position: absolute;right:12px;top:4px;} #searchsubmit.button {height:15px;background: url("../images/search_button-grey.png") no-repeat scroll 0 50% transparent;padding: 0px;width: 15px;margin: 0px;border:0px; color: transparent; } body.page-id-23 #searchform { visibility:hidden; } /* CALENDAR *******************************************************************/ #calendar_wrap table {width:100%;} /* TAG CLOUD ******************************************************************/ .widget_tag_cloud {padding-bottom: 13px;} /* CUSTOM MENU ****************************************************************/ ul.sub-menu li {border: none; } .widget ul li ul li a:after {left: 15px;} /* LOGIN WIDGETS **************************************************************/ .usericon {float: left;margin-right: 13px;} .social_connect_ui {margin-top: 13px;} .social_login {margin-right: 10px; width: 37px; height: 37px; float: left;} .social_login a {display: block; width: 37px; height: 37px;} .social_connect_with {margin-bottom: 13px;} .tab_content_login form {margin-bottom: 0px;} /* ARCHIVE WIDGET *************************************************************/ .widget_archive select {margin-bottom: 13px;} /* WIDGETS RSS ****************************************************************/ .widget_rss ul {padding-left: 0px;} .widget_rss ul li a.rsswidget {display: block;} .widget_rss ul li a:after {border:none;} .widget_rss .rss-date {font-size: 13px; color: #9B9B9B;} .widget_rss .rssSummary {font-size: 13px;} /* RECENT COMMENTS ************************************************************/ .widget_recent_comments ul {padding-left: 0px;} .widget_recent_comments ul li a:after {border:none;} /* RECENT POST ****************************************************************/ .widget_recent_entries ul {padding-left: 0px;} .widget_recent_entries ul li a {display: block;} .widget_recent_entries ul li a:after {border:none;} .widget_recent_entries .post-date {font-size: 13px; color: #9B9B9B;} /* FLICKER WIDGET *************************************************************/ .widget_flickr {padding-bottom: 13px;padding-top: 13px;} .flickr_widget_content {text-align: center;} /* LOGIN WIDGET ***************************************************************/ .social_login .social-icons {width: 37px; height:37px;float: left;} .rememberme {float: left;} .tab_container_login .contact_submit_button {float: right;} .tab_container_login .contact_form_button {background: #F1F4ED;position: relative;padding: 10px 12px;} .tab_container_login .contact_form_button.active {-webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .tab_container_login .contact_form_button.active .user-submit,.tab_container_login .contact_form_button.active label {-webkit-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out;} .tab_container_login .contact_form_button.active .contact_form_arrow {-webkit-transition: border-bottom-color 0.25s ease-in-out; -moz-transition: border-bottom-color 0.25s ease-in-out; -o-transition: border-bottom-color 0.25s ease-in-out; -ms-transition: border-bottom-color 0.25s ease-in-out; transition: border-bottom-color 0.25s ease-in-out;} .tab_container_login .contact_form_arrow {right:17px;top:-10px;position: absolute;border-right: 10px solid #fff;border-left: 10px solid #fff;border-bottom: 10px solid #F1F4ED;height: 0;width: 0;} .tab_container_login .user-submit {-webkit-appearance: none;cursor:pointer;background: #F1F4ED;border:0px;font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;} .tab_container_login .rememberme label {font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:13px;} .tab_container_login #user_pass {margin-bottom: 19px;} .contact_form h2 strong {font-weight: 300;} /* TEXT WIDGET ****************************************************************/ /* .widget_text {padding-bottom: 13px;} */ /* JAWTWEETS ******************************************************************/ ul.jw-tweets-widgets-tweets {margin-bottom: 0px;} #jw-tweets-widgets ul li:last-child {margin-bottom: 0px !important;} /* FOOTER WIDGETS *************************************************************/ #footer-content-info .widget { border:none; padding:0 18px;} #footer-content-info .widget h2 { font-size:100%; font-weight:bold; background: none; border-bottom:1px solid rgba(255,255,255,0.47); padding:6px 0;} #footer-content-info .widget h2 a { display:block; padding:1px 0 1px 18px; color:#fff; font-weight:bold; background:url(../images_original/icon_footer-sitelink.gif) no-repeat left center; } #footer-content-info ul {padding-left: 0px;} #footer-content-info .widget .textwidget li { font-size:68.75%; line-height:1.2; margin:10px 0; padding:0; color:#fff; font-weight:normal; } .footer-list li {position: relative; display: initial;float:left;border: none !important;margin-right: 7px;} .footer-content .widget li {border: 0px;} #footer-content-info .widget li ul {padding-left: 15px;} /* .footer-content .widget li a, .footer-list li a {padding-left: 10px;color:#fff;font-size: 13px;} .footer-content .widget li a:after, .footer-list li a:after {position: absolute !important;border-color: transparent transparent transparent #ffffff !important;} */ #footer-content-info .widget li a {padding:0 0 0 9px; color:#ddd; font-weight:normal; background:url(../images_original/icon_footer-link.gif) no-repeat left 5px; } .footer-content abbr {color:inherit;border-bottom:none} .footer-content .widget.widget_recent_entries li a {padding-left: 0px} #footer-content-info .contact_form {margin-bottom: 18px;} #footer-content-info .contact_form .contact_form_button.active {background: none repeat scroll 0 0 #F1F4ED !important; opacity: 0.9;} #footer-content-info .contact_form .contact_form_button.active .contact_submit {background: none repeat scroll 0 0 #F1F4ED !important; opacity: 0.9; color: #000 !important;} #footer-content-info .contact_form .contact_form_button.active .contact_form_arrow {border-bottom-color: #F1F4ED !important; opacity: 0.98;} #footer-content-info .widget.widget_search {margin-bottom: 36px !important;} #footer-content-info .jw-tweets-widgets-tweets li a {padding-left: 0px;} /* CONTACT FORM ****************************************************************/ .contact_form .contact_form_button {background: #F1F4ED;position: relative;padding: 10px 12px;} .contact_form .contact_form_button.active {-webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .contact_form .contact_form_button.active .contact_submit {-webkit-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out;} .contact_form .contact_form_button.active .contact_form_arrow {-webkit-transition: border-bottom-color 0.25s ease-in-out; -moz-transition: border-bottom-color 0.25s ease-in-out; -o-transition: border-bottom-color 0.25s ease-in-out; -ms-transition: border-bottom-color 0.25s ease-in-out; transition: border-bottom-color 0.25s ease-in-out;} .contact_form .contact_form_arrow {right:17px;top:-10px;position: absolute;border-right: 10px solid #fff;border-left: 10px solid #fff;border-bottom: 10px solid #F1F4ED;height: 0;width: 0;} .contact_submit {-webkit-appearance: none;cursor:pointer;background: #F1F4ED;border:0px;font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;} #captcha_form {margin-top:0px;} #captcha_question {float:left;line-height: 21px;margin-right: 3px;color: #222222;} #form_required {float: right;} #form_submit{float: right; position:relative;} #form_answer{float:left;} #captcha_form{float: left;} .contact_form #form_answer {height: 21px; padding: 0;margin:0;border:0;font-size: 12px;} .contact_form textarea {margin-bottom: 6px;} .contact_form form {margin-bottom: 0px;} .contact_form h6, .contact_form h6 strong {font-weight: 300;} .submenu-content .contact_form h6 {margin-top: 3px;} .jw_contact_error.active_log {background: #F2B5B5;border: 1px solid #A81010; border-radius: 2px; margin-bottom: 13px; padding: 6px;} .jw_contact_error.active_log ol {padding-left: 0px;margin-bottom: 0px;height: auto;display: block;} .jw_contact_error.active_log ol li {border: 0px !important;list-style: none;background: none !important;} .jw_contact_form .jw_contact_name.required {border: 1px solid #A81010;} .jw_contact_form .jw_contact_email.required {border: 1px solid #A81010;} .jw_contact_form .jw_contact_message.required {border: 1px solid #A81010;} .jw_contact_form .jw_contact_capcha_answer.required {border: 1px solid #A81010 !important;} .copyright-menu {text-align: right;} /* Author widget *************************************************************** #jw-author-widgets .author_image{float:left; margin-right: 14px; } #jw-author-widgets .author_name {float:left; width: 185px; margin-top: 0px;} #jw-author-widgets .author_info #author-page #author-social-icons li a:after{border: 0; } #jw-author-widgets .author_info #author-page { left: -15px; margin-top: 10px; position: relative; width: 300px;}*/ /******************************************************************************* * END WIDGETS *******************************************************************************/ /******************************************************************************* PORTFOLIO *******************************************************************************/ .eight .portfolio {width: 670px;} .portfolio .portfolio-item-desc {padding: 0px 6px;} .portfolio .portfolio-item-desc p {margin-bottom: 10px;} .portfolio_categories {height: 34px;background-color: #CA181F;margin-bottom: 18px;position: relative;} .portfolio_categories_item {float: left;color: white;display: block; font-size: 12px;position:relative; top:10px;left: 7px; line-height: 14px;} .portfolio_categories_item a{float: left;color: white;display: block;font-size: 12px;padding: 0 6px 0;border-right: 1px solid white; line-height: 14px;} .portfolio-item-image{width: 100%;position: relative;overflow: hidden; font-size: 25px;} .portfolio-item-image img{opacity: 1;width: 100%;} .image_overlay{height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index: 1000;opacity: 0; } .portfolio-item-icon_zoom{background: url('../images/portfolio/cross-icon.png') no-repeat scroll 50% 50% } .portfolio-item-icon_play{background: url('../images/portfolio/video-icon.png') no-repeat scroll 50% 50% } .portfolio-item-icon_link{background: url('../images/portfolio/link-icon.png') no-repeat scroll 50% 50% } .portfolio-item-icon_doc{background: url('../images/portfolio/post-icon.png') no-repeat scroll 50% 50% } .portfolio-item{margin-right: 18px;background-color: #E6E6E6;margin-bottom: 18px;} .portfolio-rows{margin-top: 20px;} .portfolio-item-image{position: relative;width: 100%;} .portfolio-item-details{padding-top: 10px;padding-bottom: 4px;} .portfolio-item-details h2 {margin-top: 0px;font-size: 18px; text-align: center; font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.4px;line-height: 28px;margin-bottom: 8px;} .portfolio-item-details p{text-align: center;} .blog-items-search {height: 34px;position: relative;} .portfolio-item-frame {display: block; line-height: 0px; font-size: 0px;} /* TO TOP *********************************************************************/ #totop {display: none;cursor: pointer;position: fixed;right:25px;bottom: 10px;border-radius: 2px;width: 50px; height: 50px; background: transparent;padding: 17px 13px; z-index: 999999;opacity:0.8;} .totop-button {} .totop-arrow-up { background: url('../images/arrows-top.png') no-repeat scroll 0 0 transparent;width:23px;height:15px;} /* TO TOP *********************************************************************/ /* COMMENTS *******************************************************************/ #comments ol {margin-left: 0px;} #comments ol li, #comments ul li {list-style-type: none;list-style-image: none;} .author-avatar {float: left;} .comment-item {border: 1px solid #F1F4ED;background: #F1F4ED; margin-left: 86px;} #comments .children {margin-top: 18px;margin-left: 43px;} #comments .children .comment {margin-top: 18px;} #comments .children .comment-item {margin-left: 86px;} .comment-item-content {padding: 18px;position: relative;} .box_arrow {background-image: url("../images/box_arrow.png"); width:9px;height:15px;position: absolute;top:20px;left: -10px;} #comments .reply {text-align: center;} #comments li.comment {margin-bottom: 18px;} .comment-onethird {float: left; width: 35%;margin-right: 18px;} .comment-twothird {float: left; width: 61.99%;} #respond #commentform label {font-size: 12px;} #respond #commentform input {width: 100%;} #respond #commentform textarea {height: 175px;} #respond #commentform #submit {width: 100%;text-align: right;} #respond #commentform .respond-submit-button {text-align: right;margin-right: -4px;} #respond #commentform .contact_form_button {width: 33%; background: #F1F4ED;position: relative;padding: 10px 12px;margin-bottom: 18px;float: right;} #respond #commentform .contact_form_button.no-login {width: 50%;} #respond #commentform .contact_form_button.active {-webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} #respond #commentform .contact_form_button.active .contact_submit {-webkit-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out;} #respond #commentform .contact_form_button.active .contact_form_arrow {-webkit-transition: border-bottom-color 0.25s ease-in-out; -moz-transition: border-bottom-color 0.25s ease-in-out; -o-transition: border-bottom-color 0.25s ease-in-out; -ms-transition: border-bottom-color 0.25s ease-in-out; transition: border-bottom-color 0.25s ease-in-out;} #respond #commentform .contact_form_arrow {right:17px;top:-10px;position: absolute;border-right: 10px solid #fff;border-left: 10px solid #fff;border-bottom: 10px solid #F1F4ED;height: 0;width: 0;} #respond #commentform .form-submit {width: 33%; background: #F1F4ED;position: relative;padding: 10px 12px;margin-bottom: 18px;float: right;} #respond #commentform .form-submit #submit {-webkit-appearance: none;cursor:pointer;background: #F1F4ED;border:0px;font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;} #respond #commentform .form-submit.active, #respond #commentform .form-submit.active #submit {-webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} #respond #commentform .form-submit.active .contact_form_arrow {-webkit-transition: border-bottom-color 0.25s ease-in-out; -moz-transition: border-bottom-color 0.25s ease-in-out; -o-transition: border-bottom-color 0.25s ease-in-out; -ms-transition: border-bottom-color 0.25s ease-in-out; transition: border-bottom-color 0.25s ease-in-out;} /* COMMENTS *******************************************************************/ .morebutton {background: none repeat scroll 0 0 rgb(255, 255,255);bottom: 10px;color: #222222;font-size: 15px;font-weight: bold;left: 40%;text-align: center;z-index: 100;cursor: pointer;} /* RATING *********************************************************************/ .ratig-background-stars {background: url('../images/rating/stars.png') 0 -20px no-repeat;display: block;width:110px;height:18px;cursor: pointer;float:right;} .rating-top-stars {background: url('../images/rating/stars.png') 0 0 no-repeat;display: block;width:110px;height:18px} .jw-rating-top .ratig-background-stars, .jw-rating-top .rating-top-stars {background-image: url('../images/rating/starstec-grey.png')} .jw-rating-bottom .ratig-background-stars, .jw-rating-bottom .rating-top-stars {background-image: url('../images/rating/starstec-grey.png')} .ratig-background-percent {background:none; display: block;width:100px;height:18px;cursor: pointer;position: relative;float:right} .rating-top-percent {background: none;display: block;width:100px;height:18px;} .jw-rating-top .ratig-background-percent {background-color: rgba(255,255,255,0.8);} .jw-rating-bottom .ratig-background-percent {background-color: rgba(255,255,255,0.8);} .jw-rating-top .rating-top-percent {background-color: #F8C741;} .jw-rating-bottom .rating-top-percent {background-color: #F8C741;} .rating-top-percent-value {position: absolute; right: 0px;top:0px;font-size: 13px;} .jw-rating-bottom {margin-bottom: 18px;} .jw-rating-row {background-color: #F1F4ED;padding: 5px 0px 5px 10px; border-bottom: 2px solid #fefefe;} .jw-rating-row-title {padding: 6px 10px;} .jw-rating-row-title h6, .jw-rating-row-title h6 strong {font-size: 20px;font-weight: 300;margin: 0px;} .jw-rating-criteria-name {font-weight: 300;font-size: 13px;} .jw-rating-area-percent {padding-right: 10px;margin-top: 2px;} .jw-rating-row-total-score {text-align: center;} .jw-rating-row.jw-rating-row-overall-box {padding: 0px;} .jaw-rating-row-desc {min-height: 54px; float: left;width: 510px; background-color: #F1F4ED; color: #000; padding: 6px 10px;} .jw-rating-top .jaw-rating-row-desc {width: 197px;} .sidebar-none .jw-rating-top .jaw-rating-row-desc {width: 355px;} .jw-rating-bottom .jaw-rating-row-desc {width: 510px;} .jaw-rating-row-desc p {margin: 0; } .jw-rating-row-overall {width: 120px; float: right;padding: 10px 0px;} .jw-rating-row-total-score span { font-size: 24px;} .jw-rating-top {float:left;width:50%;margin: 0px 10px 10px 0px;} .jw-rating-row-overall-content {position: absolute;right:-14px;top:-4px;} .tab-post-widget-content.has_image {padding-left:65px} .rating-top-percent-value-visible {position: absolute !important;top:4px;left:4px;} .tab-post-widget-content .ratig-background-stars {background-image: url('../images/rating/starstec-grey.png') ; float:left;} .tab-post-widget-content .jw-rating-row-overall-content {left: 0px; position: relative; top: 2px; height: 0px;margin-top:1px; height: 100%; } .tab-post-widget-content .rating-top-percent {background-color: #F8C741} .tab-post-widget-content .ratig-background-percent {background-color: rgba(235,235,235,0.8); float:none;} .tab-post-widget-content .jw-rating-area-percent {padding-right: 0px; margin-right: -1px;} .tab-post-widget-content .jw-rating-area-stars {padding-right: 0px; margin-right: -13px;} .tab-post-widget-content .rating-top-percent-value {line-height:19.5px} #rating-widget {padding-bottom: 0px;} #rating-widget .tab-post-widget-content h3 {margin-top: 0px;margin-bottom: 2px; font-size: 13px;font-weight: 400; line-height: 17px;} #rating-widget .tab-post-widget-content span {font-size: 13px;color: #9b9b9b} #rating-widget .tab-post-widget-img { float: left; padding-right: 15px; padding-top: 3px;} #rating-widget .rating-widget-row { margin-bottom: 15px;} /* END RATING *****************************************************************/ /******************************************************************************* * BACKGROUND IMAGE *******************************************************************************/ .template-back-image img {width: 100%;} /******************************************************************************* * END BACKGROUND IMAGE *******************************************************************************/ /******************************************************************************* * APP.CSS *******************************************************************************/ .clearfix:after {clear: both;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:before, .clearfix:after {content: "";display: table;} /*******************************************************************************/ /* MEDIA QUERIES **************************************************************/ @media handheld, only screen and (max-width: 1310px) { .skyscrapper {display: none;} } /***************** default */ header#header { background:#fff url(../images_original/bg_header.jpg) repeat-x left bottom; margin-bottom:20px; text-align:cener; padding:0; } .wrapHeader { padding-bottom:0; margin-bottom:0; } .top-bar, .top-bar-jw { display:block; float:right; background:#000 !important; height:auto; width:auto; min-height:auto; line-height:auto; max-width:487px; } .top-bar, .top-bar-jw { background:none !important; margin-top:0; } .top-bar *, .top-bar-jw *, .top-bar-jw a:hover { background:none !important; font-size:15px !important; font-weight:bold !important; font-family:"ヒラギノ角ゴPro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; color:#444 !important; } .top-bar-jw ul { width:auto; height:auto; display: inline; } .top-bar-jw li { border-right:1px solid #444; width:auto !important; height:auto !important; float:left; } .top-bar-jw ul > li { float:left; } .top-bar ul li a { line-height:1.4 !important; height:auto !important; width:auto !important; padding: .4em 1.75em !important; } .top-bar ul li.gnHome a { /* display:block !important; */ width:60px !important; text-indent:-1000em !important; background:url(../images_original/gn_home.gif) no-repeat center center !important; } .top-bar ul li.gnHome a:hover { background:url(../images_original/gn_home_hover.gif) no-repeat center center !important; } header .site-description { width:260px; position:absolute; right:0; bottom:0; margin:0; font-size:85.714285%; line-height:1.4; font-weight:bold; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; } #loginform { margin-top:10px; } .social_connect_form { padding-bottom:10px; } #content.eight { width: 690px; } #content.archive .post-box {} #content.twelve .one_col{ width:308px; margin-right:18px;} #content.eight .one_col { width:210px; margin-right:30px;} .row {width: 960px;} .twelve #elements_iso {width:990px;} .eight #elements_iso {width:720px; overflow:visible !important; } #sidebar {width:240px; float:right; padding:0;} #sidebar .sidebar-box {padding: 0px 0px 0px 0px;} #sidebar.left-sidebar{padding-left:0px;padding-right:12px} #content.left-sidebar{float:right;padding-left: 6px;} #content.eight.right-sidebar{padding-right: 0;} .single #content.eight.right-sidebar { width:690px; margin-bottom:30px; padding:0; background: #fff; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } .single #content.eight.right-sidebar article { padding:30px; } .single #content.eight.right-sidebar article header { } .single #content.eight.right-sidebar article header .categories span, .archive #content.eight.right-sidebar h1 .categories, .search #content.eight.right-sidebar h1 .categories { color: #fff; font-weight: bold; font-size: 110%; line-height: 1.4; z-index: 100; padding: 5px 15px; text-align: center; } .archive #content.eight.right-sidebar h1 .categories, .search #content.eight.right-sidebar h1 .categories { font-size:50%; float:right; } .single #content.eight.right-sidebar article header .meta { font-size:110%; clear:both; } .single #content.eight.right-sidebar article header .meta * { color: #222; font-size: 100%; font-weight:bold; } #template-box { width: 960px; background:none; } .portfolio_categories { width: 960px;} #content.right-sidebar .portfolio_categories {width: 635px;} #footer-content-info { background: #444; width:100%; margin:0; } #footer-content-info .four, #footer-content-info .row .four {width:192px;} .footer-content {width:960px; overflow:hidden;} #footer-content-info .row .per20 {width:20%;} #elements_iso .element .box { background: #fff; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; behavior: url(http://knowledge.sakura.ad.jp/PIE.htc); } #elements_iso .element .content-box { background: #fff; color: #000; word-break:break-all; word-wrap:break-word; white-space:nomal; } .archive #elements_iso .element .content-box, .search #elements_iso .element .content-box { background:none; } #elements_iso .element .box:hover * a { text-decoration:underline; } /* イベントレポート(catID 4) */ #elements_iso .category_custom_4 .box, #elements_iso .category_custom_4:hover .content-box, #elements_iso .category_custom_4:hover .box { background-color: #AFEBC2 !important; } /* サーバ技術・リサーチ(catID 5) */ #elements_iso .category_custom_5 .box, #elements_iso .category_custom_5:hover .content-box, #elements_iso .category_custom_5:hover .box { background-color: #C1CDE8 !important; } /* やってみたシリーズ(catID 6) */ #elements_iso .category_custom_6 .box, #elements_iso .category_custom_6:hover .content-box, #elements_iso .category_custom_6:hover .box { background-color: #FDEA91 !important; } /* ちょっと一息(catID 7) */ #elements_iso .category_custom_7 .box, #elements_iso .category_custom_7:hover .content-box, #elements_iso .category_custom_7:hover .box { background-color: #F5CBD2 !important; } /* 業界のハナシ(catID 8) */ #elements_iso .category_custom_8 .box, #elements_iso .category_custom_8:hover .content-box, #elements_iso .category_custom_8:hover .box { background-color: #C3C3C3 !important; } /* 共通 */ #elements_iso .one_col .box { background-color: #f4f4f4 !important; } #elements_iso .one_col:hover .content-box, #elements_iso .one_col:hover .box { background-color: #fff !important; } .archive #elements_iso .one_col:hover .content-box, .archive #elements_iso .one_col:hover .box, .search #elements_iso .one_col:hover .content-box, .search #elements_iso .one_col:hover .box { background-color: transparent !important; } #footer-content-info .p-mark, #footer-content-info .iso-mark { float: right; margin: 10px; } #footer-content-info .p-mark, #footer-content-info .p-mark a { } #footer-content-info .iso-mark, #footer-content-info .iso-mark a { } .facebookOuter { margin-bottom:18px; width: 100% !important; max-width: 690px; } div.fb_iframe_widget { margin:0 !important; } div.fb_iframe_widget, div.fb_iframe_widget iframe[style], div.fb_iframe_widget span { width: 100% !important; max-width: 690px; } #footer-content-info #footer-copyright #copyright span { display: block; width: 100%; height: 60px; background: #444 url(../images_original/logo_sakura-mono.gif) no-repeat right top; text-align: left; text-indent: -1000em; } .wrapSocialBtn { padding:7px 10px; background:#d4d4d4; /* height:34px; */ border-top:1px dotted #ddd; } .wrapSocialBtn .social_button { } .wrapSocialBtn .social_button iframe { margin:0 !important; padding:0 !important; } .social_button2 { display:block; height:20px; margin:0; padding-right:5px; float:left; } .social_button2 .social_link { display:block; height:20px; width:20px; } .social_button img, .social_button2 img { display:block; height:20px !important; width:20px !important; padding:0; } .social_button2 img { border:none; float:left; } .social_button2 .social_count { background:#fff; color:#333; font-size:9px !important; height:20px; line-height:20px; padding:0 5px; text-align:center; float:left; font-family:Montserrat,Arial,sans-serif !important; } .single .post-box .wrapSocialBtn { border:none; background:none; padding:0; float:right; height:21px; } .single .post-box .share_content .wrapSocialBtn { float:none; height:auto; } .single .post-box .wrapSocialBtn .social_button { width:auto; padding:0; margin-left:10px; float:right; height:21px; width:120px; overflow:hidden; } .single .post-box .wrapSocialBtn .social_button iframe { margin:0 !important; } #elements_iso .wrapSocialBtn { padding-bottom:0; } #elements_iso .social_button { margin:0 !important; } .archive #elements_iso .social_button, #elements_iso .large .social_button { width:33%; overflow:hidden; float:left; } #sidebar .widget .wrapSocialBtn { border:none; float:none; clear:both; background:none; padding:0; height:20px; margin-top:5px; } #sidebar .widget .wrapSocialBtn .social_button2 { padding:0 5px 0 0; } #sidebar .widget .newIcon { position:absolute; left:13px; bottom:13px; /* float:left; margin-left:-40px; margin-top:-10px; */ width:25px; } body.tag #content .post-box h1 .textCategory, body.category #content .post-box h1 .textTag { display:none; } .error404 .post-box { padding-right:30px; } body.error404 .post-box ul { margin:auto 0; padding:0; list-style:none; } body.error404 .post-box ul li { margin:auto 0; padding:0 0 0 28px; list-style:none; background: url(../images_original/arrow_cat-link-rev_16-16.gif) no-repeat left center; } /***************** pc */ @media only screen and (min-width: 960px) { .footer-content .markimg { float: none; position: absolute; right: 0; bottom: 0; } #content.right-sidebar.eight .element.large { width:450px !important; } .featured-area {width: 960px;} .archive #content.eight .one_col, .archive #content.eight .element.large, .search #content.eight .one_col, .search #content.eight .element.large { width:690px !important; margin:0 0 30px !important; background:#f4f4f4 !important; float:none; clear:both; } .archive #content.eight .one_col .box, .archive #content.eight .element.large .box, .search #content.eight .one_col .box, .search #content.eight .element.large .box { border:6px solid #f4f4f4; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } .archive #content.eight .one_col:hover .box, .archive #content.eight .large:hover .box, .search #content.eight .one_col:hover .box, .search #content.eight .large:hover .box { border:6px solid #fff; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } .archive #elements_iso .element .box .image, .search #elements_iso .element .box .image { width:200px; float:left; margin-right:20px; padding:0; } .archive #elements_iso .element .content-box, .search #elements_iso .element .content-box { width:390px; float:left; /* margin-bottom:-25px; */ } .archive #elements_iso .element .wrapSocialBtn, .search #elements_iso .element .wrapSocialBtn { width:100%; clear:both; margin-top:10px !important; /* padding:0; background:none; border:none; margin:0; padding-top:-20px !important; */ /* height:20px; */ } .archive #elements_iso .element .wrapSocialBtn .social_button, .search #elements_iso .element .wrapSocialBtn .social_button { float:left; width:33%; } .category #elements_iso .element .categories { display:none; } .archive .element .caption, .search .element .caption { padding-left:0; padding-right:0; } .category .element .caption { padding-right:0; clear:right; } .author .caption .caption-content a { display:none; !important } .archive .element .box header, .search .element .box header { clear:both; } } /***************** tablet */ @media only screen and (min-width: 768px) { } @media handheld, only screen and (max-width: 959px) { #slider_home {width: 485px;} #slider_home .navigation_area {display: none;} /* .google_ads_box {display:none;width:0 !important;height:0 !important;margin:0!important} .google_ads_box .box {width:0;height:0;}*/ #template-box {width: auto;} .top-bar-jw { float:left; width:100%; } /* .top-bar-jw {display: none;} .mobile-menu-visble {display: block;} .mobile-menu li.name {display: block;} .top-bar.expanded {height: 67px !important;} */ .top-bar.expanded { padding-bottom:10px !important; } .sidebar-box .tab-post-widget-content .jw-rating-row-overall-content {float:left;height:inherit;position:inherit} .error404 .post-box .imgContain, .page-id-22 .post-box .imgContain { width:30%; float:right; margin: 0 0 0 10px !importamt; } .error404 .post-box .imgContain img, .page-id-22 .post-box .imgContain img { margin:0 !important; } } @media only screen and (device-width: 768px) and (orientation: landscape) { .template-back-image {display:none;} #searchform .four {right:10px !important; top: 4px !important;} } /******************** tablet */ @media only screen and (max-width: 959px) and (min-width: 768px) { .ifSMPNone { display:none; } header#header { padding:0 0 13px; } #main.row { width:720px; } .archive .post-box h1, .archive .post-box hr, .search #content h1, .search #content hr { width: 450px; } #sidebar { width:240px !important; float:right !important; } .reverie-header-banner { margin:0; padding:0 0 13px; } #searchform { width:155px; margin:0; padding:0; } #content.right-sidebar.eight .element.large { width:450px !important; } .facebookOuter { max-width: 450px; } .single .post-box header .wrapSocialBtn { margin:0 0 10px; float:none; clear:both; height:21px; } .single .post-box header .wrapSocialBtn .social_button { margin:0 0 15px; float:left; } .single .post-box header p.categories { clear:both; float:none; } .top-bar, .top-bar-jw { float:none; margin:0 !important; width:auto; display:block; padding:0 !important; clear:both; line-height:auto; } .top-bar li, .top-bar-jw li { margin:13px 0 !important; } .reverie-header-banner {float:none; position:absolute; right:0; bottom:0; margin:0; } #template-box {width: 720px;} .row {min-width: 720px;} .row {max-width: 720px;} .featured-area {width: 720px;} .portfolio_categories {width: 100%;} /* #slider {width: 406px;} */ #slider_home {width: 406px;} #slider_home .slider_area .slider_list li {width: 406px;} #slider_home .slider_area {width: 406px;} #slider_home .slider_area .slider_list li .text_holder {left:257px; width: 149px;} .top_arrow {left: 257px;width:149px;} .bottom_arrow {left: 257px;width:149px;} #tab-post-widget dl.tabs dd a {padding: 0px 10px;} #content.eight { width: 480px !important; } /* #content.eight .one_col {width:250px;margin-right:12px;} .right-sidebar .sidebar-box {padding-left:18px} .left-sidebar .sidebar-box {padding-right:18px} #content.right-sidebar.eight .element {width:235px !important;margin-right:18px;} #content.left-sidebar.eight .element {width:235px !important;margin-right:18px;} */ #footer-content-info .four, #footer-content-info .row .four {width:232px !important;margin-right:18px;} .comment-twothird {float: left; width: 60.99%;} #elements_iso{width:900px} #content.twelve .one_col {width:232px;margin-right:18px;} .twelve #elements_iso {width:750px} .twelve .footer-content {width:720px} .twelve .footer-content .four {width: 232px;} .eight #elements_iso {width:480px;} #content.left-sidebar{ float:right} /* .template-logo {width:90% !important;height:auto;} */ .jw-rating-row-overall-content {top: -26px;} .template-back-image {display: none;} .jw-rating-bottom .jaw-rating-row-desc {width: 365px;} .jw-rating-top .jaw-rating-row-desc {width: 244px;} #nav-single .nav-previous a:after {top: 3px;} #nav-single .nav-next a:after {right: -7px; top: 3px;} #elements_iso .element .box .image .content_video_icon {position: absolute; top: 38%; left: 37.5%; } #searchform .four {right:10px !important; top: 4px !important;} .infinite_load_arrow {margin-left: 361px;} #content.eight .infinite_load_arrow {margin-left: 239px;} #footer-content-info .row .per20 {width:25%;} .single #content.eight.right-sidebar, .page #content.eight.right-sidebar { width:450px !important; } .single #content.eight.right-sidebar article, .page #content.eight.right-sidebar article { padding:15px; } .wrap-post-box-bottom .forSiryouseikyu a { height:133px; background:url(../images_original/bnr_siryouseikyu_630-200_hover.gif) no-repeat center center; background-size:420px 133px; margin:0; overflow:visible; } .archive #content.eight .one_col, .archive #content.eight .element.large, .search #content.eight .one_col, .search #content.eight .element.large { width:450px !important; margin:0 0 30px !important; background:#f4f4f4 !important; float:none; clear:both; } .archive #content.eight .one_col .box, .archive #content.eight .element.large .box, .search #content.eight .one_col .box, .search #content.eight .element.large .box { border:6px solid #f4f4f4; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } .archive #content.eight .one_col:hover .box, .archive #content.eight .large:hover .box, .search #content.eight .one_col:hover .box, .search #content.eight .large:hover .box { border:6px solid #fff; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } .archive #elements_iso .element .box .image, .search #elements_iso .element .box .image { width:200px; float:left; margin-right:0; padding:0; } .archive #elements_iso .element .content-box, .search #elements_iso .element .content-box { width:220px; float:left; /* margin-bottom:-25px; */ } .archive #elements_iso .element .wrapSocialBtn, .search #elements_iso .element .wrapSocialBtn { width:100%; clear:both; /* padding:0; background:none; border:none; margin:0; padding-top:-20px !important; height:20px; */ } .archive #elements_iso .element .wrapSocialBtn .social_button, .search #elements_iso .element .wrapSocialBtn .social_button { float:left; width:33%; } .category #elements_iso .element .categories { display:none; } .archive .one_col .newIcon, .search .one_col .newIcon { margin-left:0; } .archive .element .caption, .search .element .caption { clear:both; padding-left:0; padding-right:0; } .category .element .caption { padding-right:0; clear:right; } .author .caption .caption-content a { display:none; !important } .archive .element .box header, .search .element .box header { clear:both; } .author #content #admin_info { width:450px; } .single .post-box .share_content { padding:5px 0 5px 10px; } .single .post-box .share_content .wrapSocialBtn, .single .post-box .wrap-post-box-bottom .wrapSocialBtn { height:auto; } .single .post-box .wrap-post-box-bottom .wrapSocialBtn { float:none; padding-top:10px; border-top:2px dotted #ccc;} .single .post-box .share_content .wrapSocialBtn .social_button, .single .post-box .wrap-post-box-bottom .wrapSocialBtn .social_button { float:none; padding:8px; margin:0; height:36px; } } /** 不要か？ **********/ /* @media handheld, only screen and (max-width: 767px) { #template-box { background:#00f !important; } .template-back-image {display:none;} .featured-area {width: 719px;} #featured-right {display:none;} #slider {display:none;} header { position: relative; } header .subheader { margin-bottom: 0; } header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; } header .menu-action .button.small { padding: 8px; } header .menu-action .button.small svg { opacity: 0.5; } header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; } header h4 { font-size: 17px; font-size: 1.7rem; } .reverie-header-banner {padding-top: 0px; margin-bottom: 20px;} .reverie-header-banner img {width: 450px;} .reverie-header-banner {display:none;} .blog-items-sortby {display: none;} .top-bar-jw {display: none;} .mobile-menu-visble {display: none;} .mobile-menu-selectbox {display: block;} .comment-onethird {width: 100%;float:none;} .comment-twothird {width: 100%;float:none;} #respond #commentform #submit {margin-left: 0px;} .eight .portfolio {width: 320px;} .portfolio-item {width: 284px !important;} #slider_home {display:none;} #footer-content-info .four, #footer-content-info .row .four {width: 284px;} .infinite_load_arrow {margin-left: 137px;} #content.eight .infinite_load_arrow {margin-left: 137px;} } */ @media only screen and (max-width: 767px) { .ifSMPNone { display:none; } .single #content.eight.right-sidebar article header .categories span { display:block; } .post-box #nav-single a span, .single #content.eight.right-sidebar article header .wrapSocialBtn { display:none; } .post-box .wrapSocialBtn, .post-box .wrapSocialBtn .share_link { height:auto; float:none; } header#header { padding-bottom:15px; margin-bottom:10px; } div.reverie-header { margin:0 0 16px 0; padding:18px 0 0 0; float:none; clear:both; width:100%; } div.reverie-header h1 { width:100px; height:37px; } div.reverie-header h1 a img { width:100px; height:37px; } div.reverie-header h1 a:hover { color: #181818; } #searchform { display:none; } header .site-description { width:175px; position:absolute; right:0; bottom:0; margin:0; font-size:60%; line-height:1.6; font-weight:bold; font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif !important; } .facebookOuter { margin-bottom:30px; width: 100% !important; max-width: 444px !important; } .error404 .post-box { padding:0 10px 10px; } .error404 #sidebar {width:320px; float:none; margin-top:30px;} #sidebar .widget { margin-bottom:30px !important; } .wrap-post-box-bottom .forSiryouseikyu a { height:auto; background:none; } .wrap-post-box-bottom .forSiryouseikyu a:hover img { display:block; } .archive #content.eight .one_col .box, .archive #content.eight .element.large .box, .search #content.eight .one_col .box, .seearch #content.eight .element.large .box { border:6px solid #f4f4f4; background:#fff !important; } .archive #content.eight .one_col:hover .box, .archive #content.eight .large:hover .box, .search #content.eight .one_col:hover .box, .search #content.eight .large:hover .box { border:6px solid #fff; background:#fff !important; } .category #elements_iso .element .categories { display:none; } .archive .one_col .newIcon, .search .one_col .newIcon { margin-left:0; } .archive .element .caption, .search .element .caption { clear:both; padding-left:0; padding-right:0; } .category .element .caption { padding-right:0; clear:right; } .author .caption .caption-content a { display:none; !important } .archive .element .box header, .search .element .box header { clear:both; } #content #admin_info .author_name { margin-left:0; display:block; } #content.eight .one_col { margin-bottom:20px; } .single #content.eight.right-sidebar article { padding:15px; } #nav-single { position:relative; text-align:center; width:100%; min-width:270px; margin:30px auto; } .post-box .entry-content { font-size:90%; line-height:1.8; } .post-box .entry-content * { line-height:1.8; } .single #content.eight.right-sidebar article header .meta { font-size:85%; } .post-box h1.entry-title { font-size:150%; line-height:1.6; font-weight:bold; } .page .post-box h2, .single .post-box h2 { font-size:130%; padding:.4em 10px; } figure.figure.alignright, figure.figure.alignleft { max-width:50%;} figure.figure.alignright img, figure.figure.alignleft img { max-width:100%;} figure.figure.alignright figcaption, figure.figure.alignleft figcaption { max-width:100%; } .single .post-box .share_content { padding:5px 0 5px 10px; } .single .post-box .share_content .wrapSocialBtn, .single .post-box .wrap-post-box-bottom .wrapSocialBtn { height:auto; } .single .post-box .wrap-post-box-bottom .wrapSocialBtn { float:none; padding-top:10px; border-top:2px dotted #ccc;} .single .post-box .share_content .wrapSocialBtn .social_button, .single .post-box .wrap-post-box-bottom .wrapSocialBtn .social_button { float:none; padding:8px; margin:0; height:36px; } .archive #content.eight.right-sidebar h1 .categories, .search #content.eight.right-sidebar h1 .categories { font-size:50%; float:none; display:block; margin-bottom:15px; } .page .post-box { padding:15px; } .archive #elements_iso .social_button, #elements_iso .large .social_button { width:100%; float:none; clear:both; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .mobile-menu-visble, .top-bar {display: none;} .mobile-menu-selectbox {display: block;} #template-box {width: 320px;} .eight #elements_iso {width:320px;} .featured-area {width: 100%;} #content.twelve .one_col, #content.eight .one_col {width:300px;margin-right:0px;} #content.twelve .two_col {width:300px;} #content{width:300px!important;} .row {width: 300px } .portfolio_categories {width: 300px;} .twelve .footer-content {width:300px} .twelve .footer-content .four {width: 300px;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width:100%!important;} #searchform .row .mobile-three {width: 100% !important;} #searchform .row .mobile-one {width: 15px !important;} .wrap-post-box-bottom .forSiryouseikyu a { height:auto; background:none; } .wrap-post-box-bottom .forSiryouseikyu a:hover img { display:block; } .archive #elements_iso .social_button, #elements_iso .large .social_button { width:100%; float:none; clear:both; } } /* iPhone4 */ @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) { .mobile-menu-visble, .top-bar {display: none;} .mobile-menu-selectbox {display: block;} #template-box {width: 480px;} .featured-area {width: 444px;} .row {width: 444px !important; /* background:#0f0 !important; */ } #content {width:462px !important; /* background:#fc0 !important; overflow:hidden; */ } #content .post-box {width:444px;} #content.archive .post-box, #content.search .post-box {width:462px;} #content.archive, #content.search {width:462px !important;} .eight .portfolio {width: 462px !important;} #content #infinite_load {width: 444px;} .portfolio_categories {width: 444px;} #content.twelve .one_col, #content.eight .one_col, #content.twelve .two_col {width:444px !important; margin:0 18px 18px 0 !important; float:none; clear:both; } .jw-rating-row-overall-content {top: -26px;} #slider_home {display:none;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width:100%!important;} /* .twelve .footer-content {width: 444px;} #footer-content-info .row {width: 444px;} #footer-content-info .four, #footer-content-info .row .four.columns {width: 444px !important;} .widget {width: 444px;} */ .twelve .footer-content, #footer-content-info .row, #footer-content-info .four, #footer-content-info .row .four.columns, .widget { width: 100% !important; } #searchform .four {right: 14px !important;} .breadcrumbs .blog-items-search {margin-right: -1px;} #nav-single .nav-next a:after {right: 11px;top: 3px} #nav-single .nav-previous a:after {top: 3px} .jaw-rating-row-desc {width: 324px;} .infinite_load_arrow {margin-left: 214px;} #content.eight .infinite_load_arrow {margin-left: 214px;} .blog-items-search {width: 180px;} .blog-items-search #searchform #s {width: 175px} .wrap-post-box-bottom .forSiryouseikyu a { height:auto; background:none; } .wrap-post-box-bottom .forSiryouseikyu a:hover img { display:block; } .archive #content.eight.right-sidebar h1, .archive #content.eight.right-sidebar h, .search #content.eight.right-sidebar h1, .search #content.eight.right-sidebar hr { width:444px; } #elements_iso .element .box { border:6px solid #f4f4f4; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } #elements_iso .element .box:hover { border:6px solid #fff; background:#fff url(../images_original/bg_archive_col-one.gif) no-repeat right center !important; } #elements_iso .element .box .image { display: block; width: 50%; height: auto; float: left; margin-right:0; padding:0; } #elements_iso .element .box .image img { display:block; width:100%; height:auto; } #elements_iso .element .content-box { width:50%; float:left; /* margin-bottom:-25px; */ padding:12px; } #elements_iso .element .wrapSocialBtn { width:100%; clear:both; /* padding:0; background:none; border:none; margin:0; padding-top:-20px !important; height:20px; */ } #elements_iso .social_button, .archive #elements_iso .social_button, #elements_iso .large .social_button { width:33% !important; float:left !important; clear:none; } #elements_iso .large .newIcon { float:none; } .category #elements_iso .element .categories { display:none; } .archive .one_col .newIcon, .search .one_col .newIcon { margin-left:0; } .archive .element .caption, .search .element .caption { clear:both; padding-left:0; padding-right:0; } .category .element .caption { padding-right:0; clear:right; } .author .caption .caption-content a { display:none; !important } .archive .element .box header, .search .element .box header { clear:both; } .author #content #admin_info { width:444px; } .single #content.eight.right-sidebar { width:444px !important; } #totop { right: 10px; bottom: 10px; } } /*************************** smartphone320 */ @media only screen and (max-width: 479px) { .mobile-menu-visble, .top-bar {display: none;} .mobile-menu-selectbox {display: block;} #searchform { display:none; } #container { overflow:hidden; } #template-box {width: 320px;} .featured-area {width: 100%;} #content.twelve .one_col, #content.eight .one_col {width:300px;margin-right:0px;} #content.twelve .two_col {width:300px;} #content{width:300px!important;} .row {width: 300px } .portfolio_categories {width: 300px;} .jw-rating-row-overall-content {top: -26px;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width:100%!important;} #footer-content-info { margin: 0; } #footer-content-info .four, #footer-content-info .row .four {width:300px!important;margin-right: 0px} #footer-content-info .row, .footer-content { width:100%; } #slider_home {display:none;} .row .mobile-three {width: 100% !important;} .blog-items-search {margin-right: -1px;} #searchform .row .mobile-one {width:15px !important;} #searchform .four {right: 12px !important;} #nav-single .nav-next a:after {right: -7px;top: 1px} #nav-single .nav-previous a:after {top: 1px} .jw-rating-top {width: 300px;} .jw-rating-top .jaw-rating-row-desc {width: 300px;} .jw-rating-row-overall {padding-bottom: 5px;} #nav-single .nav-next a:after {top: 3px} #nav-single .nav-previous a:after {top: 3px} .portfolio .portfolio_categories {display:none;} .infinite_load_arrow {margin-left: 137px;} #content.eight .infinite_load_arrow {margin-left: 137px;} .blog-items-search {width: 180px;} .blog-items-search #searchform #s {width: 175px} .wrap-post-box-bottom .forSiryouseikyu a { height:auto; background:none; } .wrap-post-box-bottom .forSiryouseikyu a:hover img { display:block; } #totop { right: 10px; bottom: 10px; } } @media screen and (max-width:400px) { @-ms-viewport{ width:320px; } } /* RETINA READY ***************************************************************/ @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #slider_home .slider_area .arrow_top {background: url("../images/retina/arrows-ret.png") -25px -14px no-repeat;background-size: 48px 24px;} #slider_home .slider_area .arrow_bottom {background: url("../images/retina/arrows-ret.png") -25px 2px no-repeat;background-size: 48px 24px;} #slider_home .slider_area .arrow_top:hover {background: url("../images/retina/arrows-ret.png") 0px -14px no-repeat;} #slider_home .slider_area .arrow_bottom:hover {background: url("../images/retina/arrows-ret.png") 0px 2px no-repeat;} .twitter .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -13px -10px no-repeat;background-size: 563px 247px;} .twitter:hover .social-icons {background: url("../images/retina/social-icons-retina.png")-13px -140px no-repeat;} .google .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -123px -10px no-repeat;background-size: 563px 247px;} .google:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -123px -140px no-repeat;} .facebook .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -68px -10px no-repeat;background-size: 563px 247px;} .facebook:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -68px -140px no-repeat;} .linkedin .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -178px -10px no-repeat;background-size: 563px 247px;} .linkedin:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -178px -140px no-repeat;} .youtube .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -509px -10px no-repeat;background-size: 563px 247px;} .youtube:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -509px -140px no-repeat;} .flickr .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -68px -65px no-repeat;background-size: 563px 247px;} .flickr:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -68px -195px no-repeat;} .rss .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -288px -10px no-repeat;background-size: 563px 247px;} .rss:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -288px -140px no-repeat;} .vimeo .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -453px -10px no-repeat;background-size: 563px 247px;} .vimeo:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -453px -140px no-repeat;} .wordpress .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -453px -10px no-repeat;background-size: 563px 247px;} .wordpress:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -453px -140px no-repeat;} .yahoo .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -453px -10px no-repeat;background-size: 563px 247px;} .yahoo:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -453px -140px no-repeat;} .rss .social-icons {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -288px -10px no-repeat;background-size: 563px 247px;} .rss:hover .social-icons {background: url("../images/retina/social-icons-retina.png") -288px -140px no-repeat;} #search_button {width: 15px; height: 15px; background: url("../images/retina/search_button-ret.png") 0 0 no-repeat;background-size: 15px 15px;} .breadcrumbs-bar-grey #search_button {background: url("../images/retina/search_button_black-ret.png") no-repeat scroll 0 0 transparent;background-size: 15px 15px;} #searchsubmit.button {background: url("../images/retina/search_button-grey-ret.png") no-repeat scroll 0 0 transparent;background-size: 15px 15px;} #searchform .four {position: absolute;right:3px;top:8px;} .box_arrow {background-image: url("http://knowledge.sakura.ad.jp/wp/wp-content/themes/flyingnews/images/retina/box_arrow.png"); background-size: 9px 15px;} #author-page #author-social-icons li.author-twitter {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -13px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-twitter:hover {background: url("../images/retina/social-icons-retina.png") -13px -140px no-repeat;} #author-page #author-social-icons li.author-facebook {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -68px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-facebook:hover {background: url("../images/retina/social-icons-retina.png") -68px -140px no-repeat;} #author-page #author-social-icons li.author-google {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -123px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-google:hover {background: url("../images/retina/social-icons-retina.png") -123px -140px no-repeat;} #author-page #author-social-icons li.author-linkedin {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -178px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-linkedin:hover {background: url("../images/retina/social-icons-retina.png") -178px -140px no-repeat;} #author-page #author-social-icons li.author-youtube {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -509px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-youtube:hover {background: url("../images/retina/social-icons-retina.png") -509px -140px no-repeat;} #author-page #author-social-icons li.author-flickr {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -68px -65px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-flickr:hover {background: url("../images/retina/social-icons-retina.png") -68px -195px no-repeat;} #author-page #author-social-icons li.author-vimeo {width:37px;height:37px;background: url("../images/retina/social-icons-retina.png") -453px -10px no-repeat;background-size: 563px 247px;} #author-page #author-social-icons li.author-vimeo:hover {background: url("../images/retina/social-icons-retina.png") -453px -140px no-repeat;} .ratig-background-stars {background: url('../images/retina/stars-ret.png') 0 -21px no-repeat;background-size: 110px 44px;width:110px;height:18px;} .rating-top-stars {background: url('../images/retina/stars-ret.png') 0 0 no-repeat;width:110px;height:18px;background-size: 110px 44px;width:110px;height:18px;} .jw-rating-top .ratig-background-stars, .jw-rating-top .rating-top-stars {background-image: url('../images/retina/starstec-grey-ret.png')} .jw-rating-bottom .ratig-background-stars, .jw-rating-bottom .rating-top-stars {background-image: url('../images/retina/starstec-grey-ret.png')} #jw-tweets-widgets ul li {background: url('../images/retina/tweet-ret.png') 0 5px no-repeat;background-size: 24px 20px;} .portfolio-item-icon_zoom{background: url('../images/retina/cross-icon-ret.png') no-repeat scroll 50% 50%; background-size: 308px 279px;} .portfolio-item-icon_play{background: url('../images/retina/video-icon-ret.png') no-repeat scroll 50% 50%; background-size: 308px 279px;} .portfolio-item-icon_link{background: url('../images/retina/link-icon-ret.png') no-repeat scroll 50% 50%; background-size: 308px 279px;} .portfolio-item-icon_doc{background: url('../images/retina/post-icon-ret.png') no-repeat scroll 50% 50%;background-size: 308px 279px; } #elements_iso .element .box .image .content_video_icon { background: url('../images/retina/video-icon-ret.png') no-repeat scroll 0 0 transparent; background-size: 55px 44px;} } /* END RETINA READY ***********************************************************/ /******************************************************************************* * *******************************************************************************/ /* BUTTONS ------------------------------------------------------------------ */ .button {margin: 0 5px;} .button-small span {font-size: 100%;} .button-medium span {font-size: 120%;} .button-large span {font-size: 140%;} .button-red {background: none repeat scroll 0 0 #E32B23;} .button-red:hover {background-color: #E32B23; color: white;} .button-blazeorange {background: none repeat scroll 0 0 #FF6600;} .button-blazeorange:hover {background-color: #FF6600; color: white;} .button-orange {background: none repeat scroll 0 0 #FF9900;} .button-orange:hover {background-color: #FF9900; color: white;} .button-blue {background: none repeat scroll 0 0 #154890;} .button-blue:hover {background-color: #154890; color: white;} .button-lightblue {background: none repeat scroll 0 0 #6699FF;} .button-lightblue:hover {background-color: #6699FF; color: white;} .button-teal {background: none repeat scroll 0 0 #028482;} .button-teal:hover {background-color: #028482; color: white;} .button-green {background: none repeat scroll 0 0 #7ABA7A;} .button-green:hover {background-color: #7ABA7A; color: white;} .button-salmon {background: none repeat scroll 0 0 #FF717E;} .button-salmon:hover {background-color: #FF717E; color: white;} .button-pistachio {background: none repeat scroll 0 0 #97C30A;} .button-pistachio:hover {background-color: #97C30A; color: white;} /* END BUTTONS -------------------------------------------------------------- */ /* NOTICES ------------------------------------------------------------------ */ .notice {border-radius: 6px 6px 6px 6px;color: #444444;font-weight: bold;padding: 15px;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);} .approved {background: none repeat scroll 0 0 #D1EED1;} .attention {background: none repeat scroll 0 0 #FDF5D9;border: 1px solid #FCEEC1;} .info {background: none repeat scroll 0 0 #DDF4FB;border: 1px solid #C8EEF9;} .alert {background: none repeat scroll 0 0 #FDDFDE;border: 1px solid #FBC9C8;} /* NOTICES ------------------------------------------------------------------ */ /* HIGHLIGHT ---------------------------------------------------------------- */ em.highlight {border-radius: 4px 4px 4px 4px;color: #FFFFFF;font-style: normal;font-weight: bold;padding: 0px 4px; margin-right: 4px;text-shadow: none;} .highlight-red {background: none repeat scroll 0 0 #E32B23;} .highlight-blazeorange {background: none repeat scroll 0 0 #FF6600;} .highlight-orange {background: none repeat scroll 0 0 #FF9900;} .highlight-blue {background: none repeat scroll 0 0 #154890;} .highlight-lightblue {background: none repeat scroll 0 0 #6699FF;} .highlight-teal {background: none repeat scroll 0 0 #028482;} .highlight-green {background: none repeat scroll 0 0 #7ABA7A;} .highlight-salmon {background: none repeat scroll 0 0 #FF717E;} .highlight-pistachio {background: none repeat scroll 0 0 #97C30A;} /* HIGHLIGHT ---------------------------------------------------------------- */ /* IFRAME *********************************************************************/ /* IFRAME *********************************************************************/ /* LAYOUT *********************************************************************/ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {position: relative;margin-right: 2%;float: left;} .one_half {width: 48%;} .one_third {width: 31%;} .two_third {width: 66%;} .one_fourth {width: 23%;} .three_fourth {width: 74.5%;} .one_fifth {width: 18%;} .two_fifth {width: 38%;} .three_fifth {width: 59.2%;} .four_fifth {width: 79%;} .one_sixth {width: 14.5%;} .five_sixth {width: 83%;} .last{margin-right: 0 !important;clear: right; } .one_half .one_half {margin-right: 2%;width: 44%;} .one_half .one_third {margin-right: 2%;width: 27%;} .one_half .two_third {margin-right: 2%;width: 62%;} .two_third .one_third {margin-right: 2%;width: 30%;} .two_third .two_third {margin-right: 2%;width: 64%;} .two_third .one_fourth {margin-right: 2%;width: 22%;} /* LAYOUT *********************************************************************/ /* BLOCKQUOTE *****************************************************************/ /* blockquote {border:0;background: url("../images/quote-up.png") no-repeat scroll 0 0 transparent;padding: 5px 0 0 35px;} */ blockquote p {background: url("../images/quote-down.png") no-repeat scroll 100% 100% transparent;padding: 0 35px 5px 35px; margin:0;} blockquote code { display:block; background: url("../images/quote-down.png") no-repeat scroll 100% 100% transparent;padding: 0 35px 5px 35px; margin:0;} blockquote { margin:1.5em 0; padding:15px; border:1px solid #ccc; background: #e6f3ff url("../images/quote-up.png") no-repeat 15px 15px; } /* BLOCKQUOTE *****************************************************************/ /* TOGGLE *********************************************************************/ .toggle_content {display: none;} .toggle {background: url('../images/toggle.png') -29px 3px no-repeat;} .toggle_active {background: url('../images/toggle.png') 0px -56px no-repeat;} .toggle h4 {margin-left: 15px;} /* TOGGLE *********************************************************************/ /* DIVIDER BACK TO TOP ********************************************************/ .divider_top {border-top: 1px solid #EAEAEA; clear: both; display: block; height: 23px; position: relative; width: 100%;margin-top: 18px;} .divider_top a { color: #B5B5B5; font-size: 12px; padding: 0 0 0 5px; position: absolute; text-decoration: none; top: -10px; background-color: #fff; right: 0px; } /* DIVIDER BACK TO TOP ********************************************************/ /* DIVIDER LINE ***************************************************************/ .divider_line {border-top: 1px solid #EAEAEA; clear: both; display: block; height: 23px; width: 100%;margin-top: 18px;} /* DIVIDER LINE ***************************************************************/ /* DIVIDER ADVANCED ***********************************************************/ .divider_adv {clear: both;display: block;} /* DIVIDER ADVANCED ***********************************************************/ /* DIVIDER ADVANCED TO TOP ****************************************************/ .divider_adv_to_top {border-top: 1px solid #EAEAEA; clear: both; display: block; height: 23px; position: relative;} .divider_adv_to_top a {position: absolute;right: 0px;text-decoration: none;top: -7px; background-color: #fff;font-size: 12px;padding: 0 0 0 5px;} /* DIVIDER ADVANCED TO TOP ****************************************************/ /******************************************************************************* * END SHORTCODES *******************************************************************************/ /******************************************************************************* * PRETTY PHOTO SECTION *******************************************************************************/ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /******************************************************************************* * END PRETTY PHOTO SECTION *******************************************************************************/