@charset "utf-8";
/*★--index.css clicknet2022-----------------★*/
/*★index.css.css（変更不可）→index.css インデックスページのみ
/*★--------------------------------------★*/
/*================================================
■index01■ 基本レイアウト（index.htm含む全頁共通）
□body #contents
 ================================================*/
body {
	font-size: 16px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	background:#ebfef5;
}

/* タブレット・スマートフォン用 */
@media screen and (max-width:1079px) {
	body {
		font-size: 14px;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		line-height: 1.6;
		-webkit-text-size-adjust: 100%;
		background:#ebfef5;
	}
}

/* コンテンツ（index.htmlのみ大枠） */
#contents{
	width:1080px;
	margin:10px auto 20px;
	padding:10px;
	overflow:hidden;
	background:#fff;
}

/* タブレット・スマートフォン用 */
@media screen and (max-width:1079px) {
	#contents{
		float:none;
		width:98%;
		margin:10px auto;
		padding:0 ;
	}
}
/* インデックス画像枠 */
#index_img{
	width:100%;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	margin:50px auto 0px;
	text-align:center;
}
/* インデックス画像 */
#index_img img{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
/*================================================
■index02■ 本文メイン
□#contents #index_main（2カラム 左）
 ================================================*/
/* コンテンツ：メイン(左本文) */
#contents #index_main{
	width:800px;
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	font-size:110%;
	line-height:150%;
}
/* タブレット・スマートフォン用 */
@media screen and (max-width:1079px) {
	#contents #index_main{
		float:none;
		width:98%;
		max-width:980px;
		margin:0 auto;
	}
}
#contents #index_main a{color:#00f;}
#contents #index_main a:hover{color:green;}
h2{
	margin:0 auto;
	padding:5px 0;
	background:#fff;
	color:#393;
	border-radius:10px 10px 0 0;
	border:2px solid #393;
	text-align:center;
letter-spacing: 0.1em; 
}
h2.h2_info{
	background:#393;
	color:#fff;
}

h2.h2_info a {
  position: relative;
  display: inline-block;
  padding: 0.15em 0.5em;
  text-decoration: none;
  color: #FFF;
	font-size:0.9em;
	margin-left:1em;
  background: #fff;/*背景色*/
  border-bottom: solid 2px #ccc;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: normal;
}

h2.h2_info a:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.info{
	width:100%;
	margin:0 auto 10px;
	box-sizing:border-box;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1em;
	line-height:2em;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
	border-radius:0 0 10px 10px;
}
.info p{
	width:98%;
	margin:0 auto;
	padding:0;
	background : url(../images/list01.png) no-repeat 10px;
	border-bottom:1px solid #ddd;
	text-indent:30px;
}	
.info a{
	text-decoration:none;
}
.info p span{
	color:#ff0000;
	text-decoration:none;
	padding-left:15px;
}
/* 最新情報アイコン追加用 */
.info p span.green{
	color:#ffffff;
	background:#006400;
	padding:1px 5px;
	margin-left:15px;
	border-radius:5px;
	font-size:0.7em;
}
.info p span.orange{
	color:#ffffff;
	background:#ff4500;
	padding:1px 5px;
	margin-left:15px;
	border-radius:5px;
	font-size:0.7em;
}.info p span.blue{
	color:#ffffff;
	background:#0000ff;
	padding:1px 5px;
	margin-left:15px;
	border-radius:5px;
	font-size:0.7em;
}
.info::after { content: ""; display: block; clear: both; }

@media screen and (max-width:767px) {
	.info p{
	background : url(../images/blank.png) no-repeat 10px;
		text-indent:0px;
		padding-left;30px;
	}
}
/* はてなサイトマップ */
.info ul.hatena-urllist{
	margin:0.5em auto;
	list-style:none;
	width:100%;
}

.info ul.hatena-urllist li{
	margin:0 5px 5px 0;
	border-width:0;
	list-style:none;
	float:left;
}

.info ul.hatena-urllist li a{
	color:#000;	
	padding:3px 10px 3px 25px;
	text-decoration:none;
	border-radius:5px;
	border:solid 0px #ccc;
	background : url(../images/list01.png) no-repeat 10px;

}

/*================================================
■index03■ 右サイド目次
□#contents #sub（2カラム 右）
 ================================================*/
/* コンテンツ：サブ(右ナビ) */
#contents #sub{
	width:98%;
	max-width:256px;
	box-sizing:border-box;
	overflow:hidden;
	float:right;
}

/* タブレット・スマートフォン用 */
@media screen and (max-width:1079px) {
	/* コンテンツ：サブ(右ナビ) */
	#contents #sub{
		max-width:980px;
		float:none;
		margin:0 auto;
		text-align:center;
	}
}

/* サイドテキストメニューボタン */
#contents #sub .bnr ul{
	overflow:hidden;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#contents #sub .bnr li{
	margin-bottom:10px;
	list-style:none;
	display:inline-block;
	width:256px;
}

#contents #sub .bnr li a:hover {
	opacity:.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

#contents #sub .bnr li img{
	width:100%;
}
#contents #sub .bnr li.txt{

	border:1px solid #ccc;
	text-align:center;
	padding:15px 0;
	box-sizing:border-box;
}
#contents #sub .bnr li.txt img{
	width:50%;
}
#contents #sub .bnr li.txt a{
	text-decoration:none;
}
#contents #sub .bnr li.mini img{
	width:48%;
}
#contents #sub .bnr li.mini img.minileft{
	margin-right:3%;
}
#contents #sub .memo{
	width:100%;
	margin:0 auto;
	padding:0;
}

#contents #sub .memo img{
	width:99%;
	border:solid 1px #ccc;
}

/*================================================
■index04■ indexページ フッター
□.sns_btn　.foot_btn　.sitemap
 ================================================*/
/* フッター */
.index-foot {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0;
	background: #89fdc3;
}
/* フッターアイコン */
		.index-foot nav.foot_btn{
			width:98%;
			max-width: 1080px;
			margin:0px auto;
			padding: 0; 
			text-align: center;
		}
		.index-foot nav.foot_btn a{
			margin:5px 0.5%;
			width:23%;
			display:inline-block;
		}
		.index-foot nav.foot_btn a img{
			width:100%;
		}
		.index-foot nav.foot_btn a:hover {
			opacity:0.7;
		}
		.index-foot nav.sns_btn a{
			background-color:#eee;
			font-size:1.2em;
			text-align: center;
			vertical-align: middle;
			text-decoration: none;
			color: #fff;
			font-weight:bold;
			padding:20px 0;
		}


.index-foot nav.foot_btn a.tw{background: #000000;}
.index-foot nav.foot_btn a.fb{background:#4267B2;}
.index-foot nav.foot_btn a.insta{background:#BF3187;}
.index-foot nav.foot_btn a.hatena{background:#5EC5F7;}
/* タブレット・スマートフォン用 */
@media screen and (max-width:767px) {
		.index-foot nav.foot_btn a{
			width:31%;
		}
		.index-foot nav.sns_btn a{
			width:48%;
			max-width:250px;
			padding:10px 0;
		}
}

/* サイトマップ */
.sitemap{
	margin:5px auto;
	padding-bottom:5px;
	list-style:none;
	width:98%;
	max-width:1030px;
	text-align:center;
}
.sitemap ul{
	margin:5px 0.5%;
	padding-bottom:5px;
	list-style:none;
	width:31%;
	min-width:240px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

.sitemap ul li{
	margin:0 5px 5px 0;
	font-size:16px;line-height:1.5;
	border-width:0;
	list-style:none;
}

.sitemap ul li a{
	color:#000;	
	padding:3px 10px;
	text-decoration:none;
	border-radius:5px;

}
.sitemap ul li a span{	
	font-size:0.9em;
}
#b0home a{background:#10218B;color:#fff;}
#b00 a{background:#ccc;}
#b01 a{background:#ffc5dd;}
#b02 a{background:#d4a8ff;}
#b03 a{background:#fcc68c;}
#b04 a{background:#b1c6ef;}
#b05 a{background:#a9dec3;}
#b06 a{background:#ff8b8b;}
#b07 a{background:#ffc;}
#b08 a{background:#cfc;}
#b09 a{background:#cff;}
#b10 a{background:#18F402;}

/* タブレット・スマートフォン用 */
@media screen and (max-width:767px) {
	.sitemap ul{
		margin:0 auto;
		width:98%;
		min-width:80px;
	}
	.sitemap ul li{
		margin:5px 5px;
		font-size:15px;
	}
	.sitemap ul li.both{
		clear:both;
	}
	.sitemap ul li a{
		float:left;
	}
}
.no_link a{pointer-events:none;}

/* はてなサイトマップ */
		.tbl_blogrss{
			width:95%;
			margin:10px auto;
			text-align: left;
		}
		.tbl_blogrss th{
			width:100px;
			border-bottom:dotted 1px #ccc;
		}
		.tbl_blogrss td{
			border-bottom:dotted 1px #ccc;
		}