/*
celtispack プラグイン用スタイルシート
Version: 1.4.1
Author: Celtislab
Author URI: http://celtislab.net
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* =Alignments Extras
-------------------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
  zoom: 1;
}

/* =Adsense 表示部
-------------------------------------------------------------- */
.left .Linkunit_async_ads,
.left .Responsive_async_ads {
    margin-right: 20px;
    margin-left: 0;
}

.right .Linkunit_async_ads,
.right .Responsive_async_ads {
    margin-right: 0;
    margin-left: 20px;
}

.center .Linkunit_async_ads,
.center .Responsive_async_ads {
    margin-right: auto;
    margin-left: auto;
}

.adsense_async_code ins {
	background: #FFFFFF;
}

/*  関連/最新/更新記事表示部 
-------------------------------------------------------------- */
.recent-item,
.related-item {
    clear: both;
    margin: 0px 10px;
    padding: 5px 0px;
    overflow: hidden;
}

.recent-item a img.alignleft,
.related-item a img.alignleft {
    margin: 0px 10px 10px 1px;
}

.recent-thumbnail,
.related-thumbnail {
    float: left;
    margin: 0px;
    min-width: 82px;
    hight: auto;
}

.recent-info,
.related-info {
    overflow: hidden;
}

.recent-info a,
.related-info a {
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5;
    margin: 2px 0;
    padding: 0;
	border: none;
}

.recent-info p,
.related-info p {
    color: #606060;
    font-size: 85%;
    line-height: 1.5;
    margin: 2px 0;
}

/* ページビューと人気記事 
-------------------------------------------------------------- */
/* jQuery タブ */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.5; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 16px; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .3em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none; }
.ui-tabs .ui-tabs-nav a { margin: 3px 6px; }

.ui-state-default,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { border: 1px solid #dddddd; background-color: #f4f4f4; font-weight: bold; color: #0073ea; }
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited { color: #0073ea; text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background-color: #0073ea; font-weight: bold; color: #ffffff; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active { border: 1px solid #dddddd; background-color: #0073ea; font-weight: bold; color: #ffffff; }
.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.graph {
    position: relative; /* IE is dumb */
    max-width: 80%;
}

.graph .bar {
    display: block;
    position: relative;
    background: #058DC7;
    text-align: left;
    color: #f0ffff;
    height: 0.8em;
    line-height: 0.8em;
    float: left;
    margin: 6px 8px 2px 2px;
}
.graph .bar span { position: absolute; left: 1em; }

.ga-pvp-table {
    margin: 1px 6px 6px;
}

.ga-pvp-table th,
.ga-pvp-table td {
    padding: 2px;
    vertical-align: middle;
}

.ga-pvp-titlewrapper a {
    display: inline !important;
}

.ga-pvp-titlewrapper p {
    margin: 2px 0px; 
    overflow: auto;
    zoom: 1;
}

.ga-pvp-titlewrapper:after {
	content: ' ';
	display: table;
    clear: both;
}

.ga-pvp-titlewrapper a img.alignleft {
    margin: 0px 10px 10px 1px;
}

.ga-pvp-graphwrap {
    margin-left: 80px;
}

.ga-pvp-linkurl {
    float: right;
    margin: 1px 20px 5px 20px;
}

/* Google code Prettify 
-------------------------------------------------------------- */
.prettyprint {
	padding: 8px;
    font-size: 13px;
}

/* スクロールボタン 
-------------------------------------------------------------- */
.cp-scroll {
    color: #FFFFFF;
    background-color: #6d8fff;
    width: 42px;
    text-align: center;
    padding: 5px 0px;
    border: solid 1px #6d8fff;
    border-radius: 1em;
}

.scroll-to-top,
.scroll-up,
.scroll-down {
	cursor: pointer;
	opacity: .7;
	position: fixed;
	right: 12px;
	z-index: 999;
}

.scroll-to-top {
	bottom: 160px;
}

.scroll-up {
	bottom: 110px;
}

.scroll-down {
	bottom: 60px;
}

.scroll-to-top:hover,
.scroll-up:hover,
.scroll-down:hover {
	opacity: .9;
}