/*-----------------------------------------------------------
レイアウトh4用
-----------------------------------------------------------*/

.nkbar01{
border-left: solid 9px #017FB4; 
background-color: darkgray;
font-size:1.8em; 
text-indent: 0.6em;
color:#FFF;
font-weight: bold; 
margin-top:15px;
margin-bottom:15px;

}

.nkbar02{
border-bottom: solid 2px darkgray; 
border-left: solid 28px darkgray; 
font-size:1.8em; 
text-indent: 0.8em; 
font-weight: bold; 
margin-top:15px;
margin-bottom:15px;

}

.nkbar03{
border-left: solid 9px #DCDCDC; 
background-color:#ffffff;
font-size:1.1em; 
font-weight: bold; 
text-indent: 0.4em; 
margin-top:5px;
margin-bottom:5px;

}

.nkbar04{
border-left: solid 10px #043c78; 
background-color: #017FB4;
font-size:1.6em; 
text-indent: 0.6em;
color:#FFF;
font-weight: bold; 
margin-top:10px;
margin-bottom:10px;
padding:5px;
}
.nkbar05{
border-left: solid 9px #017FB4; 
background-color: #daa520;
font-size:1.8em; 
text-indent: 0.6em;
color:#FFF;
font-weight: bold; 
margin-top:15px;
margin-bottom:15px;

}

/*------------------------------------------------------------
	divフロート用2列
------------------------------------------------------------*/


.nkcm_f02 { 
    width: 400px;
background-color: #ffffff;
    height:100%;
    float: left;
	position: relative;
	margin-bottom:10px;
object-fit: contain;
}

.nkcm_f02 img {
 width: 100%;
	margin-bottom:10px;
background-color: #ffffff;
}


.nkcm_left {
	margin-right:10px;
}

.nkcm_txt {
	margin-top:10px;
	margin-bottom:100px;
}


/*------------------------------------------------------------
	マウスが要素に乗ったとき吹き出しを表示
------------------------------------------------------------*/


.balloonoya {
  position   : relative;                /* 指定した分だけ相対的に移動 */
}
.balloonoya:hover .balloon {
  display: inline;                /* インライン要素として表示 */
}
.balloon {
  position   : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(102, 102, 255, 0.50);       /* 背景色（透明度） */
  width:180px;                          /* 吹き出し全体の幅 */
  left : -1%;                           /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
}
.balloon:after{
  border-left: 12px solid rgba(102, 102, 255, 0.50);   /* 吹き出し口の幅・色 */
  border-top: 10px solid transparent;     /* 吹き出し口の高さ１／２ */
  border-bottom: 10px solid transparent;  /* 吹き出し口の高さ１／２ */
  right: -12px;                           /* 吹き出し口の位置調整 */
  top: 5%;                                /* 吹き出し口の縦位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}