/*全頁共通*/
body, header, article, nav, aside, section, main, figure, figcaption, footer 
	{	display:block;		/*デフォルトinline*/
	margin: 0px ;
	padding: 0px ;	}
/*全頁共通*/
/*20171001変更*/
body {	min-width: 320px;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #c0c0c0 ;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	word-wrap: break-word;	}

.fmono	{font-family: monospace, sans-serif;}	/*多分不要*/

/*基本設定段落*/
p 	{
	color: #080000;	/*（ほぼ黒）*/
	lineight: 1.6;
/*	text-align: justify;
	text-justify: inter-ideograph;	*/
	}

/*段落長文本文両端ぞろえ５字　使用場所？*/
.plong_p5	{
	padding-left:1em;
	padding-right:1em;
	padding-left:5em;
	padding-right:5em;
/*	text-align: justify;
	text-justify: inter-ideograph;	*/
	}
@media screen and (max-width:490px)
	{
	.plong_p5{padding-left:0; padding-right:0;}  
	}

/*段落長文本文両端ぞろえ行間狭い　設定変更でnarrowに*/
.plong_narrow 
	{
	margin:8px 0px;
	padding: 0px;
	line-height: 1.4;
/*	text-align: justify;
	text-justify: inter-ideograph;	*/
	}

/*行間狭い　leadよりは広い*/
.narrow
	{
	margin:8px 0px;
	padding: 0px;
	line-height: 1.4;
	}
.narrow p
	{
	margin:8px 0px;
	padding: 0px;
	line-height: 1.4;
	}

/*段落長文本文両端ぞろえインデント１行間標準　使用場所？*/
.plongin 
	{
	margin: 0px 0px 3px 0px；
	padding: 0px;
/*	text-align: justify;
	text-justify: inter-ideograph;	*/
	padding-left:1em;
	text-indent:-1em;
	}

/*p段落長文本文両端ぞろえインデント１行間狭い　アフリカ史で使用*/
.plongin11 
	{
	margin: 0px 0px 3px 0px；
	padding: 0px;
	line-height: 1.1;
/*	text-align: justify;
	text-justify: inter-ideograph;	*/
	padding-left:1em;
	text-indent:-1em;
	}

/*多用　段落上下空き無*/
.lead	{
	margin: 0px;
	padding: 0px;
	}
/*多用　上下空き無センター*/
.leadc	{
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

/*段落上下空き無背景 使用場所？*/
.lead_gray
	{
	margin: 2px 0px;
	padding: 2px;
	background-color: #efefef;/*明るいグレー*/
	}

/*上下空き05*/
.lead05	{
	margin: 5px 0px;
	padding: 0px;
	}

/*亜空間などインデント付きPメディアで使用*/
.mdron p
	{
	margin-top: 6px; 
	margin-bottom: 6px; 
	line-height: 1.3;
	padding-left: 2em;
	text-indent:-2em;
	}

/*基本リンクの設定*/
a 		{text-decoration: none;	}
a:link 		{color: #0000ff; /*デフォルト*/
		color: #0059F2;/* 薄い青20180809*/
		text-decoration: none;		}
a:visited 	{color: #8a2be2;  	} 
a:hover 	{color: #ff0000;text-decoration: underline;	}
a:active	{color: maroon; 	}

/*全頁共通ナビゲーションバー*/
nav 	{
	margin: 0px ;
	padding: 0px ;
	text-align: center;
	color: #ffffff;
	}
nav p 	{ 
	color: #ffffff;
	display: inline; 
/*	width: 930px;	*/
	line-height: 1.5 ;
	margin: 0px ;
	padding: 0px ;
	text-align: center;
	}
nav a
	{
	color: #ffffff;
	display: inline-block; 
	min-width: 140px; 
	padding: 3px ;
	margin: 0px 1px 1px 0px;
	background-color: navy;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}
nav a:link 
	{ 
	color: #ffffff; 
	text-decoration: none;
	}
nav a:visited 
	{ 
	color: #ffccff;  /*明るいうす紫*/
	color: #ffffff; 
	} 
nav a:hover{
	background-color:#000080;
	color: #ff0000;
	color: #ffffff; 
	text-decoration: underline;
	}

/*現在位置の色*/
nav #current a		{background-color: #2f4f4f; /*くすんだ緑*/	}
nav #current a:visited 	{color: #ffffff;  	}
nav #current a:hover	{color: #ffffff;text-decoration: none;  	}


/*トップページの色　20190702*/
nav #iriguti a	{background-color: #2f4f4f; /*くすんだ緑*/	}
nav #here a	{background-color: #2f4f4f; /*くすんだ緑*/	}



/*ナビの下のお知らせ*/
aside 	{ 
	margin: 6px 3px 0px 3px;
	padding: 4px 15px 4px 15px;
	line-height: 1.2;
	background-color: #ffffff;
	}

/*各ページtopの説明文緑色*/
.aside 
	{
	margin: 0px 3px 0px 3px;
	padding: 0px;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #006400; /*darkgreen*/
	}

/*p頁上の小さいナビ ｐ段落*/
/*topでは使わない*/
.iti	{
	display:inline; 
	margin:0px;
	padding:0px;
	}

/*ちいさいナビ shotenなど*/
.iti p
	{
	display: inline-block; 
	margin: 0px;
	padding:0px;
	}
.koko
	{
	display: inline-block; 
	color: #ffffff;
	margin: 0px;
	line-height:1;
	padding: 5px 5px 3px 5px;
	font-size: small;
	background-color:gray;
	text-decoration: none;
	text-align: center;
	}

.iti a
	{
	display: inline-block; 
	color: #ffffff;
	margin: 0px;
	line-height:1;
	padding: 5px 5px 3px 5px;
	font-size: small;
	background-color: #000080;
	text-decoration: none;
	text-align: center;
	}
.iti a:link 
	{ 
	color: #ffffff; 
	background-color: #000080;
	text-decoration: none;
	}
.iti a:visited 
	{ 
	color: #ffccff;  /*明るいうす紫*/
	color: #ffffff;
	background-color: #000080;
	} 
.iti a:hover
	{
	background-color: #0000ff;
	color: #ffffff;
	text-decoration: underline;
	}

/*現在位置の色*/
.iti #current a		{background-color: #2f4f4f; /*くすんだ緑*/	}
.iti #current a:visited	{color: #ffffff;text-decoration: none;	}
.iti #current a:hover	{color: #ffffff;text-decoration: none;	}

/*囲みなし*/
.itinon a
	{
	display: inline-block; 
	color: #000080;
	margin: 0px;
	padding: 0px 5px;
	font-size: 1em;
	background-color: #ffffff;
	text-decoration: none;
	text-align: center;
	}
.itinon a:link 
	{ 
	color: #0000ff; 
	font-size: 1em;
	background-color: #ffffff;
	text-decoration: none;
	}
.itinon a:visited 
	{ 
	color: #8a2be2;  
	background-color: #ffffff;
	} 
.itinon a:hover{
	color: #ff0000;
	text-decoration: underline;
	}

/*リンク無*/
.iti_2
	{
	display: inline-block; 
	color: #080000;
	margin: 0px;
	padding: 0px 5px;
	font-size: small;
	font-weight: ;
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #000080;
	}

.nasi {background-color:white;color:navy;border:navy solid 1px;font-size:small;padding:0px 3px;}

/*お知らせ 注文方法など*/
/*右脇のリンク　青系*/
.menuh1  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 6px 0px 6px 0px;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #0000ff;
	text-align: center;
	}
.menuh2  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	background-color: #0000ff;
	text-align: center;
	}
.menuh2 a:link 		{color:#ffffff;}  
.menuh2  a:visited	{color: #ffccff;color:#ffffff;}
.menuh2  a:hover	{color: #ff0000;color:#ffffff;text-decoration: underline;}

/*色違い*/
.menuh21  
	{ 
	margin: 3px 0px 3px 0px;
	margin: 0px 0px 3px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	background-color: #3366FF;/*	明るい青*/
	text-align: center;
	}
.menuh21 a:link 	{color:#ffffff;	}  
.menuh21  a:visited	{color: #ffccff;color:#ffffff;}
.menuh21  a:hover	{color: #ff0000;color:#ffffff;text-decoration: underline;	}

/*書店購入方法のみに使用ピンク系*/
.menuh2order  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	font-size: 1.2em ;
	font-weight: bold;
	border-left: 10px solid #ff99ff;
	border-right: 10px solid #ff99ff;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color: #6600ff;
	text-align: center;
	}
.menuh2order a:link 	{color:#ffffff;	}  
.menuh2order a:visited	{color: #ffccff;color:#ffffff;}
.menuh2order a:hover	{color: #ff0000;color:#ffffff;text-decoration: underline;}

/*　p class="menup"カラム内の案内メニュ－ ●書籍申込小*/
.menup	{ 
	line-height: 1.4 ;
	padding: 4px;
	margin: 5px 0px;
	font-weight: bold;
	/*明るい紫*/
	border-left: 10px solid #ff99ff;
	border-right: 10px solid #ff99ff;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	/*紫系*/
	background-color: #6600ff;
	text-align: center;
	}
.menup a		{color: #ffffff;}
.menup a:visited	{color: #ffccff; color:#ffffff;}
.menup a:hover		{color: olive;color:#ffffff;text-decoration: underline;}

/*holoから移動両脇gray線付きリスト*/
.holom2  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 3px 3px 3px 10px;
	font-size: 1em;
	color: #080000;
	color: #000080;
	font-weight: ;
	text-align: ;
	background-color: #efefef;
	border-left: 2px solid #808080;
	border-right: 2px solid #808080;
	}
.holom2 a:link	 	{color: #0000ff;}  
.holom2 a:visited	{color: #8a2be2;}
.holom2 a:hover		{color: #ff0000;}



.holom2b  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 3px 3px 3px 1.5em;
	font-size: 1em;
	color: #080000;
	color: #000080;
	font-weight: ;
	text-align: ;
	background-color: #efefef;
	border-left: 2px solid #808080;
	border-right: 2px solid #808080;
	}
.holom2b a:link	 	{color: #0000ff;}  
.holom2b a:visited	{color: #8a2be2;}
.holom2b a:hover		{color: #ff0000;}


/*応用*　バック水色太字*/
.holom21  
	{ 
	margin: 3px 0px 3px 0px;
	padding: 3px 3px 3px 10px;
	font-size: 1em;
	color: #ffffff;
	font-weight: bold;
	text-align: ;
	background-color: #483d8b;  /*darkslateblue*/
	background-color: #3366FF;
	border-left: 2px solid #808080;
	border-right: 2px solid #808080;
	}
.holom21 a:link 	{color: #ffffff;}  
.holom21 a:visited	{color: #ffccff;}  /*明るいうす紫*/
.holom21 a:hover	{color: #ff0000;}

/*横ならび*/
.holom3	{ 
	display: inline-block;
	margin: 3px 0px 3px 0px;
	padding: 1px 2px;
	color: #080000;
	font-size: small;
	text-align: ;
	background-color: #efefef;
	}
.holom3 a:link 		{color: #0000ff;}  
.holom3 a:visited	{color: #8a2be2;}
.holom3 a:hover		{color: #ff0000;}


/*p小話などリンク緑系*/
.list4 { 
	display: ;
	margin: 10px 0px 3px 0px;
	padding: 3px;
	color: #ffffff;
	color: #006400;
	background-color: #99ff99;
	border-left: 10px solid #006400;
	border-right: 10px solid #006400;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	text-align: center;
	}
.list4 a:link 	{color: #006400;}  
.list4 a:hover	{color: #006400;text-decoration: underline;	}
.list4 a:visited 	{color: #006400;}  

/*p小話応用　書評など右寄せリンク*/
.list4_0 { 
	display: ;
	float: right;	
	margin: 1px 3px;
	padding: 1px 5px;
	width: ;
	color: #ffffff;
	background-color: #99ff99;
	border-left: 2px solid #006400;
	border-right: 2px solid #006400;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	text-align: center;
	}
@media screen and  ( max-width: 734px) 
	{
	.list4_0{ float: none;}    
	}

.list4_0 a:link 	{color: #006400;}  
.list4_0 a:hover	{color: #ff0000;text-decoration: underline;}

/*p小話応用 センターリンク*/
.list5 { 
	display: ;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	width: 18em;
	color: #ffffff;
	background-color: #99ff99;
	border-left: 10px solid #006400;
	border-right: 10px solid #006400;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	text-align: center;
	}
.list5 a:link 	{color: #006400;}  
.list5 a:hover	{color: #ff0000;text-decoration: underline;}

/*<div class ="bookshoukai">*/
/*書店 販売 ２段頁*/
/*青囲み枠*/
.aowaku {
	border: 2px solid #0000ff;
	margin: 3px 0px 3px 0px;
	padding: 0px 8px 0px 8px;
	}
.mg10	{margin: 10px 0px;}
.mg15	{margin: 15px 0px;}
.mg20	{margin: 20px 0px;}

/*↓幅設定などは廃止予定*/
.aowaku_w300
	{
	width: 300px;
	border: 2px solid #0000ff;
	margin: 3px auto 3px auto;
	padding: 0px 8px 0px 8px;
	}
.aowaku10 {
	border: 2px solid #0000ff;
	margin: 10px 0px 10px 0px;
	padding: 0px 8px 0px 8px;
	}
.aowaku16 {
	border: 2px solid #0000ff;
	margin: 16px 0px 16px 0px;
	padding: 0px 8px 0px 8px;
	}
.aowaku20 {
	border: 2px solid #0000ff;
	margin: 20px 0px 20px 0px;
	padding: 0px 8px 0px 8px;
	}

/*特殊な場合　廃止検討*/
.aobeta15 {
	height: 15px;
	background-color: #0000ff;
	}

/*横の紹介 書店とプロフィール使用*/
.shoukai1 {
	font-size: 1.7em;
	color: #000080 ;
	text-align: center;
	margin: 3px 0px;
	padding: 0px;
	line-height: 1.3 ;
	}
.shoukai2 {
	font-size: 1.5em;
	color: #000080 ;
	text-align: center;
	margin: 3px 0px;
	padding: 0px;
	line-height:  ;
	}
.shoukai3 {
	font-size: 1.3em;
	color: #000080 ;
	text-align: center;
	margin: 2px 0px;
	padding: 0px;
	line-height:  ;
	}
.shoukai4 {
	font-size: 1.0em;
	color: #000080 ;
	text-align: center;
	margin: 1px 0px;
	padding: 0px;
	line-height:  ;
	}

/*重要　４段グミ設定*/
/*４分割の左３個*/
.a1 	{
	width: 219px;
	float: left;	
	margin: 0px;
	padding: 0px 10px 3px 10px;
	background-color: #ffffff;  
	border-top: 6px solid #c0c0c0;
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	}
@media screen and ( min-width: 590px) and ( max-width: 780px) 
	{
	.a1	{ width: 45%; max-width: }    
	}
@media screen and  ( max-width: 589px) 
	{
	.a1	{ width: auto; max-width: }    
	}

/*a1　二つ入る*/
.a1_2	{
	min-width: 490px;
	float: left;	
	margin: 0px;
	padding: 0px;
	}

/*本文　２段組み*/
/*個別頁の左本文部分*/
.a3 	{
	width: 699px;
	display:block;
	float: right;
	margin: 0px;
	border: 0px;
	padding: 0px 15px 10px 15px;
	background-color: #ffffff;  
	min-height: 600px; 
	border-top: 6px solid #c0c0c0;
	border-left: 6px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	}
@media screen and  ( max-width: 996px) 
	{
	.a3 {width: 100%; 
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}  
	}
@media screen and  ( max-width: 649px) 
	{
	.a3 {width: 100%; 
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}  
		}  
	.a3bigimg img {width: 100%; max-width: 100%; height: auto;}
	}
@media screen and  ( max-width: 380px) 
	{
	.a3 {width: 100%; padding: 0px 5px 10px 5px;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}  
	.a3img img {width: 100%; max-width: 100%; height: auto;}
	}

@media print 	{	.a3{	width: auto; }	} 

.img-responsive {
	 display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	}

/*本文　２×2段組み左*/
.a2h 	{
	display:block;
	width: 454px;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px 15px 10px 15px;
	background-color: #ffffff;  
	min-height: 600px; 
	border-top: 6px solid #c0c0c0;
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	}
@media screen and  ( max-width:979px) 
	{	.a2h{ width: auto;}  	}

/*本文　２×2段組み右*/
.a2m 	{
	display:block;
	width: 454px;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px 15px 10px 15px;
	background-color: #ffffff;  
	min-height: 600px; 
	border-top: 6px solid #c0c0c0;
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	}
@media screen and  ( max-width:979px) 
	{	.a2m{ width: auto;}  	}

/*４分割の右１個*/
.b1	{
	width: 219px;
	float: left;	
	margin: 0px;
	padding: 7px 10px 10px 10px;
	background-color: #ffffff;  
	min-height: 520px; 
	border-top: 6px solid #c0c0c0;
	border-left: 3px solid #c0c0c0;
	border-right: 0px solid #c0c0c0;
	}
@media screen and  ( max-width:996px) 
	{	.b1{width: auto;}  	}

/*段組みバック白地*/
.bkg04	{
	background-image: url('bkg04.png');
	background-repeat: repeat;
	}
@media screen and  /*( max-width:980px)*/ ( max-width:999px) 
	{	.bkg04{	background-image: none;}  	}

.bkg22	{	background-image: url('bkg22.png');
	background-repeat: repeat;	}
@media screen and  ( max-width:979px) 
	{	.bkg22{	background-image: none;}	}

.bkg31	{
	background-image: url('bkg31.png');
	background-repeat: repeat;
	}
@media screen and  /*( max-width:979px)*/ ( max-width:1010px) 
	{	.bkg31{	background-image: none;} }

/*div class ="greenbox"カラムの説明文*/
.greenbox  
 	{
	width: ;
	margin: 3px 0px 0px 0px;
	padding: 10px;
	border: 2px solid  #006400;
	}

/*本文　幅いっぱい*/
.a4 	{
	display: block;
	max-width: 948px;
	margin: 6px 3px 6px 3px;
	border: 0px;
	padding: 6px 15px 6px 15px;
	background-color: #ffffff;  
	}

/*色変更*/
.greenbox p
	{
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	color: #000080;
	}

.redbox {
	margin: 10px 0px 6px 0px;
	padding: 4px 8px 4px 8px;
	border: 2px solid #ff0000;
	}

/*redboxの応用*/
.bdrgreen	{border-color: #006400;	}
.bdrnavy	{border-color: navy;	}
.bdgray		{border: 2px solid #808080;}

.inyou {
	margin: 10px 0px 6px 0px;
	padding: 4px 8px 4px 8px;
	color:navy;
	border: 2px dotted #080000;
	}
.inyou p	{color:navy;}
.graybox {
	margin: 1px 0px 1px 0px;
	padding: 4px 8px 4px 8px;
	border: 2px solid #808080;
	}

/*マージン*/
.mgt10	{	margin-top: 10px;	}

/*写真キャプション プロファイルから">*/
.setumei	
	{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: small;
	text-align: center;
	line-height: 1;
	}
.setumei_l	
	{
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	font-size: small;
	text-align: center;
	line-height: 1;
	}
.setumei_r	
	{
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	font-size: small;
	text-align: center;
	line-height: 1;
	}

/*単純指定*/

/*位置　センター*/
.center	{  	text-align: center;	}
.center p	{  	text-align: center;	}


/*位置　右*/
.pright	{  	text-align: right;	}
.pleft	{  	text-align: left;	}

/*フロート*/
.fll	{	float: left;	}
.flr	{	float: right;	}

/*画像フロート*/
.flleft	{	float: left;
		margin-right: 10px;	}
.flright{	float: right;
		margin-left: 15px;	}

/*画像フロート囲み線付き*/
.sleft	{
	float: left;
	margin-right: 15px;
	border: 1px #808080 solid;
	}
.sright	{
	float: right;
	margin-left: 15px;
	border: 1px #808080 solid;
	}

/*ボーダー　今後使わない？*/
.border01g	{	border: 1px #808080 solid;	}
.border02g	{	border: 2px #808080 solid;	}
.inlineb	{	display: inline-block;	}

/*多用　文字の大きさ*/
.small 	{	font-size: 0.8em;	}
.large11 {	font-size: 1.1em;	}
.large12 {	font-size: 1.2em;	}
.large	 {	font-size: 1.3em;	}
.large15 {	font-size: 1.5em;	}

/*行の高さ　今後使わない？*/
.lh10 	{	line-height: 1;	}
.lh13 	{	line-height: 1.3;	}

/*padding左右　今後使わない？*/
.pd15	{	padding: 0px 15px 10px 15px;	}
.pd10	{	padding: 10px ;	}
.pd05	{	padding: 5px ;	}

/*字下がり　使っている*/
.pd2	{	padding-left:2em;	}
	@media screen and  ( max-width: 380px) 
		{	.pd2 {	padding-left:0em;}  	}

.pd1	{	padding-left:1em;	}/*20200612*/

/*字下がり　？*/
.pd2both	{
	padding-left:2em;
	padding-right:2em;
	}
	@media screen and  ( max-width: 480px) 
	{	.pd2both {padding-left:0em;padding-right:0em;} 	}

/*使っている*/
.pdin1 	{padding-left: 1em; 	text-indent:-1em;}
.pdin2 	{padding-left: 2em; 	text-indent:-2em;}
.pdin21 {padding-left: 2em; 	text-indent:-1em;}
.pdin3 	{padding-left: 3em; 	text-indent:-3em;}
.pdin43 {padding-left: 4em; 	text-indent:-3em;}
.pdin4	{padding-left: 4em; 	text-indent:-4em;}



/*単純指定*/
.bold	{	font-weight:bold; 	}

/*文字色　topで使用*/
.new	{
	color: #ffffff;
	background-color: #ff0000;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0px 5px;
	}

.ftjnv	{font-weight:bold; color:navy;}	


/*文字色指定*/
.red 	{	color: #ff0000;	}
.pink 	{	color: #FF00FF;	}/*fuchsiaより少し明るい*//*本文中など*/
.dpink 	{	color:#ff0099;	}/*pinkより濃い*/
.pink_pale {	color: #ffccff;	}/*薄いピンク*//*リンクvisited*/
.blue	{	color: #0000ff;	}/*青*/
.blue_pale {	color: #99ffff;	}/*薄い青*/
.mizuiro{	color: #0066ff; }/*明るい水色*//*大タイトルリンク無に使用*/
.green 	{	color: #006400; }/*darkgreen*/
.navy 	{	color: #000080;	}
.bnavy	{	color: #0000cd;	} /*blueより濃くnavyより薄い*/
.bpurple {	color:#330099;	}/*青紫アフリカ注*/
.white {	color: #ffffff;	}
.pwhite {	color: #ffffff;	}

/*地の色*/
.bgblue_pale {	background-color: #99ffff;}
.bgwhite{	background-color: #ffffff;}
.bgpink	{	background-color: #ffccff;}
.bgmizu	{	background-color: #ccffff;}
.bgkiro	{	background-color: #ffffcc;}
.bgkiirokoi	{background-color: #ffff99;}
.bgkimidori	{background-color: #ccffcc;}
.bgusumurasaki	{background-color: #ccccff;}
.bgbluegreen 	{background-color: #99ffcc;}	/*青緑*/
.bggreen 	{background-color: #006400;}	/*darkgreen*/
.bgdg	{background-color: #2f4f4f;}	/*くすんだ緑*/


/*幅指定 廃止予定*/
.w400c	{	width: 400px;	margin: 0px auto;	}
.w300c	{	width: 300px;	margin: 0px auto;	}
.w300	{	width: 300px;	}

/*a3一杯幅　廃止予定*/
.wp95	{	width: 95.1%;	}

/*重要　div分割解除*/
.e-box 	{clear: both;	margin: 0px;	padding: 0px;	height: 0px;	}


/*多用　区切り線*/
.hrdot		{	border-top: 2px dotted #080000;	}
.hrside		{	border-top: 8px solid #c0c0c0;	}
.hrside4	{	border-top: 4px solid #c0c0c0;	}

blockquote .hrdot {	border-top:dotted 2px navy;	}

footer	{ 
	clear: both;
	background-color: #ffffff;
	padding: 2px 10px 2px 10px;
	margin: 6px 3px 0px 3px;
	text-align: center ;	}

footer p
	{
	margin: 1px 0px 1px 0px;
	font-size: small;
	line-height: 1.2;
	text-align:center;	}

footer img	{vertical-align: middle;	}


/*2018.5.9*/
blockquote
	{
	margin-left:0em;
	margin-right:0em;
	padding-left:1em;
	color:navy;
	border-top: none;
	border-bottom: none;
	border-left: navy solid 1px;	}

blockquote p	{	color:navy;	}

/*外見はblockquote。左点線。自分の文章の引用　2018.8.31*/
.selfbl	
	{
	margin-left:0em;
	margin-right:0em;
	padding-left:1em;
	color:navy;
	border: none;
	border-left: navy dotted 1px;
	}
.selfbl p	{	color:navy;	}
.selfbl > .date	{color: #ff00ff;}

/*2018.11.12 yugo　oldから*/
.date 	{font-weight:bold; color: #ff00ff; text-align:center;margin:6px 0px 6px 0px;}

/*20190410 20200605*/
.kakomi	{	border:1px solid #808080; 
		margin: 10px 0px 6px 0px;
		padding: 4px 8px 4px 8px;	}

.kakomis {display:table;padding:0px 10px;
	margin-left:auto; margin-right:auto; border:solid 2px gray;}
.kakomi1 {display:table;padding:3px 10px;
	margin-left:auto; margin-right:auto; border:solid 1px gray;}

/*20200609oldから*/
/*div class ="sidegreenbox"カラムの説明文　本文中にも流用*/
.sidegreenbox  
 	{margin: 3px 0px 0px 0px;
	padding: 6px;
	border: 2px solid  #006400;	}
/*文字色 */
.sidegreenbox p	{
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	color: #000080;		}	/*navy*/

/*右段のぱんくずリスト：部門トップとoldとは設定違うので注意*/
.pan	{
	margin:10px 0px 12px 0px;
	padding:1px ;
	text-align: left;
	border:1px solid green;
	background-color: #f8f8f8;
	}

.pan p 	{ 
	line-height: 1;
	color:navy;
	line-height: 1;
	font-size:0.9em;
	padding:1px 2px;
	min-width: 2em; 
	max-width:20em;
	text-align:left;
	background-color: #f8f8f8;
	}
.pan a
	{
	display:inline;
	color:#0066ff;
	text-align: left;
	min-width: 2em; 
	max-width:20em;
	padding:1px 2px;
	background-color: #f8f8f8;
	font-weight: normal;
	text-decoration: none;
	}
.pan a:link 
	{ 
	color:#0066ff; 
	text-decoration: none;
	}
.pan a:visited 
	{ 
	color: #ffccff;  /*明るいうす紫*/
	color:#0066ff;
	} 
.pan a:hover{
	color:#0066ff;
	text-decoration: underline;
	background-color: #f8f8f8;
	}

/*20201026新規*/
.breadcrumbs	{
	margin:3px 0px 12px 0px;
	padding:1px ;
	text-align:left;
	border:1px solid green;
	background-color: #f8f8f8;
	}

.breadcrumbs ol 	{ 
	margin:0px;
	padding-left:6px;
	display:inline;
	line-height: 1;
	color:navy;
	font-size:0.9em;
	text-align:left;
	background-color: #f8f8f8;
	}

.breadcrumbs li 	{ 
	margin:0px;
	display:inline;
	line-height: 1;
	color:navy;
	text-align:left;
	background-color: #f8f8f8;
	}

.breadcrumbs li a
	{
	min-width: 2em; 
	display:inline-block;
	color:#0066ff;
	background-color: #f8f8f8;
	font-weight: normal;
	text-decoration: none;
	}
.breadcrumbs li a:link 
	{ 
	color:#0066ff; 
	text-decoration: none;
	}
.breadcrumbs li a:visited 
	{ 
	color: #ffccff;  /*明るいうす紫*/
	color:#0066ff;
	} 
.breadcrumbs li a:hover{
	color:#0066ff;
	text-decoration: underline;
	}

.breadcrumbs li::after{
	content: '＞';
	display: inline-block;
	padding: 0px 0px 0px 6px; /*左右に余白*/
	}

.breadcrumbs li:last-child::after
	{	display: none;	}


