@charset "utf-8";




body {
	margin:0;
	background:#CBDDE6;
}


.phase01,
.phase02,
.phase03 {
	padding-bottom:20px;
}

.leftColumn {
	float:left;
}

.rightColumn {
	float:right;
}

.credit {
	font-size:10px;
}

.caption {
	font-size:12px;
}



/*************************************
#header
*************************************/
#header {
	background-color: #FFF;
	height: 83px;
}

#header .area{
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 10;
	/*height: 83px;*/
}

#header .logo {
	position:absolute;
	left:20px;
	top:18px;
}
#header .logo-omsp {
	position:absolute;
	right:21px;
	/*bottom:0px;*/
	margin-bottom:0px;
}



#pnkuzuL {
	background:#FFF;
	margin:0;
	padding:3px 0 3px 3px;
}


#movieArea {
	padding:0 5px;
	width:410px;
}
#movieArea .photo {
	padding-top:5px;
	padding-bottom:5px;
}
#movieArea .link {
	text-align:right;
	margin-top:0.5em;
}

h1 {
	margin: 10px 0 ;
	color: #0099ff ;
	font-size:18px ;
	line-height: 24px;
	text-align: center ;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-weight: bold ;
}

#message .title {
	margin-bottom:10px;
}
#message p {
	padding:0 10px 0.6em;
	font-size:14px;
	line-height:22px;
}
#message .catchCopy {
	 text-align:center;
}
#message {
	position:relative;
}
/*message .footer {
	position:absolute;
	left:0;
	bottom:0;
}*/

#message .footer {
	color: #0099ff ;
	font-size:16px ;
	line-height: 22px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-weight: bold ;
}

.phase01 p {
	margin:0 0 0.5em 0;
}
.phase02 {
	margin-bottom:20px;
}
.phase02 h2 {
	margin-bottom:20px;
}
.phase02 h3 span {
	margin:0 7px;
	vertical-align:-2px;
}
.phase02 .links {
	margin-bottom:0;
	padding-bottom:0;
	font-size:11px;
}
.phase02 .column {
	width:280px;
	padding: 10px;
	text-align:center;
	border:#CCC 1px solid;
}

.phase02 .column h3 {
	margin-bottom:10px!important;
}




.phase03 .photoBoxA,
.phase03 .photoBoxB {
	margin-bottom:10px;
}

.phase03 .photoBoxA {
}
.phase03 .photoBoxB {
}
.phase03 .photoBoxC {
}

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

.phase03 .comment {
	font-size:13px;
}
.phase03 .photoBoxA .comment,
.phase03 .photoBoxB .comment,
.phase03 .photoBoxC .comment {
	float:right;
	width:496px;
}

.phase03 .movieColumn {
	padding-bottom:10px;
	padding-right:10px;
	float:left;
}








.blueColumn {
	border-left:#0b75b6 1px solid;
	border-right:#0b75b6 1px solid;
	border-bottom:#0b75b6 1px solid;
	margin-bottom:20px;
}

.middlePhase {
	padding:10px 10px;
}

.middlePhase .links a {
	color:#666;
}
.attention.sfont {
	font-size:11px;
	text-align:right;
}

.supportColumn {
}
.supportColumn .leftColumn,
.supportColumn .rightColumn {
	width:449px;
}
.supportColumn .rightColumn .inner {
	border-left:#0b75b6 1px solid;
}
.supportColumn h3 {
	background:#0b75b6;
	height:27px;
	padding:8px 0 0 16px;
}
.supportColumn .rightColumn h3 {
	margin:0;
	border-left:#FFF 1px solid;
}
.supportColumn .rightColumn ul {
	padding-top:15px;
	padding-bottom:20px;
}

.supportColumn .leftColumn h3{
	margin-bottom:15px;
	margin-top:0;
}
.supportColumn ul {
	padding-left:1em;
	padding:0 10px 0 30px;
}
.supportColumn li {
    color: #666666;
    font-size: 0.8em;
    line-height: 1.6em;
}