
/* --------------------------------------------------
	シンプルなボディ定義
   -------------------------------------------------- */
body#simple {

	-webkit-text-size-adjust: 100%; /* スマホ対応, table, td, a もこれらを指定すべき？ */
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;

/*	text-align: center; */
	margin: 0; /* すべてのマージンを０指定 */
	background: #fff;
	color: #000000; /* 文字色を黒に */
/*	font-family:"MS UI Gothic", Helvetica, Osaka, sans-serif; */
	font-family: Roboto,"Droid Sans","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","游ゴシック",YuGothic,"Yu Gothic",Osaka,Geneva,Arial,Helvetica,sans-serif;
	line-height:140%; /* 行間140% */
/*	font-size: 80%;*/
}


/* --------------------------------------------------
	レイアウト管理（サイドバーなし中央寄せ）
   -------------------------------------------------- */
@media (min-width: 980px) {
	div#child {
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
		padding: 6px;
	}
}
@media (max-width: 980px) {
	div#child {
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 6px;
	}
}


/* --------------------------------------------------
	レイアウト管理（右サイドバー）
   -------------------------------------------------- */

/* サイドバー（右側） */
div#sidebarR {
	width: 280px;
	float: right;
	margin: 0px 0px 0px 0px; /* 上右下左の順 */
	padding: 4px;
	font-size: 80%; /*14px;*/

/*	border: 1px solid #800000; */
/*	background: #f0f0f0; */
}

/* メインコンテンツ（左側） */
div#contentsR {
	width: 670px;
	float: left top;
	margin: 0px 0px 0px 8px; /* 上右下左の順 */
	padding: 4px;
	font-size: 100%; /*16px;*/

/*	border: 1px solid #800000; */
/*	background: #eeeeff; */
}


/* --------------------------------------------------
	レイアウト管理（右サイドバー 300ピクセル版）
   -------------------------------------------------- */

/* サイドバー（右側） */
div#sidebarR3 {
	width: 305px;
	float: right;
	margin: 0px 0px 0px 0px; /* 上右下左の順 */
	padding: 2px;
	font-size: 80%; /*14px;*/

/*	border: 1px solid #800000; */
/*	background: #f0f0f0; */
}

/* メインコンテンツ（左側） */
div#contentsR3 {
	width: 660px;
	float: left top;
	margin: 0px 0px 0px 0px; /* 上右下左の順 */
	padding: 2px;
	font-size: 100%; /*16px;*/

/*	border: 1px solid #800000; */
/*	background: #eeeeff; */
}


/* --------------------------------------------------
	レイアウト管理（#child 内 中央寄せ２段）
   -------------------------------------------------- */

/* 右側 */
div#block2R {
	width: 475px;
	float: right;
	margin: 0px 0px 0px 0px; /* 上右下左の順 */
	padding: 4px;
	font-size: 100%; /*14px;*/

/*	border: 1px solid #800000; */
	background: #f0f0f0;
}

/* 左側 */
div#block2L {
	width: 475px;
	float: left top;
	margin: 0px 0px 0px 0px; /* 上右下左の順 */
	padding: 4px;
	font-size: 100%; /*16px;*/

/*	border: 1px solid #800000; */
	background: #f0f0f0;
}



/* --------------------------------------------------
	サブ見出しの枠（pre id="subblock"）
   -------------------------------------------------- */
.subblock
{
    border: #04c dashed 1px;
    border-left: #26c solid 12px;
	border-top: #26c solid 2px;
    padding: 6px;
    background: #fff;
}


/* --------------------------------------------------
	目次の枠（pre id="indexblock"）
   -------------------------------------------------- */
.indexblock
{
	margin-left: 5%;
	width: 80%;

    border: #04e dashed 1px;
    border-left: #6ac solid 12px;
	border-top: #6ac solid 2px;
    padding: 6px;
    background: #ffd;
}


/* --------------------------------------------------
	更新版あり情報枠（pre id="updatenotice"）
   -------------------------------------------------- */
.updatenotice
{
	margin-left: 5%;
	width: 80%;

    border: #e40 dashed 1px;
    border-left: #ca6 solid 12px;
	border-top: #ca6 solid 2px;
    padding: 6px;
    background: #fdd;
}



/* --------------------------------------------------
	カーソル形状指定(2025/4/11)
   -------------------------------------------------- */
.csrPointer
{
	cursor: pointer;
}



/* --------------------------------------------------
	右寄せの日付表示(2025/4/11)
   -------------------------------------------------- */
p.dateR
{
	text-align:right;		/* 右揃え */
	font-size: 80%;			/* 小さめの文字 */
	font-weight: normal;	/* ノーマルフォント */

	line-height:100%;
	padding-right: 24px;
}



/* --------------------------------------------------
	追記部分の指示など(2022/11/21)
   -------------------------------------------------- */
p.refDR
{
	border-left: solid #a00 6px;
	padding: 1% 2% 1% 2%;	/* 上右下左 */
	background-color: #eee;
}


/* --------------------------------------------------
	ちょっとしたコメントなど(2022/11/21)
   -------------------------------------------------- */
p.tipsG
{
	margin: 0% 10% 0% 10%;
	padding: 1% 2% 1% 2%;	/* 上右下左 */
	border: solid #000 1px;
	background-color: #f8f8f8;
	font-size: 80%;
}


/* --------------------------------------------------
	サマリーやリンク先リストなど(2024/4/24)
   -------------------------------------------------- */
p.linksec
{
    border: #04c dashed 1px;
	margin-left: 24px;
    padding: 6px;
    background: #efe;
	border-radius: 8px;
	font-size: 80%;
}


/* --------------------------------------------------
	Amazon テキスト用の広告枠(2024/4/24)
   -------------------------------------------------- */
p.adsec
{
    border: #c44 dashed 1px;
	margin-left: 15%;
	margin-right: 15%;
    padding: 6px;
    background: #fffafa;
	border-radius: 8px;
}




/* --------------------------------------------------
	文字設定補助(2025/4/11)
   -------------------------------------------------- */

/* タイトル行用 */
h1.h120p
{
	line-height: 120%;
}


/* シンプルなセクションわけ */
h2.sec {
	border-left: solid #008 2px;
	padding: 18px 10px 18px 20px;		/* 上右下左の順 */
	color: #000;
	background-color: #f8f8f8;
}



/* --------------------------------------------------
	span 指定(2025/4/11)
   -------------------------------------------------- */

/* クリップボード用 */
span.clipbd{
	cursor: pointer;
	background: #f0fff0;
}



/* --------------------------------------------------
	ページ最上部の警告表示 (2025/4/11)
   -------------------------------------------------- */
div.topMsg
{
	background-color: #f44;
	color: #fff;

	font-size: 80%;
	text-align: center;
}



/* --------------------------------------------------
	div の表示・非表示の切り替え(2025/4/11)
   -------------------------------------------------- */
div.secShow
{
	display:block;
}

div.secHide
{
	display:none;
}



/* --------------------------------------------------
	画像フォーマット(2025/4/11)
   -------------------------------------------------- */

/* 最大 95%、枠あり */
img.w95b
{
	max-width: 95%;
	border: solid #000 1px;"
}

/* 最大 95%、枠なし */
img.w95b
{
	max-width: 95%;
}



/* --------------------------------------------------
	画像を拡大できるようにする(2025/4/11)
   -------------------------------------------------- */
/*
使用例
<p class="imgExpandable">
	<label for="imgMsg20240910">
		<input type="checkbox" id="imgMsg20240910">
		<img src="img/image.png" alt="代替テキスト" title="ポップアップテキスト" style="width: 480px; max-width: 95%; border: solid #000 1px;" oncontextmenu="return false;">
	</label>
</p>
*/

/* input 要素は常に非表示にします */
p.imgExpandable input
{
	display: none;
}

/* input 内の img はポインタにします */
p.imgExpandable input + img
{
	cursor: pointer;
}

/* input がチェック状態の場合の img のサイズを原寸に指定 */
p.imgExpandable input:checked + img
{
	width: auto !important;
	/*width:100%;だと領域をはみだす可能性があるため*/
}

/* 初期幅 480ピクセル 枠あり */
img.w480b
{
	width: 480px;
	max-width: 95%;
	border: solid #000 1px;"
}

/* 初期幅 320ピクセル 枠あり */
img.w320b
{
	width: 320px;
	max-width: 95%;
	border: solid #000 1px;"
}




/* --------------------------------------------------
	別記事リンク用(2025/4/11)
   -------------------------------------------------- */
div.topicLink
{
	width: 70%;
	margin-left: 15%;
	border: solid #000 1px;
	background-color: #f8f8f8;
	border-radius: 8px;
	padding-right: 6px;
}

/* 内側の画像 */
img.topicLinkImage
{
	float: left;
	max-width: 160px;
	max-height: 120px;
	margin: 6px;
	border-radius: 16px;
	border: 1px #aaa solid;
}



/* --------------------------------------------------
	リンクの文字色を変えない(2025/4/11)
   -------------------------------------------------- */
a.black
{
	color: black;
	text-decoration: none;
}




/* --------------------------------------------------
	以下、topic_frame1.css より単純に移設(2025/4/11)
	以下、topic_style1.css より単純に移設(2025/4/11)
   -------------------------------------------------- */



/*------------------------------
	メイン部分を想定
  ------------------------------*/
.column_offwhite
{
	width:40%;
	background-color:#f8f8f8;
	text-align:left;
	vertical-align:top;
	padding-left:15px;					/* パディング */
	padding-top:5px;
	padding-right:15px;
	padding-bottom:15px;
	line-height:180%;					/* 行間150% */

	border: gray solid 1px;
}


/*------------------------------
	左右のボーダー部を想定
  ------------------------------*/

<!-- オレンジ -->
.column_orange1
{
	width:1%;
	background-color:#ffb862; /* オレンジ */
}
.column_orange05
{
	width:0.5%;
	background-color:#ffb862; /* オレンジ */
}

<!-- 青 -->
.column_blue1
{
	width:1%;
	background-color:#0139b4; /* ダークブルー */
}
.column_blue05
{
	width:0.5%;
	background-color:#0139b4; /* ダークブルー */
}

<!-- グレー -->
.column_gray1
{
	width:1%;
	background-color:#e0e0e0; /* グレー */
}
.column_gray05
{
	width:0.5%;
	background-color:#e0e0e0; /* グレー */
}


/*------------------------------
	記事用
  ------------------------------*/

/* １記事の枠 */
div#block {
	margin: 0;
	width: 100%;
	background: #fcfcfc;
	line-height: 140%;
	padding: 8px;
}

/* 記事タイトル枠 */
div#block p {
	color: #000;
	background: #fde;
	width: 97%;
	padding: 10px;
	text-align: center;
}


/*------------------------------*/
/* 特定用途フォント             */
/*------------------------------*/

h5.copyright				/* COPYRIGHT表示 */
{
	color:#c03030;			/* 文字: 赤系 */
	text-align:right;		/* 右揃え */
}


/* --------------------------------------------------
	コード記述用
   -------------------------------------------------- */

/* C/C++以外のコード等 */
pre#data1 {
	width: 96%;
	overflow: auto;

	background: #dfdfdf /*!important*/;
	padding:8px;
	border:1px solid #7f7f7f;
	font-size:100%;
}


/* C/C++のコード */
pre#code1 {
	font-family:monospace;
	width: 96%;
	overflow: auto;

	background: #1a1a1a;
	padding:8px;
	color: #f0f0f0;

	border: 1px solid gray;
	font-size: 100%; /*18px;*/

	font-weight: normal;
	line-height: 140%;/*20px;*/

/*
	BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: gray 1px solid; 
	BORDER-TOP: gray 1px solid;    BORDER-RIGHT: gray 1px solid; 
*/
/*
	BACKGROUND-COLOR: #ffffff; MARGIN: 5px 10px; 
	padding: 10px;
*/
/*
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px;
	PADDING-TOP: 10px; PADDING-BOTTOM: 10px;
*/
}




/* div contents内で使用する目的 */
pre.code {
	font-family:monospace;
	width: 714px;
	overflow: auto;
	font-size: 90%;
	line-height: 120%;
	padding: 6px;
	color: #000;
	border: 1px dotted;
	border-color: #020;
	background: #efe;
}


/* オーバーライド */
pre.code0 {
	font-family:monospace;
	width: 95%;
	overflow: auto;
	font-size: 90%;
	line-height: 120%;
	padding: 10px;
}







/* [2019/11/22] C/C++以外のコード等 */
pre.data2
{
	width: 95%;
	overflow: auto;

	background: #f4fff4 /*!important*/;
	padding:8px;
	border:1px solid #7f7f7f;
	font-size:100%;
}

/* [2019/11/22] C/C++のコード */
pre.code2
{
	font-family:monospace;
	width: 95%;
	overflow: auto;

	background: #fff4f4;
	padding:8px;
	color: #000;

	border: 1px solid #7f7f7f;
	font-size: 100%; /*18px;*/

	font-weight: normal;
	line-height: 140%;/*20px;*/

/*
	BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: gray 1px solid; 
	BORDER-TOP: gray 1px solid;    BORDER-RIGHT: gray 1px solid; 
*/
/*
	BACKGROUND-COLOR: #ffffff; MARGIN: 5px 10px; 
	padding: 10px;
*/
/*
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px;
	PADDING-TOP: 10px; PADDING-BOTTOM: 10px;
*/
}

span.pragma		{	color: #555;	/* グレー */	}
span.literal	{	color: #a00;	/* 赤 */		}
span.comm		{	color: #080;	/* 緑 */		}
span.type		{	color: #00a;	/* 青 */		}
span.define		{	color: #a0a;	/* 紫 */		}
span.fnc		{	color: #f66; font-weight: bold;	}


/*
	１行に収まらないテキストを省略形で表示する
*/
.ellipsis100
{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
