@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 	Cascading Style Sheet for ST HTML.
	Version 2.1.0: 2011-04-06

	Copyright 2010-2011 Sony Corporation
  
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ================================================================================ */
/*      MEDIA QUERY     */
/* ================================================================================ */
@media screen and (max-width: 1024px) {
	.header{
		padding:0 60px !important;
	}
	
	.logoSony{
		left:60px !important;
	}
	
	.mainTtl{
		left:60px !important;
	}
	
	.subHeader{
		padding:0 60px !important;
	}
	
	.contentSubTtl {
		left:60px !important;
	}
	
	.help {
		right:60px !important;
	}
	
	.contentTopImg {
		right:60px !important;
	}	
	.topMainTtl {
		margin:37px 60px 34px 60px !important;
	}	
	
	.contentMainTtl {
		margin:0 60px 40px 60px !important;
	}	
	.contentsColumn {
		padding:0 60px !important;
	}

	.footer {
		padding:20px 60px !important;
	}
}

/* ================================================================================ */
/*      header     */
/* ================================================================================ */
.header {
	height:78px;
	background:#dadada;	
	border-top:1px solid #ededed;
	border-bottom:1px solid #c4c4c4;
	position:relative;
	padding:0 80px;
}

.header .logoSony {
	position:absolute;
	top:12px;
	left:80px;	
}

.header .mainTtl {
	position:absolute;
	top:36px;
	left:80px;
}


.topVertical .header,
.contVertical .header
{
	padding:0 40px !important;
}

.topVertical .logoSony,
.contVertical .logoSony
{
	left:40px !important;
}

.topVertical .mainTtl,
.contVertical .mainTtl
{
	left:40px !important;
}

/* ================================================================================ */
/*      subHeader     */
/* ================================================================================ */
.subHeader {
	background:#e6e6e6;
	border-bottom:1px solid #c4c4c4;
	position:relative;
	padding:0 80px;
	height:30px;
}

.subHeader .contentSubTtl{
	font-size:16px;
	position:absolute;
	top:7px;
	left:80px;	
}

.subHeader .help{
	font-size:16px;
	position:absolute;
	right:80px;
	top:7px;
}

.contVertical .subHeader{
	padding:0 40px !important;
}

.contVertical .contentSubTtl {
	left:40px !important;
}

.contVertical .help {
	right:40px !important;
}


/* ================================================================================ */
/*      topMainTtl     */
/* ================================================================================ */
.topMainTtl {
	margin:37px 75px 34px 75px;
	font-size:36px;
}

.topVertical .topMainTtl,
.contVertical .topMainTtl {
	margin:37px 40px 34px 40px !important;
}

/* ================================================================================ */
/*      contentMainTtl     */
/* ================================================================================ */
.contentMainTtl {
	padding:50px 0 25px 0;
	margin:0 85px 40px 85px;
	font-size:32px;
	border-bottom:4px solid #999;
}

#content .contentMainTtl {
	margin:0 80px 32px 80px;
	padding:35px 0 14px 0;
	color:#262626;
}

.topVertical .contentMainTtl {
	margin:0 40px 40px 40px!important;
}

.contVertical .contentMainTtl {
	margin:0 40px 37px 40px!important;
}

/* ================================================================================ */
/*      contentsColumn     */
/* ================================================================================ */
.contentsColumn {
	padding:0 90px 30px 90px;
	line-height:1.4;
	overflow:hidden;
	position:relative;
}

#top .contentsColumn {
	padding:0 90px 0 90px;
}

.english .contentsColumn {
	line-height:1.3;
}

.topVertical .contentsColumn {
	padding:300px 40px 0 40px !important;
}

.contVertical .contentsColumn {
	padding:0 40px 20px 40px !important;
}

.contentTopImg {
	position:absolute;
	right:80px;
	top:22px;
}

.topVertical .contentTopImg {
	position:absolute;
	left:200px;
	top:0;
}

.contentsColumn .contentTtl {
	padding-bottom:10px;
	font-size:22px;
	font-weight:bold;
}

.contentsColumn h2 + img {
	padding-top:20px;
	margin-bottom:25px;
}

.contentsColumn p:first-child {
	margin-bottom:25px;
}

.contentsColumn p:first-child + .cautionBlock  {
	margin-bottom:30px;
}

/* ================================================================================ */
/*      caution     */
/* ================================================================================ */

.cautionBlock {
	overflow:hidden;
	clear:both;
}

.cautionBlock dt {
	margin-bottom:4px;
	line-height:1.3em;
}
.cautionBlock dt span {
	background:#CC0000;
	padding:4px;
	padding:2px 4px 2px 4px;
	font-size:14px;
	color:#FFF;
	border-radius:5px;
}

.cautionBlock dd {
	display:block;
	font-size:18px;
}

.cautionBlock + .hintBlock {
	margin-top:5px;
}

.cautionBlock .contentBasicDotList {
	padding-top:5px;
}

/* ================================================================================ */
/*      hint     */
/* ================================================================================ */
.hintBlock {
	overflow:hidden;
	clear:both;
}

.hintBlock dt {
	margin-bottom:4px;
	line-height:1.3em;
}

.hintBlock dt span {
	background:#FFF;
	padding:4px;
	padding:1px 4px 2px 4px;
	font-size:14px;
	color:#000;
	border:1px solid #000;
	border-radius:5px;
}

.hintBlock dd {
	font-size:18px;
	display:block;
}

.hintBlock .contentBasicDotList {
	padding-top:5px;
}

/* ================================================================================ */
/*      topMenuList     */
/* ================================================================================ */
.topMenuList {
	width:52%;
	padding-left:0.25em;
	padding-bottom:20px;	
}

.topVertical .topMenuList {
	width:95%;
	padding-bottom:20px;
}

.topMenuList li {
	margin-bottom:15px;
	font-size:22px;
	list-style-type:disc;
	margin-left:1em;
	line-height:1.3em;	
}

.english .topMenuList li {
	font-size:24px;
}

/* ================================================================================ */
/*      contentBasicList     */
/* ================================================================================ */
.contentBasicList {
	overflow:hidden;
}

.contentBasicList li {
	margin-bottom:20px;
}

.contentBasicList li:last-child {
	margin-bottom:0;
}

.contentBasicList li h2 {
	margin-bottom:10px;
	font-size:22px;
	font-weight:bold;
}

.contentBasicList li h3 span {
	padding-left:10px;
	font-size:20px;
	font-weight:normal;
}

/* ================================================================================ */
/*      contentBasicNumList     */
/* ================================================================================ */
.contentBasicNumList {
	padding-left:0.5em;
}

.contentBasicNumList li {
	list-style-type:decimal;
	margin-bottom:20px;
	margin-left:1.5em;
}

.contentBasicNumList li:last-child {
	margin-bottom:30px;
}

.contentBasicNumList li img.basicPicA {
	padding-top:20px;
	margin-bottom:25px;
}

/* ================================================================================ */
/*      contentBasicDotList     */
/* ================================================================================ */
.contentBasicDotList {
	padding-top:15px;
	padding-bottom:5px;
}

.contentBasicDotList li {
	margin-bottom:8px;
	list-style-type:disc;
	margin-left:1.6em;
}

.contentBasicDotList li:last-child {
	margin-bottom:0;
}

/* ================================================================================ */
/*      subContentList     */
/* ================================================================================ */
.subContentList {
	padding-top:8px;
}

.subContentList li {
	margin-bottom:10px;
	margin-left:1em;
	list-style-type:disc;
}

.subContentList li h3 {
	font-size:20px;
	margin-bottom:2px;
}

.subContentList li p {
	font-size:18px;
}

/* ================================================================================ */
/*      relatedBlock     */
/* ================================================================================ */
.relatedBlock {
	padding-top:50px;
}

.relatedBlock h3 {
	padding-bottom:4px;
	margin-bottom:12px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #999;
}

.relatedBlock ul {
	
}

.relatedBlock ul li {
	margin-bottom:8px;
	margin-left:1.6em;
	list-style-type:disc;
	font-size:18px;
}

/* ================================================================================ */
/*      footer     */
/* ================================================================================ */
.footer {
	padding:20px 75px;
	overflow:hidden;
	clear:both;
}

.topVertical .footer,
.contVertical .footer {
	padding:20px 40px !important;
}


.footer .copyRight {
	font-size:16px;
	color:#666;
	float:left;
}

.footer .moreLink {
	font-size:16px;	
	float:right;
}

/* ================================================================================ */
/*      assets     */
/* ================================================================================ */
.subTxt {
	color:#555;
}