@charset "UTF-8";
body {
	font: 105% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #eee;
	margin: 0; /*  */
	padding: 0;
	text-align: center; /* for IE5 */
	color: #443333;
	
}

a:link { 	font-size: 80%;
	font-style: italic;
	margin: 1px;
	padding: 6px;
    text-align: left; 
    color: #E8F1FC;
    line-height: 2.0;
    } 
a:visited { color: #E8F1FC} 
a:hover { color: #E8F1FC} 
a:active { color: #E8F1FC } 

a.tooltip:hover {
     background: #aaaaaa;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     
     display: none;
     position: relative;
     padding: 20px;
     font-size: 12px;
     margin-left: 120px;
     line-height: 1.4;
     text-align: left; 
     opacity: 0.8;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #aaaaaa;
     border: 1px solid #ffffff;
     color: #000000;
     opacity: 0.7;
     width: 360px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}
 
/* IE6以下にのみ適用 */
a.tooltip:hover span{
     width: 360px;
}

     .slidemaximage { display:none; }
　　　.loader       { position:absolute;z-index:9999;width:39px;height:39px;top:49%;left:49% }
    
      
      
.oneColLiqCtr #container {
	width: 780px;  /* */
	height: 780px;  /*  */
	margin: 20px 20px; /* center */
	border: 2px solid #ffffff;
	background-color: #aaa;
	opacity: 0.8;
	padding: 5px 20px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	

}
#headtitle {
    font: 90%
	margin: 0px; 
	padding: 5px 5px;
	text-align: center; 
	color: #000000
	
}

#comment {

	text-align: left; 

	
}
	
.smalltext {
    font-style: italic;
	font-size: 85%;
	margin: 5px 5px;
	padding: 5px 5px;
    text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
    color: #aa3010;
	
	
}

.oneColLiqCtr #slidetext{
	font-size: 86%;
	font-style: italic;
	color: #444444
	margin: 2px 50px;
	padding: 10px 38px;
    text-align: left; /* この設定は body エレメントの text-align: center より優先されます。*/
    position:relative; top:-10px; left:10px 
	
}

#moji2 {
	font-size: 80%;
	margin: 5px 200px;
	padding: 3px 30px;
    text-align: left; /* この設定は body エレメントの text-align: center より優先されます。*/
    border: 1px dotted #333333;
	
}


.menu_l {
	font-size: 95%;
	margin: 3px 30px 3px 3px;
	padding: 3px 3px;
    text-align: left;
    border-bottom: 2px dotted #333333;
    color: #aa3010;
	
}

.menu_r {
	font-size: 90%;
	margin: 5px 10px;
	padding: 10px 10px;
    text-align: center;
    border: 1px dotted #333333;
    color: #661111;
	
}


.menu2 {
	font-size: 100%;
	font-style: italic;
	margin: 5px 10px 5px 3px;
	padding: 3px 3px;
    color: #ffffff;
    text-align: left;
    line-height: 1.4;
	
}

#footer {
    width: 780px;  /* */
	font-size: 75%;
	margin: 0px 0px;
	padding: 0px 0px;
    text-align: center; 
    border-bottom: 1px  #333333;
    color: #fff0f0;
    font-style: italic;
    position: absolute;
    top:780px; 
    line-height: 1.4;

	
}

	
.update {
    font-style: italic;
	font-size: 78%;
	margin: 3px 3px 10px 3px;
	padding: 3px 15px;
    text-align: center;
    color: #aa0000;
	
}