@charset "utf-8";
 
*{
	margin:0;
	padding:0;
}
html{
	height:100%;
	overflow:hidden;
}
body{
	background-color:#000000;
	height:100%;
	width:100%;
	margin:0px auto;
}

div#right{
	float:right;
	width:30%;
	height:100%;
	overflow:auto;
	background-color:#000000;
	padding-left:auto;
	padding-top:30px;
		
}
div#left{
	float:left;
	width:70%;
	height:100%;
	background-color:#000000;
	position:absolute;
	z-index:100;
}
div.ClubTitle{
        font-size:10pt;
        color:black;
        font-family:"Trebuchet MS";
        font-style:italic;
        }        
            
div.ClubComents{        
        font-size:13pt;
        color:yellow;
        font-family:"Trebuchet MS";
        font-style:italic;
}
div.Link{
        font-size:12pt;
        color:white;
        font-family:"Trebuchet MS";
        font-style:italic;
        }
.ClubComents p {
        margin-left:auto;
	margin-right:auto;
        font-size:12pt;
        line-height:16pt;
        color:gray !important;
        font-family:"Trebuchet MS";
        font-style:italic;
        }
div.ClubComents a{
        margin-left:auto;
	margin-right:auto;
        font-size:12pt;
        color:white !important;
        font-family:"Trebuchet MS";
        font-style:italic;
        }
div.ClubComents a:hover {
	color:yellow !important;
	background-color: #8c7a5b;
	font-size:14pt;
}
/* 名前、題名から閲覧ページを選択する　Start*/
div#koukaisha a{
	line-height:2.0;
	font-family:"Osaka,sans-serif";
	font-size:14pt;
	color:white;
}
div#koukaisha a:hover {
	 font-size:16pt;
}
/* 名前、題名から閲覧ページを選択する　End*/	
font.name {
        margin-top:1px;
        margin-bottom:0px;
        font-size:20px;
        color:white;
        font-family:"Trebuchet MS";
        font-style:italic;
        }    
 	font.link {
        font-size:10pt;
        color:white;
        font-family:"Trebuchet MS";
        font-style:italic;
        }       
    p.title{
        margin-top:50px;
	font-style:italic;
	color:yellow;
	font-family:"Trebuchet MS";
        }
    p.coment {
        font-size:12pt;
        color:white;
        font-family:"Trebuchet MS";
        font-style:italic;
         padding-left: 1em;
        }
    tr.menu {
        color:yellow;	
        font-size:9pt;
        font-style:italic;
        }
a:link { color:green;text-decoration:none; }
a:visited { color:pink; text-decoration:none;}
a:hover { color:red;text-decoration: underline overline;}

section li name {
        font-size:12pt;
        color:red ;
        font-family:"Trebuchet MS";
        font-style:italic;
        padding-right: 0em;
        }


section#gallery li {
        line-height:40pt;
        padding-left: 2em;
}
section#gallery li a.name {
        font-size:14pt;
        color:white !important;
        line-height:16pt;
        font-family:"Trebuchet MS";
        font-style:italic;
        padding-right: 0em;line-height:16pt;
        }
section#gallery a:hover {
	color:yellow!important;
/*	background-color: #8c7a5b;*/
	font-size:14pt;
}
section#gallery a:visited {
	color:yellow!important;
/*	background-color: #8c7a5b;*/
	font-size:14pt;
	color:pink;
	text-decoration:none;}
}

section#gallery img {     
    	width:180px; height:120px; 
    	float: none;
    	margin: 10px auto;
    	padding: 10px;
    	border:10 ;
    	clear:  right;
    	overflow: hidden;
}
section#gallery img:hover {
	 width:210px; height:150px;
}