/*********************************************************************
全体
*********************************************************************/

body{
	background-image: url(sozai/gradation.gif);
	background-repeat: repeat-y;
	background-color: #9CB7D6;
	/*スクロール*/
	scrollbar-base-color: #9CB7D6;
	scrollbar-face-color: #9CB7D6;
	scrollbar-track-color: #9CB7D6;
	scrollbar-highlight-color: #9CB7D6;
	scrollbar-shadow-color: #9CB7D6;
	scrollbar-darkshadow-color: #5B75AA;
	scrollbar-3dlight-color: #5B75AA;
	scrollbar-arrow-color: #5B75AA;
}

body,table{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	color: #89A4C1;
}

/*********************************************************************
ID・CLASS
*********************************************************************/
#All{
	margin: 0;
	height: 98%;
	width: 100%;
}

/****************************************
  HEADER
****************************************/

div#Header{
	width: 100%;
	height: 48px;
	background-color: #9BB7D6;
	background-image: url(sozai/gradation.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

/*角の画像-----------------------------*/
div.kado{
	float: left;
}

/*HOME・TOPボタン----------------------*/
div.button{
	float:left;
	margin: 3px 0 0 5px;
}

div.button a{
	color: #5B75AA;
	text-decoration : none;
}
div.button a:hover{
	background-color: #9CB8D7;
}

/*ADMINボタン--------------------------*/
div.Admin{
	float:right;
	margin: 3px 5px 0 0;
}
div.Admin a{
	color: #FFFFFF;
	text-decoration : none;
}
div.Admin a:hover {
	color: #89A4C1;
	background-color: #FFFFFF;
	text-decoration : none;
}

/****************************************
  MENU
****************************************/
table.Menu{
	height: 100%;
	width: 100%;
}

td#Menu{
	width: 200px;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 0 5px 10px 5px;
}
/*メニュー-----------------------------*/
div.Menu{
	color: #89A4C1;
	margin: 20px 0 0 0;
}
div.Menu img{
	margin: 5px 0 5px 0;
	vertical-align: middle;
}

div.Menu a{
	color: #5B75AA;
	float: right;
	width: 100%;
	text-decoration : none;
}
div.Menu a:hover{
	float:right;
	background-color: #9CB8D7;
	text-decoration : none;
}

/*ミニ・サムネイル---------------------*/

div#MnThumb{
	margin: 10px 0 0 15px;
}

#MnThumb a{
	color: #5B75AA;
	text-decoration : none;
}
#MnThumb a:hover{
	background-color: #9CB8D7;
	position : relative; 
		top : 1px;
		left : 1px;
}

/****************************************
  MAIN
****************************************/

td#Main{
	background-image: url(sozai/background.jpg);
	padding: 20px;
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;
}

#Main a{
	text-decoration : line;
	color: #FFFFFF;
}
#Main a:hover{
	text-decoration : none;
	color: #9BB7D6;
}


/*ナビ---------------------------------*/
div#Navi{
	width: 100%;
	text-align: right;
	font-weight: bold;
	color: #9BB7D6;
	border: solid 1px #9CB8D7;
	padding: 3px;
}
div#Navi a{
	text-decoration : none;
}

div#Navi a:hover{
	background-color: #9CB8D7;
	color: #FFFFFF;
}

/*イメージ単体表示---------------------*/
div#Image{
	margin: 20px;
	text-align: center;
}

/*タイトルとコメント-------------------*/
div.FolderImage{
	border: solid 1px #9CB8D7;
	width: 100%;
	padding: 5px;
}

/*フォルダー＆画像のコメント*/
div.Comment{
	margin: 5px 15px 0 15px;
	text-align: left;
	color: #666666;
}

/*フォルダー＆画像のタイトル*/
div.Title{
	font-weight: bold;
	background-color: #9CB8D7;
	padding: 3px 5px 3px 5px;
}

/*画像日付*/
div.Date{
	text-align: right;
	margin: 3px 3px 0 3px;
	color: #666666;
}

/*サムネイル表示-----------------------*/
table#Thumb{
	font-size: 11px;
	margin: 10px 10px 10px 0;
	color: #FFFFFF;
}

/*サムネイル画像*/
td.ThumbImage{
	padding: 5px 0 0 0;
	text-align: center;
	border: solid 1px #9CB8D7;
	vertical-align: bottom;
}

td.ThumbImage a:hover{
	position : relative; 
		top : 1px;
		left : 1px;
}

/*画像タイトル*/
div.ThumbTitle{
	background-color: #9CB8D7;
	width: 100px;
	padding: 2px;
	margin: 5px 0 0 0;
}

/****************************************
  FOOTER
****************************************/

td#Footer{
	height: 35px;
	background-color: #9BB7D6;
	background-image: url(sozai/gradation.gif);
	background-repeat: repeat-y;
}

/*制作者ボタン-------------------------*/
div#Copy{
	float: right;
	margin: 5px;
}

#Copy a:hover{
	position : relative; 
		top : 1px;
		left : 1px;
}