@charset "shift-jis";
/**
 * page.css
 * 
 * www.sony.cyber-shot/after/css/page.css
 * create : 2012/09/28
 * update : 2012/11/20
 * update : 2013/04/26
 * update : 2013/07/01
 * update : 2014/01/16
 * update : 2014/03/13
 */

/*----------------------------------------------------------
	common
-----------------------------------------------------------*/
img { vertical-align: top; }
p.link { margin: 20px 0 0 0; }

p.link a {
	padding-left: 15px;
	color: #42788d;
	font-size: 110%;
	font-weight: bold;
	background: url("../images/icn_link_arrow.gif") no-repeat 0 center;
}
.mg15 { margin: 15px 0 0 0; }


a img.hover {
	transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
}
a:hover img.hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

@media(max-width:640px) {
	a img.hover {
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	a:hover img.hover {
		opacity: 1.0;
	}
}

/*----------------------------------------------------------
	.intro
-----------------------------------------------------------*/
.intro h2 {
	margin: 0;
}
.intro p {
	margin: 0;
	height: 70px;
	width: 950px;
	background: url("../images/mainvisual_txt.jpg") no-repeat;
}
.intro p span {
	display: none;
}

@media(max-width:640px) {
	.intro h2 img {
		width: 100%;
	}
	.intro p {
		margin: 10px 10px 0;
		height: auto;
		width: auto;
		background: none;
		font-size: 0.875em;
		line-height: 1.5;
	}
	.intro p span {
		display: inline;
	}
}
@media(max-width:320px) {
	.intro p {
		margin: 10px 5px 0 10px;
		font-size: 0.813em;
	}
}

/*----------------------------------------------------------
	.campaign
-----------------------------------------------------------*/
.campaign {
	margin-top: 40px;
	background: #eff0f3;
}
.campaign h3 {
	margin: 0;
	padding: 3px 0 3px;
	font-size: 125%;
	color: #fff;
	text-align: center;
	background: #2a2a2a;
}
.campaign ul {
	margin: 0;
	padding: 29px 0 27px;
	list-style: none;
	zoom: 1;
}
.campaign ul:after {
	clear: both;
	display: block;
	content: "";
}
.campaign li {
	float: left;
	margin: 0 0 0 30px;
}

@media(max-width:640px) {
	.campaign ul {
		padding: 10px 20px 20px;
	}
	.campaign li {
		float: none;
		text-align: center;
		margin: 10px 0 0;
	}
	.campaign li img {
		width: 100%;
		max-width: 430px;
	}
}

/*----------------------------------------------------------
	.inner-menu
-----------------------------------------------------------*/
ul.inner-menu {
	margin: 35px 0 0 10px;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
ul.inner-menu:after {
	clear: both;
	display: block;
	content: "";
}
ul.inner-menu li {
	margin: 0 24px 0 0;
	float: left;
	text-indent: -9999em;
}
ul.inner-menu li.menu-03 {
	margin: 0;
}

ul.inner-menu li a {
	display: block;
	width: 294px;
	height: 85px;
	background: url("../images/menu.gif") no-repeat 0 0;
	transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
}
ul.inner-menu li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
ul.inner-menu li.menu-01 a {
	background-position: 0 0;
}
ul.inner-menu li.menu-02 a {
	background-position: -318px 0;
}
ul.inner-menu li.menu-03 a {
	background-position: -636px 0;
}

@media(max-width:640px) {
	ul.inner-menu {
		margin: 15px 0 0 0;
		padding-bottom: 25px;
		border-bottom: 1px dotted #ccc;
	}
	ul.inner-menu li {
		float: none;
		margin: 10px 0 0 !important;
		width: atuo;
		text-indent: 0;
	}
	ul.inner-menu li a {
		display: block;
		padding: 8px 10px 7px 35px;
		width: auto;
		height: auto;
		background: url("../images/menu_arrow.png") no-repeat 12px center #083267 !important;
		background-size: 9px 6px !important;
		border-radius: 18px;
		color: #fff;
		text-decoration: none;
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	ul.inner-menu li a:hover {
		opacity: 1.0;
	}
}

/*----------------------------------------------------------
	.section
-----------------------------------------------------------*/
#ca01.section { margin-top: 40px; }
#ca02.section { margin-top: 70px; }
#ca03.section { margin-top: 60px; }

.section h3 {
	margin: 0;
	height: 41px;
	text-indent: -9999em;
	background-image: url("../images/section_ttl.png");
	background-repeat: no-repeat;
	background-color: #083267;
}
#ca02.section h3 {
	background-position: 0 -41px;
}
#ca03.section h3 {
	background-position: 0 -82px;
}

@media(max-width:640px) {
	#ca01.section { margin-top: 25px; }
	#ca02.section { margin-top: 50px; }
	#ca03.section { margin-top: 50px; }
	
	.section h3 {
		padding: 13px 5px 12px 48px;
		height: auto;
		font-size: 1.125em;
		font-weight: normal;
		color: #fff;
		text-indent: 0;
		background-size: 30px 30px !important;
		background-position: 10px center !important;
		border-radius: 8px 0 8px 0;
	}
	#ca01.section h3 {
		background-image: url("../images/section_icon_01.png");
	}
	#ca02.section h3 {
		background-image: url("../images/section_icon_02.png");
	}
	#ca03.section h3 {
		background-image: url("../images/section_icon_03.png");
	}
}
@media(max-width:320px) {
	.section h3 {
		font-size: 1.0em;
	}
}

/* .banner-list
----------------------------------------------------------*/
.section .banner-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.section .banner-list li {
	margin: 30px 0 0;
}

@media(max-width:640px) {
	.section .banner-list li {
		margin: 3.15% 0 0;
	}
	.section .banner-list li img {
		width: 100%;
	}
}

/* #ca02
----------------------------------------------------------*/
#ca02.section strong {
	display: block;
	margin-top: 30px;
	font-size: 1.5em;
	line-height: 1.2;
	color: #083268;
}
#ca02.section .playmemory {
	margin-top: 10px;
	padding-bottom: 35px;
	background: url("../images/pm_bg.gif") no-repeat 0 242px #f5f5f5;
	overflow: hidden;
}
#ca02.section .playmemory .inner {
	margin: 0 auto;
	width: 884px;
	zoom: 1;
}
#ca02.section .playmemory .inner:after {
	clear: both;
	display: block;
	content: "";
}
#ca02.section .playmemory .inner h4 {
	margin: 0;
	padding: 9px 0 8px;
	font-size: 1.375em;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}
#ca02.section .playmemory .inner h4 br {
	display: none;
}
#ca02.section .playmemory .inner .thum {
	float: left;
}
#ca02.section .playmemory .inner .info {
	margin: 30px 30px 0 0;
	overflow: hidden;
}
#ca02.section .playmemory .inner .info p {
	margin: 0;
	font-size: 1.125em;
	line-height: 1.6;
	color: #505050;
}

#ca02.section .playmemory .inner.pm-home h4 {
	background: #f18e1d;
}
#ca02.section .playmemory .inner.pm-home {
	border: 2px solid #f18e1d;
	background: #fff;
}

#ca02.section .playmemory .inner.pm-online {
	margin-top: 30px;
}
#ca02.section .playmemory .inner.pm-online h4 {
	background: #6fba2c;
}
#ca02.section .playmemory .inner.pm-online {
	border: 2px solid #6fba2c;
	background: #fff;
}

@media(max-width:640px) {
	#ca02.section strong {
		margin-top: 15px;
		font-size: 1.125em;
		font-weight: normal;
	}
	#ca02.section .playmemory {
		padding-bottom: 10px;
	}
	#ca02.section .playmemory .heading {
		margin-left: -20%;
		width: 140%;
	}
	#ca02.section .playmemory .inner {
		margin: 0 10px;
		padding-bottom: 20px;
		width: auto;
	}
	#ca02.section .playmemory .inner.pm-online {
		margin-top: 15px;
	}
	#ca02.section .playmemory .inner h4 {
		margin: 0;
		padding: 6px 0 5px;
		font-size: 1.0em;
		font-weight: normal;
		line-height: 1.4;
	}
	#ca02.section .playmemory .inner h4 br {
		display: block;
	}
	#ca02.section .playmemory .inner .thum {
		float: none;
		width: 100%;
		text-align: center;
	}
	#ca02.section .playmemory .inner .thum img {
		width: 90%;
		max-width: 440px;
	}
	#ca02.section .playmemory .inner .info {
		margin: 10px 15px 0;
	}
	#ca02.section .playmemory .inner .info p {
		font-size: 1.0em;
	}
}
@media(max-width:320px) {
	#ca02.section strong {
		font-size: 1.0em;
	}
	#ca02.section .playmemory .inner h4 {
		font-size: 0.938em;
	}
	#ca02.section .playmemory .inner .info p {
		font-size: 0.938em;
	}
}

/* #ca03 .qa
----------------------------------------------------------*/
#ca03.section .inner {
	margin-top: 20px;
	padding: 25px 45px 45px;
	font-size: 1.125em;
	line-height: 1.4;
	background-color: #f5f5f5;
}
#ca03.section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ca03.section .qa li {
	margin: 0;
	padding: 22px 0;
	border-bottom: 1px dotted #3c2f2b;
}
#ca03.section .qa li a {
	display: inline-block;
	padding-left: 30px;
	min-height: 18px;
	background: url("../images/qa_icon.png") no-repeat 0 center;
}
#ca03.section p.others {
	margin-top: 15px;
	text-align: right;
}
#ca03.section p.others a {
	padding-left: 14px;
	background: url("../images/txt_arrow2.png") no-repeat 0 center;
}

@media(max-width:640px) {
	#ca03.section .inner {
		margin-top: 0;
		padding: 0;
		font-size: 1.0em;
		background: none;
	}
	#ca03.section .qa li {
		padding: 15px 10px;
	}
	#ca03.section .qa li a {
		
		background: url("../images/qa_icon2.png") no-repeat 0 center;
		background-size: 19px 18px !important;
		text-decoration: none;
	}
	#ca03.section p.others {
		margin-top: 20px;
		font-size: 118.8%;
		text-align: center;
	}
	#ca03.section p.others a {
		padding-left: 10px;
		background: url("../images/txt_arrow3.png") no-repeat 0 center;
		background-size: 12px 8px;
	}
}
@media(max-width:320px) {
	#ca03.section .inner {
		font-size: 0.875em;
	}
}

/* #ca03 .support
----------------------------------------------------------*/
#ca03.section .support {
	margin-top: 20px;
	background: #fff;
	border: 1px solid #c4c4c4;
}
#ca03.section .support h4 {
	margin: 0;
	padding: 8px 0 7px;
	font-size: 1.125em;
	text-align: center;
	background: #dcdcdc;
}
#ca03.section .support ul {
	margin: 27px 0 0 36px;
	padding-bottom: 27px;
	zoom: 1;
}
#ca03.section .support ul:after {
	clear: both;
	display: block;
	content: "";
}
#ca03.section .support li {
	float: left;
	margin: 0 0 0 20px;
	width: 178px;
	line-height: 1.4;
	zoom: 1;
}
#ca03.section .support li:after {
	clear: both;
	display: block;
	content: "";
}
#ca03.section .support li a {
	display: block;
	cursor: pointer;
}
#ca03.section .support li .thum {
	float: left;
	margin: 0 10px 0 0;
}
#ca03.section .support li span {
	display: block;
	margin-top: 5px;
	padding-left: 10px;
	background: url("../images/txt_arrow.png") no-repeat 0 8px;
	overflow: hidden;
}

@media(max-width:640px) {
	#ca03.section .support {
		margin-top: 40px;
		border: none;
	}
	#ca03.section .support ul {
		margin: 0;
		padding: 0;
	}
	#ca03.section .support li {
		float: none;
		display: table;
		margin: 0;
		width: 100%;
		border-bottom: 1px dotted #ddd;
		text-align: left;
	}
	#ca03.section .support li:last-child {
		border-bottom: 1px solid #ddd;
	}
	#ca03.section .support li a {
		display: block;
		padding: 10px 20px 10px 0;
		text-decoration: none;
		background: url("../images/txt_arrow3.png") no-repeat right center;
		background-size: 12px 8px;
	}
	#ca03.section .support li .thum {
		float: none;
		display: table-cell;
		margin: 0;
		padding: 0 15px 0 10px;
		width: 50px;
		vertical-align: middle;
	}
	#ca03.section .support li span {
		display: table-cell;
		padding: 0;
		font-size: 1.125em;
		background: none;
		vertical-align: middle;
	}
	#ca03.section .support li br {
		display: none;
	}
}

/*----------------------------------------------------------
	.camera-reuse-prj
-----------------------------------------------------------*/
.camera-reuse-prj {
	margin-top: 50px;
	text-align: center;
}
@media(max-width:640px) {
	.camera-reuse-prj {
		margin-top: 30px;
	}
	.camera-reuse-prj img {
		width: 100%;
	}
}

/*----------------------------------------------------------
	.regist
-----------------------------------------------------------*/
.regist {
	margin-top: 40px;
	padding: 35px 39px 32px 36px;
	background: #e0e9ef;
}
.regist h3 {
	margin: 0;
	padding-bottom: 20px;
	height: 19px;
	background: url("../images/regist_ttl.png") no-repeat;
	text-indent: -9999em;
	border-bottom: 1px dotted #3c2f2b;
}
.regist p {
	margin: 15px 0 0;
}
.regist ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.regist ul:after {
	clear: both;
	display: block;
	content: "";
}
.regist li {
	float: left;
	margin: 0;
	text-indent: -9999em;
}
.regist li.regist-02 {
	margin-left: 17px;
}
.regist li.regist-03 {
	margin-left: 16px;
}
.regist li a {
	display: block;
	height: 97px;
	background: url("../images/regist_menu.png") no-repeat 0 0 #e0e9ef;
}
.regist li.regist-01 a {
	width: 281px;
	background-position: 0 0;
}
.regist li.regist-02 a {
	width: 280px;
	background-position: -298px 0;
}
.regist li.regist-03 a {
	width: 281px;
	background-position: -594px 0;
}
.regist2 {
    margin-top: 40px;
}
.regist2 a#cyberAfter-pc {
    display: block;    
}
.regist2 a#cyberAfter-sp {
    display: none;     
}
.regist2 a img {width: 100%;}

@media(max-width:640px) {
	.regist {
		margin: 20px 0 40px;
		padding: 25px 20px 30px;
	}
	.regist h3 {
		background: none;
		font-size: 1.25em;
		color: #072b40;
		text-indent: 0;
		text-align: center;
	}
	.regist li {
		float: none;
		margin: 10px 0 0 !important;
		text-indent: 0;
	}
	.regist li a {
		display: inline;
		padding-left: 10px;
		background: url("../images/txt_arrow3.png") no-repeat 0 center !important;
		background-size: 12px 8px !important;
		text-decoration: none;
	}
    .regist2 {margin: 20px 0 40px;}
    .regist2 a#cyberAfter-pc {
        display: none;    
    }
    .regist2 a#cyberAfter-sp {
        display: block;     
    }

}
@media(max-width:320px) {
	.regist h3 {
		font-size: 1.063em;
	}
}

/*----------------------------------------------------------
	.button
-----------------------------------------------------------*/
.button {
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	overflow: hidden;
}
.button.blue {
	margin-top: 30px;
}
.button.gray {
	margin-top: 10px;
}
.button a {
	display: block;
	padding: 6px 10px 5px;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
	cursor: pointer;
}
.button.blue a {
	background-color: #205495;
}
.button.gray a {
	background-color: #95999e;
}
.button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.button a span {
	padding-left: 14px;
	background: url("../images/btn_arrow.png") no-repeat 0 center;
}

@media(max-width:640px) {
	.button.blue {
		margin-top: 15px;
	}
	.button a {
		padding: 10px 10px 9px;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		border-radius: 18px;
	}
	.button a:hover {
		opacity: 1.0;
	}
	.button a span {
		padding-left: 10px;
		background: url("../images/btn_arrow2.png") no-repeat 0 center;
		background-size: 5px 8px;
	}
}