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

	Site Name   VAIO
	File Name   page.css

	Create Date 2013/00/00

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

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

* {
	margin:0;
	padding:0;
}
img {
	border: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
-----------------------------------------------------------*/
#totop {
	visibility:hidden;
}
p {font-size:14px;}

.contWrap{
	margin:0 auto;
	padding:0;
	background:url(../images/bg_1920.jpg) top center;
	overflow:hidden;
}
#headerOuter {
	background:url(../images/header_bg.png);
}
#header {
	width:950px;
	margin:0 auto;
}
#header h1 {
	margin:0;
}
#middle {
/*	width:950px;
	margin:0 auto;*/
}
#middle img {
	display:block;
}
#i0 {
	opacity:0.00;
	filter:alpha(opacity=0);
}
#ffade {
	overflow:hidden;
	position:relative;
	height:433px !important;
	padding-bottom:15px;
}
#ffade ul#first1 {
	position:absolute;
	top:42px;
}
#ffade ul#first1 li {
	list-style-type:none;
	float:left;
	padding:0 0 0 4px;
	opacity:0.00;
	filter:alpha(opacity=0);
}
#ffade ul#first1 li#i1 {
	padding:0 0 0 0px;
}
#ffade #second {
	overflow:hidden;
	opacity:0.00;
	filter:alpha(opacity=0);

}
#ffade #second ul li{
	list-style-type:none;
	float:left;
}
#ffade #second ul li img{
	margin:0 0 7px 6px
}
#ffade #second ul li#first2 img{
	margin:0 0 7px 0px
}
#second ul {
	width:975px;
}
#fixing1,#fixing2 {
	overflow:hidden;
	height:226px;
}

#main {
	width:950px;
	margin:0 auto;
}
.line {
	width:100%;
	border:1px solid #fff;
	height:0;
}
.innerMain {
	position:relative;
	overflow:hidden;
}
#p0 {
	overflow:hidden;
/*	position:absolute;
	top:0;
	left:0;*/
}
#p2 {
	overflow:hidden;
	display:block;
	opacity:0;
/*	position:absolute;
	top:0;
	left:0;*/
	height:0;
}
.pt {
	overflow:hidden;
	padding:30px 0 10px;
}
.pt img {
	float:right;
}
.pt #turnTop {
	float:left;
}
.blocks {}
.aBlock {
	background:#fff;
	overflow:hidden;
	margin:0 0 9px;
}
.aBlock h3 {
	float:left;
}
.aBlock p {
	float:left;
	display:none;
}
.aBlock .rgt {
	float:right;
}
.aBlock .lft {
	float:left;
}
.aBlock .lft img {
	margin:0px 0 0;
}
.bBlock {
	background:#fff;
	overflow:hidden;
	margin:0 0 9px;
}
.bBlock h3 {
	float:right;
}
.bBlock p {
	float:right;
	display:none;
}
.bBlock .rgt {
	float:right;
}
.bBlock .rgt img {
	margin:0px 0 0;
}
.bBlock .lft {
	float:left;
}

.aSlide {
	background:none;
	overflow:hidden;
	margin:0 0 9px;
	position:relative;
	padding-top:25px;
}
.aSlide h3 {
	float:left;
}
.aSlide h3 .rrank {
	position:absolute;
	margin-top:-25px;
}
.aSlide p {
	position:absolute;
	top:347px;
	background:#fff;
	height:111px;
	padding:16px 20px 0;
	border-left:1px solid #eee;
}
.aSlide p span {
	display:block;
	font-size:10px;
	line-height:140%;
	padding-top:3px;
}
.aSlide .rgt {
	float:right;
/*	background:#FFF;*/
	width:690px;
	position:relative;
/*	height:458px;*/
}
.aSlide .lft {
	float:left;
	background:#fff;
}
.aSlide .lft img {
	margin:0px 0 0;
}
#gr1,#gr2,#gr3 {
	margin:11px 0;
}
.bSlide {
	background:none;
	overflow:hidden;
	margin:0 0 9px;
	position:relative;
	padding-top:25px;
}
.bSlide h3 {
	float:right;
}
.bSlide h3 .rrank {
	position:absolute;
	margin-top:-25px;
}
.bSlide p {
	position:absolute;
	top:347px;
	background:#fff;
	height:111px;
	padding:16px 20px 0;
	border-right:1px solid #eee;
}
.bSlide p.pdTop5 {

}
.bSlide p span {
	display:block;
	font-size:10px;
	padding-top:3px;
	line-height:140%;
}
.bSlide .lft {
	float:left;
	background:#FFF;
	width:690px;
	position:relative;
/*	height:458px;*/
}
.bSlide .rgt {
	float:right;
	background:#fff;
}
.bSlide .rgt img {
	margin:0px 0 0;
}

#fix2 {
	margin:0 auto;
	overflow:hidden;
}
#fix2 ul {
	width:950px;
	margin:0 auto;
}
#fix2 ul li {
	list-style-type:none;
	float:left;
}
#f13a1 {
	display:none;
}
#followNav {
	position:fixed;
	z-index:99999;
	top:-114px;
	left:0;
	width:100% !important;
/*	width:100px;
height:100px; */
	background:#000;
}
#followNav ul {
	width:950px;
	margin:auto;
}
#followNav ul li {
	list-style-type:none;
	float:left;
}

@media (max-width: 640px) {
	.contWrap{
		width:auto;
		margin:0 auto;
		padding:0;
		background:url(../images/sp_bg_640.jpg) repeat-y top center;
	}
	#main {
		width:100%;
	}
	h2 img {
		width:100%;
		height:auto;
	}
	.blocks {
		width:93.75%;
		margin:0 auto;
	}
	.blocks img {
		width:100%;
		height:auto;
	}
	.aBlock,.bBlock {		opacity:0;}
	.aBlock p,.bBlock p {
		display:block;
		font-size:16px;
		font-weight:bold;
		padding:4% 4% 0;
		float:left;
	}
	.grIn {
		width:85%;
		margin:5% auto;
	}
	.aBlock p.note,.bBlock p.note {
		font-size:10px;
		color:#000;
		font-weight:normal;
	}
	.aBlock .lft {
		width:100%;
	}
	.bBlock .rgt {
		width:100%;
	}
	.aBlock h3 {
		width:100%;
	}
	
	.aSlide {
		background:none;
		overflow:hidden;
		margin:0 0 9px;
		position:relative;
		padding-top:15%;
	}
	.aSlide h3 {
		position:relative;
	}
	h3 img.rnkttl{
		position:relative;;
	}
	.aSlide h3 .rrank {
		position:absolute;
		top:-15%;
		z-index:55;
	}
	.aSlide p {
		position:relative;
		top:100%;
		background:#fff;
		height:100%;
		padding:4%;
	}
	.aSlide .rgt {
		float:right;
		background:#FFF;
		width:100%;
		position:relative;
		display:table;
	/*	height:458px;*/
	}
	.aSlide .rgt p {

	}
	.flex-viewport {
		display:table-header-group;
	}
	.rgt ol {
		display:none;
	}
	.flex-direction-nav {
		display:table-header-group;
	}

	.aSlide p span,.bSlide p span {
		padding-top:5px;
}
	
	
	.aSlide img {
		width:100%;
		height:auto;
	}
	.aSlide .lft {
		float:left;
		width:100%;
		background:#FFF;
	}
	.aSlide .lft img {
		margin:0px 0 0;
	}
	.bSlide {
		background:none;
		overflow:hidden;
		margin:0 0 9px;
		position:relative;
		padding-top:15%;
	}
	.bSlide h3 {
		position:relative;
	}
	.bSlide h3 .rrank {
		position:absolute;
		top:-15%;
		z-index:55;
	}
	.bSlide p {
		position:relative;
		top:100%;
		background:#fff;
/*		height:111px;*/
		padding:4%;
	}
	.bSlide .lft {
		float:left;
		background:#FFF;
		width:100%;
		position:relative;
		display:table;
	}
	.bSlide .lft p {

	}	
	
	.bSlide img {
		width:100%;
		height:auto;
	}
	.bSlide .rgt {
		float:right;
		width:100%;
		background:#fff;
	}
	.bSlide .rgt img {
		margin:0px 0 0;
	}
	
	.sp ul#spNav {
		width:93.75%;
		margin:0 auto;
		padding:0 0 20px;
	}
	.sp ul#spNav li {
		list-style-type:none;
		padding:5px 0;
	}
	.pt {
	overflow:hidden;
	width:93.75%;
	margin:0 auto;
	}
	.pt img.lft {
		float:none;
	}
	.gr {
		width:100% !important;
		height:auto;
	}
	.pt #turnTop {
		width:100%;
		padding-bottom:10px;
	}
	.pt img {
		width:100%;
		height:auto;
	}
	
}
/*table-header-group*/

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

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

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

#global_footer #footer_logo{
	margin: 0px auto 10px;
	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;
	}
	.sp img {
		width:100%;
		height:auto;
	}
}


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