@charset "UTF-8";
body {
	font: 100%/1.4 "serif";
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ ヘッダー~~ */
#header h1{margin:10px 0 0 0;}


/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
#container {
	width: 950px;
	background: #FFF;
	margin: auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}




/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
#content{
	width:610px;
	margin:30px 0px 30px 20px;
	float: left;
    font-family:sans-serif;
}


.post{width: 100%;
      margin-bottom:60px;
	 
	  }

.post h2{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
		font-weight:bold;
	font-size:1.6em;
         margin:0px 0px 25px 10px;
		 padding:0;
		  }

.posttext{line-height: 1.5;
          margin-top:10px;}

.posttext p{margin:0px 0px 0px 10px;
            }

.postinfo_d{
	        font-family:sans-serif;
			font-size:0.85em;
            text-align:left;
			margin-top:0px;
			margin-left:20px;
			margin-bottom:5px;}

.postinfo_c{
		    font-family:sans-serif;
            color:#F00;
            font-size:0.85em;
            text-align:left;
			margin-top:-22px;
			margin-left:120px;
			margin-bottom:5px;}
			
.postinfo_c a:link {
	color:#F00;
	text-decoration:none; 
}
.postinfo_c a:visited {
	color:#F00;
	text-decoration: none;
}
.postinfo_c a:hover, a:active, a:focus { 
	text-decoration: underline;}

.entry-more{
			font-size:0.85em;
			margin:10px 20px 0px 480px;
			}

/* ~~ セミナーページ ~~ */

#content2{
	width:610px;
	margin:10px 0;
	float: left;
	font-family:sans-serif;
}


/* ~~ パンくずリスト ~~ */


#topicPath {  
    margin:5px 0 20px 0;
	font-size:0.85em;}

#topicPath li {  
    display:inline;  
    line-height:110%;  
    list-style-type:none;  
}  

#topicPath li a {  
    padding-right:20px;
	padding-left:3px;
    background:url(img/topicpath.gif) no-repeat right center;  
}  

/* ~~ トップページ以外の左コンテンツ ~~ */

#content2 h2{
            margin:0;
		    padding:10px 0px 20px 0px;
		    border:none;
			}
			


/* ~~ セミナー名称 ~~ */
#sem { margin:50px 0;}

#sem li{
  	        font-size:1em;
            margin:20px 0px 20px 30px;
		    padding:0;
			}
			
/* ~~ セミナー詳細~~ */	
.sem_post{
	  width: 100%;
      margin-bottom:60px;
	  padding:0 0 20px 0;
	  font-family:sans-serif;
	  border:#999 1px solid;
	  }

.sem_post h3{
	         font-size:1em;
	         font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
             margin:0 0 10px 0;
             padding:15px 5px;
			 border-bottom:#999 1px solid;
			 background-image:url(img/sem_h3.gif);
             }

.sem_post_k{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			            line-height:2em;
}


.sem_post_k2{
            color:#000;
            font-size:1em;
            text-align:left;
			margin-top:-37px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }
			

.sem_post_kl2{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:4em;
}
			
.sem_post_kl22{
            color:#000;
            font-size:1em;
            text-align:left;
			margin-top:-68px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }


.sem_post_kl3{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:6em;
}
			
.sem_post_kl32{
            color:#000;
            font-size:1em;
            text-align:left;
			margin-top:-100px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }
									
						
.sem_post_kl4{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:8em;
}
			
.sem_post_kl42{
            color:#000;
            font-size:1em;
            text-align:left;
			margin-top:-132px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }
					


.sem_post_t{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			            line-height:2em;
}

.sem_post_t2{
            color:#000;
            font-size:1em;
			font-weight:bold;
            text-align:left;
			margin-top:-37px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }

.sem_post_tl2{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:4em;
}

.sem_post_tl22{
            color:#000;
            font-size:1em;
			font-weight:bold;
            text-align:left;
			margin-top:-68px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }

.sem_post_tl3{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:6em;
}

.sem_post_tl32{
            color:#000;
            font-size:1em;
			font-weight:bold;
            text-align:left;
			margin-top:-100px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }
					
.sem_post_tl4{
			font-size:1em;
            text-align:left;
			margin:0px 10px 0 20px;
			padding:2px;
			border-bottom:#999 1px solid;
			line-height:10em;
}


.sem_post_tl42{
            color:#000;
            font-size:1em;
			font-weight:bold;
            text-align:left;
			margin-top:-164px;
			margin-left:90px;
			margin-bottom:0px;
			padding:2px 2px 2px 15px;
			border-left:#999 1px dashed;
            line-height:2em;
            }
			
			

/* セミナー画像の位置 */
#semimg{
	margin:20px;
}

#semimg img{
	margin:20px 20px;
}

#semimg a:link{border:none;}


/* ~~ 過年度活動報告~~ */

#hokoku h3{
           font-size:1em;
           margin:80px 400px 10px 10px;
           padding:5px 15px;
		   border:#999 1px solid;
		   background-image:url(img/sem_h3.gif);
           }
		   
#hokoku h4{
           font-size:0.8em;
           margin:30px 10px 10px 20px;
		   line-height:1em;
           }
		   
#hokoku h5{
           font-size:1em;
           margin:10px 10px 10px 30px;
		   line-height:1.5em;
           }

#hokoku p{
           font-size:1em;
           margin:10px 10px 10px 30px;
		   line-height:1.5em;
           }


#hokoku ul{
	       margin:10px 10px 50px 40px;}	

#hokoku li{
	       line-height:2;}	
	

/* ~~ 会員リンク ~~ */

#link li{
	     float: left;
		 width:120px;
  	     font-size:1em;
         margin:10px 0px 10px 20px;
		 padding:0;
		 list-style:none;
			}
			
			
/* ~~ 同窓会名簿~~ */
#meibo h3{
           font-size:1em;
           margin:30px 250px 10px 10px;
           padding:5px 15px;
		   border:#999 1px solid;
		   background-image:url(img/sem_h3.gif);
           }

#meibo ul{
	       margin:10px 0 50px 40px;}	

#meibo li{
	       line-height:2;
		   }	
		   
		   	 
#meibo li.line{
	           color:#F00;
	           text-decoration:underline;}	
				 
		   
#meibo p{
          margin:0 20px 10px 10px;
          padding:5px 15px;
		  line-height:1.5;}
		   
/* ~~ 会員専用 ~~ */

.mem_post{
	  width: 100%;
      margin-bottom:60px;
	  padding:0 0 20px 0;
	  font-family:sans-serif;
	  }

.member_d{
	        font-family:sans-serif;
			font-size:0.85em;
			line-height:1.2;
            text-align:left;
			margin-top:0px;
			margin-left:15px;
			margin-bottom:5px;
			padding:5px;}
.member_c{
		    font-family:sans-serif;
            color:#F00;
            font-size:0.85em;
			line-height:1.2;
            text-align:left;
			margin:-30px 0 0 120px;
			padding:5px; }
			
.member_c a:link {
	              color:#F00;
	              text-decoration:underline; 
				  }

.member_c a:visited {
	color:#F00;
	text-decoration: underline;
}

.member_c a:hover, a:active, a:focus { 
	text-decoration: none;}

.mem_post h3{
	         font-size:1.25em;
	         font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
             margin:5px 0 10px 15px;
		 　  padding:5px;
			}

.mem_post h3 a:link{
	                text-decoration:underline;}

.mem_post h3 a:hover{
	                text-decoration:none;}

.mem_post h3 a:visited, a:active, a:focus { 
	text-decoration: underline;}
	

.mem_postext{
	　　　line-height: 1.8;
          margin-top:0;
		  margin-left:15px;
		  margin-right:15px;
		  padding:5px;
		  border:#999 1px solid;}

.mem_postext p{margin:0px 0px 0px 10px;}

.mem_entry-m{
			font-size:0.85em;
			margin:5px 20px 0px 480px;
			padding:5px; 
			}

/* ~~ 会員専用 tabmenu ~~ */

#tabside{
	width:604px;
	margin:0;
	padding:30px 0;
	float: left;
	font-family:sans-serif;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
}


#tab {width:605px;
      margin:30px 0 0 0;
       height:28px;
	   font-size:0.85em}
	 
#tab ul{margin:0;
        padding:0;}

#tab li{list-style-type: none;
        float: left;}
		
#tab li a{display:block;
          width:121px;
		  line-height:28px;
		  text-align:center;
		  color:#000;
		  text-decoration: none;
		  background-image:url(img/tab.png);}


#tab a:hover{background-position: 0 -38px;}

#tab .current a{background-position: 0 -38px;}
	
/* ~~ 会員専用 議事録 ~~ */

.gijiroku {margin:10px 10px 10px 50px}


			
#content ul, .content ol { 
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}


/* ~~ 右メニュー~~ */

#sidebar {
          width: 310px;
	      float: right;
	      margin: 30px 0;
}

#sidebar h3 {
	         margin: 80px 30px 0 1px;
             padding:3px 3px 3px 10px;
			 font-size:0.9em;
             border:#999 1px solid;}
			 
#sidebar h4 {
	         margin:0px 30px 0 1px;
             padding:3px 3px 3px 10px;
			 font-size:0.9em;
             border:#999 1px solid;}

#menu{
	  width:310px;
	  margin: 30px 0 0 0;
	  overflow:hidden;
	  }

#menu li{
	     margin-bottom:10px;
		 list-style:none;
		 line-height:0;
	     }	  

#menu li a{
	       display:block;
		   width:280px;
		   line-height:100px;
		   background:#FFF;
		   border:#CCC solid 1px;
	     }	

#menu li a:hover{
		   border:#69F solid 1px;
	     }	
		 
#menu .current a{
		         border:#666 solid 1px;}
				 
				 
#slink{
      width:310px;
	  margin: 10px 0px 0px 0px;
	  font-size:0.85em;
	  }

#slink li{
	     margin: 0px 0px 10px 10px;
		 list-style:none;
	     }	  

#slink li a{
	       text-decoration:none;}

#slink li a:hover{
	              color:#69F;
				  text-decoration:underline;}	


#toiawase{
	      width:295px;
          margin:10px 5px 0px 10px;
          }

#toiawase p{
	        font-size:0.8em;
		  }



#foot{clear:both;}


#foot p{
	    font-size:0.8em;
		margin:10px;
		font-family:sans-serif;}