@charset "UTF-8";

/* bootstrap上書き
/* 旧のぞきっくすCSS上書き
/* 基本タグ
/* clearfix（回り込み解除）
/* サイト構造
/* 見出し
/* 画像
/* ヘッダー
/* フッター
/* サイドバー
/* リンク・更新情報テーブル
/* アコーディオン(ヒント用)
/* ギャラリー
/* スクロール固定用
*/

/* bootstrap上書き
/***********************************************/
/* bootstrap.min.cssの#2a9fd6を#CC0000に全置換*/

/* ナビゲーションバー*/
.navbar{
	background: -moz-linear-gradient(top, #660000, #330000);
    background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#330000));
	border-color: #330000;
    /* IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#660000', endColorstr='#330000');
    /* IE10 */
	background: linear-gradient(to bottom, #660000, #330000); 
    }

.navbar-inverse .navbar-nav > li > a {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	text-decoration:underline;
	}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
	text-decoration:none;
	}

.navbar-inverse .navbar-nav .open .dropdown-menu > li >  a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li >  a:focus {
	text-decoration:none;
	}
	
@media (max-width:767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li >  a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li >  a:focus {
		text-decoration:underline;
		}
	}
	
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #FFFFFF;
	}

.dropdown-header {
	font-size: 1.5rem;
	color: #EEEEEE;
	font-weight: bold;
	background-color:#444444;
	}
	
@media (max-width:767px){
	.dropdown-header{
		background-color:#660000;
		}
	}
	
.navbar-inverse .navbar-toggle{
	border-color:#FFFFFF;
	}
	
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{
	background-color:#CC0000;
	}

/* サイドバーナビゲーション */
.nav-pills .disabled a{
	padding-left: 0.3rem;
	}

	
/* ページャー */
.pager > li > a{
	text-decoration:none;
	}

.pager > li > a:hover,
.pager > li > a:focus{
	color: #FFFFFF;
	}

/* ボタン */
.btn-primary{
	background-color:#333333;
	border-color:#555555
	}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
	background-color:#CC0000;
	border-color:#990000
	}

/* ラベル（#CC0000に置換したのを青に変更） */
.label-primary{
	background-color:#0099CC;
	}


/* 基本タグ
/***********************************************/
body{
	color: #BBBBBB;
}

a:link,a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	color:#FF99CC;
	}

a img {
	border:0px;
	}
	
ul {
	padding-left:1.5rem;
	}
li {
	margin-bottom: 0.5rem;
	}

strong {
	color: #FF3333;
	font-weight: normal;
	}

/* clearfix（回り込み解除）
/***********************************************/
.clearfix{
	display: inline-block;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
	}

/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
	}

.clearfix{
	display:block;
	}
/* End Hack */

/* サイト構造
/***********************************************/
/* サイドバーが右にある場合は使わなくてもOK */
#maincontents{
	float: right;
	}

#sidebar{
	float: left;
	}

/* 見出し
/***********************************************/

h1 {
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #CC3366;
	color: #FFFFFF;
	padding: 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}

.caption1 {
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #CC3366;
	color: #FFFFFF;
	padding: 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
/* h1と揃えるためのmargin,padding */
	margin:20px 0 10px 0;
	padding:3px 0 5px 6px;
	}

h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFCC00;
	padding: 2px;
	margin:2px;

	}
	
h4 {
	font-size: 1.6rem;
	color: #ffcc00;
	font-weight:bold;
	}


.caption4 {
	font-size: 1.6rem;
	color: #ffcc00;
	font-weight:bold;
/* h4と揃えるためのmargin,padding */
	margin-bottom: 8px;
	}

/* 画像
/***********************************************/

.f-left{
	float: left;
	margin-right: 1rem;;
	}
	
/* ヘッダー
/***********************************************/
.title_logo {
	margin: 10px 0;
	position: relative;
	}
.title_logo span{
	position: absolute;
    bottom: 0;
	}

.title_logo_sp{
	margin-top: -6px;
	}
	
#sp_menubar{
	float: left;
	}

#sp_menu{
	color: #FFFFFF;
	float:right;
	line-height: 14px;
	margin-left:6px;
	}

/* フッター
/***********************************************/
#footer {
	text-align: center;
	border-top: solid 1px #666666;
	margin-top: 4rem;
	padding:2rem 0;
	}

/* サイドバー
/***********************************************/
.sidebar_topic{
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #660000;
	color: #FFFFFF;
	padding: 6px;
	margin:10px 0 4px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}

/* スクロール停止用（フッターに被るのでマージン取る） */
#fixedside{
	margin-top:2rem;
	margin-bottom:5rem;
	}

#calendar table {
	width: 95%;
	background-color:#000000;
	}
#calendar td,th {
	text-align: center;
	}

#calendar td {
	color: #777777;
	}
	
.rank_list{
	padding-left:2rem;
	}

.link_list{
	list-style-type:none;
	padding-left:0;
	}

.nav-pills{
	background-color: #222222;
	}

.nav-pills li{
    border:solid 1px #333333;
    border-top-style:none;
    margin:0;
	}
	
.nav-pills li:first-child{
    border-top-style:solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}
	
.nav-pills li:last-child{
    border-bottom-style:solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}

.nav-pills li a{
	text-decoration:none;
	}
	
.nav-pills li a:hover{
	color:#FFFFFF;
	background-color:#CC0000;
	}


/* リンク・更新情報テーブル
/***********************************************/
.sitename{
	font-weight: bold;
	}
.site_cat{
	color: #FFCCFF;
	}
.link_count{
	color: #FFCC00;
	margin-left:1rem;
	}
.link_date{
	color: #FFCC00;
	margin-left:1rem;
	}

.link_table{
	vertical-align: top;
	margin-bottom: 1.5rem;
	}

.link_table:after {
/* clearfix用 */
  content: "";
  clear: both;
  display: block;
}

.link_table .link_thm{
	float: left; 
	border: 1px solid #666666;
	margin-right:3px; 
	margin-top:0px;
	margin-bottom:10px; 
	vertical-align:top;
	}

.link_table .link_cat{
	margin-right: 6px;
	}
	
.link_table .link_data{
	color: #888888;
	}
	
.link_table .link_res{
	color: #669900;
	}
	
.link_table .link_res:empty {
	display: none;
	}

/* コメント前にアイコン表示…空欄でも表示されるので未使用に
.link_table .link_res:before {
	content: " ";
	display:inline-block;
	background:url("http://www.kk.iij4u.or.jp/~nozokix/img/comment.png");
	background-size:cover;
	background-repeat: no-repeat;
	vertical-align:text-top;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	}
 */


/* アコーディオン(ヒント用)
/***********************************************/
.site_hint {
	font-size: 1.3rem;
	color:#666600;
	background: #EFEFCF;
	border:1px solid #999900;
	padding:2px 3px;
	margin-left:6px;
	cursor: pointer;
	}

.site_hint:hover {
	background: #CCCC66;
	}

.site_answer {
	padding:0.5rem 1rem;
	margin:3px;
	background-color:#333333;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}

/***********************************************/
/* ギャラリー                                     */
/***********************************************/
.gentry {
	display: inline-block;
	margin-top:10px;
	margin-bottom:4px;
	padding-bottom:6px;
	border-bottom: 1px dotted #DDEDFF;
	clear: both;
	}

.gentry:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
	}

/* Hides from IE Mac */
* html .gentry{
	height: 1%;
	}

.gentry{
	display:block;
	}
/* End Hack */

.gimg {
	}

.gthm {
	float: left;
	margin-right:10px;
	border: 1px solid #999999;
	}

@media screen and (max-width: 768px) {
   /* 表示領域が768px未満の場合は画像を縮小 */
.gthm {
	max-width: 35%;
    height: auto;
	}
}

.gcontents {
	}

.gtitle,.gtitle a,.gtitle a:link {
	color:#FFFFFF;
	font-size:1.7rem;
	font-weight: bold;
	text-decoration:none;
	}

.gdata {
	color:#FFCC00;
	padding:2px;
}
.gcom {}

.gdl {
	padding:10px 2px;
	text-align:right;
}

.acr_rank td {
	padding:1rem 0.3rem;
	}

.acr_rank a:link {
	text-decoration: none;
	}

/***********************************************/
/* スマホ広告用                                 */
/***********************************************/
.sp_rss_pr a{
	display: block;
	position: relative;
	padding: 11px 25px 11px 11px;
	text-decoration: none;
	}

.sp_rss_pr a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}
	
.sp_rss_pr a:hover,.sp_rss_pr a:focus{
	color: #FFFFFF;
	background-color: #CC0000;
	}
	
.sp_rss_pr .list-group-item{
	background-color: #111;
	border:solid 1px #666666;
	}

.pc_rss_pr ul{
	list-style-type:none;
	padding-left:0;
	line-height: 3rem;
	}
	
/***********************************************/
/* PC広告用                                 */
/***********************************************/

/***********************************************/
/* スクロール固定用                                 */
/***********************************************/

/* トップメニューのスクロール固定用 */
.fixedtop {
    position: fixed;
    top: 0;
    z-index: 10000;
}

@media screen and (min-width: 1170px) {
.fixedtop {
    width: 1140px;}
	}

@media screen and (max-width: 1169px) {
.fixedtop {
    width: 940px;}
	}

@media screen and (max-width: 767px) {
.fixedtop {
    width: 95%;}
	}