@charset "shift-jis";
/*=========================================================

	Site Name   VAIO
	File Name   page.css

	Create Date 2013/00/00

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

/*----------------------------------------------------------
	header
-----------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

#global_header{
	width: 100%;
	height: 44px;
	text-align: left;
	background-color: #FFF;
	overflow:hidden;
}
#global_header a{
	float: left;
}
#global_header #head_lead{
	margin: 15px auto;
	padding:0 30px 0 0;
	float: right;
}
#global_header #head_lead img{
	vertical-align: top;
}
@media (max-width: 640px) {
	#global_header{
		width:auto;
		margin:0 auto;
		padding:0;
	}
	#global_header img{
		dispaly:block;
		width:100%;
		margin:0;
		padding:0;
	}

	#global_header #head_lead{
		display:none;
	}
	#global_header #head_lead img{
		display:none;
	}
}

/*----------------------------------------------------------
	contents
-----------------------------------------------------------*/
p {font-size:14px;}

.contWrap{
	margin:0 auto;
	padding:0;
}
#test {
	display:none;
}
#top_page {
	background:url(../images/top_bg_intro.jpg) center top no-repeat;
}
.without_top {
	background:url(../images/detail_bg_large.jpg) center top no-repeat;
}
.bottom {
	background:url(../images/detail_bg_small.jpg) center top no-repeat;
}
@media (max-width: 640px) {
	.contWrap{
		width:auto;
		margin:0 auto;
		padding:0;
	}
}
#blkMain {
	width:950px;
	margin:0 auto;
	background:none;
	clear:both;
	overflow:hidden;
}
#blkMain #animation{
	opacity:0;
	overflow:hidden;
	margin-top:3px;
}
#blkMain h1 {
	margin:0;
}
#blkMain img {
	display:block;
	float:none;
}
#blkMain .lft {
	width:595px;
	float:right;
}
#blkMain .lft ul{
	overflow:hidden;
	margin:0;
	padding:1px 0 0 0px;
	float:left;
}
#blkMain .lft ul li{
	padding:0 0 1px 1px;
	width:118px;
	height:121px;
	float:left;
	background:none;
	list-style-type:none;
}
#blkMain .rgt {
	width:355px;
	background:#FFF;
	float:left;
	position:relative;
	margin-top:1px;
	
}
#blkMain .rgt a {
	background:#FFF;
	display:block;
}
#blkMain .rgt img{
	position:absolute;
}
.navi {
	width:948px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	padding:28px 0 27px;
}
.without_top .navi {
	padding:0px 0 27px;
}
.navi li {
	list-style-type:none;
	float:left;
}

#hdr_photo {
	width:950px;
	margin:30px auto 0;
	overflow:hidden;
}
#hdr_photo .rgt{
	width:460px;
	float:right;
	padding:52px 0 0;
}
#hdr_photo .rgt p{
	padding:17px 0 0;
}

#hdr_photo .lft{
	width:460px;
	float:lft;
}
#hdr_photo .lft img {
	float:right;
}

.c2 {
	width:950px;
	margin:0 auto 70px;
	clear:both;
	overflow:hidden;
}
.c2 h3 {
	text-align:center;
	font-size:18px;
	line-height:100%;
	padding:19px 0;
}
.view_blocks .c2 h3 span {
	color:#80b82b;
}
.keyboard_blocks .c2 h3 span {
	color:#6391ce;
}
.tablet_blocks .c2 h3 span {
	color:#d9646a;
}
.c2 p img {
	margin:0 0 0 20px;
}
.tablet_blocks .c2 p img {
	padding-bottom:20px;
}

.c2 p img.tobidashi07{
	margin-top:-7px;
}

.c2 p img.tobidashi10{
	margin-top:-10px;
}

.c2 p span {}
.c2 p span strong {
	font-size:10px;
	font-weight:normal;
}
.c2 p span strong.note_long {
	display:block;
	padding:5px 0 0;
}

.c2 .lft{
	width:460px;
	float:left;
}
.c2 .rgt{
	width:460px;
	float:right;
}
.c2 p {
	padding:10px 0 0;
}
.ytwtop {
	padding:0px 0 50px;
	/*border-bottom:1px solid #ccc;*/
	clear:both;
}
.ytwtop p {
	text-align:center;
	padding:12px 0 0;
}
.ytwtop img {
	display:block;
	margin:0 auto;
}

.yt {
	padding:50px 0;
	border-bottom:1px solid #ccc;
	clear:both;
}
.yt p {
	text-align:center;
	padding:12px 0 0;
}
.yt img {
	display:block;
	margin:0 auto;
}

ul.inyt {
	overflow:hidden;
	width:950px;
	margin:0 auto;
}
.except {
	width:300px !important
}
ul.inyt li{
	list-style-type:none;
	float:left;
	padding:0 0 0 25px;
}
.except li {
	padding:0 !important;
}
ul.inyt li.ex1 {
	padding:0;
}

.this_model {
	overflow:hidden;
	border-bottom:1px solid #000;
	padding-bottom:31px;
}
.this_model img {
	display:block;
}
.this_model .inner .lft img,.yt img,.ytwtop 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
}
.this_model .inner .lft a:hover img,.yt a:hover img,.ytwtop a:hover img {
	opacity: .5
}
.this_model .inner{
	width:682px;
	margin:59px auto 0;
}
.this_model .inner .rgt{
	width:365px;
	float:right;
}

.this_model .inner .lft{
	width:289px;
	float:left;
	padding-left:28px;
}
.this_model .inner .lft h2{
	padding:10px 0 19px;
}
.this_model .inner .lft p {
	font-size:14px;
	padding-bottom:39px;
	letter-spacing:-0.5px;
}
.this_model .inner .lft a img {
	margin:0 0 8px;
}

@media (max-width: 640px) {
#top_page {
	background:url(../images/smp_bg.jpg) center top repeat-y;
}
.without_top {
	background:url(../images/smp_bg.jpg) center top repeat-y;
}
.bottom {
	display:none;
}
#blkMain {
	width:100%
}
#blkMain #animation{
	display:none
}
#blkMain h1 {
	margin:0;
}
#blkMain h1 img {
	width:100%;
	height:auto;	
}
#blkMain img {
	display:block;
	float:none;
}
#blkMain .lft {
	width:595px;
	float:left;
}
#blkMain .lft ul{
	overflow:hidden;
	margin:0;
	padding:1px 0 0 0px;
	float:left;
}
#blkMain .lft ul li{
	padding:0 2px 2px 0;
	width:117px;
	height:120px;
	float:left;
	background:none;
	list-style-type:none;
}
#blkMain .rgt {
	width:355px;
	background:#FFF;
	float:right;
	position:relative;
	
}
#blkMain .rgt a {
	background:#FFF;
	display:block;
}
#blkMain .rgt img{
	position:absolute;
}
.navi {
	width:100%;
	padding:7.5% 0;
}
.navi img {
	width:100%;
	height:auto;
}
.without_top .navi {
	padding:7.5% 0;
}
.navi li {
	list-style-type:none;
	float:left;
	padding:2% 0;
}

#hdr_photo {
	width:100%;
	margin:0 auto 0;
}
#hdr_photo .rgt{
	width:100%;
	float:none;
	padding:7.5% 0 0;
}
#hdr_photo .rgt p{
	padding:17px 0 0;
}

#hdr_photo .lft{
	width:100%;
	float:none;;
}
#hdr_photo .lft img {
	float:none;
	width:100%;
	height:auto;
}
#hdr_photo br {
	display:none;
}

.c2 {
	width:100%;
	margin:0 auto;
}
.c2 h3 {
	text-align:left;
	font-size:18px;
	line-height:140%;
	padding:19px 0;
}
.c2 p {
	display:table;
	width:100%;
	padding-bottom:15%
}
.c2 p img {
	display:block;
	clear:both;
	float:none;
	margin:0 auto;
}
.c2 p span {
	display:table-header-group;
		clear:both;
		width:100%;
}
.view_blocks .c2 h3 span,.view_blocks .rgt h2 {
	color:#80b82b;
}
.keyboard_blocks,.view_blocks,.tablet_blocks{
	width:87.5%;
	margin:0 auto;
}
.keyboard_blocks .c2 h3 span,.keyboard_blocks .rgt h2 {
	color:#6391ce;
}
.tablet_blocks .c2 h3 span,.tablet_blocks .rgt h2 {
	color:#d9646a;
}
.c2 p img {
	margin:4% auto;
}
.tablet_blocks .c2 p img {
	padding-bottom:20px;
}

.c2 p img.tobidashi07{
	margin-top:0px;
}

.c2 p img.tobidashi10{
	margin-top:0px;
}

.c2 p span {}
.c2 p span strong {
	font-size:10px;
	font-weight:normal;
}
.c2 .illust {
	width:100%;
	height:auto;
}
.c2 .lft{
	width:100%;
	float:none;
}
.c2 .rgt{
	width:100%;
	float:none;
}
.ytwtop {
	padding:0px 0 50px;
	border-bottom:1px solid #ccc;
	clear:both;
	overflow:hidden;
}
.ytwtop p {
	text-align:center;
	padding:12px 0 0;
}
.ytwtop img {
	display:block;
	margin:0 auto;
}

.yt {
	padding:50px 0;
	border-bottom:1px solid #ccc;
	clear:both;
}
.yt p {
	text-align:center;
	padding:12px 0 0;
}
.yt img {
	display:block;
	margin:0 auto;
}

ul.inyt {
	overflow:hidden;
	width:100%;
	margin:0 auto;
}
ul.inyt li{
	list-style-type:none;
	float:left;
	padding:4% 0;
	width:100%;
	display:block;
	margin:0 auto;
}
ul.inyt li.ex1 {
	padding:0;
}

.this_model {
	padding-bottom:31px;
}
.this_model img {
	width:100%;
	height:auto;
}
.this_model .inner .lft img,.yt img,.ytwtop 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
}
.this_model .inner .lft a:hover img,.yt a:hover img,.ytwtop a:hover img {
	opacity: .5
}
.this_model .inner{
	width:100%;
	margin:59px auto 0;
}
.this_model .inner .rgt{
	width:100%;
	float:none;
}

.this_model .inner .lft{
	width:100%;
	float:none;
	padding:0;
}
.this_model .inner .lft h2{
	padding:10px 0 0px;
}
.this_model .inner .lft p {
	padding:6% 11%;
}
.this_model .inner .lft a img {
	margin:0 0 8px;
}

iframe {
    display: block !important;
    height: auto;
    margin: 0 auto !important;
    max-width: 100%;
    width: auto !important;
}

}
/*----------------------------------------------------------
	footer
-----------------------------------------------------------*/
#global_footer{
	background-color: #000;
}

#footerWrapper{
	width: 950px;
	height: 28px;
	margin:0 auto;
	overflow:hidden;
}

#global_footer #footer_lead{
	margin: 10px auto 0;
	padding:0;
	float: left;
}
#global_footer #footer_lead img{
	vertical-align: top;
}

#global_footer #footer_logo{
	margin: 10px auto 0;
	padding:0 ;
	float: right;
}
#global_footer #footer_logo img{
	vertical-align: top;
}
@media (max-width: 640px) {
	#global_footer{
		width: auto;
		height: auto;
		margin:0 auto;
		background-color: #000;
		overflow:hidden;
	}
	#global_footer #footer_lead{
		float: left;
		width: auto;
		height: auto;
		margin:0;
		padding:10px 0 ;
	}
	#global_footer #footer_lead img{
		display:block;
		max-width:80%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	#global_footer #footer_logo{
		float: left;
		width: auto;
		height: auto;
		margin:0;
		padding:10px 0 ;
	}
	#global_footer #footer_logo img{
		display:block;
		max-width:70%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

.storeWrap{
	width:950px;
	height:350px;
	margin:0 auto;
	padding:0;
}

.storeBlock{
	overflow:hidden;
	width:870px;
	height:270px;
	margin:0 auto;
	background:#fff;
	border-radius:3px;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}

.storeLeft{
	float:left;
	margin:20px 0 0 100px;
}

.storeRight{
	float:right;
	margin:70px 100px 0 0;
}

.storeBtn1{
	margin:30px 0 0 0 ;
}
.storeBtn1 a img:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}

.storeBtn2{
	margin:5px 0 0 0 ;
}
.storeBtn2 a img:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}

@media (max-width: 640px) {
	.storeWrap{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0 0 20px;
	}
	
	.storeBlock{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 10px;
		padding:20px 0 40px;
		background:#fff;
		border-radius:3px;
		box-shadow: 0px 0px 5px #ccc;
		-moz-box-shadow: 0px 0px 5px #ccc;
		-webkit-box-shadow: 0px 0px 5px #ccc;
	}
	.spvdstorename{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.spvdstorename img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.storeLeft{
		float:none;
		margin:20px auto;
	}
	.storeLeft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.storeRight{
		float:none;
		margin:0 auto;
	}
	.storeRight img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.storeBtn1{
		margin:30px 0 0 0 ;
	}
	
	.storeBtn2{
		margin:5px 0 0 0 ;
	}
}

/*----------------------------------------------------------
	PC SP 表示切り替え
-----------------------------------------------------------*/
.pc{
	display:block;
}
.sp{
	display:none !important;
}
@media (max-width: 640px) {
	.pc{
		display:none !important;
	}
	.sp{
		display:block !important;
	}
}


/*----------------------------------------------------------
	intel inside
-----------------------------------------------------------*/
#intel {
	background:#FFFFFF;
}
#inside {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
}
#inside img.pc {
	/*display:block;*/
}
#inside .lft {
	width:73px;
	float:left;
	padding-left:228px
}
#inside .rgt {
	width:619px;
	float:right;
}
@media (max-width: 640px) {
	#inside {
		width:100%;
		padding:20px 0;
	}
	#inside img {
		width:100%;
		height:auto;
	}
	#inside .lft {
		width:100%;
		float:none;
		clear:both;
		padding:0 0 20px;
	}
	#inside .rgt {
		width:100%;
		float:none;
		clear:both;
		padding:0
	}
}
#test span {
	display:block;
	float:left;
	width:100px;
	text-align:right;
}