@charset "shift_jis";

/* ========================================
	year
======================================== */

#yearWrapper {
	width: 960px;
	margin: 0 auto;
}

/* #year_block1 ----------------- */
#year_block1 {
	position: relative;
	width: 960px;
	height: 605px;
	margin: 30px 0 41px 0;
}

#year_block1 .block1 {
	position: relative;
	width: 960px;
	height: 274px;
	margin-bottom: 28px;
}

#year_block1 .block1 h2 {
	position: absolute;
	top:0;
	left:0;
	z-index: 3;
}

#year_block1 .block1 p {
	position: absolute;
	top:81px;
	left:0;	
	z-index: 2;
}

#year_block1 .block1 .sceneslide {
/*	position: absolute;
	top:30px;
	left:547px;	
	z-index: 1;*/
}

#year_block1 .block1 .sceneslide li {
	position: absolute;
	top:30px;
	left:547px;	
	z-index: 1;
}

#year_block1 .block2 {
	position: relative;
	width: 960px;
	height: 304px;
}

#year_block1 .block2 h2 {
	position: absolute;
	top:0;
	left:0;
}

#year_block1 .block2 p {
	position: absolute;
	top:40px;
	left:0;
}

#year_block1 .block2 .img1 {
	position: absolute;
	top:130px;
	left:0;
}

#year_block1 .block2 .img2 {
	position: absolute;
	top:130px;
	left:251px;
}

#year_block1 .block2 .img3 {
	position: absolute;
	top:130px;
	left:480px;
}

#year_block1 .block2 .img4 {
	position: absolute;
	top:130px;
	left:705px;
}

#event {
	margin-bottom: 39px;	
}


#event .block1 {
	background: url(../year/images/event_bg.png) center top no-repeat;
}


#event .block1 .eventBtn {
	margin: 0 0 0 234px;	
}


#event .block2 ul {
	padding-left: 35px;
	overflow: hidden;
	/zoom:1;
}

#event .block2 ul li{
	float: left;	
}

#event .block2 ul.list1 {
	height: 218px;
	background: url(../year/images/event_list_bg1.png) left top no-repeat;
}

#event .block2 ul.list2 {
	height: 230px;
	background: url(../year/images/event_list_bg2.png) left top no-repeat;
}

#event .block2 ul.list3 {
	height: 203px;
	background: url(../year/images/event_list_bg3.png) left top no-repeat;
}

#event .block3 {
	position: relative;
	width: 960px;
	height: 200px;
	background: url(../year/images/event_block3_bg.png) left top no-repeat;
}

#event .block3 h3{
	position: absolute;
	top: 38px;
	left: 35px;
}

#event .block3 p {
	position: absolute;
	top: 88px;
	left: 35px;
	
}

#event .block3 .chara1 {
	position: absolute;
	top: 5px;
	left: 605px;
}



#birthday {
	position: relative;
	width: 960px;
	height: 218px;
	margin-bottom: 16px;
}

#birthday p{
	position: absolute;
	top: 0;
	left: 126px;
}

#birthday .chara1{
	position: absolute;
	top: 0;
	left: 0;
}

#birthday .chara2{
	position: absolute;
	top: 0;
	right: 0;
}

/* chara */

#loadchara1 {
	position: absolute;
	top: 22px;
	left: 59px;
}
#loadchara2 {
	position: absolute;
	top: 93px;
	left: 0;
}
#loadchara3 {
	position: absolute;
	top: 93px;
	left: 117px;
}
#loadchara4 {
	position: absolute;
	top: 10px;
	right: 92px;
}

#loadchara5 {
	position: absolute;
	top: 98px;
	right: 61px;
}
#loadchara6 {
	position: absolute;
	top: 28px;
	right: 0;
}


/* lightbox */

#container {
    margin: 0 auto;
    min-width: 960px;
    width: 100%;
}

#pop-wrapper {
	margin: 0 auto;
	width: 776px;
	height: 1300px;
	position: relative;
}

#letter-wrap {
	padding: 10px 0;
	position: relative;
	width: 776px;
}

#close {
	height: 50px;
	position: relative;
	top: 0;
	left: 698px;
}

#scrollWrap .inner {
	background: url(../year/images/pop_main_bg.png) left top repeat-y;
}

#letter-wrap .block1 {
	position: relative;
	width: 776px;
	height: 44px;	
}

#letter-wrap .block1 p {
	position: absolute;
	top: 14px;
	left: 148px;
}

#letter-wrap .block1 .note1 {
	position: absolute;
	bottom: 8px;
	left: 318px;
}

#letter-wrap .block1 .note2 {
	position: absolute;
	bottom: 8px;
	left: 538px;
}

#letter-wrap .block2 {
	position: relative;
	width: 776px;
	height: 235px;	
}

#letter-wrap .block2 p {
	position: absolute;
	top: 0;
	left: 30px;	
}

#letter-wrap .block2 .item1 {
	position: absolute;
	top: 36px;
	left: 151px;	
}

#letter-wrap .block2 .item2 {
	position: absolute;
	top: 36px;
	right: 151px;	
}

#letter-wrap .block3 {
	width: 776px;	
}

#letter-wrap .block3 p {
	margin: 0 0 16px 30px;	
}


#letter-wrap .block3 .month {
	margin-left: 30px;

}

#letter-wrap .block3 ul {
	width: 693px;	
	overflow: hidden;
	/zoom:1;	
}

#letter-wrap .block3 ul li {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 15px;	
}

#letter-wrap .block3 ul li.last {
	margin-right: 0;
}

#letter-wrap .pop-txt01 {
	margin: 12px 0 0 30px;
}