@charset "Shift_JIS";

/******************* cateBox *******************/
.cateBox{
	overflow:hidden;
}

/******************* .mod-brandTopImage *******************/
.mod-brandTopImage {
	clear: both;
	overflow: hidden;
*zoom:1;
	width: 950px;
	margin: 10px auto;
	margin-top: 0
}
.mod-brandTopImage img {
	display: block;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in
}
.mod-brandTopImage a:hover img {
	opacity: .5
}
.mod-brandTopImage .mod-brandTopImage-main {
	float: left
}
.mod-brandTopImage .mod-brandTopImage-extra {
	float: left
}
.mod-brandTopImage .mod-brandTopImage-extra-alternate {
	position: absolute;
	height: 0;
	overflow: hidden
}

.mainImageWrap{
	overflow:hidden;
}

.mainImageLeft{
	float:left;
}

.mainImageRight{
	float:right;
}

.mainImageRightTop{
	margin:0;
}

.mainImageRightBottom{
	margin:10px 0 0;
}
@media (max-width: 640px) {
	.mod-brandTopImage {
		width: auto;
		margin: 10px 10px 5px!important;
	}
	.mod-brandTopImage a {
		text-decoration: none
	}
	.mod-brandTopImage a:hover img {
		opacity: 1
	}
	.mod-brandTopImage .mod-brandTopImage-main {
		float: none;
		position: relative
	}
	.mod-brandTopImage .mod-brandTopImage-main img {
		width: 100%;
		height: auto
	}
	.mod-brandTopImage .mod-brandTopImage-extra {
		float: none
	}
	.mod-brandTopImage .mod-brandTopImage-extra>img, .mod-brandTopImage .mod-brandTopImage-extra>a>img {
		display: none
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate {
		position: static;
		height: auto;
		padding: 8px;
		border: 1px solid #CCC;
		margin: 6px 0
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate h2 {
		font-size: 1em;
		font-weight: normal;
		margin: 0
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate p {
		color: #000;
		font-size: 0.85714em;
		margin: 0
	}
	
	.mainImageWrap{
		width:auto;
		overflow:hidden;
	}
	.mainImageWrap img{
		display:block;
		max-width: 100%;
		height:auto;
	}
	.mainImageLeft{
		float:none;
		width:auto!important;
	}
	
	.mainImageRight{
		display:block;
		float:right;
		width:100%!important;
	}
	
	.mainImageRightTop{
		margin:0 0 10px;
	}
	.mainImagephoto{
		display:none!important;
	}
	.mainImageRightBottom{
		margin:0 0 10px;
	}
	
}
/******************* .mod-brandTopImage *******************/

/******************* .mod-heading *******************/
.mod-heading {
	padding: 0 5px;
	border-bottom: 1px solid #ccc;
	margin: 40px 0 30px;
*zoom:1
}
.mod-heading:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.mod-heading.ex-heading-first-child {
	margin-top: 0
}
.mod-heading:first-child {
	margin-top: 0
}
.mod-heading h2 {
	font-size: 1.38462em;
	font-weight: bold;
	float: left;
	margin: 0
}
.mod-heading ul.mod-heading-misc {
	font-size: 0.92308em;
	margin: 0;
	padding: .5em 0 0;
	list-style: none;
	float: right
}
.mod-heading ul.mod-heading-misc li {
	display: inline-block;
*display:inline;
*zoom:1;
	margin-left: 20px
}
@media (max-width: 640px) {
	.mod-heading {
		margin: 30px 0 10px
	}
	.mod-heading h2 {
		font-size: 1.38462em;
		float: none;
		margin-bottom: .3em
	}
	.mod-heading ul.mod-heading-misc {
		padding: 0;
		float: none
	}
	.mod-heading ul.mod-heading-misc li {
		margin: 0 10px 3px 0
	}
}
/******************* .mod-heading *******************/

/******************* .ms_area  MSタグ *******************/

div.ms_area{
		position:relative;
		clear:both;
		width:950px;
		overflow:hidden;
		margin:0 auto 5px;
		padding:0 0 5px;
		_margin-bottom:0px;
}
.msTag{
		float:left;
		margin:5px 0 0;
		position:relative;
}
.msbnr{
		float:left;
		height:28px;
		margin:12px 0 17px!important;
		position:relative;
}
.msbnr2{
		float:right;
		height:28px;
		margin:0 0 17px!important;
		position:relative;
}
.msbnr2 ul{
		list-style:none;
}
@media (max-width:640px) {
	div.ms_area{
		clear:both;
		width:auto;
		overflow:hidden;
		margin:-15px 10px 0;
	}
	.msTag{
	}
	.msbnr{
		float:right;
		margin:5px 0 5px!important;
	}
	.msbnr2{
		clear:both;
		float:right;
		margin:5px 0 5px!important;
	}

}

.mod-heading ul.mod-heading-misc {
	font-size: 0.92308em;
	margin: 0;
	padding: .5em 0 0;
	list-style: none;
	float: right;
}
/******************* .ms_area  MSタグ *******************/

/******************* コンテンツ部分.mod-mainContentContainer *******************/

.mod-mainContentContainer {
	clear: both;
	position: relative;
	max-width: 950px;
	margin: 0 auto;
	padding-bottom: 20px;
*zoom:1
}
.mod-mainContentContainer:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav {
	padding-top: 60px
}
.mod-mainContentContainer .mod-categoryNav {
	position: absolute;
	top: 0;
	left: 0;
	_left: 50%;
	_margin-left: -475px
}
@media (max-width: 640px) {
	.mod-mainContentContainer {
		position: static;
		max-width: 640px;
		min-width: 300px;
		width: auto;
		_width: 300px;
		padding: 0 10px
	}
	.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav {
		padding-top: 0
	}
	.mod-mainContentContainer .mod-categoryNav {
		position: static;
		margin: 0
	}
}



.catetitle{
	float: left;
	width:227px;
	margin-bottom:0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #ccc;
}
.catetitle2{
	float:left;
	width:708px;
	margin-bottom:0;
	*margin:25px 0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #ccc;
}
.catetitle3{
	float:left;
	width:468px;
	margin-bottom:0;
	*margin:25px 0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #ccc;
}
.category_title_wrap{
	overflow:hidden;
}
.catetitlepos1{
	float:left;
	margin-right:15px;
}
.catetitlepos2{
	float:left;
}
.wrap{
	overflow:hidden;
}

.wrapin1{
	float:left;
	width:226px;
	margin-right:15px;
}

.wrapin2{
	float:left;
	width:708px;
}

.wrapin3{
	float:left;
	width:468px;
	margin-right:15px;
}

.cont{
	float:left;
	width:236px;
	margin:20px 0 0;
}
.cont_last{
	float:left;
	width:236px;
	margin:20px 0 0;
}
.cont a{
	color:#000;
	text-decoration:none;
}
.cont_last a{
	color:#000;
	text-decoration:none;
}
.cont a:hover{
	color: #c41230;
	text-decoration:underline;
}
.cont_last a:hover{
	color: #c41230;
	text-decoration:underline;
}
.borderwrap{
	margin:20px 0 0;
}
.borderwrap_last{
	margin:20px 0 0;
}

.stext{
	margin:0;
	padding:0;
	font-size:90%;
	text-align:center;
}
.product{
	width:230px;
	margin:0 auto;
}
.name{
	margin:3px auto;
	font-weight:bold;
	font-size:170%;
	text-align:center;
}
.name2{
	margin:3px 0;
	font-weight:bold;
	font-size:160%;
	text-align:center;
}
.introtext{
	height:70px;
	margin:0 15px 20px;
	padding:0;
	text-align:center;
}



/******** B ********/
.cont_B{
	float:left;
	width:226px;
	margin:25px 15px 0 0;
}
.cont_last_B{
	float:left;
	width:226px;
	margin:25px 0 0;
}
.cont_B a{
	color:#000;
	text-decoration:none;
}
.cont_last_B a{
	color:#000;
	text-decoration:none;
}
.cont_B a:hover{
	color: #c41230;
	text-decoration:underline;
}
.cont_last_B a:hover{
	color: #c41230;
	text-decoration:underline;
}
.borderwrap_B{
	margin:15px 0 0;
}
.borderwrap_last_B{
	margin:15px 0 0;
}
.introtext_B{
	height:70px;
	margin:0 15px 10px;
	padding:0;
	text-align:center;
	font-size:1em;
}
/******** B ********/

.colvar{
	width:150px;
	margin:20px auto;
}
.iconwrap{
	width:140px;
	margin:0 auto;
}
.btn{
	margin:15px auto 5px;
	text-align:center;
}
.notes{
	margin:20px 0 50px;
	padding:0;
	list-style:none;
	color:#666;
}
.pb50{
	padding-bottom:50px!important;
}
@media (max-width: 640px) {
.catetitle{
	float: none;
	width:auto;
	margin-bottom:0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #000;
}
.catetitle2{
	float:none;
	width:auto;
	margin-bottom:0;
	*margin:25px 0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #000;
}
.catetitle3{
	float:none;
	width:auto;
	margin-bottom:0;
	*margin:25px 0;
	font-size: 1.38462em;
	font-weight: bold;
	border-bottom:1px dotted #000;
}
.category_title_wrap{
	overflow:hidden;
}
.catetitlepos1{
	float:none;
	margin-right:0;
}
.catetitlepos2{
	float:none;
}
	.wrap{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.mb50{
		margin-bottom:50px;
	}
	
	.wrapin1{
		float:none;
		width:auto;
		margin-right:0;
	}
	
	.wrapin2{
		float:none;
		width:auto;
	}
	
	.wrapin3{
		float:none;
		width:auto;
		margin-right:0;
	}

	.cont{
		float:none;
		width:auto;
		margin:20px auto 0;
		padding:0 0 10px;
		border-bottom:1px dotted #999;
	}
	.cont_last{
		float:none;
		width:auto;
		margin:20px auto 0;
		padding:0 0 10px;
		border-bottom:1px dotted #999;
	}
	
	.borderwrap{
		margin:20px auto 0;
		border-left:none;
	}
	.borderwrap_last{
		margin:20px auto 0;
		border-left:none;
		border-right:none;
	}
	
	.stext{
		margin:0;
		padding:0;
		font-size:90%;
		text-align:center;
	}
	.product{
		width:auto;
		margin:0 auto;
	}
	.product img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.name{
		margin:3px auto;
		font-weight:bold;
		font-size:170%;
		text-align:center;
	}
	.introtext{
		height:auto;
		margin:0 15px 20px;
		padding:0;
		text-align:center;
	}
	.colorvar{
		width:auto;
		height:auto;
		margin:5px auto;
	}
	.cont_B{
		float:none;
		width:auto;
		margin:20px auto 0;
		padding:0 0 10px;
		border-bottom:1px dotted #999;
	}
	.cont_last_B{
		float:none;
		width:auto;
		margin:20px auto 0;
		padding:0 0 10px;
		border-bottom:1px dotted #999;
	}
	
	.borderwrap_B{
		margin:20px auto 0;
		border-left:none;
	}
	.borderwrap_last_B{
		margin:20px auto 0;
		border-left:none;
		border-right:none;
	}
	.introtext_B{
		height:auto;
		margin:0 15px 20px;
		padding:0;
		text-align:center;
	}
	.colorvar img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.icon{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.icon img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.btn{
		margin:15px auto 5px;
		text-align:center;
	}

	.notes{
		margin:50px 0 30px;
		padding:0;
		list-style:none;
		font-size:80%;
	}
}

/******************* おすすめコンテンツ部分.contentBnr *******************/
.contentBnr{
	margin:0 0 10px;
	overflow:hidden;
}

.recoLeft{
	float:left;
}

.recoRight{
	float:right;
}

.pickupbox{
	float:left;
	width:215px;
	margin-right:30px;
}

.pickupboxlast{
	float:left;
	width:215px;
	margin:0;
}
.pickupboxlast a,.pickupbox a{
	color:#000;
	text-decoration:none;
}
.pickupboxttl{
	margin:5px 0 0;
}

.pickupboxtxt{
	margin:5px 0 0;
}


@media (max-width: 640px) {
	.contentBnr{
		margin:0;
		overflow:hidden;
	}

	.recoLeft{
		float:none;
		margin:20px 0;
	}
	
	.recoLeft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.recoRight{
		float:none;
	}
	.recoRight img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.pickupbox{
		float:none;
		width:auto;
		margin-right:0;
		margin:30px auto;
	}
	
	.pickupboxlast{
		float:none;
		width:auto;
		margin-right:0;
		margin:0 auto;
	}
	
	.pickupbox img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.pickupboxlast img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.pickupboxlast a,.pickupbox a{
		color:#000;
		text-decoration:none;
	}
	.pickupboxttl{
		margin:10px auto 0;
	}
	
	.pickupboxtxt{
		margin:10px auto 0;
	}
	
	.pickupboxttl img{
		display:inline-block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
	}
}
/******************* おすすめのアクセサリー.mod-seriesList *******************/
.mod-seriesList {
	clear: both;
	margin: 20px 0 20px -40px;
*zoom:1
}
.mod-seriesList:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.mod-seriesList+.mod-seriesList {
	margin-top: 40px
}
.mod-seriesList .mod-seriesList-item1 {
	clear: both;
	margin: 0 0 0 15px
}
.mod-seriesList a, .mod-seriesList a:hover, .mod-seriesList a:visited {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: block;
*zoom:1;
*background:url(../images/ie6.png)
}
.mod-seriesList .mod-seriesList-item2 {
	width: 452px;
	float: left;
*display:inline;
	margin: 0 0 0 40px;
}
.mod-seriesList .mod-seriesList-item1-image {
	float: left
}
.mod-seriesList .mod-seriesList-item1-text {
	width: 360px;
	float: right;
}
.mod-seriesList .mod-seriesList-item2-image {
	float: left;
	margin-right: 20px
}
.mod-seriesList .mod-seriesList-item2-text {
	overflow: hidden;
*zoom:1;
}
.mod-seriesList .mod-seriesList-item1-image img, .mod-seriesList .mod-seriesList-item2-image img {
	display: block;
	position: relative;
*z-index:-1
}
.mod-seriesList .mod-seriesList-item1-text h3, .mod-seriesList .mod-seriesList-item2-text h3 {
	font-size: 1.23077em;
	line-height: 1.2;
	margin: 0 0 10px
}
.mod-seriesList .mod-seriesList-item1-text p, .mod-seriesList .mod-seriesList-item2-text p {
	margin: 1.7em 0 1.3em
}
.mod-seriesList .mod-seriesList-item1-text p.mod-seriesList-item1-text-intro, .mod-seriesList .mod-seriesList-item2-text p.mod-seriesList-item2-text-intro {
	font-size: 1.1em
}
.camp_annotation {
	font-size: 0.85em !important;
	line-height: 1.2em !important;
	color:#333;
}
.mod-seriesList .mod-seriesList-item1-text p.mod-seriesList-item1-text-note, .mod-seriesList .mod-seriesList-item2-text p.mod-seriesList-item2-text-note {
	color: #999;
	font-size: 1em;
	margin: .5em 0
}
@media (max-width: 640px) {
.mod-seriesList {
	margin: 10px 0
}
.mod-seriesList .mod-seriesList-item1, .mod-seriesList .mod-seriesList-item2 {
	clear: both;
	float: none;
	width: auto;
	margin: 0 0 20px
}
.mod-seriesList .mod-seriesList-item1-image {
	float: none;
	margin: 0 0 10px
}
.mod-seriesList .mod-seriesList-item1-image img {
	width: 100%;
	height: auto
}
.mod-seriesList .mod-seriesList-item1-text {
	width: auto;
	float: none
}
.mod-seriesList .mod-seriesList-item2-image {
	margin-right: 15px
}
.mod-seriesList .mod-seriesList-item1-image img, .mod-seriesList .mod-seriesList-item2-image img {
	display: block
}
.mod-seriesList .mod-seriesList-item1-text h3, .mod-seriesList .mod-seriesList-item2-text h3 {
	font-size: 1.28571em;
	font-weight: normal
}
.mod-seriesList .mod-seriesList-item1-text p.mod-seriesList-item1-text-intro, .mod-seriesList .mod-seriesList-item2-text p.mod-seriesList-item2-text-intro {
	font-size: 1em
}
.mod-seriesList .mod-seriesList-item1-text .mod-seriesList-item1-text-note, .mod-seriesList .mod-seriesList-item2-text .mod-seriesList-item2-text-note {
	font-size: 0.71429em
}
}
/******************* お知らせ..mod-newsTableContainer  *******************/

.mod-newsTableContainer {
	margin: 10px 20px 20px
}
@media (max-width: 640px) {
.mod-newsTableContainer {
	margin: 0
}
}
.mod-newsTable table {
	width: 100%
}
.mod-newsTable th, .mod-newsTable td {
	vertical-align: top;
	text-align: left;
	padding: .4em 0
}
.mod-newsTable th {
	font-weight: normal;
	white-space: nowrap;
	width: 1%;
	min-width: 120px;
	padding-right: 1em
}
.mod-newsTable td {
	word-wrap: break-word;
	word-break: break-all
}
.mod-newsTable td a {
	display: inline-block;
	padding-left: 10px;
	background: url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.35em
}
.mod-newsTable .mod-newsTable-state {
	color: #727272;
	font-size: 0.76923em;
	text-align: center;
	display: inline-block;
*display:inline;
*zoom:1;
	min-width: 12em;
	border: 1px solid #BCBCBC;
	border-radius: 3px;
	padding: 0;
	margin-right: 1em
}
@media (max-width: 640px) {
.mod-newsTable table {
	width: 100%;
	display: block
}
.mod-newsTable colgroup, .mod-newsTable col {
	display: none
}
.mod-newsTable tr, .mod-newsTable th, .mod-newsTable td {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	padding: .2em 0
}
.mod-newsTable th {
	white-space: normal;
	margin-bottom: 0
}
.mod-newsTable td {
	margin-bottom: .6em
}
.mod-newsTable td a {
	display: inline-block;
	padding-left: 10px;
	background: url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.35em
}
}

/*******************  製品に関する重要なお知らせ .mod-sideLinkList *******************/
.mod-sideLinkList ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-sideLinkList li {
	margin: 0 0 .3em;
	padding: 0;
	@inclde clearfix;
}
.mod-sideLinkList li a {
	display: inline-block;
	padding-left: 8px;
	background: url(/share3/images/mod-sideLinks1/ico_01.png) no-repeat 0 50%;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	cursor: pointer;
}
.mod-sideLinkList .mod-sideLinkList-image {
	float: left;
	margin-right: 3px;
}
.mod-sideLinkList .mod-sideLinkList-image img {
	position: relative;
	*z-index: -1;
}

span.mod-iconNews {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: baseline;
	width: 15px;
	height: 0;
	padding: 23px 3px 0;
	margin-bottom: -.1em;
	background: url(/share2/images/mod-iconNews/ico_01.png) no-repeat 50% 0;
	overflow: hidden;
	position: relative
}
@media (max-width: 640px) {
	.mod-sideLinkList ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
}
/*******************  リンクにつくマーク関連 *******************/

a.mod-linkButton1, span.mod-linkButton1, a.mod-linkButtonExpend, span.mod-linkButtonExpend, a.mod-linkButtonClose, span.mod-linkButtonClose, a.mod-linkButtonSonyStore, span.mod-linkButtonSonyStore, a.mod-linkButtonPrev, span.mod-linkButtonPrev, a.mod-linkButtonNext, span.mod-linkButtonNext {
color: #333;
font-size: 12px;
line-height: 1.4;
display: inline-block;
padding: 2px 16px;
border: 1px solid #bcbcbc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url(/share2/images/mod-linkButton1/bg_01.png) no-repeat 0 52%;
cursor: pointer;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-ms-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}


/*******************  smp *******************/
.smpVomWrap{
	display:none!important;
}
.pcVomWrap{
	display:block!important;
}
@media (max-width: 640px) {
	.smpVomWrap{
		display:block!important;
	}
	.pcVomWrap{
		display:none!important;
	}
}
/******************* RSS *******************/
.mod-linkFeed, a.mod-linkFeed:visited, a.mod-linkFeed:hover, a.mod-linkFeed:active, span.mod-linkFeed, span.mod-linkFeed:visited, span.mod-linkFeed:hover, span.mod-linkFeed:active {
color: #E90;
text-decoration: none;
}
a.mod-linkFeed, span.mod-linkFeed {
	font-size: 12px;
	line-height: 1.4;
	display: inline-block;
	padding: 0 0 0 14px;
	background: url(/share2/images/mod-linkFeed/ico_01.png) no-repeat 0 50%;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
/*******************  フッター下の隙間を強制的に消した *******************/
#lineup-font-size-sampler{
	display:none!important;
}

/******************* オーナーメード.vomarea *******************/

.vomarea{
	width:950px;
	height:275px;
	background:url(../images/vaio_top_18.jpg) no-repeat left top;
}

.vomTtl{
	margin:0 0 0 40px;
}

.vomText1{
	width:430px;
	font-size:13px;
	line-height:1.8;
}
.vomBtn{
	width:415px;
}
/*.vomBtn a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	zoom:1;
}*/
.vomareaTop{
	overflow:hidden;
	width:950px;
}
.vomareaTopLeft{
	float:left;
	width:435px;
	margin:27px 0 0 66px;
}
.vomareaTopRight{
	float:right;
	width:350px;
	margin:27px 78px 0 0;
}
.numImage{
	display:block;
}
.numImageSP{
	display:none;
}
.vomareaBtm{
	overflow:hidden;
	width:887px;
	height:298px;
	margin:0 auto;
	background:url(/vaio/vaio_top/images/vaio_top_20_.png) left top no-repeat;
}
.vomareaBtm a{
	color:#000;
}
	

/*.vomareaBtm p.contText:hover,
.vomareaBtm .arrow:hover,
.vomareaBtm .arrow2:hover,
.vomareaBtm .arrow3:hover
 {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	zoom:1;
}*/

.vomareaBtmTtl{
	display:none;
}

.vomareaBtmBox1{
	float:left; 
	width:280px; 
	height:211px; 
	margin:74px 11px 0 12px;
}

.vomareaBtmBox2{
	float:left; 
	width:280px; 
	height:211px; 
	margin:74px 11px 0 0;
}

.vomareaBtmBox3{
	float:left; 
	width:280px; 
	height:211px; 
	margin:74px 0 0 0;
}
.BoxTtl{
	height:54px; 
	border-radius:4px 4px 0 0; 
	background:#2b3d76;
}
.BoxTtl p{
	margin:0 auto;
	padding:20px 0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.BoxTtl p.last{
	margin:0 auto;
	padding:10px 0;;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.BoxCont{
	height:157px; 
	border-radius: 0 0 4px 4px; 
	background:#f7f3c2;
}

.BoxCont .contText{
	width:245px;
	margin:0 auto;
	padding:5px 15px;
	font-size:1em;

}
.arrow{
	width:230px;
	margin:25px auto 0;
	padding:0 0 0 10px;
	background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	font-size:1em;
}
.arrow2{
	width:210px;
	margin:43px auto 0;
	padding:0 15px;
	background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	font-size:1em;
}
.arrow3{
	width:210px;
	margin:60px auto 0;
	padding:0 15px;
	background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	font-size:1em;
}

/******************* スマホ SMP オーナーメード.vomarea *******************/

@media (max-width: 640px) {
	.vomarea{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0 0 20px;
		background:#ddd;
	}
	.vomTtl{
		width:auto;
		height:auto;
		margin:20px;
	}
	.vomTtl img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 20px;
	}
	.vomText1{
		width:auto;
		height:auto;
		margin:20px;
		font-size:13px;
		line-height:1.8;
	}
	.vomBtn{
		width:auto;
		margin:20px 20px 0;
	}
/*	.vomBtn:hover {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity:0.5;
		zoom:1;
	}*/
	.vomBtn img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.vomareaTop{
		display:table;
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.vomareaTopLeft{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.vomareaTopLeft img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.vomareaTopRight{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.vomareaTopRight img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.numImage{
		display:none;
	}
	.numImageSP{
		display:block;
		width:auto;
		margin:0 20px;
	}
	.numImageSP img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.vomareaBtm{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:20px auto;
		padding:10px 0 20px;
		background:#f08200;
	}
	.vomareaBtm a{
		color:#000;
		text-decoration:none;
	}
	/*
	.vomareaBtm a:hover div{
		text-decoration:none;
		opacity:0.9;
		filter: alpha(opacity=90);       
		-ms-filter: "alpha(opacity=90)";  
		-moz-opacity:0.9;               
		-khtml-opacity: 0.9;     
		zoom:1;
	}
	*/
	.vomareaBtmTtl{
		display:block;
		margin:0 5px;
		padding:5px 10px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	.vomareaBtmBox1{
		float:none; 
		width:auto;
		height:auto; 
		margin:10px 0 0 0;
		padding:0 20px;
	}
	
	.vomareaBtmBox2{
		float:none; 
		width:auto;
		height:auto; 
		margin:20px 0 0 0;
		padding:0 20px;
	}
	
	.vomareaBtmBox3{
		float:none; 
		width:auto;
		height:auto; 
		margin:20px 0 0 0;
		padding:0 20px;
	}
	.BoxTtl{
		height:54px; 
		border-radius:4px 4px 0 0; 
		background:#2b3d76;
	}
	.BoxTtl p{
		margin:0 auto;
		padding:20px 0;
		color:#fff;
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}
	.BoxTtl p.last{
		margin:0 auto;
		padding:10px 0;
		color:#fff;
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}
	
	.BoxCont{
		height:auto; 
		padding:10px 0 20px;
		border-radius: 0 0 4px 4px; 
		background:#f7f3c2;
	}
	
	.BoxCont .contText{
		width:auto;
		margin:0 auto;
		padding:5px 15px;
	}
	.arrow{
		width:auto;
		margin:25px 0 0 20px;
		padding:0 20px;
		background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	}
	.arrow2{
		width:auto;
		margin:43px 0 0 20px;
		padding:0 20px;
		background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	}
	.arrow3{
		width:auto;
		margin:60px 0 0 20px;
		padding:0 20px;
		background: url(/share4/images/mod-link/ico_01.png) no-repeat 0 50%;
	}
}

.bnrBiz{
	width:562px;
	height:79px;
	margin:20px auto 50px;
	background:#fff;
}

.bnrBiz a img{
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in
}
.bnrBiz a:hover img {
	opacity: .5
}
@media (max-width: 640px) {
	.bnrBiz{
		width:auto;
		height:auto;
		margin:20px auto;
	}
	.bnrBiz img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

/*span.mod-iconNew {
	display: inline-block;
	vertical-align: baseline;
	width: 24px;
	height: 0;
	padding: 24px 0 0;
	background: url(../images/new_icon.jpg);
	overflow: hidden;
}
@media (max-width: 640px) {
	span.mod-iconNew {
		display: inline-block;
		vertical-align: baseline;
		width: 24px;
		height: 0;
		padding: 24px 0 0;
		background: url(../images/new_icon.jpg);
		overflow: hidden;
	}
}*/

.bizblock{
	overflow:hidden;
	width:950px;
	height:445px;
	margin:20px auto;
	background: url(../images/biz_bg.jpg);
}
.biztext{
	overflow:hidden;
	width:950px;
}

.biztext p{
	float:left;
	width:450px;
	margin:125px 0 10px 50px;
	font-size:1.33333em;
}
.bizbtn{
	clear:both;
	width:150px;
	margin:0 0 20px 50px;
	font-size:1.2em;
}
.serviceblock{
	overflow:hidden;
	margin:45px 0 0;
}
.serviceblock p{
	margin:0;
}
.serviceblockleft{
	float:left;
	width:450px;
	margin:0 0 0 20px;
	background:#fff;
	border-radius:3px;
	border-top:solid 2px #003466;
}
.serviceblockright{
	float:right;
	width:450px;
	margin:0 20px 0 0;
	background:#fff;
	border-radius:3px;
	border-top:solid 2px #003466;
}
.servicettl1{
	width:158px;
	margin:0 auto;
	padding:18px 0 10px;
}
.servicettl2{
	width:79px;
	margin:0 auto;
	padding:18px 0 10px;
}
.textmargin{
	margin:0 20px;
}
.serviceexp{
	padding:0 0 10px;
	font-size:1.2em;
	color:#000;
}
.servibtn{
	padding:0 0 15px;
}
.servibtn span{
	color: #43677e!important;
}
@media (max-width: 640px) {
	.bizblock{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:20px auto;
		background: #d2d2d2; /* Old browsers */
		background: -moz-linear-gradient(top, #d2d2d2 0%, #f2f2f2 37%, #fafafa 50%, #fafafa 67%, #bfbfc0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(37%,#f2f2f2), color-stop(50%,#fafafa), color-stop(67%,#f2f2f2), color-stop(100%,#bfbfc0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d2d2d2 0%,#f2f2f2 37%,#fafafa 50%,#fafafa 67%,#bfbfc0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d2d2d2 0%,#f2f2f2 37%,#fafafa 50%,#fafafa 67%,#bfbfc0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d2d2d2 0%,#f2f2f2 37%,#fafafa 50%,#fafafa 67%,#bfbfc0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d2d2d2 0%,#f2f2f2 37%,#fafafa 50%,#fafafa 67%,#bfbfc0 100%); /* W3C */
	}
	.biztext{
		overflow:hidden;
		width:auto;
	}
	.win7logo{
		width:auto;
		height:auto;
		margin:20px;
	}
	.win7logo img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.pcimages{
		width:auto;
		height:auto;
		margin:10px 20px 20px;
	}
	.pcimages img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.biztext p{
		float:left;
		width:auto;
		margin:20px;
		font-size:1em;
	}
	.bizbtn{
		width:auto;
		margin:0 auto;
		padding:5px;
		text-align:center;
		font-size:1em;
	}
	.serviceblock{
		overflow:hidden;
		margin:15px 0 0;
	}
	.serviceblock a{
		text-decoration:none;
	}

	.serviceblock p{
		margin:0;
	}
	.serviceblockleft{
		float:none;
		width:auto;
		margin:0 20px 20px;
		background:#fff;
		border-radius:3px;
		border-top:solid 2px #003466;
	}
	.serviceblockright{
		float:none;
		width:auto;
		margin:0 20px 20px;
		background:#fff;
		border-radius:3px;
		border-top:solid 2px #003466;
	}
	.servicettl1{
		width:158px;
		margin:0 auto;
		padding:18px 0 10px;
	}
	.servicettl2{
		width:79px;
		margin:0 auto;
		padding:18px 0 10px;
	}
	.textmargin{
		margin:0 20px;
	}
	.serviceexp{
		padding:0 0 10px;
		font-size:1em;
	}
	.servibtn{
		padding:0 0 15px;
	}
}