@charset "shift_jis";
/* charsetは文頭に！ */


  /* 　ページ全体　配置　　 */

/* ページ全体 　　フォント指定すること　mojiraだと明朝になってるから　　*/

body { margin: 0;
	padding: 0;
	background: #E9E9E9;
	font-size : 95% ;
	margin-right: 3%;
	margin-left: 3%;
	margin-bottom: 0px;
}

div#bodymain { width: 100%;
	padding-bottom: 0%; 
	background-color: #FFFFFA;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
	padding-bottom: 1px;
}		
	/*        #FFFFF5 　こんなんでいいのか？ */


  /* ★　　-----　　　 top/ 　　------------　　*/

div#top {
	background-color: #FFA900;
	position: relative;
	width: 100% ;                /* width: 100%;　　*/
	   /*  height: 5em;　　*/ 
	margin: 0px ;  /* margin: 0px; 40px; 0px; 0px;　　*/
	/* これら無くすと 総合リンク集と見本２（top　内の　ナビが付くページ）が崩れる　				  　ナビがtopから追い出されてしまう　　*/
	padding: 0px;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
}


div#rogo  { 
  position: relative; 
}


div#banar  { 
}


.topnavi{
	background-color: #E9E9E9;
	padding: 0px 20px 0px 10px;
	font-size: 85%;
	text-align: right;
}
	
	
span#sitemaptop a {
  font-size : 95% ;
  margin: 0pt 0pt 0pt 10pt;
  border-width : 0px 0px 0px 2px;
  border-style : solid ;
  border-color : #FDFF00;
  padding : 0px 8px;
  text-decoration : none;
  color :blue;
}


span#navi1 {
	float: right;		/*  ?   ロゴの下面にそろうことを解除できないものか */  
	background-color: #cccccc;
	width: auto;
	padding: 5px 20px 0px 20px;
	height: 1em;
}

span#navi2 { 
	float: right;   /*  ?   ロゴの下面にそろうことを解除できないものか */  
		/*  position: relative; top: -30px;   この方式では、背景は広がったまま */  
		/*　　−＞div#top の　height: auto;　縮められない　　　　　*/

	background-color: #cccccc;
	width: auto;			/*  70%;   */
	padding: 0px 20px 0px 10px;
	font-size: 90%;
}                                /* ----下線消すこと-------*/


/*　　　-----　　　 /top 　　------------　　*/

/* -------------------------------------------*/

div#left {
		float:left;
		padding: 0px 0px 0px 2px ;
		width: 200px;
}

/*
div#righttop {
			 position: absolute;
			top: 6em;
			left: 200px;
			width:650px;
			padding: 10px 30px 0px 40px;
} 
*/

div#right {
margin-left: 200px;
width: auto;
padding: 0px 0px 0px 0px;
border-top:0;
border-right:  0;
border-bottom:  0;
border-left:5px solid #d5d5d5;
}

div#article {padding: 0px 30px 30px 30px;  border:0;}


/*  推奨ウインドウ幅   　ヘッダでおすすめの幅を伝えることも  */

/* 値 3つ → 「上」と「左右」と「下」*/


span#tophe a {
  font-size : 100% ;
  margin: 0pt 0pt 0pt 0pt;
  border-width : 2px 2px 2px 2px;
  border-style : solid ;
  border-color : #FDFF00;
  padding : 0px 8px;
  text-decoration : none;
  color :black;
}

.google { 
  float: right;              
  background-color: #cccccc;  
  padding: 0px 20px;
  }  /* ----下線消すこと-------*/

/* -------------------------------------------*/





/* --------------------フッタ　ナビバー　Xだめ　　-------------------*/

/*　フッタの直上が文字でないと線の下が詰まるよ　*/

div#right-f {
	margin: 10pt 0pt 0pt 20pt;
	/* _padding-bottom: 1px; */
	padding-bottom: 0px;
	border-bottom: 5px solid #FFA900;
}

div#navi {
	float:right;					/*  ?  */
	margin: -14pt 0pt 0pt 0pt;
	background-color: #cccccc;
	width: auto;
	padding: 0px 10px 0px 20px;
	font-size:85%;
}

div#navi a:link div#navi a:visited{
	margin: -14pt 0pt 0pt 0pt;
	float:right;					/*  ?  */
	background-color: #cccccc;
	width: auto;
	padding: 3px 20px; 0px 20px;
	text-decoration : none;
	font-size:90%;
					/* --下線消す？　コレiminai 効かないぞ　　--*/
}


       /*　−−−−−−−−フッタ　ナビバー　実験　フッタを別の方法で　X 正式採用　−−−−−−−−　*/    


div#funavi {
position: relative; top: 11px;

  float:right;                            /*  ?  */
  background-color: #cccccc;
  width: auto;
  padding: 0px 20px;
  font-size:90%;
  
                      /* --下線消す？--*/
}

div#funavi3 a:link, div#funavi3 a:visited{
position: relative; top: 11px;
  float:right;                           /*  ?  */
  background-color: #cccccc;
  width: auto;
  padding: 0px 20px;
  text-decoration : none;
  font-size:150%;
                /* --下線消す？　コレ効かないぞ　　--*/
}

span#sitemap a {
  font-size : 100% ;
  margin: 0pt 0pt 0pt 10pt;
  border-width : 0px 0px 0px 2px;
  border-style : solid ;
  border-color : #FDFF00;
  padding : 0px 8px;
  text-decoration : none;
  color :blue;
}

/* ----text-align : right;　は、ブロック要素に対してのみ指定できる -------*/ 

hr.fu{
   width:auto;
   _width:100%;
   margin: 30px 0px 20px 30px;
   border:3px solid #FFA900;
   _border:7px solid #FFA900;
}  

div#adress {
	margin: 9pt 0pt 20pt 30pt;
	font-size: 90%;
}



   /*　−−−−−−−−アドレス／−−−−−−−−　*/


div#adress {
	font-size: 85%;
	line-height:95% ;
	letter-spacing: 0px;
}


   /*　−−−−−−−−／アドレス−−−−−−−−　*/



   /*　−−−−−−−−ジェネラル　文字−−−−−−−−　*/

                   /*    配置   　*/
  
div {
line-height:140% ;
letter-spacing: 0px;
}

p {
padding : 0.5em 0 0.5em 0;
margin : 0;
line-height:140% ;
text-indent:1em;
}

              /* 　文字の太さ大きさ　　 */

.strong{
	font-family: "ＭＳ Ｐゴシック","sans-serif";  
	font-weight: bold;
}

.bold{
}

.textSmall {
  font-size:85%;
　 }

.listSmall{
  padding:5px;

  font-size:85%;
  background-color:#FFFFE6; }

.indexlist{
  padding:5px;
  width:100%;
  font-size:85%;
  background-color:#FFFFE6; }

.small {
margin : 0;
padding : 0.5em 0 0.5em 0;
font-size : 90%;
line-height:110% ;
letter-spacing: 1px;
}

.orenge {
color :#FF6600;
font-weight: bold;
}




 /* リンクテキストの色　　　標準になってる？　　 */

a:link    { color: blue; }
a:visited { color: #990079; } 
/* a:visited { color: #cc00ff; } */
/* a:hover   { color: blue; background-color: #ccffcc; } */
a:active  { color: red; }
a.nd      { text-decoration: none; }

		/* 画像のリンク枠をなくす img { border-width: 0 } 
		/* mihon2 は　　border="0"　入れて消してみた*/



a img { border : none 0px }


/*  article-ichiran  */

p.art-ichiran-t{
	margin-top: 8pt;
	text-indent:0em;
	line-height:110%;
	font-size : 95% ;
	font-weight: bold;
}

p.art-ichiran-s{
	text-indent:0em;
	line-height:110%;
	margin-top: -8pt;
	margin-bottom: 10pt;
	font-size : 95% ;
}

p.art-ichiran-d{
	margin-top: -20pt;
	margin-right: 8pt;
	font-style: italic;
	font-size: smaller;
	float:right;
}

.ichiranimg{
	width:60px;
	height:60px;
	float: left;
	margin: 2px 6px 10px 0px;
}


.date{
	margin-top: 20pt;
	margin-right: 8pt;
	font-size: 85%;
	text-align:right;
}


.date-ib{
font-size: 85%;
font-style: italic;
float: right; right: 0px;
}


	
.kanren{
	background-color:#FFFBD9;
	border-top:  1px solid #8E7522;
	border-right: 1px solid #8E7522;
	border-bottom: 1px solid #8E7522; 
	border-left: 1px solid #8E7522; 
	margin: 0px 5px 0px 5px ; 
	padding: 5px 5px 5px 5px;
	font: 85% Arial,sans-serif;
	color: #6F5C1B;
	letter-spacing: 0px;
}

         /* 　見出し 　*/

h1 {
	background-color:#FDFF00;
	border-top:  1px solid #E8EA00;
	border-right: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C; /* #8C8C8C */
	border-left: 12px solid #FF4C00; /* #FF852D;*/
	padding: 6px 0px 4px 10px;
	font:  100% Arial,sans-serif;   /*    fontを入れないと標準のボールドに、 上下paみたいな余裕が出る  */
	letter-spacing: 0px;
}


h2 {
   background-color: #FEFFAA;

   border-top: 0;
   border-bottom: 1px solid #8C8C8C;
   border-left: 8px solid #FF852D;
   border-right: 1px solid #8C8C8C;
   padding: 7px 0px 3px 10px;
   font:  100% Arial,sans-serif;      /* bold */
   letter-spacing: 0px;
} 


h3 {

  background-color: #F2F2F2;
  border-style : solid ;
  border-top: 0;
  border-bottom: 1px solid #8C8C8C;
  border-left: 8px solid #FF852D;
  border-right: 1px solid #8C8C8C;
  padding: 6px 0px 3px 10px;
  font:  100% Arial,sans-serif;
  letter-spacing: 0px;

}

h4 {
  border-style : solid ;
  border-top: 0;
  border-bottom: 1px solid #8C8C8C;
  border-left: 3px solid #FF852D;
  border-right: 0;
  
  margin-left : 4px;
  padding: 5px 0px 2px 13px;
  font:  100% Arial,sans-serif;
  letter-spacing: 0px;
  width: 90%;

}



h6 {
  background-color:#FDFF00; 
  border-width : 0px 0px 2px 10px;
  border-style : solid ;
  border-color : #e9e9e9;
  padding-left : 10px;
  margin-right : 0%;
  font:  95% Arial,sans-serif;
  padding: 4px;
  letter-spacing: 1px;
}

botan {
background-color: #f8dce0;
background-image: url("gra.gif")
}

            /*　−−− リンクボタン　S1　　−−− */

	.rink_s1 a:link, .rink_s1 a:visited {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FFA900;
	border-right: 3px solid #FF852D;
	border-bottom: 3px solid #FF852D;
	border-left: 3px solid #FFA900;
	width: 192px;
	_width: 198px;
	text-align: center;
	text-decoration : none;
	color: #000000;
	background-color: #ffcc00;
}

	.rink_s1 a:hover {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FF852D;
	border-right: 3px solid #FFA900;
	border-bottom: 3px solid #FFA900;
	border-left: 3px solid #FF852D;
	width: 192px;
	_width: 198px;
	text-align: center;

	text-decoration : none;
	color: #000000;
	background-color: #ffff00;
}



   .setumei{
	padding:0px 0px 0px 6px ;
	margin: 0px 0px 0px 0px ; 
	font-size:85%;
	width: 188px;
	_width: 198px;		    /* http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/CSS/Distribution.htmlの裏技*/
	border-top: 0px ;
	border-right: 2px solid #FFA900;
	border-bottom: 2px solid #FFA900;
	border-left: 2px solid #FFA900;
}                                         /*　  #DAD100　#FFA900 #FF852D  */

/*-- #横幅には要素の入り得る幅となります。左右のボーダ・パディングの幅は横幅には含まれません。従って左右のボーダやパディングを取っている幅50%のブロックが二つ並ぶと実際の横幅は100%からボーダの分だけ越えてしまいます。
    * ネットスケープ4.x及びインターネットエクスプローラでは一部の場合を除いて左右のボーダ・パディングの幅を含めた値と解釈します。これは間違いですが、IEのシェアの高さにより対策が必要になるかも知れません。
    * この事は高さについても同様です。
*/

/*　 リンクボタン S1の現在表示中のページ  */

	.rink_s1L {
	display: block;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top: 3px solid #FF852D;
	border-right: 3px solid #FFA900;
	border-bottom: 3px solid #FFA900;
	border-left: 3px solid #FF852D;
	text-align:center;
	font-weight: bold;
	color:#000000;
	width: 192px;
	_width: 198px;
	background-color:#ffff00;
}








            /*　−−− リンクボタン　S1の文字強調でないバージョン　rink_s　−−− */

	.rink_s a:link, .rink_s a:visited {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FFA900;
	border-right: 3px solid #FF852D;
	border-bottom: 3px solid #FF852D;
	border-left: 3px solid #FFA900;
	width: 192px;
	_width: 198px;
	font-size:85%;
	text-align: center;
	text-decoration : none;
	color: #000000;
	background-color: #ffcc00;
}

	.rink_s a:hover {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FF852D;
	border-right: 3px solid #FFA900;
	border-bottom: 3px solid #FFA900;
	border-left: 3px solid #FF852D;
	width: 192px;
	_width: 198px;
	font-size:85%;
	text-align: center;
	text-decoration : none;
	color: #000000;
	background-color: #ffff00;
}



/*　 リンクボタン　S1s   未設定　未使用　*/


div.rink s1s { border:0;
}






/*　 リンクボタン　S2　 */

   .rink_s2 a:link, .rink_s2 a:visited {
   	display: block;
	text-align:left;
	text-decoration : none;
	font-size : 80% ;
	line-height:110% ;
	margin: 0px 0px 0px 5px;
	padding:3px 2px 3px 5px;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #FF852D;
	border-left: 5px solid #FFA900;       /*　c0c0c0　 #FF852D;*/
	color:#000000;
	width: 180px;
	_width: 193px;
 	background-color:#ffffe0;    /*　#CCFF99;　 */
	
}
	.rink_s2 a:hover {
	display: block;
	font-size : 80% ;
	text-align:left;
	line-height:110% ;
	margin:0px 0px 0px 5px;
	padding:3px 2px 3px 5px;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #FF852D;
	border-left: 5px solid #FFA900;       /* c0c0c0 #FF852D;*/
	color:#000000;
	width: 180px;
	_width: 193px;
	background-color:#FFFF66;
	}

/*　 リンクボタン s2の現在表示中のページ  */

	.rink_s2L {
	display: block;
	font-size : 80% ;
	text-align:left;
	line-height:110% ;
	margin:0px 0px 0px 0px;
	padding:3px 2px 3px 10px;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #FF852D;
	border-left: 5px solid #FF2900;       /* c0c0c0 #FF852D;*/
	color:#000000;
	width: 180px;
	_width: 193px;
	background-color:#FFFF66;
	}


/*　 リンクボタン　hatena s1仕様で色違い　 */

	.rink_hatena a:link, .rink_hatena a:visited {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #B4E000;
	border-right: 3px solid #9EC500;
	border-bottom: 3px solid #9EC500;
	border-left: 3px solid #B4E000;
	width: 192px;
	_width: 198px;
	font-size:85%;
	text-align: center;
	font-weight: bold;
	text-decoration : none;
	color: #000000;
	background-color: #D7F658;
}

	.rink_hatena a:hover {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #9EC500;
	border-right: 3px solid #B4E000;
	border-bottom: 3px solid #B4E000;
	border-left: 3px solid #9EC500;
	width: 192px;
	_width: 198px;
	font-size:85%;
	text-align: center;
	font-weight: bold;
	text-decoration : none;
	color: #000000;
	background-color: #EDFFA4;
}



   .setumeihatena{
	padding:0px 0px 0px 6px ;
	margin: 0px 0px 0px 0px;
	font-size:80%;
	width: 188px;
	_width: 198px;		    /* http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/CSS/Distribution.htmlの裏技*/
	border-top: 0px ;
	border-right: 2px solid #B4E000;
	border-bottom: 2px solid #B4E000;
	border-left: 2px solid #B4E000;
}/*　  #DAD100　#FFA900 #FF852D  */




/*  googleニュースで道路を検索 s1仕様で色違い  */

	.rink_ao a:link, .rink_ao a:visited {
	display: block;
	padding: 0px 0px;
	margin: 0px 3px 0px 5px;
	_margin: 0px 3px 0px 5px;
	border-top: 2px solid #44C5C5;
	border-right: 2px solid #07858F;
	border-bottom: 2px solid #07858F;
	border-left: 2px solid #44C5C5;
	width: 190px;
	color: #404040;
	background-color: #BDFFE1;
	text-decoration: none;
	text-align: center;
}



/*　−−−  asu s1仕様で色違い　　−−− */

	.rink_asu a:link, .rink_asu a:visited {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FFA900;
	border-right: 3px solid #FF852D;
	border-bottom: 3px solid #FF852D;
	border-left: 3px solid #FFA900;
	width: 192px;
	_width: 198px;
	text-align: center;	
	font-weight: bold;

	text-decoration : none;
	color: #FCFCFC;
	background-color: #FF9B00;
}

	.rink_asu a:hover {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	border-top: 3px solid #FF852D;
	border-right: 3px solid #FFA900;
	border-bottom: 3px solid #FFA900;
	border-left: 3px solid #FF852D;
	width: 192px;
	_width: 198px;
	text-align: center;
	font-weight: bold;
	text-decoration : none;
	color: #525354;
	background-color: #FFFB00;
	
}





/* ---　foto　---　 */


.foto{
	margin: 1em 0em 2em 0em;
	text-align:center;
}

.foto_d {
	margin: -1em 0em 1em 0em;
	text-align:center;
	font-size : 85%;
}



.foto_r{
	margin: 1em 0em 2em 0em;
	text-align:right;
	font-size : 90%;
}

.foto_dr{
	margin: -2em 0em 2em 0em;
	text-align:right;
	font-size : 80%;
}











/* 　HR　　 */

hr.ki{
   margin: 0px 0px 10px 0px;
   border:1px solid #cccccc;

}

hr.mishiyou{
   margin: 30px 0px 20px 30px;
   padding:0px 0px 0px 0px ;
   border:2px solid #cccccc;
}





/* 解説枠 */
/*  http://wdt.pekori.jp/template/box/?no=23 */

  
.shadow_waku{
  width: 550px;						/*全体の幅*/
  background-color: #969699;		/*影の色*/
  margin: 20px 10px 10px 20px;
  padding-right: 20px;
  }
  
.shadow_waku_text{
  width: 550px;                         /*全体の幅、shadowと同じに*/
                                         /*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;                  /*文字部分の背景色*/
  margin: -10px -10px 10px -10px;
  _margin: -10px -10px 10px -10px;
    padding: 0.8em;                        /*内部の余白*/
  border: solid 1px #767679;
}
  
/* 　box　　使ってるのか？　 */

	.box{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 3px solid #1E90FF;
	border-right: 3px solid #0000FF;
	border-bottom: 3px solid #0000FF;
	border-left: 3px solid #1E90FF;
	width: 190px;
	text-align: center;
	font-weight: bold;
	text-decoration : none;
	color: #000000;
	background-color: #00BFFF;
}  
  
  
  a.button{
	border:outset 2px #ffcc66;
	background-color:#ff9900;
	color:#000000;
	text-decoration:none;
	font:menu;
	line-height:1.4;
	padding:0.2em 1em 0.2em 1em
	width: 190px;
}

a.button.active{
 border-style:inset;
}