/* ページ全体の属性 */
#PAGE{ 
    margin-left : auto; 
    margin-right : auto; 
    width : 960px;
    background-color : #fff;
    color : #000;
    font-family:Meiryo, sans-serif;
    }

/* ①トップタイトルの区画 */
#top{
    width : 960px;
    height : 30px;
    text-align : center;
    }

/*  SHARPへ */
#SHARP{
    width : 158px;
    height : 30px;
    float : left;
    text-align : center;
    margin-left:0px;
    margin-top:5px;
    }

/*  社友会トップへ */
#hp_top{
    width : 159px;
    height : 30px;
    float : left;
    text-align : center;
    background-color : #099;
    border-right : 1px solid #fff;
    }

/* ①-Ｃ トップタイトル */
#top_title{
    width :320px;
    height : 30px;
    line-height: 31px;
    float : left; 
    background-color : #009;
    border-right : 1px solid #fff;
    color : #fff;
    font-size: 14pt;
    text-align : center;
    vertical-align:middle;
    }

/*  本部同好会へ */
#douko{
    width : 159px;
    height : 30px;
    float : left;
    text-align : center;
    background-color : #099;
    border-right : 1px solid #fff;
    }

/* ①-Ｒ 更新日付 */   
#update{
    width :161px;
    height : 20px;
    float : left;
    background-color: #fff;
    color : #f00;
    font-size :10pt;
    text-align : center;
    margin-top:5px;
    font-weight : normal;
    }

/* 現在時刻 */   
#realtime{
    width :161px;
    height : 20px;
    float : left;
    background-color: #fff;
    color : #f00;
    font-size :9pt;
    text-align : center;
    margin-top:7px;
    font-weight : normal;
    }

/* リンクボタン区画 */
.button{
    width : 960px;
    height : 30px;
    color : #fff;
    font-size: 11pt;
    line-height:30px;
    text-align:center;
    clear : both;
    }

/* ３列リンクボタン左 */
.button_l{
    width : 318px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }
/* ３列リンクボタン中央 */
.button_c{
    width : 318px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }
/* ３列リンクボタン右 */
.button_r{
    width : 318px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }

/* ４列リンクボタン */
.button_4{
    width : 238px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }

/* ４列リンクボタン中央連 */
.button_4c{
    width : 478px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }

.button_ll{
    width : 238px;
    height : 30px;
    background-color : #6cc;
    border : 1px solid #fff;
    float : left;
    }

/* ページのタイトルA */    
#page_title{
    width : 960px;
    text-align : center;
    position: absolute;
    line-height : 30px;
    background-color : #009;
    color : #fff;
    font-size: 14pt;  
    }

/* ページのタイトルB 写真集用 */    
#page_title_B{
    width : 960px;
    text-align : center;
    position: absolute;
    line-height : 30px;
    background-color : #6cc;
    color : #fff;
    font-size: 14pt;  
    }

/* アクセスカウンタ */    
#access_counter{
    position: absolute;
    left: 880px;
    }

/* カウンタ一覧 */    
#counter_list{
    position: absolute;
    left: 10px;
    }



/* ⑤ページの概要説明区画 */    
#comment{
    width : 958px;
    background-color : #cfc;
    font-size: 11pt;
    line-height:180%;
    border : 1px solid #ccc;
    }

#comment1{
    width : 958px;
    background-color : #ccf;
    font-size: 11pt;
    line-height:180%;
    border : 1px solid #fff;
    }

#comment2{
    width : 958px;
    background-color : #cfc;
    font-size: 10pt;
    line-height:150%;
    }

#comment3{
    width : 958px;
    background-color : #ccf;
    font-size: 11pt;
    line-height:150%;
    }

#comment4{
    width : 958px;
    background-color : #eee;
    font-size: 11pt;
    line-height:180%;
    border : 1px solid #ccc;
    }

/* リンクボタン＝通常 */
a.button{
	font-weight : bolder;
    color : #fff;
	font-style : normal;
	}

/* 本文中のリンクされた文字＝通常 */
a.letter{
	font-weight : bolder;
    color : #06c;
	font-style : normal;
	}

/* マウスをのせたとき */
a:hover{
	color : #f33;
	font-style : normal;
	border:none;
	}

/* マウスポインター */
a{
	text-decoration : none;
	cursor: pointer;
	}

a.popup{
	font-weight : bolder;
    color : #091;
	font-style : normal;
	border:none;
	}

img{
    border: none;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    } 

html {
 overflow-y: scroll;
}