@charset "utf-8";


/* ------------------------------------------------------
review
------------------------------------------------------ */

#works {
	position: relative;
	margin: 0 auto;
	width: 891px;
	font-size: 0;
}

#works.oneside,
#works.couple {
	height: 1778px;
	background: url(../images/main_bg_01.png) top center no-repeat;
}

#works.family {
	height: 1628px;
	background: #fff url(../images/main_bg_03.gif) top center no-repeat;
}

#works.friends {
	height: 1533px;
	background: #fff url(../images/main_bg_02.gif) top center no-repeat;
}

#works p.text {
	padding: 37px 0 0 57px;
}

#works p.goTop {
	position: absolute;
	top: 18px;
	left: 744px;
}

#works h1 {
	position: absolute;
	top: 54px;
	left: 131px;
}

#works h2 {
	position: absolute;
	top: 321px;
	left: 232px;
}

#works p.ribbon {
	position: absolute;
	top: 248px;
	left: 68px;
}

#works p.present {
	position: absolute;
	top: 130px;
	left: 635px;
}

#works p.from {
	position: absolute;
	top: 361px;
	left: 272px;
}

#works p.message {
	position: absolute;
	top: 430px;
	left: 150px;
}

#works p.back {
	position: absolute;
	top: 1050px;
	left: 336px;
}

#works p.back:after {
	position: absolute;
	top: 50%;
	left: 110px;
	content: "";
	width: 1px;
	height: 39px;
	margin-top: -19.5px;
	background: #c7000b;
}

#works p.next {
	position: absolute;
	top: 1050px;
	left: 486px;
}

#works.family p.back,  #works.family p.next{
	top: 1058px;
}

#works.friends p.back,  #works.friends p.next{
	top: 1025px;
}

#works.oneside p.goJudge,
#works.couple p.goJudge {
	position: absolute;
	top: 990px;
	left: 642px;
}

#works.family p.goJudge {
	position: absolute;
	top: 1106px;
	left: 583px;
}

#works.friends p.goJudge {
	position: absolute;
	top: 1066px;
	left: 583px;
}

#works #etc {
	position: absolute;
	left: 71px;
}

#works.oneside #etc,
#works.couple #etc {
	top: 1109px;
	left: 60px;
	width: 770px;
}

#works.family #etc {
	top: 1163px;
}

#works.friends #etc {
	top: 1123px;
}

#works #etc h3 {
	margin: 45px 0 0 50px;
	padding-bottom: 7px;
}

#works #etc h4 {
	margin-bottom: 15px;
}

#works #etc .list_wrap {
	margin-left: 50px;
}

#works #etc .list_wrap .list {
	margin-top: 35px;
}

#works #etc .list_wrap .list ul {
	overflow: hidden;
}

#works #etc .list_wrap .list ul li {
	float: left;
	width: 140px;
	margin-right: 37px;
}