/**==========================================================

	[ Solution /template ] 
	
	Update 2012/06/
	@ Sony Marketing(Japan) Inc
	
===========================================================*/

/* ========= wrap =========*/
div.oneColumnWrap {
	text-align: left;
}
/* ========= header =========*/
h2.sns1 {
	width:950px;
	height:86px;
	margin: 0;
	font-size:2.16em;
	line-height:1.2;
	background:url(../images/ts_01.jpg) no-repeat left top;
	
}
h2.sns1 p{
	padding:28px 0 0 300px;
	font-size:100%!important;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, sans-serif;
}
h2.sns2 {
	width:950px;
	height:86px;
	margin: 0;
	font-size:2.16em;
	line-height:1.2;
	background:url(../images/ts_03.jpg) no-repeat left top;
}
h2.sns2 p{
	padding:28px 0 0 100px;
	text-align:center;
	font-size:100%!important;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, sans-serif;
}

h2.sns3 {
	width:950px;
	height:86px;
	margin: 0;
	font-size:2.16em;
	line-height:1.2;
	background:url(../images/ts_05.jpg) no-repeat left top;
}
h2.sns3 p{
	padding:28px 0 0 60px;
	text-align:center;
	font-size:100%!important;
	font-family:'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, sans-serif;
}

h2.soH2Title {
	margin: 0 0 20px;
	padding: 5px 18px 5px;
	background: #eaeaea;
	font-size: 120%;
}
h3.soH3Title {
	width: 890px;
	margin: 0 auto 15px;
	padding: 5px 0 3px;
	border-bottom: dotted 1px #ccc;
	font-size: 120%;
}
.mod-contentHeader2 {
	margin: 20px 0;
	padding-bottom: 1px;
}
#solution_footer h3 {
	padding-left: 5px;
	color:#000;
}
/* ========= header‰ΊƒLƒƒƒvƒVƒ‡ƒ“—pˆ’u =========*/
.mod-brandTopImage {
	clear: both;
	overflow: hidden;
	width: 950px;
	margin: 10px auto 0;
}
.headerCap {
	margin: 5px auto 20px;
	text-align: right;
}
/* ========= header‰ΊƒLƒƒƒvƒVƒ‡ƒ“—pˆ’u end =========*/
.oneColumnWrap h2 span {
	font-size: 70%;
}
.oneColumnWrap h3.supttl {
	margin-bottom: 15px;
	background: #E5E5E5;
	padding: 5px 9px 4px;
	/*font-size: 108%;*/
}

.oneColumnWrap.nonmargin {
	margin: 0;
}
/* ========= section 1 =========*/
.oneColumnWrap.section {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
}
@media (max-width:640px) {
h2.sns1 {
	width: auto;
	margin: 0 auto;
	background:none;
}
h2.sns1 img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
h2.sns2 {
	width: auto;
	margin: 0 auto;
	background:none;
}
h2.sns2 img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
h2.sns3 {
	width: auto;
	margin: 0 auto;
	background:none;
}
h2.sns3 img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.mod-contentHeader2 h3 {
	font-size: 110%;
}
.mod-brandTopImage {
	width: auto;
	height: auto;
	margin: 10px auto 0;
	padding:0;
}
.headerCap {
	margin: 5px auto 20px;
	text-align: right;
}
.oneColumnWrap.section {
	width: auto;
}
h2.sns img {
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
}
.boxLeft1 {
	float: left;
	width: 310px;
	margin: 85px 0 0 10px;
}
.boxRight1 {
	float: right;
	width: 534px;
	margin: 20px 0;
}
.soContWrap {
	width: 890px;
	margin: 0 auto 0;
	overflow: hidden;
}
.soContWrap2 {
	width: 910px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.introtext {
	width: 748px;
	margin:30px auto 20px;
	/*font-size: 1.33em;*/
}
.introtext2 {
	width: 430px;
	margin: 30px auto 20px;
	/*font-size: 1.33em;*/
}
.snsText {
	margin: 0;
	/*line-height: 1.8;
	font-size: 16px;*/
}
.snsNote {
	margin: 5px 0;
}
.soIcon01 {
	margin: 20px 0;
	overflow: hidden;
}
 @media (max-width:640px) {
.introtext {
	width: auto!important;
	height: auto;
	margin: 0 10px 10%;
	/*font-size: 16px;
	line-height: 1.8;*/
}
.introtext2 {
	width: auto!important;
	height: auto;
	margin: 10% auto;
	/*font-size: 16px;
	line-height: 1.8;*/
}
.soContWrap {
	width: auto!important;
	height: auto;
	margin: 0 5%;
	overflow: hidden;
}
.soContWrap2 {
	width: auto!important;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.boxLeft1 {
	width: 100%!important;
	height: auto;
	margin: 0 auto 10%!important;
}
.boxLeft1 img {
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
.boxRight1 {
	width: auto!important;
	height: auto;
	margin: 7% auto 10%!important;
}
.boxRight1 img {
	display: block;
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
.snsText {
	/*line-height: 1.8;*/
}
.snsNote {
	margin: 5px 0;
}
.splayout{
	display:table;
	margin: 10% auto;
}
.splayout img{
	display: block;
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
.splayouthead{
	display:table-header-group;
	width: auto!important;
	margin: 0 auto 20px;
}
.splayoutfoot{
	display:table-footer-group;
	width: auto!important;
	margin: 20px auto;
}
}
/* ========= section 1 =========*/
.soIcon01 li.icon01 {
	float: left;
	width: 41px;
	margin-right: 25px;
}
.soIcon01 li.icon02 {
	float: left;
	width: 41px;
	margin-right: 25px;
}
.soIcon01 li.icon03 {
	float: left;
	width: 119px;
	margin-right: 0;
}
.imageCenter {
	width:848px;
	margin:0 auto;
}

/* ========= section 2 =========*/
.boxLeft2 {
	float: left;
	width: 472px;
	margin: 40px 0 0;
}
.boxRight2 {
	float: right;
	width: 402px;
	margin: 108px 0 0;
}
@media (max-width:640px) {
.imageCenter {
	width: auto!important;
	height: auto;
	margin: 10% auto;
}
.imageCenter img{
	display: block;
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto 7%;
}

#sp_image {
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
.boxLeft2 {
	float: none;
	width: auto!important;
	height: auto;
	margin: 10% auto 2%;
}
.boxLeft2 img {
	display: block;
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
.boxRight2 {
	float: none;
	width: auto!important;
	height: auto;
	margin: 10% auto 10%;
}
.boxRight2 img {
	display: block;
	max-width: 100%!important;
	width: auto!important;
	height: auto;
	margin: 0 auto;
}
}
.ttlh4 {
	margin: 30px 0 10px;
	padding: 0 0 3px;
	border-bottom: dotted 1px #333;
}

/* ========= download =========*/
.download {
	width: 740px;
	margin: 0 auto 40px;
	padding: 20px;
	overflow: hidden;
	border: solid 1px #cecece;
	border-radius: 3px;
}
.dmb {
	margin: 0 auto 50px;
}
.dmb0 {
	margin: 0 auto;
}
@media (max-width:640px) {
.boxwrap {
	float: none;
	width: auto;
	overflow: hidden;
}
.download {
	width: auto;
	margin: 0 auto 40px;
	padding: 20px;
	overflow: hidden;
	border: solid 1px #cecece;
	border-radius: 3px;
}
.dmb {
	margin: 0 auto 20px;
}
.dmb0 {
	width: auto;
	margin: 0 auto;
}
}
/* margin */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb22 {
	margin-bottom: 22px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml57 {
	margin-left: 57px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml100 {
	margin-left: 100px !important;
}
 @media (max-width:640px) {
.mt0, .mt5, .mt10, .mt15, .mt20, .mt30, .mt40, .mt50, .mr0, .mr5, .mr10, .mr15, .mr20, .mr30, .mr40, .mr50, .mb0, .mb5, .mb10, .mb15, .mb20, .mb30, .mb40, .mb46, .mb50, .ml57, .ml0, .ml5, .ml10, .ml15, .ml20, .ml30, .ml40, .ml50, .ml100 {
	margin: 0!important;
}
.pt20 {
	padding-top: 0;
}
}

.border {
	border: solid 1px #000;
}
/* clearfix */
.models:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.models, .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .models, * html .clearfix {
	height: 1%;
}
.models, .clearfix {
	display: block;
}
/* End hide from IE-mac */

.oneColumnWrap ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* End hide from IE-mac */
.imgLogo {
	display: inline;
}

.br {
	display: none;
}
@media (max-width:640px) {
.br {
	display: inline;
}
.oneColumnWrap br {
	display: none;
}
}

#solution_footer .relatedSeries {
	/*padding: 0 15px 10px;*/
	/*font-size: 16px!important;*/
	color:#000;
}
/* products info */
/*.products_info {
	margin-bottom: 50px;
	background: #F7F7F7;
	padding: 0 20px 10px;
	font-size:16px!important;
}
.products_info ul li {
	margin-left: 0.8em;
	text-indent: -0.8em;
}*/
/*-- caption --*/
.caption_posi {
	display: block;
	position: absolute;
	top: 225px;
	left: 150px;
	font-size: 10px!important;
	letter-spacing: -0.5px!important;
}
.mainPosi {
	position: relative;
}
.mainPosi .push {
	position: absolute;
	top: 192px;
	left: 190px;
	height: 50px;
	width: 257px;
}
ul.caption_cap li {
	clear: both;
	line-height: 1.3;
}
@media (max-width:640px) {
.mainPosi .push {
	position: absolute;
	top: 63.5%;
	left: 19.5%;
	height: 16.5% !important;
	width: 28% !important;
}
}
.pc{
	display:block;
}
.sp{
	display:none;
}
@media (max-width: 640px) {
	.pc{
		display:none!important;
	}
	.sp{
		display:block;
	}
}
.ts_bnr{
	width: 680px;
	height:90px;
	margin:60px auto;
}
@media (max-width: 640px) {
	.ts_bnr{
		width: auto;
		height: auto;
		margin:0 auto;
	}
	.ts_bnr img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}

}