@charset "shift_jis";

/* ========================================
	life
======================================== */
#main {
	padding-bottom: 43px;
}

#mainvisual {
	height: 731px;
}

#main-top {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#main-top h1 {
	position: absolute;
	top: 30px;
	left: 0;
}

#main-top .card {
	padding: 64px 0 0 0;
}

#main-top .card-chara01 {
	position: absolute;
	top: 118px;
	left: 223px;
}
#main-top .card-chara02 {
	position: absolute;
	top: 54px;
	left: 659px;
}
#main-top .card-chara03 {
	position: absolute;
	top: 385px;
	left: 406px;
}
#main-top .card-chara04 {
	position: absolute;
	top: 533px;
	left: 237px;
}
 
#everyday {
	margin: 0 auto;
	width: 960px;
	height: 930px;
	position: relative;
	background: url(../life/images/bg_everyday02.png) left bottom no-repeat;
}

#everyday .everyday-inner {
	background: url(../life/images/bg_everyday01.png) 0 0 no-repeat;
	height: 915px;
}

#everyday .everyday-ttl {
	position: absolute;
	top: 27px;
	left: 222px;
}

#everyday .everyday-ttl h2 {
}

#everyday .everyday-ttl p {
	margin: 19px 0 0 0;
}

#everyday .everyday01 {
	position: absolute;
	top: 182px;
	left: 36px;
}

#everyday .everyday02 {
	position: absolute;
	top: 182px;
	left: 347px;
}

#everyday .everyday03 {
	position: absolute;
	top: 182px;
	left: 660px;
}

#everyday .everyday04 {
	position: absolute;
	top: 486px;
	left: 182px;
}

#everyday .everyday05 {
	position: absolute;
	top: 486px;
	left: 498px;
}

#everyday .everyday06 {
	position: absolute;
	top: 788px;
	left: 191px;
}

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

#chara .chara-wrap {
	position: absolute;
	top: 0;
}

#chara #kinuyo {
	width: 160px;
	position: absolute;
	top: 510px;
	left: 630px;
}

#chara #kinuyo .chara_img {
	/*margin: -19px 0 0 10px;*/
	position: absolute;
	top: 159px;
	left: 10px;
}

#chara #asami {
	width: 160px;
	position: absolute;
	top: 510px;
	left: 798px;
}


#chara #asami .chara_img {
	/*margin: -18px 0 0 0;*/
	position: absolute;
	top: 160px;
	left: 0;
}

#chara #keito {
	width: 160px;
	position: absolute;
	top: 674px;
	left: 37px;
}

#chara #keito .text {
	margin: 0 0 0 2px;
}

#chara #keito .chara_img {
	/*margin: -24px 0 0 1px;*/
	position: absolute;
	top: 154px;
	left: 1px;
}

#chara #honma {
	width: 182px;
	position: absolute;
	top: 1359px;
	left: 778px;
}

#chara #honma .text {
	margin: 0 0 0 22px;
}

#chara #honma .chara_img {
	/*margin: -1px 0 0 0;*/
	position: absolute;
	top: 176px;
	left: 0;
}


/* ========================================
	lifebox
======================================== */
#flashcontent {
	/*height: 900px;*/
}
#lifebox1,
#lifebox2,
#lifebox3,
#lifebox4,
#lifebox5 {
	text-align: center;
	background-color: transparent;
}

#lifebox1 #pop-wrapper,
#lifebox2 #pop-wrapper,
#lifebox3 #pop-wrapper,
#lifebox4 #pop-wrapper,
#lifebox5 #pop-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 616px;
	position: relative;
}

#lifebox1-bg,
#lifebox2-bg,
#lifebox3-bg,
#lifebox4-bg,
#lifebox5-bg {
	margin: 23px auto 0 auto;
	width: 426px;
	height: 466px;
}

#lifebox1-bg {
	background: url(../life/images/lifebox1_bg.png) 0 0 no-repeat;
}

#lifebox2-bg {
	background: url(../life/images/lifebox2_bg.png) 0 0 no-repeat;
}

#lifebox3-bg {
	background: url(../life/images/lifebox3_bg.png) 0 0 no-repeat;
}

#lifebox4-bg {
	background: url(../life/images/lifebox4_bg.png) 0 0 no-repeat;
}

#lifebox5-bg {
	background: url(../life/images/lifebox5_bg.png) 0 0 no-repeat;
}

#lifebox1-ttl,
#lifebox2-ttl,
#lifebox3-ttl,
#lifebox4-ttl,
#lifebox5-ttl {
	padding: 38px 0 0 8px;
}


#lifebox1 .lifebox-ttl2,
#lifebox2 .lifebox-ttl2,
#lifebox3 .lifebox-ttl2,
#lifebox4 .lifebox-ttl2,
#lifebox5 .lifebox-ttl2 {
	padding: 15px 0 0 32px;
}

#lifebox1 .lifebox-img,
#lifebox2 .lifebox-img,
#lifebox3 .lifebox-img,
#lifebox4 .lifebox-img,
#lifebox5 .lifebox-img,
#lifebox1 .lifebox-txt,
#lifebox2 .lifebox-txt,
#lifebox3 .lifebox-txt,
#lifebox4 .lifebox-txt,
#lifebox5 .lifebox-txt {
	padding: 0 0 0 32px;
	height: 217px;
}

#lifebox1 .lifebox-img .sceneslide,
#lifebox2 .lifebox-img .sceneslide,
#lifebox3 .lifebox-img .sceneslide,
#lifebox4 .lifebox-img .sceneslide,
#lifebox5 .lifebox-img .sceneslide {
	position: relative;
}
#lifebox1 .lifebox-img li,
#lifebox2 .lifebox-img li,
#lifebox3 .lifebox-img li,
#lifebox4 .lifebox-img li,
#lifebox5 .lifebox-img li {
	position: absolute;
	top: 0;
	left: 0;
}

#lifebox1-menu,
#lifebox2-menu,
#lifebox3-menu,
#lifebox4-menu,
#lifebox5-menu {
	padding: 25px 0 0 7px;
}

#lifebox1-menu li,
#lifebox2-menu li,
#lifebox3-menu li,
#lifebox4-menu li,
#lifebox5-menu li {
	padding: 0 6px 6px 0;
	width: 197px;
	float: left;
	position: relative;
}

#lifebox1-menu li a,
#lifebox2-menu li a,
#lifebox3-menu li a,
#lifebox4-menu li a,
#lifebox5-menu li a {
	display: block;
	width: 197px;
	height: 37px;
}

#lifebox1-menu li .new,
#lifebox2-menu li .new,
#lifebox3-menu li .new,
#lifebox4-menu li .new,
#lifebox5-menu li .new {
	display: block;
	position: absolute;
	top: -9px;
	left: 152px;
	width: 43px;
	height: 23px;
}

#lifebox1 .update,
#lifebox2 .update,
#lifebox3 .update,
#lifebox4 .update,
#lifebox5 .update {
	clear: both;
	position: absolute;
	top: 132px;
	left: 84px;
}

#lifebox1-arw,
#lifebox2-arw,
#lifebox3-arw,
#lifebox4-arw,
#lifebox5-arw {
	clear: both;
}

#lifebox1-arw .left,
#lifebox2-arw .left,
#lifebox3-arw .left,
#lifebox4-arw .left,
#lifebox5-arw .left {
	position: absolute;
	top: 285px;
	left: 22px;
}

#lifebox1-arw .right,
#lifebox2-arw .right,
#lifebox3-arw .right,
#lifebox4-arw .right,
#lifebox5-arw .right {
	position: absolute;
	top: 285px;
	left: 544px;
}

#lifebox1-close,
#lifebox2-close,
#lifebox3-close,
#lifebox4-close,
#lifebox5-close {
	position: absolute;
	top: 0;
	left: 551px;
}