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

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

/* ========= wrap =========*/
div.oneColumnWrap {
	text-align: left;
	/*line-height: 1.8;*/
}
/* ========= header =========*/
h2.soH2Title {
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
	padding: 5px 8px 4px;
}
h3.soH3Title {
	width: 890px;
	margin: 0 auto 15px;
	padding: 0px 0 3px;
	border-bottom: dotted 1px #ccc;
	font-size: 1.33333em;
}
/* ========= header下キャプション用処置 =========*/
.mod-brandTopImage {
	overflow: hidden;
	width: 950px;
	margin: 10px auto 20px;
}
.headerCap {
	margin: 5px auto 20px;
	text-align: right;
}
/* ========= header下キャプション用処置 end =========*/
h2 span {
	font-size: 70%;
}
h3.supttl {
	margin-bottom: 15px;
	background: #E5E5E5;
	padding: 5px 9px 4px;
	font-size: 108%;
}
.relatedSeries {
	padding: 0 30px 35px;
}
.nonmargin {
	margin: 0 0 2px 0;
}
/* ========= section 1 =========*/
.section {
	width: 950px;
	overflow: hidden;
}
@media (max-width:640px) {
	.mod-brandTopImage {
		width: auto;
		margin: 10px auto;
	}
	.headerCap {
		margin: 5px auto 20px;
		text-align: right;
	}
	.section {
		width: auto;
	}
	.relatedSeries {
		padding: 0 30px 35px;
	}
	h3.soH3Title {
		width: auto;
		margin: 0 auto 15px;
		padding: 0px 0 3px;
		border-bottom: dotted 1px #ccc;
		font-size: 100%;
	}
	.nonmargin {
		margin: 0;
	}
}
.boxLeft1 {
	float: left;
	width: 578px;
	margin: 0;
}
.boxRight1 {
	float: right;
	width: 372px;
	margin: 0;
}
.wanWrap {
	width: 890px;
	margin: 0 auto 40px;
}
.wantext {
	float: left;
	width: 508px;
	margin: 0 30px;
}
.wanBox1 {
	border: solid 1px #ccc;
	width: 740px;
	margin: 0 auto 60px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}

.wanBoxText {
	width: 677px;
	margin: 20px 30px 10px;
}
.wanBoxText2 {
	width: 677px;
	margin: 10px 30px 10px;
}
 @media (max-width:640px) {
	.boxLeft1 {
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.boxLeft1 img {
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.boxRight1 {
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.boxRight1 img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.wanWrap {
		width: auto;
		height: auto;
		margin: 0 auto 40px;
	}
	.wantext {
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.wanBox1 {
		border: solid 1px #ccc;
		width: auto;
		height: auto;
		margin: 0 auto 20px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.wanBoxText,.wanBoxText2 {
		width: auto;
		margin: 25px 30px;
	}
}
/* ========= section 1 =========*/

.imageCenter {
	width: 449px;
	margin: 10px auto 30px;
}
.imageCenter2 {
	width: 669px;
	margin: 30px auto 30px;
}
.imageCenter3 {
	width: 645px;
	margin: 20px auto 30px;
}
.imageCenter4 {
	width: 736px;
	margin: 20px auto 30px;
}
.imageCenter4 img.pc{
	display:block;
}
.imageCenter4 img.sp{
	display:none;
}


.snsNote {
	margin: 0 0 30px;
	font-size: 11px;
}
.snsNote a {
	text-decoration:underline;
}
.kddi{
	margin: 0 0 20px 30px;
}
/* ========= section 2 =========*/
.boxLeft2 {
	float: left;
	width: 300px;
}
.boxRight2 {
	float: right;
	width: 570px;
	margin-right: 0;
}
@media (max-width:640px) {
	.imageCenter {
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.imageCenter img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	
	.imageCenter2 {
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.imageCenter2 img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.imageCenter3 {
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.imageCenter3 img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.imageCenter4 {
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.imageCenter4 img.sp{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.imageCenter4 img.pc{
		display: none;
	}
	#sp_image {
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.snsNote {
		margin: 0 0 30px;
		font-size: 80%;
	}

}
/* ========= boxwrap =========*/

.boxwrap {
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
}
.func01 {
	float: left;
	width: 290px;
	margin-right: 20px;
}
.func02 {
	float: left;
	width: 290px;
	margin-right: 20px;
}
.func03 {
	float: left;
	width: 290px;
	margin: 0;
}
.funcTtl {
	margin-top: 20px;
	font-size: 110%;
}
 @media (max-width:640px) {
.section {
	width: auto;
}
h2.sns {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxwrap {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
}
.func01 {
	float: none;
	width: auto;
	margin: 0 auto;
}
.func01 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.func02 {
	float: none;
	width: auto;
	margin: 0 auto;
}
.func02 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.func03 {
	float: none;
	width: auto;
	margin: 0 auto;
}
.func03 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
}
/* margin */
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mr0 {
	margin-right: 0;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb22 {
	margin-bottom: 22px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml0 {
	margin-left: 0;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.ml57 {
	margin-left: 57px;
}
.ml60 {
	margin-left: 60px;
}
.ml70 {
	margin-left: 70px;
}
.ml80 {
	margin-left: 80px;
}
.ml90 {
	margin-left: 90px;
}
.ml100 {
	margin-left: 100px;
}
 @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;
}
.pt20 {
	padding-top: 0;
}
}
/*-- arrow --*/
/*
.mod-link, .mod-link a {
	background: transparent url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat scroll 0 0.3em;
	padding: 0 0 0 10px;
}*/


.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 */

ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* End hide from IE-mac */
.imgLogo {
	display: inline;
}
#TB_Image {
	border: none;
}
.br {
	display: none;
}
.br2 {
	display: block;
}
.br3 {
	display: inline;
}

@media (max-width:640px) {
	.br {
		display: inline;
	}
	br {
		display: none;
	}
	.mod-link, .mod-link a {
		background: transparent url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat scroll 0 0.5em;
		padding: 0 0 0 10px;
	}
}


/* products info
.products_info {
	margin-bottom: 50px;
	background: #F7F7F7;
	padding: 30px 30px;
}
.products_info ul li {
	margin-left: 0.8em;
	text-indent: -0.8em;
	line-height: 1.7em;
}
 */

/*-- caption --*/
.caption_posi {
	display: block;
	position: absolute;
	top: 225px;
	left: 150px;
	font-size: 10px;
	letter-spacing: -0.5px;
}
.mainPosi {
	position: relative;
}
ul.caption_cap li {
	clear: both;
	/*line-height: 1.3;*/
}

.address{
	margin-left:-8px;
	font-weight:bold;
}

/* added nov14_2013 */

.au_except {
	background: url(/vaio/solution/wan/images/au_except_bg.gif) repeat-y;
	width:890px;
	margin:10px auto 0;
}
.au_except .au_blocks {
	margin:0 52px 0 46px;
	clear:both;
	overflow:hidden;
}
.au_except .au_blocks2 {
	margin:0 30px 35px 28px;
	clear:both;
	overflow:hidden;
}

/*
.dummy {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}*/
.au_except .au_blocks#aa {
	margin-top:24px;
}
.au_except .au_blocks .lft {
	float:left;
	width:370px;
}
.au_except .au_blocks#aa .lft p{
	float:left;
	width:340px;
}

.au_except .au_blocks .rgt {
	float:right;
}
.au_except .au_blocks .note {
	color:#999;
	font-size:11px;
	/*line-height:150%;*/
}
.au_except .au_blocks#bb {
	margin-top:11px;
	background: url(/vaio/solution/wan/images/au_bg02.jpg) no-repeat right bottom;
}
.au_except .au_blocks#bb div.double p{
	width:475px;
	margin-bottom:0
}
.au_except .au_blocks#cc {
	margin-top:35px;
}

.au_except .au_blocks#dd {
	margin-top:34px;
	margin-bottom:44px;
}
.au_except .au_blocks#ee {
	margin-bottom:10px;
}
.au_except .au_blocks#ff {
	margin-top:0px;
	margin-bottom:10px;
}
#area {
	padding:35px 105px;
}

.au_blocks .wanWrapEx {
	margin-top:15px;
}
.wanWrapEx {
	width:100%;
}
.except {
	margin-bottom:25px;
}
.banners {
	width:777px;
	margin:0 auto 30px;
}
.banners p {
	font-size:0.9em;
	text-align:left;
}
.banners .first {
	margin-right:12px;
}
.bottom {
	margin-bottom:40px;
	margin-top:35px;
}
.au_except .au_blocks img#au4glte {
		margin-top:34px;
}

.ex_mdl_bdr{
	border:1px dotted #666;
	padding:1em;
	display:inline-block
}

.ex_btm {

	margin-top:30px;
	border-color:#69C;
}

@media (max-width:640px) {
	.au_except {
		background: none;
		border:2px solid #ff4600;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		width:100%;
	}
	.au_except h3 {
		text-align:center;
		color:#ff4600;
		/*line-height:150%;*/
		border-bottom:dotted 1px #ff4600;
		padding-bottom:0.5em;
		font-size:1.25em;
		margin:0.5em 0;
	}
	.au_except h3 br {
		display:inline;
	}	
	.au_except .au_blocks2 {
		margin:0 10px 35px 10px;

	}	
	.au_except .au_blocks2 .sp {
		width:100% !important;

	}	
	.au_except .au_blocks {
		margin:0 10px;
	}
	.au_except .au_blocks .lft {
		width:100%;
	}
	.au_except .au_blocks .lft p{
		width:100% !important;
	}
	.au_except .au_blocks .rgt {
		float:none;
	}
	.rgt img {
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.au_except .au_blocks img {
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.au_except .au_blocks img#au4glte {
		margin-top:1em;
	}
	.au_except .au_blocks img.no100 {
		width:15px;
		height:10px;
	}
	.au_except .au_blocks#bb img.sp{
		margin:2em 0;
	}
	.au_except .au_blocks#aa {
		margin-top:0px;
	}
	.bottom .soH3Title {
		border-bottom:1px dotted #000;
		color:#000;
	}
	.au_except .au_blocks#bb {
		margin-top:11px;
		background: none;
	}
	.au_except .au_blocks#cc {
		margin-top:1.5em;
	}
	.au_except .au_blocks#bb div.double p{
		width:100%;
		margin-bottom:0
	}
	.au_except .au_blocks#dd {
		margin-top:1.5em;
		margin-bottom:1em;
	}
	.banners {
		width:100%;
		height:auto;
	}
	.au_except .au_blocks#ee {
		margin-bottom:0em;
	}
	.banners .first {
		margin:0.9em 0 1.4em;
	}
	/*.dummy {
		width:auto;
		margin:0 auto;
		overflow:hidden;
	}
	.dummy img {
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}*/
}