﻿/*　ﾒﾆｭｰのｽﾀｲﾙ　ulのｽﾀｲﾙに飾りﾏｰｸを付けない*/
ul{
	padding: 0;
	margin: 0;
	list-style:none;
}
/*　メインメニュー(各項目を選択)を　横一列にする為 liをInlineに　　*/　
li {
	margin:0;
	margin:2px;	
	padding:2px;     
	line-height:20px;
	display:inline;
}
/*　ﾘﾝｸﾎﾞﾀﾝの色　青　*/
a {
	color:#00F; /*青*/
	display:block;
}
/*　ﾘﾝｸﾎﾞﾀﾝの色　*/	
a:link {     /*未訪問 */
	color:#00f;  /*青*/
	font-weight:400;
	text-decoration: underline;
}
a:visited {    /* 訪問済  */
	color:#603; /*茶*/
	text-decoration: underline;
}
a:hover, a:active, a:focus {    /*  ﾏｳｽがﾘﾝｸﾎﾞﾀﾝ上にある  */ 
	text-decoration: none;
	color:#f00;  /*red*/
  cursor:pointer;
}

/*** 全てのDIV の子孫のｽﾍﾟｰｽ *****/
/** section枠　角丸 **/
section{
	margin-left:10px;
	margin-right:10px;
	border-style:groove;
	border-radius:15px;	
}
/*  年間予定表の各会 角丸  */	
td { /*yotei*/
    padding:8px;
    border-style:groove;
}
/*  年間予定表の各会の内訳 角丸  */	
th {border-style:groove;}
	
h1,h2,h3 {  /*ﾎｰﾑﾍﾟｰｼﾞようこそ*/
    clear:both;
    padding-left:10px;
    padding-right:10px;
}

div {  /*角マル枠*/
    margin-right:5px;
	margin-left:5px;
	border-style:groove;
	border-radius:15px;	
	padding-left:5px;   
	padding-right:5px;  
	}
	
/*** 全ての<p>の先頭からの空白ｻｲｽﾞ ****/
p {
   margin:15px 10px;
   padding-left:3x;
   padding-right:3px;
}

/**** 府中市歩こう協会ﾛｺﾞimgサイズ  ****/
#taitol img{
  width:280px;
  height:50px;
  left:10px;
}
/*****ｺﾛﾅｳｨﾙｽ告知用ブロック*****/
.spot{
    background-color:#dda0dd;
}
/* 各ページのﾊﾞｯｸｸﾞﾗｳﾝﾄﾞの設定  */
/******　ﾊﾞｯｸｸﾞﾗﾝﾄﾞの画像設定　******/
/* ﾎｰﾑﾍﾟｰｼﾞへようこその背景画像 */
#fwa-well {
    background-image:url(fwaphto/green.jpg);
}
/* ｼﾝﾎﾞﾙ説明ﾌﾞﾛｯｸ 背景色　ﾋﾟﾝｸ*/
#fwa-header{
    padding-left:10px;
	background-image:url(fwaphto/pink.gif);  /*   */
}
 /* 府中市歩こう協会の目的ﾌﾞﾛｯｸ  背景色草色*/
#guide {
	background-image:url(fwaphto/kusa.gif);
 }
 /* 府中市歩こう協会の活動 ﾌﾞﾛｯｸ   背景色黄色*/
.fwa-purpose {
    background-image:url(fwaphto/yellow.png);
}
/* 参加は自由ブロック　入会案内   背景色白2*/
.fwa-mean { 
    background-image:url(fwaphto/white-2.gif);
}

/* 次回　年間予定表   背景色白1色*/
.fwa-next{
    background-image:url(fwaphto/white-1.gif);	
}
/* 活動報告   背景色草色*/
.rep-table{
    background-image:url(fwaphto/kusa.gif);	
}
/*　あゆみ   背景色ピンク*/
.fwa-ayumi {
    background-image:url(fwaphto/pink.gif);
}
/*　協働祭 */
.fwa-ivent {
    background-image:url(fwaphto/RBT02_035.JPG);
}
/*   背景色 White-yellow */
.fwa-W-yellow {
    background-image:url(fwaphto/w-yellow.gif);
}
/*  背景色白3 */
.fwa-white-3 {
    background-image:url(fwaphto/white-3.png);
}

/*********ﾘﾝｸﾎﾞﾀﾝグループ********************/   
/*ﾘﾝｸﾎﾞﾀﾝ グループの枠*/
#walk {
    border-width:2px;	
}
/*ﾘﾝｸﾎﾞﾀﾝ枠内の　li　をFloatに　*/
ul.link-menu li{
    float :left;
}

/*liﾎﾞｯﾀﾝ(各ﾘﾝｸﾒﾆｭｰ）のｽﾀｲﾙ設定　*/
.fwa-link1  {/*次回 green*/
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/green.jpg);
    border-style:groove;
    border-radius:10px;
	}
.fwa-link2  {/*年間予定表 pink*/
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/pink.gif);
    border-style:groove;
    border-radius:10px;
	}
.fwa-link3  {/* 今季活動 kusa */
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/kusa.gif);
    border-style:groove;
    border-radius:10px;
	}
.fwa-link4  {/* 過去活動 19,20,21,22,23年度活動 white-1  */
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/white-1.gif);
    border-style:groove;
    border-radius:10px;
	}
.fwa-link5  {/*あゆみ g9b*/
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/g9b.gif);
    border-style:groove;
    border-radius:10px;
	}
.fwa-link6  {/*入会案内 yellow*/
    border:1px solid black;
    margin:1px;
    padding:2px;	 
    background-image:url(fwaphto/yellow.png);
    border-style:groove;
    border-radius:10px;
	}	
/*　Float解除　*/
.clear{
  clear:both;
}

 /* 角マル枠の設定 */
.maru { 
    margin-right:5px;
	margin-left:5px;
	border-style:groove;
	border-radius:15px;	
    border-width:0px;
	}
/*  文字色  */
/* 黒 */
.black{
  color:black;
}  
.red{/*赤*/
    color:red;
 }
.blue{/*青*/
    color:blue;
 }
.green{/*緑*/
    color:green;
}
/*大文字*/
.size{       
    font-size:x-large;
    font-weight:600;
 /*   color:#669900;*/
}
/*太字bold*/
.bold{
  font-weight:bold;
}  

/***** 次回グループ *****/
 /*　次回日にち文字色　*/
.next-day{
    padding-left:20px;
    color:#ff3300;
}
 /*　次回場所文字色　*/
.next-place {
    padding-left:10px;
    color:#008800;
}

/* 点滅 実行、中止　ｱﾆﾒｰｼｮﾝ*/
.blink{
    font-size:x-large;
    font-weight:600;
    font-color:red;
/*	animation:blinkAnime 1s infinite;*/
    animation:blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
    0%{color:black}
    50%{color:red}
    100%{color:red}
}

/*  画面のサイズ  */
/*携帯用*/
 @media (max-width:600px){ 
 body {
    font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(fwaphto/g9b.gif);
    color: #000;
	}
img.fwasign{
    width:400px;
}	
p.taitol-back {
    margin-left:-15px;
  }		
 .taitol-back img { 
    margin-left:auto;
    margin-right:auto;}
/* ﾃｰﾌﾞﾙ　列幅 */	
  th.yotei1{
	width:200px;
  }
  th.yotei2{
	width:40px;
  }
  th.yotei3{
	width:40px;
  }
  th.yotei4{
	width:200px;
  }
}

/*パソコン用*/ 
 @media (min-width:601px){
  body {
    font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    width:680px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(fwaphto/blue-2.gif);	
    color: #000;
	}
img.fwasign{
    width:600px;
}	
    p.taitol-back {
 	margin-left:-15px;
  }	
  .taitol-back img { 
    width:600px;
    height:300px;
    margin-left:auto;
    margin-right:auto;	
  }
/* ﾃｰﾌﾞﾙ　列幅 */	
  th.yotei1{
	width:360px;
  }
  th.yotei2{
	width:60px;
  }
  th.yotei3{
	width:60px;
  }
  th.yotei4{
	width:200px;
  }  
 }
 



 