@charset "utf-8";


body {
	margin:0;
}

h3 {
	margin:20px 0;
}
.phase01,
.phase02,
.phase03 {
	padding-bottom:20px;
}
.leftColumn {
	float:left;
}
.rightColumn {
	float:right;
}
.credit {
	font-size:10px;
}
.caption {
	font-size:12px;
}


.phase01 .leftColumn {
	width:460px;
}
.phase01 .rightColumn {
	width:440px;
}
.phase01 .link {
	padding-top:20px;
}
.phase01 .photoBoxA {
	float:left;
	width:215px;
}
.phase01 .photoBoxB {
	float:right;
	width:215px;
}


.phase02 .leftColumn {
	width:220px;
	border:#999 solid 1px;
	padding:5px;
}
.phase02 .rightColumn {
	width:660px;
}
.phase02 p {
}
.phase02 .caption {
	font-size:70%;
	margin-top:5px;
	margin-bottom:0;
}
.phase02 span {
	display:block;
	text-align:right;
}



.phase03 .photoBoxA,
.phase03 .photoBoxB,
.phase03 .photoBoxC {
	width:298px;
}

.phase03 .photoBoxA {
	float:left;
	padding-right:12px;
}

.phase03 .photoBoxB {
	float:left;
}

.phase03 .photoBoxC {
	float: right;
}
.phase03 .inner {
	border:#999 solid 1px;
	padding:5px;
}

.phase03 .comment {
	background:#09F;
	color:#FFF;
	padding:7px;
}
.phase03 span {
	display:block;
	text-align:right;
}
.phase03 .credit {
	text-align:right;
}


.phase04 {
	width:800px;
	margin:0 auto;
	color:#F60;
}



.middlePhase {
	border-left:#0b75b6 1px solid;
	border-right:#0b75b6 1px solid;
	padding:20px 10px 40px;
}
.middlePhase .links a {
	color:#666;
}

#movieArea {
	padding:0 5px;
	width:490px;
}
#movieArea .photo {
	padding-top:5px;
}
#movieArea .profile {
	margin-bottom:-6px;
}
#movieArea .comment {
	color:#333;
	margin-bottom:10px;
	font-size:68%;
}
#movieArea .link {
	text-align:right;
	margin-top:0.5em;
}

#message .title {
	/*margin-bottom:15px;*/
}
#message p {
	padding:0 10px 1.3em;
	font-size:85%;
}
#message .catchCopy {
	 text-align:center;
}

#message {
	position:relative;
}
#message .footer {
	position:absolute;
	left:0;
	bottom:0;
}