@charset "UTF-8";
/* CSS Document */
/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.85em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0px;
  margin: 0;
  background-repeat:repeat ;
  background-image:url(../img/sutoraipu.png)
 
 




}

/* ----------------------------------------background-color:#ccffff; レイアウトに関する指定 */

#wrapper {
  text-align: left;/* ---------------------------------------- これがないとニュースですがセンタリングされる */
  margin: 0em auto 0;
/* ---------------------------------------- オートでセンタリングにしてる */
  width: 760px;
  border: 1px solid #000000;
  background-color:#FFFFFF;
   line-height:190%;
   
   
   }
   
   /* ---------------------------------------隠し文字（読ませるここから本文） */
   
   
   
   
#kakusi {
color:#FFFFFF;
 font-size:5px;
 padding-top: -20px;
 margin-top: -15px; 
}
   
   
   
   


#header {
  padding: 0px 20px 10px;
  border-bottom: 0px solid #cccccc;
}

#contents {
  float: right;
  width: 580px;
  padding: -40px 0px 0px 2px;
  border-left: 0px solid #cccccc;
 
}

#sidebar {
  float: left;
  width: 150px;
  padding: 10px;
}

#footer {
  clear: both;
  padding: 0em 0em;
  border-top: 0px solid #cccccc;
}

/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
h1 {
  text-align: right;
  font-size: 1em;
  font-weight: normal;
  margin-right:0px;
  padding-top:10px;
}

/* -- 企業名 ショップ名 サイト名 -- */
.logo {
  font-size: 3em;
  margin-bottom: 0.5em;
}

.logo a {
  text-decoration: none;
  background-color: #ffffff;
  color: #0099ff;
}

.logo a:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #ff0000;
}

/* -- 概要 -- */
.description { }

/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h3,h4,h5,h6 {
  font-size: 1.2em;
 
  padding: 5px 0 5px 5px;
 
}

/* 見出し色border-left: 5px solid #FF0000;
  border-bottom: 0px solid #000000;*/





h2 {font-size: 1.5em;

  clear:both;/* フローと解除 */
  margin:20px 0px 10px 0px;
color: #000099; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  
  border-width: 0px 0px 2px 15px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
  width:545;
}



h3,h4,h5,h6 { margin-top: 3px; }






/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}

/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}




/* -- ロールオーバー -- */


#dayori {
margin-bottom:10px
; }



#houkoku a {

display:block;

color:;

height:50px;/* -- これはなぜか必要 -- */
width:260;
text-decoration:none; 
padding-bottom:5px;}

#houkoku a:hover {
/* -- 活動報告周りバナーの余白 -- */
padding:0px;
width:260;
padding-bottom:5px;
}




#dayori a {

padding:0px;
height:50px;/* -- これはなぜか必要 -- */
width:260;
display:block;
padding-bottom:10px;


height:50px;
text-decoration:none;
 }

#dayori a:hover {
margin: 0px;/* -- 活動報告周りバナーの余白 -- */ 

width:260;
 }



#newsbox{
clear:both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;

/* --上右下左うみしひ-- */ 

width:570px;
border-width: thin;
border-color: #000000;
border-style: solid ;
; }


/* -- ニュースボックスタイトル つかわない
#aka{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FF3333;
width:500px;
height:20px;
color:#FFFFFF;


; }

-- */
/* -- png付けるの忘れたね。でも見えないね。だめだ、なにをやっても表示されない
../が足りなかったらしい。../をつける場合とつけない場合がよくわからん。
直してもなおらないのはキャッシュのせい-- */








/* -- 活動報告と都盲協だよりをフロートさせる-- */




/* -- 写真-- */
#left{
float:left;
width:;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;

}

/* -- バナーふたつ- */
#light{
float:right;
width:260px;
padding-right:10px;

}





/* -- フロートを囲む親box-- */


#oya{
float:left;
width:580px;
padding-left:0px;
padding-right:0px;
}














/* ---------------------------------------- #sidebar内の指定 */









/* -- カテゴリタイトル -- */
.sidetitle {
  padding: 0.5em 0;
  border-bottom: 1px solid #666666;
}





/* --#bnr1 a {
margin: 0 0 1em 0px;
display:block;
width:160px;
height:50px;/      これのなにがダメなのか分からない
color:;
background :url(../img/bnr1_off.png) no-repeat;
text-decoration:none; }
-- */











#bnr1 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }





#bnr1 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
 }




#bnr2 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr2 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
}






#bnr3 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;
text-decoration:none; }

#bnr3 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
 }





#bnr4 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;
text-decoration:none; }

#bnr4 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
}




#bnr5 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr5 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
 }





#bnr6 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr6 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
 }









#bnr7 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr7 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
}





#bnr8 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr8 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
}




#bnr9 a {
margin: 0 0 5px 0px;
display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr9 a:hover {
margin: 0 0 5px 0px;/* -- 活動報告周りバナーの余白 -- */
color:orange; 
 }




#bnr10 a {
margin: 0 0 5px 0px;

display:block;
width:160px;
height:50px;/* -- ここで大きさ指定しないと表示されないんだ -- */
color:;

text-decoration:none; }

#bnr10 a:hover {
margin: 0 0 5px 0px
color:orange; 
 }




/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: center; }

/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }


/* ------------ pdfファイル設置のためのスタイル指定（沢井追加）-- */
#pdf_link{
    font-size:18px;
    border-left:solid 10px #17227D;
    border-bottom:solid 1px #17227D;
    margin:10px 0;
}

#pdf_link a{
    text-decoration:none;
    margin-left:10px;
    display:block;
}

#wapper{
    width:670px;
    margin:0 auto;
    box-sizing:border-box;
}

.open ul li{
    list-style-type:none;
}


/*-----------------------------------------
2022/7/28追加分のcss
-----------------------------------------*/
.resetButton a {
  display: block;
  width: 160px;
  height: 50px;
  margin-bottom: 5px;
}