@charset "utf-8";

/* ------------------------------- */
/* にししふぁくとりー： Common CSS */
/* ------------------------------- */
/* Mobile First Version [2023/08/27 23:07] */

/* ―――――― */
/* ▼全共通部分 */
/* ―――――― */
html,body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	-webkit-text-size-adjust: 100%; /* iOSやAndroid端末の横置き時にフォントサイズが拡大されるのを防ぐ */
}
a:link { color: #00d; }
.important {
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
}
.surprise {
	font-style: normal;
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-decoration-color: red;
	color: #cc0000;
}
.scream {
	color: #cc0000;
	font-size: 1.8em;
}
.url,
site {
	word-break : break-all;
}
.wordno { /* の */ font-size: 0.6em; }
.graylabel {
	background-color: #ccc;
	border-radius: 1em;
	color: white;
	margin-right: 0.3em;
	padding: 0 0.5em;
	vertical-align: middle;
}

.autoResize {
	max-width: 100%;
	height: auto;
}

/* 消極的な改行拒否 */
.i { display: inline-block; }


/* ――――――――――――――― */
/* ■共通スタイル（Mobile First） */
/* ――――――――――――――― */

	/* ================ */
	/* ▼共通ヘッダ部分 */
	/* ================ */
	#commonhead {
		margin: 0px;
		padding: 0px;
		background-color: #ccffcc;
	}
	#commonhead h1 {
		margin: 0px;
		padding: 0px;
		background-image: url("/common/img/set1/nfactoryheadback.png");
		background-repeat: no-repeat;
		background-position: top left;
	}
	#commonhead img {
		width: 100%;
		height: auto;
		border-width: 0px;
		vertical-align: top;
	}
	#pagedescription {
		display: block;
		margin: 0px;
		position: absolute;
		left: 17%;
		top: 5px;
		font-size: 50%;	/* 8px; */
	}

	/* ================== */
	/* ▼共通メニュー部分 */
	/* ================== */
	#commonmenu {
		width: 100%;
	}
	ul#sitemenu {
		margin: 0px;
		padding: 0px 8px;
		border-top: 1px solid #008000;
		background-color: #33cc33;

		/* グラデーション */
		background: -webkit-gradient(linear, left top, left bottom, from(#a4e8a4), to(#145114)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #a4e8a4, #145114); /* Firefox */
		background: -o-linear-gradient(top, #a4e8a4, #145114); /* Opera */
		background: -ms-linear-gradient(top, #a4e8a4, #145114); /* IE+ */
		background: linear-gradient(to bottom, #a4e8a4, #145114); /* CSS3 */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa4e8a4,EndColorStr=#ff145114); /* IE- */
	}
	ul#sitemenu li a img {
		border-width: 0px;
	}
	/* メニューバー直後Clear Hack */
	ul#sitemenu { zoom:1; }
	ul#sitemenu:after { height:0; visibility:hidden; content:"."; display:block; clear:both; }

	/* サイトアイコンは(デフォルトでは)非表示 */
	#sitemark {
		display: none;
	}
	#sitemark img {
		vertical-align: top;
	}

	/* ---------------- */
	/* ▽個別メニュー色 */
	/* ---------------- */
	/* ↓HOME */
	#smHome {
		color: white;
	}
	#smHome:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#0c0), to(#050)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #0c0, #050); /* Firefox */
		background: -o-linear-gradient(top, #0c0, #050); /* Opera */
		background: -ms-linear-gradient(top, #0c0, #050); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff00cc00,EndColorStr=#ff005500); /* IE */
		background: linear-gradient(to bottom, #0c0, #050); /* CSS3 */
	}
	body.categoryHome #smHome {
		background: -webkit-gradient(linear, left top, left bottom, from(#050), to(#0c0)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #050, #0c0); /* Firefox */
		background: -o-linear-gradient(top, #050, #0c0); /* Opera */
		background: -ms-linear-gradient(top, #050, #0c0); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff005500,EndColorStr=#ff00cc00); /* IE */
		background: linear-gradient(to bottom, #050, #0c0); /* CSS3 */
	}
	/* ↓PRODUCTS */
	#smProducts {
		background: -webkit-gradient(linear, left top, left bottom, from(#a4c6e8), to(#205081)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #a4c6e8, #205081); /* Firefox */
		background: -o-linear-gradient(top, #a4c6e8, #205081); /* Opera */
		background: -ms-linear-gradient(top, #a4c6e8, #205081); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa4c6e8,EndColorStr=#ff205081); /* IE */
		background: linear-gradient(to bottom, #a4c6e8, #205081); /* CSS3 */
		color: white;
	}
	#smProducts:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#008)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #00f, #008); /* Firefox */
		background: -o-linear-gradient(top, #00f, #008); /* Opera */
		background: -ms-linear-gradient(top, #00f, #008); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff0000ff,EndColorStr=#ff000088); /* IE */
		background: linear-gradient(to bottom, #00f, #008); /* CSS3 */
	}
	body.categoryProducts #smProducts {
		background: -webkit-gradient(linear, left top, left bottom, from(#008), to(#00f)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #008, #00f); /* Firefox */
		background: -o-linear-gradient(top, #008, #00f); /* Opera */
		background: -ms-linear-gradient(top, #008, #00f); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff000088,EndColorStr=#ff0000ff); /* IE */
		background: linear-gradient(to bottom, #008, #00f); /* CSS3 */
	}
	/* ↓PC TIPS */
	#smPcTips {
		background: -webkit-gradient(linear, left top, left bottom, from(#e8a4a4), to(#812020)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #e8a4a4, #812020); /* Firefox */
		background: -o-linear-gradient(top, #e8a4a4, #812020); /* Opera */
		background: -ms-linear-gradient(top, #e8a4a4, #812020); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffe8a4a4,EndColorStr=#ff812020); /* IE */
		background: linear-gradient(to bottom, #e8a4a4, #812020); /* CSS3 */
		color: white;
	}
	#smPcTips:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#800)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #f00, #800); /* Firefox */
		background: -o-linear-gradient(top, #f00, #800); /* Opera */
		background: -ms-linear-gradient(top, #f00, #800); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff0000,EndColorStr=#ff880000); /* IE */
		background: linear-gradient(to bottom, #f00, #800); /* CSS3 */
	}
	body.categoryPcTips #smPcTips {
		background: -webkit-gradient(linear, left top, left bottom, from(#800), to(#f00)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #800, #f00); /* Firefox */
		background: -o-linear-gradient(top, #800, #f00); /* Opera */
		background: -ms-linear-gradient(top, #800, #f00); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff880000,EndColorStr=#ffff0000); /* IE */
		background: linear-gradient(to bottom, #800, #f00); /* CSS3 */
	}
	/* ↓PRIVATES */
	#smPrivates {
		background: -webkit-gradient(linear, left top, left bottom, from(#d1d194), to(#494912)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #d1d194, #494912); /* Firefox */
		background: -o-linear-gradient(top, #d1d194, #494912); /* Opera */
		background: -ms-linear-gradient(top, #d1d194, #494912); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffd1d194,EndColorStr=#ff494912); /* IE */
		background: linear-gradient(to bottom, #d1d194, #494912); /* CSS3 */
		color: white;
	}
	#smPrivates:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#ee0), to(#770)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #ee0, #770); /* Firefox */
		background: -o-linear-gradient(top, #ee0, #770); /* Opera */
		background: -ms-linear-gradient(top, #ee0, #770); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffeeee00,EndColorStr=#ff777700); /* IE */
		background: linear-gradient(to bottom, #ee0, #770); /* CSS3 */
	}
	body.categoryPrivates #smPrivates {
		background: -webkit-gradient(linear, left top, left bottom, from(#770), to(#ee0)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #770, #ee0); /* Firefox */
		background: -o-linear-gradient(top, #770, #ee0); /* Opera */
		background: -ms-linear-gradient(top, #770, #ee0); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff777700,EndColorStr=#ffeeee00); /* IE */
		background: linear-gradient(to bottom, #770, #ee0); /* CSS3 */
	}
	/* ↓BLOG */
	#smBlog { /*adc732 - d2e083 - 65721d *//*緑過ぎ？：8bc732 - bbe083 - 50721d*/
		background: -webkit-gradient(linear, left top, left bottom, from(#a4e8d7), to(#145142)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #a4e8d7, #145142); /* Firefox */
		background: -o-linear-gradient(top, #a4e8d7, #145142); /* Opera */
		background: -ms-linear-gradient(top, #a4e8d7, #145142); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa4e8d7,EndColorStr=#ff145142); /* IE */
		background: linear-gradient(to bottom, #a4e8d7, #145142); /* CSS3 */
		color: white;
	}
	#smBlog:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#0ee), to(#077)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #0ee, #077); /* Firefox */
		background: -o-linear-gradient(top, #0ee, #077); /* Opera */
		background: -ms-linear-gradient(top, #0ee, #077); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff00eeee,EndColorStr=#ff007777); /* IE */
		background: linear-gradient(to bottom, #0ee, #077); /* CSS3 */
	}
	body.categoryBlog #smBlog {
		background: -webkit-gradient(linear, left top, left bottom, from(#077), to(#0ee)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #077, #0ee); /* Firefox */
		background: -o-linear-gradient(top, #077, #0ee); /* Opera */
		background: -ms-linear-gradient(top, #077, #0ee); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff007777,EndColorStr=#ff00eeee); /* IE */
		background: linear-gradient(to bottom, #077, #0ee); /* CSS3 */
	}
	/* ↓BOOKS */
	#smBooks {
		background: -webkit-gradient(linear, left top, left bottom, from(#e8bba4), to(#512814)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #e8bba4, #512814); /* Firefox */
		background: -o-linear-gradient(top, #e8bba4, #512814); /* Opera */
		background: -ms-linear-gradient(top, #e8bba4, #512814); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffe8bba4,EndColorStr=#ff512814); /* IE */
		background: linear-gradient(to bottom, #e8bba4, #512814); /* CSS3 */
		color: white;
	}
	#smBooks:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#f96), to(#820)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #f96, #820); /* Firefox */
		background: -o-linear-gradient(top, #f96, #820); /* Opera */
		background: -ms-linear-gradient(top, #f96, #820); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff9966,EndColorStr=#ff882200); /* IE */
		background: linear-gradient(to bottom, #f96, #820); /* CSS3 */
	}
	body.categoryBooks #smBooks {
		background: -webkit-gradient(linear, left top, left bottom, from(#531515), to(#cb3636)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #531515, #cb3636); /* Firefox */
		background: -o-linear-gradient(top, #531515, #cb3636); /* Opera */
		background: -ms-linear-gradient(top, #531515, #cb3636); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff531515,EndColorStr=#ffcb3636); /* IE */
		background: linear-gradient(to bottom, #531515, #cb3636); /* CSS3 */
	}
	/* ↓INFO */
	#smInfo {
		background: -webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#323232)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #c6c6c6, #323232); /* Firefox */
		background: -o-linear-gradient(top, #c6c6c6, #323232); /* Opera */
		background: -ms-linear-gradient(top, #c6c6c6, #323232); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc6c6c6,EndColorStr=#ff323232); /* IE */
		background: linear-gradient(to bottom, #c6c6c6, #323232); /* CSS3 */
		color: white;
	}
	#smInfo:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #999, #000); /* Firefox */
		background: -o-linear-gradient(top, #999, #000); /* Opera */
		background: -ms-linear-gradient(top, #999, #000); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff999999,EndColorStr=#ff000000); /* IE */
		background: linear-gradient(to bottom, #999, #000); /* CSS3 */
	}
	body.categoryInfo #smInfo {
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999)); /* Chrome,Safari */
		background: -moz-linear-gradient(top, #000, #999); /* Firefox */
		background: -o-linear-gradient(top, #000, #999); /* Opera */
		background: -ms-linear-gradient(top, #000, #999); /* IE+ */
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff000000,EndColorStr=#ff999999); /* IE */
		background: linear-gradient(to bottom, #000, #999); /* CSS3 */
	}

	/* -------------- */
	/* ▽メニュー項目 */
	/* -------------- */
	ul#sitemenu li {
		width: 12.5%;
		height: 30px;
		font-size: 90%;
		border-right: 1px solid #777;
		list-style-type: none;
		float: left;
		position: relative;
	}
	ul#sitemenu li a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 30px;	/* li要素の高さと合わせる */
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}
	ul#sitemenu li.menufirst {
		border-left: 1px solid #888;
	}

	/* メニュー項目内アイコン関連 */
	ul#sitemenu li a span {
		margin-right: 3px;
	}

	/* -------------- */
	/* ▽サブメニュー */
	/* -------------- */
	ul#sitemenu ul.sub {
		margin: 0px;
		padding: 0px;
		position:absolute;
		z-index: 10;
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		box-shadow: 3px 3px 3px rgba(128,128,128,0.75);	/* 影 */
		
		display: none;
	}
	ul#sitemenu ul.sub li {
		width: 150px;
		height: 30px;
		border-width: 0px 0px 1px 0px; /* (要)右に0pxを上書き */
		border-style: solid;
	}
	ul#sitemenu ul.sub li a {
		line-height: 30px;	/* li要素の高さと合わせる */
		text-align: left;
		text-indent: 3px;
	}
	ul#sitemenu ul.sub li a:hover {
		background-color: #ffff80;
		color: #005500;
	}

	/* -------------------- */
	/* ▽個別サブメニュー色 */
	/* -------------------- */
	#subProducts, #subProducts li { border-color: #0000cc; background-color: #eeeeff; }
	#subProducts a { color: #0000cc; }
	#subPcTips, #subPcTips li { border-color: #cc0000; background-color: #ffeeee; }
	#subPcTips a { color: #cc0000; }
	#subPrivates, #subPrivates li { border-color: #808000; background-color: #ffffcc; }
	#subPrivates a { color: #808000; }
	#subBlog, #subBlog li { border-color: #008080; background-color: #eeffff; }
	#subBlog a { color: #008080; }
	#subBooks, #subBooks li { border-color: brown; background-color: #ffccbb; }
	#subBooks a { color: brown; }
	#subInfo, #subInfo li { border-color: #555555; background-color: snow; }
	#subInfo a { color: blue; }
	#subLink, #subLink li { border-color: #cc8000; background-color: #ffffcc; }
	#subLink a { color: #cc8000; }

	/* ============================ */
	/* ▼メニューの動的固定機能関連 */
	/* ============================ */
	.fixedmenu {
		position: static;	/* ※モバイルではメニューを固定しない。 */
		z-index: 10;
	}

	/* =============================================== */
	/* ▼MiddleTop：コーナー内ローカルサブメニューバー */
	/* =============================================== */
	#middleheadbar {
		margin: 0px;
		padding: 0.6em 0px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
	}

	body.categoryProducts #middleheadbar { background-color: #ddddff; color: #0000cc; border-color: #0000ff; }
	body.categoryPcTips   #middleheadbar { background-color: #ffdddd; color: #cc0000; border-color: #cc0000; }
	body.categoryPrivates #middleheadbar { background-color: #fafadd; color: #808000; border-color: #00aa00; }
	body.categoryBlogs    #middleheadbar { background-color: #ddffff; color: #309090; border-color: #909000; }
	body.categoryBooks    #middleheadbar { background-color: #ffccbb; color: brown; border-color: brown; }
	body.categoryInfo     #middleheadbar { background-color: #eeeeef; color: #000080; border-color: #000080; }
	body.categoryError    #middleheadbar { background-color: #eeeeef; color: #800000; border-color: #800000; }

	/* ------------------------ */
	/* ▽メニュー下部の突き出し */
	/* ------------------------ */
	#placesign {
		display: none;		/* モバイルでは表示しない */
	}

	/* ------------------------------------ */
	/* ▽コーナー内ローカルサブメニュー項目 */
	/* ------------------------------------ */
	#middlemenu {
		margin: 0px;
		padding: 1px 0px 1px 7px;
		font-size: 80%;
	}
	#middlemenu li {
		display: inline-block;
		padding-right: 0.5em;
	}
	#middlemenu li a {
		display: block;
		padding: 0px 2px;
		border: 1px solid transparent;
		border-radius: 3px;
		white-space: nowrap;	/* 途中で改行しない */
	}
	#middlemenu li a:hover {
		background-color: yellow;
		border-color: blue;
		color: green;
		text-decoration: none;
	}

	body.cornerProducts	#cmProducts	a { background-color: blue; color: white; text-decoration: none; }
	body.cornerFreesoft	#cmFreesoft	a { background-color: blue; color: white; text-decoration: none; }
	body.cornerFreecgi	#cmFreecgi	a { background-color: blue; color: white; text-decoration: none; }
	body.cornerScripts	#cmScripts	a { background-color: blue; color: white; text-decoration: none; }

	body.cornerPcTips	#cmPcTips	a { background-color: #cc0000; color: white; text-decoration: none; }
	body.cornercsstips	#cmCssTips	a { background-color: #cc0000; color: white; text-decoration: none; }
	body.cornerjstips	#cmJsTips	a { background-color: #cc0000; color: white; text-decoration: none; }
	body.cornerPerlTips	#cmPerlTips	a { background-color: #cc0000; color: white; text-decoration: none; }
	body.cornerArticles	#cmArticles	a { background-color: #cc0000; color: white; text-decoration: none; }

	body.cornerPrivates	#cmPrivates	a { background-color: #909000; color: white; text-decoration: none; }
	body.cornerProfile	#cmProfile	a { background-color: #909000; color: white; text-decoration: none; }
	body.cornerJobWorks	#cmJobWorks	a { background-color: #909000; color: white; text-decoration: none; }
	body.cornerPubBBS	#cmPubBBS	a { background-color: #909000; color: white; text-decoration: none; }
	body.cornerComiket	#cmComiket	a { background-color: #909000; color: white; text-decoration: none; }
	body.cornerLinks	#cmLinks	a { background-color: #909000; color: white; text-decoration: none; }

	body.cornerBlogs	 #cmBlogs	a { background-color: #258b72; color: white; text-decoration: none; }
	body.cornerBlogDiary #cmBlogDiary	a { background-color: #258b72; color: white; text-decoration: none; }
	body.cornerBlogPast	 #cmPastDiary	a { background-color: #258b72; color: white; text-decoration: none; }

	body.cornerInfoIndex	 #cmInfoIndex	a { background-color: #303060; color: white; text-decoration: none; }
	body.cornerInformations	 #cmInformation	a { background-color: #303060; color: white; text-decoration: none; }
	body.cornerRssFeedList	 #cmRssFeedList	a { background-color: #303060; color: white; text-decoration: none; }
	body.cornerContact	 #cmContact	a { background-color: #303060; color: white; text-decoration: none; }
	body.cornerSitemap	 #cmSitemap	a { background-color: #303060; color: white; text-decoration: none; }

	/* ============================================ */
	/* ▼本文全面カバー(ヘッダ・フッタ以外の全領域) */
	/* ============================================ */
	#contentscover {
		clear: both;
		margin: 0px;
		padding: 0px;
		width: 100%;
		background-color: #33cc33;
	}
	#contentscover a:hover {
		background-color: #ffff80;
	}

	#contentscover p.since {
		margin: 0px 1em;
		padding: 3px 0px;
		text-align: right;
		color: white;
		font-size: smaller;
		font-weight: bold;
		font-family: Arial,sans-serif;
	}
	#contentscoverbottom {
		margin: 0;
		clear: both;
		padding: 0 0.5em 0 0;
		text-align: right;
		font-size: 0.75em;
		color: white;
	}

	/* ------------ */
	/* ▽個別背景色 */
	/* ------------ */
	body.categoryProducts #contentscover {	background-color: white;	}
	body.categoryProducts #contentscover p.since {	color: darkblue;	}
	body.categoryPcTips   #contentscover {	background-color: white;	}
	body.categoryPcTips   #contentscover p.since {	color: darkred;		}
	body.categoryPrivates #contentscover {	background-color: white;	}
	body.categoryPrivates #contentscover p.since {	color: #808000;		}
	body.categoryBlogs    #contentscover {	background-color: white;	}
	body.categoryBlogs    #contentscover p.since {	color: #309090;		}
	body.categoryInfo     #contentscover {	background-color: white;	}
	body.categoryInfo     #contentscover p.since {	color: #002580;		}

	/* ====================== */
	/* ▼コーナータイトルバー */
	/* ====================== */
	h1.cornertitle {
		font-size: 100%;
		font-weight: normal;
		margin: 1em;
		padding: 0.8em 0.5em 0.6em 1.4em;
		line-height: 1.2;
		border: 1px solid white;
		border-radius: 15px;
	}
	h1.cornertitle span {
		font-size: 200%;
	}
	h1.cornertitle span.jp {
		display: inline-block;
		margin-left: 0.25em;
	}
	h1.cornertitle span.en {
		display: inline-block;
		font-size: 1.4em;
	}

	/* ---------------------- */
	/* ▽個別タイトルバー装飾 */
	/* ---------------------- */
	body.categoryProducts h1.cornertitle {	background-color: #4f9cd5; color: white; font-size: 90%;	}
	body.categoryPcTips   h1.cornertitle {	background-color: #aa0000; color: white; font-size: 90%;	}
	body.categoryPrivates h1.cornertitle {	background-color: #909000; color: white; font-size: 90%;	}
	body.categoryBlogs    h1.cornertitle {	background-color: #309090; color: white; font-size: 90%;	}
	body.categoryInfo     h1.cornertitle {	background-color: #002580; color: white; font-size: 90%;	}

	/* ================ */
	/* ▼上部ガイド領域 */
	/* ================ */
	#guideheader {
		margin: 0px 1em;
		padding: 0px;
	}
	#guideheader div.firstinfobox {
		margin: 0px;
		padding: 1em;
		background-color: #ccffcc;
		border-radius: 15px;
	}
	#guideheader div.personbox,
	#guideheader div.subinfobox {
		margin: 1em 0px 0px 0px;
		padding: 1em;
		background-color: #ccffcc;
		border-radius: 15px;
	}

	/* -------------------- */
	/* ▽個別ガイド領域装飾 */
	/* -------------------- */
	body.categoryProducts #guideheader div.firstinfobox { background-color: #dceeff; }
	body.categoryProducts #guideheader div.subinfobox { background-color: #ffffff; }
	body.categoryPcTips   #guideheader div.firstinfobox { background-color: #ffe5e5; }
	body.categoryPcTips   #guideheader div.subinfobox { background-color: #ffffff; }
	body.categoryPrivates #guideheader div.firstinfobox { background-color: #f6f3cc; }
	body.categoryPrivates #guideheader div.subinfobox { background-color: #ffffff; }
	body.categoryBlogs    #guideheader div.firstinfobox { background-color: #ddffff; }
	body.categoryBlogs    #guideheader div.subinfobox { background-color: #ffffff; }
	body.categoryInfo     #guideheader div.firstinfobox { background-color: #eef3ef; }
	body.categoryInfo     #guideheader div.subinfobox { background-color: #ffffff; }

	/* --------- */
	/* ▽SNS BOX */
	/* --------- */
	#snsbuttons ul {
		margin: 0.5em 0px;
		padding: 0px;
		list-style-type: none;
	}
	#snsbuttons ul li {
		display: inline;
		/*display: inline-block;*/
	}
	#snsbuttons ul li a {
		display: inline-block;
	}
	#snsbuttons ul li img {
		border-width: 0px;
		/*margin: 0px 3px 0px 0px;*/
	}
	#snsbuttons ul + p.addsns {
		margin: -0.6em 0 1px 0;
	}

	/* ====================================== */
	/* ▼MiddleTop:上部ガイド領域内のボックス */
	/* ====================================== */
	#guideheader div.updatesbox {
		margin: 1em 0px 0px 0px;
		padding: 1em;
		background-color: #cceeff !important;
		border-radius: 15px;
	}
	#welcomebox p {
		font-size: 90%;
	}
	#welcomebox .note {
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: 1px dashed gray;
		font-size: 85%;
	}
	#welcomebox p.counter {
		text-align: right;
		margin: 0px;
	}

	/* -------------- */
	/* ▽更新日リスト */
	/* -------------- */
	#conerupdates ul {
		list-style-type: none;
		font-size: 80%;
		margin: 0.5em 0px;
		padding: 0px;
	}
	#conerupdates p {
		margin: 0.5em 0px;
		padding-top: 0.5em;
		font-size: 75%;
	}
	#conerupdates p:last-child {
		border-top: 1px dashed gray;
	}
	#conerupdates p.counter {
		text-align: right;
	}

	/* ------------------------ */
	/* ▽アップデート履歴リスト */
	/* ------------------------ */
	#updateinfobox ul {
		list-style-type: none;
		font-size: 85%;
		margin: 0.5em 0px;
		padding: 0px;
	}
	#updateinfobox ul li {
	    margin: 0.5em 0px;
	    padding: 5px;
	    border-bottom: 1px dashed #cccccc;
	}
	#updateinfobox ul li:last-child {
		border-bottom: 0px none white;
	}
	#updateinfobox ul li span.date {
		display: block;
		padding: 0px;
		margin: 0px 0.75em 0px 0px;
		float: left;
	}
	#updateinfobox p {
		margin: 0.5em 0px;
		border-top: 1px dashed gray;
		padding-top: 0.5em;
		font-size: 80%;
		text-align: right;
	}

	/* ====================================================== */
	/* ▼上下のサブボックスパーツ（文章コンテンツ用ボックス） */
	/* ====================================================== */
	div.subboxforsentence {
		margin: 0px;
		padding: 0px;
	}
	div.subboxforsentence h2 {
		margin: 0px;
		padding: 3px;
		font-size: 9pt;
		font-weight: normal;
		background-color: #9cff9c;
		border-width: 1px;
		border-style: solid;
		border-color: gray white white gray;
	}
	div.subboxforsentence p {
		margin: 5px 0px 10px 0px;
		padding: 0px;
		font-size: 80%;
		line-height: 1.4;
	}

	/* ---------------------------- */
	/* ▽個別サブボックスパーツ装飾 */
	/* ---------------------------- */
	body.categoryProducts div.subboxforsentence h2 { background-color: #bbddff; }
	body.categoryPcTips   div.subboxforsentence h2 { background-color: #ffc0bb; }
	body.categoryPrivates div.subboxforsentence h2 { background-color: #ffffaa; }
	body.categoryBlogs    div.subboxforsentence h2 { background-color: #ccffcc; }
	body.categoryInfo     div.subboxforsentence h2 { background-color: #d0eee0; }

	/* ================= */
	/* ▼コンテンツINDEX */
	/* ================= */
	#contentsindex {
		margin: 1em;
		padding: 0px;
		background-color: #ccffcc;
		border-radius: 15px;
	}

	/* --------------------- */
	/* ▽コンテンツINDEX末尾 */
	/* --------------------- */
	#pagelastupdate {
		clear:left;
		margin: 0px 0.5em;
		padding: 0.5em 0px 0px 0px;
		text-align: right;
		font-size: 75%;
	}
	#pagelastupdate span.lastupdate {
		display: block;
	}

	/* ------------ */
	/* ▽個別背景色 */
	/* ------------ */
	body.categoryProducts #contentsindex { background-color: white; }
	body.categoryPcTips   #contentsindex { background-color: white; }
	body.categoryPrivates #contentsindex { background-color: white; }
	body.categoryBlogs    #contentsindex { background-color: white; }
	body.categoryInfo     #contentsindex { background-color: white; }

	/* ================================== */
	/* ▼MiddleTop:各コーナー詳細ボックス */
	/* ================================== */
	div.cornerbox {
		background-color: #eee;
		border-width: 0px 3px;
		border-style: double;
		border-color: #000;
		margin: 1em 0px;
		padding: 1em;
	}
	body.categoryProducts div.cornerbox { background-color: #dfeeff; border-color: #000080; }
	body.categoryPcTips   div.cornerbox { background-color: #ffe5e5; border-color: #aa0000; }
	body.categoryPrivates div.cornerbox { background-color: #f0f0c0; border-color: #909000; }
	body.categoryBlogs    div.cornerbox { background-color: #e4ffcc; border-color: #008e55; }
	body.categoryInfo     div.cornerbox { background-color: #eeeeef; border-color: #002580; }

	/* ---------------------- */
	/* ▽コーナー詳細タイトル */
	/* ---------------------- */
	div.cornerbox h2 {
		margin: 0px;
		color: white;
		font-size: 125%;
	}
	div.supportbox div.cornerbox h2 {
		color: black;
		background-color: #ffffee;
		border-radius: 5px;
		padding: 0.3em 0.5em;
	}
	div.supportbox div.cornerbox h3 {
		border-bottom: 1px dashed #cccccc;
		margin: 1em 0px 0px 0px;
		font-size: 1em;
	}
	div.supportbox div.cornerbox h3 + p {
		margin-top: 0.5em;
	}

	/* ---------------------------------- */
	/* ▽コーナー詳細タイトルのリンク装飾 */
	/* ---------------------------------- */
	div.cornerbox h2 a {
		display: block;
		margin: 0px;
		padding: 0.3em 0.6em;
		border-radius: 9px;
		background-color: #fff;
		color: #00f;
	}
	body.categoryProducts div.cornerbox h2 a { background-color: #ffffcc; color: darkblue; }
	body.categoryPcTips   div.cornerbox h2 a { background-color: #ffffcc; color: #aa0000; }
	body.categoryPrivates div.cornerbox h2 a { background-color: #ffffff; color: #707000; }
	body.categoryBlogs    div.cornerbox h2 a { background-color: #ffffff; color: #008e55; }
	body.categoryInfo     div.cornerbox h2 a { background-color: #ffffff; color: #002580; }

	/* ホバーリンク装飾 */
	body.categoryProducts #contentscover div.cornerbox h2 a:hover { background-color: #3030cc; color: yellow; }
	body.categoryPcTips   #contentscover div.cornerbox h2 a:hover { background-color: #cc3030; color: yellow; }
	body.categoryPrivates #contentscover div.cornerbox h2 a:hover { background-color: green; color: yellow; }
	body.categoryBlogs    #contentscover div.cornerbox h2 a:hover { background-color: #008e55; color: yellow; }
	body.categoryInfo     #contentscover div.cornerbox h2 a:hover { background-color: #308030; color: yellow; }

	/* -------------------- */
	/* ▽コーナー詳細の中身 */
	/* -------------------- */
	div.cornerbox p,
	div.cornerbox ul {
		font-size: 95%;
	}
	div.cornerbox p.modified {
		text-align: right;
	}

	/* ======================== */
	/* ▼外部サイト紹介ボックス */
	/* ======================== */
	div.othersitesbox {
		border: 1px solid gray;
		border-radius: 21px;
		background-color: #f0f0f0;
		font-size: 90%;
	}
	div.othersitesbox h2 {
		margin: 0.3em;
		padding: 5px 1em;
		border-radius: 15px;
		background-color: #cccccc;
		color: black;
		font-size: 120%;
	}
	div.othersitesbox p.exp {
		margin: 1em;
	}
	div.othersitesbox ul.exp {
		margin-right: 1em;
	}

	/* ======================== */
	/* ▼ページ固有コンテンツ部 */
	/* ======================== */
	#pagecontents {
		margin: 1em;
		padding: 1em;
		background-color: #eee;
		border-radius: 12px;
	}
	#pagecontents div.guidebox {
		margin: 0px;
		padding: 0px;
		border: 1px solid green;
		font-size: 90%;
		background-color: white;
	}
	#pagecontents div.guidebox + div.guidebox {
		margin-top: 1em;
	}
	#pagecontents div.guidebox h2 {
		margin: 0px;
		padding: 0.1em 0.3em;
		background-color: green;
		color: white;
		font-size: 135%;
	}
	#pagecontents div.guidebox p {
		margin: 1em;
		padding: 0px;
	}
	#pagecontents div.guidebox h3 {
		margin: 1em 0px 0px 1em;
		padding: 3px;
		color: green;
		border-bottom: 3px double green;
		display: inline-block;
		font-size: 1.1em;
		background-color: #deefde;
		text-shadow: 1px 1px 1px white, -1px 1px 1px white, 1px -1px 1px white, -1px -1px 1px white;
	}
	#pagecontents div.guidebox h3 + p {
		margin-top: 0.5em;
	}
	#pagecontents div.guidebox .note {
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: 1px dashed gray;
		font-size: 85%;
	}


	/* ====================== */
	/* ▼コンテンツ種類別装飾 */
	/* ====================== */

	/* --------------------------------- */
	/* PRODUCTSコーナー類：プロダクトBOX */
	/* --------------------------------- */
	#contentsindex div.productbox {
		margin: 2em 0px 2.5em 0px;
		padding: 5px;
		background-color: #cce0ff;
		border: 1px solid #4f9cd5;
	}

	/* BOXタイトル部分 */
	#contentsindex div.productbox p.catch {
		font-size: smaller;
		margin: 0px;
		padding: 0px;
	}
	#contentsindex div.productbox h2 {
		margin: 0px;
		padding: 0px;
	}

	/* BOXタイトルリンク装飾 */
	#contentsindex div.productbox h2 a {
		display: block;
		width: 100%;
		border: 1px solid #cce0ff;
		padding: 0px;
		line-height: 1.35;
	}
	#contentsindex div.productbox h2 a:link { color: #0080ff; }
	#contentsindex div.productbox h2 a:visited { color: #3055cc; }
	#contentsindex div.productbox h2 a:focus {
		border-color: #00cc00;
		background-color: #ddebff;
	}
	#contentsindex div.productbox h2 a:hover {
		text-decoration: none;
		border-color: #00cc00;
		background-color: #ddffdd;
	}
	#contentsindex div.productbox h2 a:active {
		border-color: red;
		background-color: #ffffcc;
		color: pink;
	}

	/* BOXプレゼン領域 */
	#contentsindex div.productbox div.presenbox {
		margin: 5px 0px 0px 0px;
		min-height: 100px;
		background-color: white;
	}
	#contentsindex div.productbox div.presenbox p.productimage {
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	#contentsindex div.productbox div.presenbox p.productimage img {
		border-width: 0px;
		margin-top: 3px;
	}
	#contentsindex div.productbox div.presenbox div.productguide {
		margin: 0px;
		padding: 1px 0px 1px 0px;
	}
	#contentsindex div.productbox div.presenbox div.productguide h3 {
		margin: 0px;
		padding: 0px;
		font-size: 100%;
		line-height: 1.35;
	}
	#contentsindex div.productbox div.presenbox div.productguide p {
		margin: 0.3em;
		line-height: 1.45;
		font-size: 95%;
	}
	#contentsindex div.productbox div.presenbox div.productguide p.softinfo {
		margin: 3px;
		padding: 1px;
		background-color: #0055cc;
		color: white;
		font-size: 90%;
		font-family: Verdana;
		font-weight: bold;
	}
	#contentsindex div.productbox div.presenbox div.productguide ul.featurelist {
		list-style-type: none;
		margin: 0.6em 0px;
		padding-left: 0.3em;
		font-size: 95%;
	}
	#contentsindex div.productbox div.presenbox div.productguide p.modified {
		clear: left;
		text-align: right;
	}

	/* ------------------------------ */
	/* PRIVATESコーナー類：ページ中身 */
	/* ------------------------------ */
	#pagecontents div.personalcontentscover {
		background-color:#f5f5dd;
		border: 1px solid #cccc00;
		padding-top: 1px;
	}
	#pagecontents div.personalcontentscover h2 {
		background-color: #909000;
    	color: white;
    	border-radius: 9px;
    	margin: 3px;
    	padding: 3px;
	}


	/* ================ */
	/* ▼コンテンツ末尾 */
	/* ================ */
	#bottomreturnlink {
		clear: left;
		text-align: center;
		margin: 2em 0px 0px 0px;
	}

	/* ================== */
	/* ▼頻出コンテンツ等 */
	/* ================== */

	/* ▽カスケードリストアップ項目 */
	div.cascadelistup ul {
		list-style: none;
		padding: 0px 3px;
	}
	div.cascadelistup ul li span.title {
		border-bottom: 2px green solid;
		font-weight: bold;
		padding: 0px;
	}
	div.cascadelistup ul.inside {
		margin: 0.3em 0px 1em 0px;
		padding: 0px 0px 0px 0.75em;
	}
	div.cascadelistup ul.inside li {
		border-bottom: 1px dashed green;
		padding: 0.3em 0px 0px 0px;
	}
	div.cascadelistup ul.inside li a {
		text-decoration: none;
	}
	div.cascadelistup ul.inside li a:hover {
		text-decoration: underline;
	}

	/* ==================== */
	/* ▼トップへ戻るボタン */
	/* ==================== */
	#topbutton {
		position: fixed;
		top: 15px;
		right: 5px;
		z-index: 100;
		margin: 0px;
		padding: 0px;
		width: 8em;
		height: 25px;
		line-height: 2.5;
		text-align: center;
		font-size: 80%;
		display: none;	/* 初期状態では表示しない */
	}
	#topbutton a {
		display: block;
		border: 1px solid blue;
		border-radius: 10px;
		background-color: #ffffcc;
		text-decoration: none;
		overflow: hidden;
	}
	#topbutton a:hover {
		background-color: skyblue;
		color: white;
		text-decoration: underline;
	}

	/* ====================== */
	/* ▼共通検索ボックス部分 */
	/* ====================== */
	#sitesearchbox {
		position: static;	/* モバイルではヘッダ部分には移動しない */
		margin: 0px;
		padding: 0.5em;
		background-color: #ccffcc;
	}
	#sitesearchbox h2 {
		font-weight: normal;
		font-size: 90%;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}

	/* ---------------- */
	/* ▽検索機能の装飾 */
	/* ---------------- */
	#sitesearchbox #srchBox {
		margin: 0.3em 0px;
		padding: 0.5em;
		border: 1px green solid;
		border-radius: 48px;
		background-color: white;
	}
	#sitesearchbox #srchBox form {
		margin: 5px 0px;
		padding: 0px;
	}
	#sitesearchbox #srchBox form #srchInput {
		width: 70%;
		margin-right: 3px;
	}
	#sitesearchbox #srchBox p {
		text-align: center;
		margin: 0px;
		padding: 15px 0px 0px 0px;	/* ボタンと入力欄に広めの空間を設ける */
		font-size: 80%;
	}
	#sitesearchbox #srchBox #srchLogo a {
		text-decoration: none;
	}
	#sitesearchbox #srchBox #srchLogo img {
		border-width: 0px;
	}
	#sitesearchbox:target {
		background-color: pink;
	}

	/* ================ */
	/* ▼共通フッタ部分 */
	/* ================ */
	#commonfoot {
		background-color: #ccffcc;
		margin: 0px;
		padding: 0px;
	}

	#footmessages {
		margin: 0px;
		padding: 1em;
		background-color: #005500;
		color: white;
	}
	#footmessages a {
		color: #ffffcc;
	}
	#footmessages a:hover {
		background-color: #ffffcc;
		color: blue;
	}

	/* ------------------ */
	/* ▽フッタガイド部分 */
	/* ------------------ */
	#footguide {
		margin: 0px;
		padding: 0px;
		font-size: 80%;
	}

	/* フッタナビ */
	#footguide h2 {
		font-size: 90%;
		color: #ffff80;
	}
	#footguide .sitelinks {
		list-style-type: none;
		padding: 0;
	}
	#footguide .sitelinks > li {
		min-width: 4.5em;
	}
	#footguide .sitelinks li ul {
		list-style-type: none;
		padding: 0 0 0 0.5em;
		display: inline-block;
		vertical-align: top;
	}
	#footguide .sitelinks li ul li {
		display: inline-block;
	}
	#footguide .sitelinks li a {
		display: inline-block;
		border-radius: 5px;
		padding: 7px;
	}

	/* フッタガイド */
	#footguide p.footguidance {
		margin: 1em 0px;
		padding: 1em 0px 0px 0px;
		border-top: 1px dashed white;
		font-style: italic;
		text-align: left;
	}

	/* SNSガイド */
	#footguide ul.footbanners li a.twitter:hover  { background-color: #f0ffff; color: #55acee; }
	#footguide ul.footbanners li a.facebook:hover { background-color: #f0f0ff; color: blue; }
	#footguide ul.footbanners li a.mixi:hover     { background-color: #fff0e0; color: orange; }
	#footguide ul.footbanners li a.googleplus:hover { background-color: #fff0f0; color: darkred; }
	#footguide ul.footbanners li a.rss:hover { background-color: orange; color: white; }

	/* 著作権表記 */
	#footguide p.sitecopyright {
		margin: 2.5em 0px 0px 0px;
		padding: 0px 0px 0.5em 0px;
	}
	.aboutthissite {
		display: inline-block;
		margin-top: 10px;
	}

	/* ------------------- */
	/* ▽QR-Codeガイド部分 */
	/* ------------------- */
	#footmessages #mobileguide {
		margin: 0px;
		padding: 0.5em;
		font-size: 80%;
		line-height: 1.3;
		background-color: white;
		color: black;
		border: 1px solid #ccffcc;
		border-radius: 12px;
		text-align: center;
	}

	/* ---------------- */
	/* ▽解析ツール部分 */
	/* ---------------- */
	#accessanalyzer {
		font-size: 60%;
		width: 120px;
		text-align: right;
		float: right;
		margin: -1.5em 0px 0px 0px;
	}
	#accessanalyzer a img {
		border-width: 0px;
	}

	/* ---------------- */
	/* ▽スクリプト関連 */
	/* ---------------- */
	#powerTip {
		font-size: smaller;
		box-shadow: 3px 3px 3px rgba(128,192,128,0.75);	/* 影 */
	}
	/* (Include)jquery.powertip.custom.min.css */
	#powerTip{cursor:default;background-color:#383;background-color:rgba(0,128,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,128,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,128,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,128,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,128,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,128,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,128,0,.8);top:-10px}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,128,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,128,0,.8);bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}

/* ――――――――――――――――――――――――――― */
/* ■レガシー環境以外のほぼすべて（横幅 320px以上の場合） */
/* ――――――――――――――――――――――――――― */
@media all and (min-width: 320px) {

	/* 汎用 */
	.no-mobile { display: none; }

	/* ====================================== */
	/* ▼MiddleTop:上部ガイド領域内のボックス */
	/* ====================================== */
	/* -------------- */
	/* ▽更新日リスト */
	/* -------------- */
	#conerupdates ul li {
		margin-bottom: 8px;
	}
	#conerupdates ul li a {
		border-radius: 9px;
		background-color: #00c;
		color: white;
		padding: 7px 5px;
		min-width: 10.5em;
		display: inline-block;
	}
	#conerupdates ul li a:hover {
		background-color: #ffff55;
		color: green;
		text-decoration: none;
	}
	#conerupdates ul span.pagemodifydate {
		white-space: nowrap;
	}

	/* 各リンク色 */
	body.categoryProducts #conerupdates ul li a { background-color: #4f9cd5; color: white; }
	body.categoryPcTips   #conerupdates ul li a { background-color: #aa0000; color: white; }
	body.categoryPrivates #conerupdates ul li a { background-color: #909000; color: white; }
	body.categoryBlogs    #conerupdates ul li a { background-color: #258b72; color: white; }
	body.categoryInfo     #conerupdates ul li a { background-color: #002580; color: white; }

	/* 各ホバーリンク装飾 */
	body.categoryProducts #conerupdates ul li a:hover { background-color: #3030cc; color: yellow; }
	body.categoryPcTips   #conerupdates ul li a:hover { background-color: #cc3030; color: yellow; }
	body.categoryPrivates #conerupdates ul li a:hover { background-color: green; color: yellow; }
	body.categoryBlogs    #conerupdates ul li a:hover { background-color: #00e855; color: yellow; }
	body.categoryInfo     #conerupdates ul li a:hover { background-color: #50aa50; color: yellow; }

	/* ==================== */
	/* ▼トップへ戻るボタン */
	/* ==================== */
	#topbutton a {
		background-color: rgba(255,255,204,0.67);	/* モバイルでは半透明(※メニューバーを固定しないから) */
	}

	/* ================ */
	/* ▼共通フッタ部分 */
	/* ================ */
	/* ------------------ */
	/* ▽フッタガイド部分 */
	/* ------------------ */
	/* SNSガイド */
	#footguide ul.footbanners {
		margin: 2em 0px;
		text-align: right;
	}
	#footguide ul.footbanners li {
		display: inline-block;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#footguide ul.footbanners li a {
		display: block;
		text-decoration: none;
		border: 1px solid white;
		border-radius: 9px;
		margin: 0px 1px 3px 0px;
		padding: 0px 4px;
		font-size: 25px;
	}
	#footguide ul.footbanners li a span.nishishi-on {
		display: none;
	}
	#footguide ul.footbanners li a span.sns-name {
		font-size: 0.9rem;
	}

	/* ------------------- */
	/* ▽QR-Codeガイド部分 */
	/* ------------------- */
	#footmessages #mobileguide {
		display: none;
	}

}

/* ―――――――――――――――――――――――― */
/* ■主にスマートフォンのみ（高さ 599px以下の場合） */
/* ―――――――――――――――――――――――― */
@media all and (max-width: 599px) {
	/* 枠線を減らす */
	#pagecontents {
		margin: 0.5em;
		padding: 0;
		background-color: transparent;
	}
	#pagecontents div.personalcontentscover {
		padding: 0.5em;
	}
}

/* ――――――――――――――――――――――――――― */
/* ■縦方向に十分長いモバイル環境（高さ 460px以上の場合） */	/* iPhone6なら550,iPhone5なら460 */
/* ――――――――――――――――――――――――――― */
@media all and (max-width: 767px) and (min-height: 460px) {

	/* ================== */
	/* ▼共通メニュー部分 */
	/* ================== */
	#sitemark img {
/*		width: 30px;*/
	}

	/* ============================ */
	/* ▼メニューの動的固定機能関連 */
	/* ============================ */
	.fixedmenu {
		position: fixed;
		top: 0px;
		left: 0px;
		box-shadow: 3px 3px 3px rgba(0,128,0,0.5);
	}
	.paddingforfixedmenu {
		padding-top: 30px;
	}

	/* ==================== */
	/* ▼トップへ戻るボタン */
	/* ==================== */
	#topbutton {
		top: 35px;	/* メニューバーに重ならない位置にずらす */
	}

}
/* ―――――――――――――――――――――――――― */
/* ■タブレット＆狭いPCスタイル（横幅 768px以上の場合） */
/* ―――――――――――――――――――――――――― */
@media all and (min-width: 768px) {

	/* 汎用 */
	.no-mobile { display: block; }
	span.no-mobile { display: inline; }

	/* ================ */
	/* ▼共通ヘッダ部分 */
	/* ================ */
	#commonhead img {
		width: 600px;
	}
	#pagedescription {
		display: block;
		margin: 0px;
		position: absolute;
		left: 98px;
		top: 11px;
		font-size: 12px;
	}

	/* ================== */
	/* ▼共通メニュー部分 */
	/* ================== */
	/* -------------- */
	/* ▽メニュー項目 */
	/* -------------- */
	ul#sitemenu li {
		width: 95px;
		height: 35px;
	}
	ul#sitemenu li a {
		line-height: 35px;	/* li要素の高さと合わせる */
	}
	#sitemark img {
		vertical-align: middle;
	}

	/* ============================ */
	/* ▼メニューの動的固定機能関連 */
	/* ============================ */
	.fixedmenu {
		position: fixed;
		top: 0px;
		left: 0px;
		box-shadow: 3px 3px 3px rgba(0,128,0,0.5);
	}
	.paddingforfixedmenu {
		padding-top: 35px;
	}

	/* ====================================== */
	/* ▼MiddleTop:上部ガイド領域内のボックス */
	/* ====================================== */
	/* -------------- */
	/* ▽更新日リスト */
	/* -------------- */
	#conerupdates ul li {
		margin-bottom: 3px;
	}
	#conerupdates ul li a {
		padding: 3px 5px;
	}

	/* ============================================== */
	/* ▼MiddleTop:コーナー内ローカルサブメニューバー */
	/* ============================================== */
	#middleheadbar {
		padding: 0px;	/* PCでは大きな隙間は不要 */
	}

	/* ------------------------ */
	/* ▽メニュー下部の突き出し */
	/* ------------------------ */
	#placesign {
		display: block;
		width: 95px;
		font-size: 50%;
		text-align: center;
		margin: 0px;
		padding: 0px;
		border-radius: 0px 0px 12px 12px;
	}
	body.categoryProducts #placesign { background-color: #0000ff; color: white; margin-left: 105px; } /*  -5 */
	body.categoryPcTips   #placesign { background-color: #ff0000; color: white; margin-left: 201px; } /* -10 */
	body.categoryPrivates #placesign { background-color: #eeee00; color: black; margin-left: 297px; } /* -15 */
	body.categoryBlogs    #placesign { background-color: #165344; color: white; margin-left: 393px; } /* -20 */
	body.categoryBooks    #placesign { background-color: #cb3636; color: white; margin-left: 489px; } /* -25 */
	body.categoryInfo     #placesign { background-color: #999999; color: white; margin-left: 585px; } /* -30 */

	/* ========================== */
	/* ▼MiddleTop:上部ガイド領域 */	/* ※テーブル2段組化するよう上書き */
	/* ========================== */
	#guideheader {
		display: table;
		border-spacing: 1em 0px ;
		margin: 0px;
		padding: 0px;
	}
	#guideheader div.firstinfobox {
		display: table-cell;
		margin: 0px;
		padding: 1em;
	}
	#guideheader div.personbox {
		display: table-cell;
		margin: 0px;
		padding: 1em;
		width: 240px; /*15em;*/
	}
	#guideheader div.subinfobox {
		display: table-cell;
		margin: 0px;
		padding: 1em;
		width: 35%;
	}
	#guideheader #detailinfo {
		width: 65%;
	}

	/* ================= */
	/* ▼コンテンツINDEX */
	/* ================= */
	/* --------------------- */
	/* ▽コンテンツINDEX末尾 */
	/* --------------------- */
	#pagelastupdate span.lastupdate {
		display: inline;
	}

	/* ======================== */
	/* ▼外部サイト紹介ボックス */
	/* ======================== */
	div.othersitesbox h2 {
		background-color: gray;
		color: white;
	}

	/* ================================ */
	/* ▼MiddleTop:コンテンツ種類別装飾 */
	/* ================================ */

	/* --------------------------------- */
	/* PRODUCTSコーナー類：プロダクトBOX */
	/* --------------------------------- */
	/* BOXプレゼン領域 */
	#contentsindex div.productbox div.presenbox p.productimage {
		width: 134px;	/* for PC */
		float: left;
	}
	#contentsindex div.productbox div.presenbox div.productguide {
		margin: 0px 0px 0px 134px;	/* for PC */
		border-left: 1px dotted #cce0ff;
	}

	/* ------------------------------ */
	/* PRIVATESコーナー類：ページ中身 */
	/* ------------------------------ */
	#pagecontents div.personalcontentscover {
		padding-top: 0.75em;
	}
	#pagecontents div.personalcontentscover h2 {
    	border-radius: 15px;
    	margin: 0.5em 1em;
    	padding: 0.25em;
	}

	/* ================== */
	/* ▼頻出コンテンツ等 */
	/* ================== */

	/* ▽カスケードリストアップ項目 */
	div.cascadelistup ul {
		padding: 0px 0px 0px 40px;
	}
	div.cascadelistup ul li span.title {
		padding: 0px 0.3em;
	}
	div.cascadelistup ul.inside {
		margin: 0.3em 3em 1em 0px;
		padding-left: 40px;
	}
	div.cascadelistup ul.inside li {
		padding: 0.3em 0.1em 0px 0.1em;
	}
	div.cascadelistup ul.inside li a {
		text-decoration: none;
	}
	div.cascadelistup ul.inside li a:hover {
		text-decoration: underline;
	}

	/* ==================== */
	/* ▼トップへ戻るボタン */
	/* ==================== */
	#topbutton {
		top: 5px;
		max-width: 75px;
		font-size: 70%;
		line-height: 1.35;
	}
	#topbutton a {
		border-color: green;
		background-color: #ffffcc;
	}

	/* ====================== */
	/* ▼共通検索ボックス部分 */
	/* ====================== */
	#sitesearchbox {
		position: absolute;		/* ページヘッダ部分に表示 */
		right: 5px;
		top: 10px;
		width: 200px;
		height: 75px;
		padding: 0px;
		overflow: hidden;
		background-color: transparent;
	}
	#sitesearchbox h2 {
		font-size: 80%;
	}

	/* ---------------- */
	/* ▽検索機能の装飾 */
	/* ---------------- */
	#sitesearchbox #srchBox {
		margin: 0px;
		padding: 0px;
		border-width: 0px;
		background-color: transparent;
	}
	#sitesearchbox #srchBox form #srchInput {
		width: 100px;
		margin-right: 0px;
	}
	#sitesearchbox #srchBox p {
		padding: 0px;	/* 入力欄とボタンとの間隔を狭める */
	}

	/* ================ */
	/* ▼共通フッタ部分 */
	/* ================ */
	#footmessages {
		display: table;
		border-spacing: 1em;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	/* ------------------ */
	/* ▽フッタガイド部分 */
	/* ------------------ */
	#footguide {
		display: table-cell;
		vertical-align: middle;
		/* [for Debug]  background-color: darkred;*/
	}

	/* フッタナビ */
	#footguide .sitelinks {
		padding: 0 0 0 20px;
	}
	#footguide .sitelinks li a {
		padding: 3px;
	}

	/* フッタガイド */
	#footguide p.footguidance {
		text-align: right;
	}

	/* 著作権表記 */
	.aboutthissite {
		display: inline;	/* インラインに戻す */
		margin-top: 0px;
	}

	/* SNSガイド */

	/* ------------------- */
	/* ▽QR-Codeガイド部分 */
	/* ------------------- */
	#footmessages #mobileguide {
		display: table-cell;
		vertical-align: middle;
		width: 180px;
		font-size: 75%;
	}

}

/* ―――――――――――――――――――― */
/* ■通常PCスタイル（横幅 920px以上の場合） */
/* ―――――――――――――――――――― */
@media all and (min-width: 920px) {

	/* ================== */
	/* ▼共通メニュー部分 */
	/* ================== */
	/* -------------- */
	/* ▽メニュー項目 */
	/* -------------- */
	ul#sitemenu li {
		width: 100px;
		height: 35px;
	}
	ul#sitemenu li a {
		line-height: 35px;	/* li要素の高さと合わせる */
	}

	/* ============================================== */
	/* ▼MiddleTop:コーナー内ローカルサブメニューバー */
	/* ============================================== */
	/* ------------------------ */
	/* ▽メニュー下部の突き出し */
	/* ------------------------ */
	#placesign {
		width: 100px;
	}
	body.categoryProducts #placesign { margin-left: 110px; }
	body.categoryPcTips   #placesign { margin-left: 211px; }
	body.categoryPrivates #placesign { margin-left: 312px; }
	body.categoryBlogs    #placesign { margin-left: 413px; }
	body.categoryBooks    #placesign { margin-left: 514px; }
	body.categoryInfo     #placesign { margin-left: 615px; }

	/* ==================== */
	/* ▼トップへ戻るボタン */
	/* ==================== */
	#topbutton {
		max-width: 100px;
		font-size: 80%;
	}

	/* ================ */
	/* ▼共通フッタ部分 */
	/* ================ */

	/* ------------------- */
	/* ▽QR-Codeガイド部分 */
	/* ------------------- */
	#footmessages #mobileguide {
		width: 240px;
	}

}

/* ―――――――――――――――――――― */
/* ■広大PCスタイル（横幅1500px以上の場合） */
/* ―――――――――――――――――――― */
@media all and (min-width: 1500px) {

	/* ================ */
	/* ▼共通フッタ部分 */
	/* ================ */
	/* ------------------ */
	/* ▽フッタガイド部分 */
	/* ------------------ */
	/* SNSガイド */
	#footguide ul.footbanners li a span.nishishi-on {
		display: inline;
		font-size: 0.6rem;
	}

}



/* ――――――――――――― */
/* ■部分挿入用の汎用スタイル */
/* ――――――――――――― */
/* ▼書籍紹介BOX */
.ebookcover {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid darkblue;
	border-radius: 0.75em;
	background-color: snow;
}
.ebookcover:after {
	/* clearfix */
	content: "";
	clear: both;
	display: block;
}
.ebookimage {
	margin: 0;
	padding: 0;
	max-width: 190px;
	float: left;
	text-align: center;
}
.ebookimage img {
	width: 190px;
	height: 241px;
	display: block;
}
.ebookimage a:hover img {
	opacity: 0.8;
}
.ebookprice { font-size: 0.8em; }
.ebookexp {
	margin: 0 0 0 206px;
}
.ebooktitle {
	margin: 0;
	font-weight: bold;
}
.ebookguide {
	font-size: 0.9em;
	line-height: 1.4;
}
@media all and (max-width: 639px) {
	.ebookimage { float: none; max-width: 100%; }
	.ebookimage img { width: auto; height: auto; max-width: 100%; }
	.ebookexp { margin: 1em 0 0 0; }
}


/* ――――――――――――― */
/* ■外部ツールの補足スタイル */
/* ――――――――――――― */
/* ▼SNSボタン */
.fb-like {
	display: inline-block;
}

/* ―――――――――――――――――― */
/* ■アイコンWebフォント掲載用スタイル  */
/* ―――――――――――――――――― */
@font-face {
	font-family: 'imNishishi';
	src:url('https://www.nishishi.com/common/fonts/icomoon.eot?-w82ckg');
	src:url('https://www.nishishi.com/common/fonts/icomoon.eot?#iefix-w82ckg') format('embedded-opentype'),
		url('https://www.nishishi.com/common/fonts/icomoon.woff?-w82ckg') format('woff'),
		url('https://www.nishishi.com/common/fonts/icomoon.ttf?-w82ckg') format('truetype'),
		url('https://www.nishishi.com/common/fonts/icomoon.svg?-w82ckg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;	/* アイコンなので、代替フォントでは意味がないため。 */
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'imNishishi';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {	content: "\e600";	}
.icon-quill:before {	content: "\e601";	}
.icon-book:before {	content: "\e602";	}
.icon-books:before {	content: "\e603";	}
.icon-envelope:before {	content: "\e604";	}
.icon-user:before {	content: "\e605";	}
.icon-hammer:before {	content: "\e606";	}
.icon-info:before {	content: "\e607";	}
.icon-feed:before {	content: "\e608";	}
.icon-windows:before {	content: "\e609";	}
.icon-twitter:before {	content: "\e60a";	}
.icon-facebook:before {	content: "\e60b";	}
.icon-googleplus:before {	content: "\e60c";	}
.icon-mixi:before {	content: "\e60d";	}