/* 2. コンテンツ部分設定 */

article	{
		}



			/* パンくずリスト */
			#breadscumb			{
								}
			#breadscumb		ol	{
								width:100%;
								padding:0;
								}
			#breadscumb		ol	li	{
								margin:0;
								padding:0;
								list-style:none;
								font-size:10pt;
								background-color:#F0F0F0;
								float:left;
								}
			#breadscumb		ol	li:before	{
								content: "\025B6";
								}
			#breadscumb		ol	li	a:link	{
											color:#111;
											}
			#breadscumb		ol	li	a:visited	{
											color:#111;
											}



.content_box1	{
				margin:10px auto;
				word-break:break-all;
				width:100%;
				}
.content_box1	h1	{
					font-size:25pt;
					border-left:6px dotted #0F56FF;
					padding:12px 5px;
					line-height:1.1em;
					}
.content_box1	h2	{
					border-left:6px dotted #0F56FF;
					padding:12px 5px;
					font-size:20pt;
					line-height:1.1em;
					
					}
.content_box1	h3	{
					border-left:3px solid #0F56FF;
					border-bottom:1px dashed #DDD;
					padding:6px 5px;
					line-height:1.1em;
					}
.content_box1	p	{
					font-size:14pt;
					margin:30px 10px 30px 10px;
					line-height:1.5em;
					word-break: break-all;
					}
.content_box1	pre	{
					width:80%;
					margin:50px auto;
					padding:5px 0;
					background-color:#E0E0E0;
					word-break: break-all;
					}
		.center		{
					text-align:center;		/*   P テキストセンタリング*/
					}
		/* Timeタグ */
		time		{
					float:right;
					border:1px solid #0F56FF;
					color:#0F56FF;
					font-size:10pt;
					padding:0 5px;
					}
		/* topimage */
		.topimage	{
					width:100%
					max-width:500px;
					margin:5px auto;
					}
		.topimage	img	{
					width:100%;
					margin:0;
					}
		/* seoテクまとめ 2016　リスト*/
		ol.tec		{
					font-size:14pt;
					font-weight:bold;
					}
		.tec	li	{
					margin:30px 0 50px 0;
					}
		.tec	li	p	{
					margin:5px 0;
					font-size:13pt;
					color:#000;
					}
		.tec	li	p	span.star	{
					color:#FFB60F;
					font-size:9pt;
					}
		.tec	li	p	span.red1	{
					color:#F00;
					font-size:9pt;
					}

	/* ページの上へリンク */
.pagetop			{
					position:fixed;
					bottom:20px;
					right:0px;
					background-color:rgba(50,50,50,0.4);
					opacity:0.6;
					text-align:center;
					}
.pagetop	img		{
					padding:10px;
					width:40px;
					}
	/* index.htmlへのリンク */
.indexlink			{
					margin:10px 0;
					text-align:center;
					font-size:10pt;
					line-height:1em;
					}
		/*更新日 timeタグ */
time			{
				margin:0;
				font-size:9pt;
				}

/* 各ページ内で使用のタグ */

	
	/* index.html内 */
			/* ol もくじ class=indexmokuji*/
			ul.indexmokuji	{
							width:99%;
							margin:0 auto;
							padding:0;
							list-style:none;
							}
			ul.indexmokuji	li	{
							width:95%;
							margin:20px auto;
							padding:50px 0;
							font-size:14pt;
							}
			ul.indexmokuji	li:after	{
							clear:both;
							height:0px;
							visibility:hidden;
							content:".";
							}
			/* */
			ul.indexmokuji	li	.image-tec	{
							width:80px;
							margin:10px;
							float:left;
							}
				.bgimage1	{	/*リスト内交互の背景画像*/
							background-image:url(img/index-li-back1.jpg);
							color:#FFF;
							}
				.bgimage1	a:link	{
							background-color:rgba(200,200,200,0.9);
							padding:5px 0;
							}
				.bgimage2	{	/*リスト内交互の背景画像 2 */
							background-image:url(img/index-li-back2.jpg);
							color:#FFF;
							}
				.bgimage2	a:link	{
							background-color:rgba(200,200,200,0.9);
							padding:5px 0;
							}
				.bgimage3	{	/*リスト内交互の背景画像 3 */
							background-image:url(img/index-li-back3.jpg);
							color:#FFF;
							}
				.bgimage3	a:link	{
							background-color:rgba(200,200,200,0.9);
							padding:5px 0;
							}
				.bgimage4	{	/*リスト内交互の背景画像 4 */
							background-image:url(img/index-li-back4.jpg);
							color:#FFF;
							}
				.bgimage4	a:link	{
							background-color:rgba(200,200,200,0.9);
							padding:5px 0;
							}
							
			/*web制作、seoアイコン表示*/
			ul.indexmokuji	li	.web-icon	{	/*web制作アイコン*/
							margin:0 10px 0 0;
							width:28px;
							font-size:10px;
							padding:3px 0;
							color:#000;
							border:1px solid #00FF00;
							background-color:#00FF00;
							border-radius:3px;
							text-align:center;
							line-height:1.1em;
							display:inline-block;
							}
			ul.indexmokuji	li	.seo-icon	{	/*SEOテク*/
							margin:0 10px 0 0;
							width:28px;
							font-size:10px;
							padding:3px 0;
							color:#FFF;
							border:1px solid #FF1E34;
							background-color:#FF1E34;
							border-radius:3px;
							text-align:center;
							line-height:1.1em;
							display:inline-block;
							}
			ul.indexmokuji	li	.css-icon	{	/*CSSアイコン*/
							margin:0 10px 0 0;
							width:28px;
							font-size:10px;
							padding:3px 0;
							color:#000;
							border:1px solid #260FFF;
							background-color:#78F1FF;
							border-radius:3px;
							text-align:center;
							line-height:1.1em;
							display:inline-block;
							}
			ul.indexmokuji	li	.link-icon	{	/*外部リンクアイコン*/
							margin:0 10px 0 0;
							width:28px;
							font-size:9px;
							padding:3px 0;
							color:#FFF;
							border:1px solid #000;
							background-color:#CC00FF;
							border-radius:3px;
							text-align:center;
							line-height:1.1em;
							display:inline-block;
							}
			ul.indexmokuji	li	.color-icon	{	/*色見本*/
							margin:0 10px 0 0;
							width:28px;
							font-size:10px;
							padding:3px 0;
							color:#000;
							border:1px solid #FF1E34;
							background:linear-gradient(-45deg,#FF0099,#FFD52D);
							border-radius:3px;
							text-align:center;
							line-height:1.1em;
							display:inline-block;
							}
			
			/* 見出しテスト用 .m_h2 白地にグレー枠線 赤ワンポイント*/
			.m_h2:before	{
						margin:0 10px;
						padding:0;
						content: "";
						width:5px;
						height:30px;
						border-left: 3px solid #FF0000;
						position:absolute;
						left:-1px;
						top: 8px;
						}
			.m_h2			{
							margin:0;
							position:relative;
							padding:10px 20px;
							border:1px solid #E0E0E0;
							border-radius:5px;
							box-shadow:1px 1px 2px #888888;
							display:inline-block;
							}
			.m_h3:before	{
							content: "";
							display:block;
							position:absolute;
							border-left:8px solid #FF00FF;
							border-right:8px solid #0000FF;
							width:10px;
							height:10px;
							}
			.m_h3			{
							}
			/* ページ内もくじ olリスト */
			.mokuji			{
							width:80%;
							margin:0 auto;
							font-size:11pt;
							border:3px double #E0E0E0;
							}
			.mokuji		li	{
							margin:5px;
							}
			/* list01 ソーシャルボタンで使用 */
			.list01			{
							margin:0;
							list-style:none;
							}
			.list01	li		{
							margin:10px;
							border-bottom:2px solid #E0E0E0;
							float:left;
							}
			/* ソーシャルボタンのサンプル用 */
			.social-sample	{
							width:90%;
							margin:0 auto;
							border:1px solid #E0E0E0;
							text-align:center;
							}
			.content-image	{
							width:90%;
							max-width:500px;
							margin:5px auto;
							border:1px solid #CCCCCC;
							}
			.content-image	img	{
							width:100%;
							height:auto;
							margin:0;
							}

			/*アンドロイドシェアデータ用class="android-data"
			右寄せ max320幅
			*/
			table.android-data	{
								width:45%;
								max-width:320px;
								margin:1px 1px 1px 5px;
								border-collapse:collapse;
								float:right;
								}
			table.android-data	th,td	{
								padding:5px;
								border:1px solid #555;
								font-size:10pt;
								}
			table.android-data	td.percent	{
								text-align:right;
								}


/*html,css,phpコード記述用*/
.code				{		
						width:80%;
						margin:10px auto;
						padding:5px 0;
						background-color:#E0E0E0;
						word-break: break-all;
					}
.code-small			{
						width:80%;
						margin:10px auto;
						padding:5px 0;
						background-color:#E5E5E5;
						line-height:1em;
						font-size:9pt;
						word-break: break-all;
					}
/* schemaのページで使用 リスト*/
ul.schema			{
						width:80%;
						max-width:500px;
						margin:0 auto;
						padding:20px;
						border:1px solid #CCCCCC;
						box-shadow:1px 1px 3px #CCCCCC,1px -1px 3px #CCCCCC,-1px 1px 3px #CCCCCC,-1px -1px 3px #CCCCCC;
					}
				/*schema.orgのコード記述例で使用*/
				span.scope	{
								color:#FF007F;
							}
				span.type	{
								color:#FF7F00;
							}
				span.prop	{
								color:#00E100;
							}
				span.org	{
								color:#0060F0;
								font-weight:bold;
							}
	/* 404 エラーページ 用 */
.error	{
		}
.error	h1	{
			font-size:5em;
			}
.error	p	{
			font-size:1em;
			}

/*css-20170405.html用*/
div.test001		{
				width:320px;
				margin:0 auto;
				}
.test001		ul	{
				width:100%;
				margin:0;
				padding:0;
				}
.test001		ul		li	{
				display:inline;
				width:30%;
				margin:3px;
				border:1px solid #F00;
				list-style:none;
				float:left;
				}
/*20170912 OSシェアで使用。*/
.table20170912		{
				width:80%;
				max-width:400px;
				margin:0 auto;
				border-collapse:collapse;
				}

/*20170929 表示スピードで使用 別タブで開くアイコン*/
.tab			{
				width:17px;
				margin:0 5px;
				}
.img-right		{	/*画像右よせ*/
				width:40%;
				max-width:300px;
				margin:10px;
				float:right;
				}
.img-left1		{	/*時計アイコン、ページアイコンなどsvgの左よせ*/
				width:20%;
				max-width:60px;
				float:left;
				margin:10px;
				}
.yellow			{
				background-color:#fff600;
				}
span.moji10p	{	/*順位上昇ページで使用 文字サイズ10pt*/
				font-size:10pt;
				}



.colorbox		{		/*グラデーションCSSの色見本*/
				width:100%;
				}
.colorbox	p	{
				width:22%;
				margin:1%;
				height:100px;
				font-size:9pt;
				float:left;
				border:1px solid #FFF;
				border-radius:10px;
				text-align:center;
				box-shadow:0 0 5px #777;
				}
.colorbox	p	a:link	{
				display:block;
				}

.bb1			{	/*太字*/
				font-weight:bold;
				}
				
.bb2			{	/*太字　オレンジ*/
				color:#ff9600;
				font-weight:bold;
				}
.red			{
				color:#ef0000;
				}
		/*もくじ  navタグ  */
.mokuji			{
				}

.mokuji		p	{
				margin:10px 0;
				text-align:center;
				font-size:11pt;
				font-weight:bold;
				}