@charset "UTF-8";
/* Original style in entry_body*/
div.entry_body p {
	margin: 0.5em 0em 1.6em;
	font-size:15px;
	line-height:1.8em}
div.entry_body p.bodyttl, div.entry_body h2.bodyttl,
div.entry_body p.bodyttl_css, div.entry_body h2.bodyttl_css {
	font-size:1.8em;
	line-height:1.2em;
	font-weight: bold;
	color: #4A5AAF;
	margin: 4em 0 .5em;
}
div.entry_body p.bodyttl::before, div.entry_body h2.bodyttl::before,
div.entry_body p.bodyttl_css::before, div.entry_body h2.bodyttl_css::before {
	content:"　";
	display:inline-block;
	width:26px;
	background: url(https://blog-imgs-45.fc2.com/h/o/n/honttoni/entry_body_ttl.gif) no-repeat left center;
	margin-right:.2em
	}


div.entry_body p.small {
	font-size: small;
	color: #708AD1;
	line-height: 1.6em}
strong {
	color:#663366;
	font-weight: bold}
code {
	margin: 0;
	padding: 0;
}
pre {
	color: #333;
	background: #F2F5FF;
	padding: 1em;
	border-style: none;
	margin: 1em 0;
	width: auto}


/*column table yellow (head)*/
table.column-yellow {
	color: #333;
	background: #F4F3D7;
	margin-bottom: 15px;
	width: 100%;
	border-style: none}
table.column-yellow td {
	padding: 0.5em 1em}
table.column-yellow th {
	width: 9em;
	border-right: 1px solid #FFF;
	padding: 0.5em 1em}
/*column table cream (body)*/
table.column-cream {
	background: #FAF9E8;
	margin-bottom: 15px;
	width: 100%;
	border-style: none;
	line-height: 1.3em;
	color: #333}
table.column-cream th {
	font-size:80%;
	padding: 0.5em 1em;
	border-bottom: 2px solid #fff;
	color: #333;
	border-right: 1px solid #fff}
table.column-cream td {
	padding: 1em;
	border-bottom: 2px solid #fff;
	color: #333;
	border-right: 1px solid #fff}
table.column-cream td.bld {
	font-weight: bold;
	color: #333;
	border-right: 1px solid #fff}
table.column-cream td img {
	float: left;
	margin: 0.2em 0.5em 0 0;
	line-height: 0}
div.column-cream {
	background: #FAF9E8;
	width: 570px;
	padding: 15px;
	margin-bottom: 15px;
	border-style: none;
	line-height: 1.3em;
	color: #333}

/*p shadow*/
p.shadow{
	margin-bottom:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0px 2px 3px #333;
	filter: dropshadow(color=#333,offX=0,offY=2)}
	
/*FONT SIZE*/
.large {font-size: large}
.small {font-size: small}

/*TEXT COLOR*/
.red {color:#c00}
.green {color:#579961}
.pink {color: #F99}
.purple {color: #96F}
.blue {color:#06F}


/*column table blue*/
table.blue {
	background: #F2F5FF;
	width: 100%;
	border-style: none;
	padding: 0.5em}
table.blue td {padding: 0.5em}

/*iframe*/
iframe.source {
	width:600px;
	height:400px;
	border:none;
	margin: 1em 0em}

/*For はじめてのHTML INDEX*/
div.ibox {
	margin:0 0 1em;
	padding:0 10px 5px;
	border-radius: 10px;
	border: 2px solid #BBCDF3}
div.ibox h3 {
	margin: 5px 0;
	padding: 0;
	color: #BBCDF3;
	border-bottom: 1px dotted #BBCDF3;
	font-size: small}
div.ibox ul {
	margin: 0;
	padding: 0}
div.ibox ul li {
	list-style: none;
	margin: 0;
	padding: 0}

div.ibox2 {border: 2px solid #bcdf86;}
div.ibox2 h3 {color: #bcdf86; border-bottom: 1px dotted #bcdf86}

/*For HTML要素のアルファベット順INDEX*/
div.alpha {
	margin-bottom: 10px;
	text-align:center;
	line-height:24px;
	height:24px;
	border:solid 2px #EEE;
	border-radius: 12px}
div.alpha a {margin-right: 10px; font-size:14px;}

/*ここから*/
div.index2 {
	padding:0;
	margin:0}
div.index2 h3 {
	margin: 5px 0 0;
	padding: 0 0 0 .5em;
	color: #390;
	border-bottom: 1px dotted #390;
	font-size: large}
div.index2 dl {
	list-style: none;
	border-style: none;
	text-indent: 0;
	border: 2px solid #390;
	margin:0 0 1em;
	padding:0 0 10px;
	border-radius: 12px}
div.index2 dl dt {
	padding:0;
	margin:0.5em 1em 0px;
	border-style: none;
	font-size: 130%}
div.index2 dl dd {
	padding:0;
	margin:0 1.5em 0px}

/*TOP PAGE ONLY  : INDEX INFO*/
dl#toponly {
	margin:0;
	padding:1em;
	border:solid 2px #fcc;
	border-radius: 12px}
dl#toponly dt {
	margin:0;
	padding:0;
	border-bottom:dotted 2px #E19177;
	font-size:16px;
	font-weight:bold}
dl#toponly dd {
	margin:5px 0 10px 1em;
	padding:0;
	font-size:13px;
	line-height:1.5em}


/*TABLE_SET_20130214*/
table.table-forbody {
	border-style:none;
	width: 100%;
	margin: 1em 0px;;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC}
table.table-forbody tr th, table.table-forbody tr td {
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC}
table.table-forbody tr th {
	font-size:85%;
	background-color:#D9F4F7}

/*TABLE_SET_20130830*/
table.general1 {
	width: 100%;
	margin:20px 0 50px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-spacing:0}
table.general1 tr th,table.general1 tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 7px}
table.general1 tr th {
	background: #E6EAFF;
	text-align:center}
table.general1 caption {
	font-size: 90%;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px dotted #6F87FF;
	margin-bottom: 10px;
	text-align: center;
	color: #666}
/*text-align  center*/
table.general1center tr td {text-align: center}


/*FORM_SET_20130902*/
form.smpform {
	border:solid 1px #CCC;
	padding:10px}
form.smpform p {
	margin:0.5em 0}
form.smpform p span {
	display: inline-block;
	/*IE用スターハック*/  
    *display: inline;  
    *zoom: 1;  
	width: 8em;
	text-align: right;
	padding:0;
	margin:0}
form.smpform p input {margin-right:0.2em}
form.smpform p label {margin-right:0.4em}

/*float img 20150619*/
div.floatImg {float:left; margin-right:1em}


/*はじめてのCSS　INDEX*/
.cssIndex {
	display:block;
	padding:10px;
	margin:2em 0;
	border:solid 2px #EEE;
	border-radius: 12px}
/*ibox()と連携=色のみ変更*/
div.ibox2 {border: 2px solid #ffec83;}
div.ibox2 h3 {color: #efcb01; border-bottom: 1px dotted #efcb01}

/*はじめてのCSS　entry_body*/
div.entry_body p.bodyttl_css, div.entry_body h2.bodyttl_css {
	color: #eab603;
	}
div.entry_body p.bodyttl_css::before, div.entry_body h2.bodyttl_css::before {
	background: url(https://blog-imgs-79.fc2.com/h/o/n/honttoni/entry_body_ttl_css.gif) no-repeat left center
	}

div.entry_body h3.bodyttl3_css {
	color: #fff;
	font-size:1.3em;
	margin:3em 0 1em;
	background:#7abd65;
	padding:0.5em 0.8em;
	line-height:1.4em;
	border-radius:1.4em;}


/*Yellow column__sample etc.*/
.yellowClmn {background:#fcf7d9;
	border:2px solid #eab603;
	border-radius:12px;
	padding:0.5em 0.8em;}
/*NEW! mark__for Navi*/
#navi { position:relative;}
#navi a img.new_mark { position:absolute; right:61px; top:-40px}
#navi a:hover img.new_mark {opacity:1;filter: alpha(opacity=100);}
/*header search*/
div#header {position:relative}
div#header form#cse-search-box2 {
	text-align:right; position:absolute; width:200px; right:0; bottom:75px;}
div#header form#cse-search-box2 input[type="text"] {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	position:absolute;
	left:0;
	height:24px;
	width:143px;
	color:#666;
	padding:0.1em 0.3em;
	border:solid 1px #fff;
	border-radius: 15px 0 0 15px / 15px 0 0 15px}
div#header form#cse-search-box2 input[type="text"]:focus,
div#header form#cse-search-box2 input[type="text"]:active {outline:none}
div#header form#cse-search-box2 input[type="submit"] {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	height:24px;
	background:#acc1f0; padding:0.1em 0.5em; margin-left:0.5em; color:#fff;
	border:solid 1px #acc1f0; 
	border-radius: 0 15px 15px 0 / 0 15px 15px 0;}
div#header form#cse-search-box2 input[type="submit"]:hover {background:#e0a29e; cursor:pointer}

/*SHARE+BOTTUNS (20160706削除)
div#sidemenu dl.sidemenu_body:nth-child(10) {height:0; text-indent:-9999px; padding:0;}*/

/*modifyInfo_最終更新日ボックス in TITLE h2（20170922）*/
.modifyInfo {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0 20px 7px;
	background:#5B69AF}
h2.entry_header ins {text-decoration:none}

/*todaysIndex_20171012*/
#todaysIndex {display:block; border:1px solid #CCC; padding:10px; margin:2em 0}
#todaysIndex figcaption {border-bottom:solid 1px #ccc}
#todaysIndex ol {margin:0.3em 0 0; font-weight:bold}
#todaysIndex ol li ol {margin:0}