/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  COMMON LAYOUT STYLE                                                             */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.COMMON LAYOUT COLLUMN                                                         */  
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*  1-1.COLUMN                                                                      */  
/* -------------------------------------------------------------------------------- */

#container {
	width:1000px;
	margin:0px auto;
	position:relative;
	padding-bottom:70px;
	}
	
	
/* -------------------------------------------------------------------------------- */
/*  1-2.TITLE                                                                       */  
/* -------------------------------------------------------------------------------- */	
	
h1{
	height:267px;
	width:812px;
	background:url(../img/title.png) no-repeat;
	margin:0px auto 60px auto
	}
	

/* -------------------------------------------------------------------------------- */
/*  2-1.DESIGN                                                                      */  
/* -------------------------------------------------------------------------------- */	


.diaryArea{
	/*border:solid 1px #000;*/
	height:400px;
	position:relative;
	margin-bottom:50px;
	}

.diary,.diary2,.diary3,.diary4,.diary5,.diary6{
	position:absolute;
	}

.diary,.diary2{
	width:250px;
	}
	
.diary3,.diary4{
	width:255px;
	}	

.photo{
	position:relative;
	margin-bottom:10px;
	}
	
.photo span{
	display:block;
	position:absolute;
	left:-1px;
	top:-1px;
	}
	
.diary .photo span,.diary2 .photo span{
	width:202px;
	height:202px;	
	}
	
.diary3 .photo span,.diary4 .photo span{
	width:255px;
	height:255px;	
	}	
	
.diary5 .photo span,.diary6 .photo span{
	width:202px;
	height:263px;	
	}	

.diary .photo span{	
	background:url(../img/frame_01.png) no-repeat;
	}
	
.diary2 .photo span{	
	background:url(../img/frame_02.png) no-repeat;
	}
	
.diary3 .photo span{	
	background:url(../img/frame_03.png) no-repeat;
	}
	
.diary4 .photo span{	
	background:url(../img/frame_04.png) no-repeat;
	}
	
.diary5 .photo span{	
	background:url(../img/frame_05.png) no-repeat;
	}
	
.diary6 .photo span{	
	background:url(../img/frame_06.png) no-repeat;
	}			
	
.date{
	width:85px;
	height:85px;
	background:url(../img/day.png) no-repeat;
	position:absolute;
	left:-30px;
	top:-20px;
	z-index:10;
	color:#fff;
	}
	
.date span{
	display:block;
	text-align:center;
	width:100%;
	}
	
.date span.day{
	position:absolute;
	top:15px;
	}
	
.date span.keika{
	position:absolute;
	top:40px;
	font-size:12pt;
	font-weight:bold;
	}	
	
.photo + p{
	position:relative;
	text-align:center;
	}

.diary .photo + p,.diary2 .photo + p{	
	left:-20px;
	}
	
.root{
	position:absolute;
	}

.hukidashi{
	position:absolute;
	top:-130px;
	left:-80px;
	}
	
.illust{
	position:absolute;
	}

.copyright{
	text-align:center;
	font-size:9pt;
	}






	
/* -------------------------------------------------------------------------------- */
/*  4-1.IMG                                                                         */  
/* -------------------------------------------------------------------------------- */

h1{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    }