@charset "UTF-8";

body{
	background-image: url(../images/back.png);
	background-color: #beeed9;
	background-position: center;
	background-repeat: no-repeat;
	background-position:top;
	margin: 0;
	}
	
#fb-root{
	margin: 0;
	}

#wrapper{
	width: 900px;
	margin: 0 auto;
	}
	
.header{
	width: 910px;
	height: 330px;
	position: relative;
	}
	
#prof{
	position: absolute;
	top: 245px;
	left: 460px;
	}

#main{
	position: relative;
	}

#main_btn{
	position: relative;
	top: -140px;
	text-align: center;
	}
	
.date{
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	margin-top: -50px;
	margin-bottom: 0;
	}
	
#footer{
	width: 900px;
	margin: 0 auto;
	background-image: url(../images/box.png);
	background-repeat: repeat-y;
	padding-bottom: 150px;
	}
	
#archive{
	width: 687px;
	margin: 0 auto;
	}

#archive p{
	width: 228px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	}
	
#archive p span{
	font-size: 13px;
	}

#archive ul{
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	
#archive li{
/*	background-image: url(../images/archive_bk.png);
	background-repeat: no-repeat;
*/	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#archive_btn{
	width: 700px;
	margin: 0 auto;
	padding-left: 0;
	padding-top: 20px;
}
	
#archive_btn ul{
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#archive_btn li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#prev_btn{
	visibility: hidden;}
	
#archive_btn li{
	float: left;
	position: relative;
	left: 20%;
	}
	
#footer2{
	height: auto;
	overflow: hidden;
	width: 690px;
	margin: 0 auto;
	padding-top: 50px;
	}
	
#footer2 ul{
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#footer2 li{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	}

#footer2 .fb-like{
	padding-top: 6px;
	height: 20px;
	overflow: hidden;
}
.credit{
	margin: 0;
	}

/********/
#main #zoom_box { position:relative; height:700px;z-index:10;}
#main #cover {position:relative; width::900px; height:700px;}
	#main #cover img { position:absolute; z-index:10;}
	#main #cover .techo01 { top:0; left:0; width:900px; height:50px;}
	#main #cover .techo02 { top:50px; left:0; width:130px; height:474px;}
	#main #cover .techo03 { top:50px; right:0; width:120px; height:474px;}
	#main #cover .techo04 { top:524px; left:0; width:900px; height:176px;}
#main #shot {position:absolute; top:36px; left:120px; width:665px; height:500px; overflow:hidden; z-index:5; background:#ccc;}
#main_btn { z-index:15;}

.display_none { display:none;}
a.close { display:block; width: 67px; height: 18px; background:url(../images/btn_close.png) no-repeat 0 0; text-indent:-9999px;}
a.close:hover { background:url(../images/btn_close-over.png) no-repeat 0 0;}