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

	Site Name   VAIO
	File Name   page.css

	Create Date 2013/00/00

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

/*----------------------------------------------------------
	Module Top Style Sheet
-----------------------------------------------------------*/
/* shared */
body{
	color:#4e5661;
	background:#fcfbfc url(/vaio/special/d133/images/bg.jpg) no-repeat center top;
}

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

#global_header{
	width: 100%;
	height: 44px;
	text-align: left;
	background-color: #FFF;
}
#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
-----------------------------------------------------------*/
.contWrap{
	margin:0 auto;
	padding:0;
}
@media (max-width: 640px) {
	.contWrap{
		width:auto;
		margin:0 auto;
		padding:0;
	}
}


/*----------------------------------------------------------
	block01
-----------------------------------------------------------*/

#sec1{
	background:#f1f1f1;
}

.block01{
	width:950px;
	height:490px;
	margin:0 auto;
	padding:0;
	background: url(/vaio/special/d133/images/b1bg.jpg) no-repeat center top;
}

.block01Intro{
	width:350px;
	margin:0 0 0 63px;
	padding:70px 0 0;
}

.block01Text{
	margin:40px 0 0 63px;
	line-height:2;
	font-size:15px;
}
.block01ImageSP{
	display:none;
}
@media (max-width: 640px) {
	#sec1{
		background:none;
	}
	.block01{
		width:auto;
		height:auto;
		background:none;
	}
	
	.block01Intro{
		width:auto;
		height:auto;
		margin:20px 10px 0;
		padding:0;
	}
	.block01Intro img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.block01Text{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:10px 0;
		line-height:2;
		font-size:100%;
	}
	.block01ImageSP{
		display:block;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block01ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

}


/*----------------------------------------------------------
	nav
-----------------------------------------------------------*/
#secNav{
	background:#fff;
	padding:10px 0;
}


nav{
	width:950px;
	height:160px;
	margin:0 auto;
	padding:0;
	background:url(/vaio/special/d133/images/navbg.png) no-repeat left top;
}

.navPc{
	width:950px;
	height:160px;
	margin:0 auto;
	padding:0;
	background:none;

}
.navPc ul{
	overflow:hidden;
	width:950px;
	height:160px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background:none;
}
.navPc ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
.navPc ul li.last{
	float:left;
	margin:0;
	padding:0;
}

.floatMenu{
	display:none;
	width:950px;
	height:60px;
	margin:0 auto;
	padding:0;
	background:url(/vaio/special/d133/images/floatmenubg.png) no-repeat left top;
}
.floatMenu ul{
	overflow:hidden;
	width:950px;
	height:60px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
.floatMenu ul li{
	float:left;
	margin:0;
	padding:0;
}

.navSp{
	display:none;
}
@media (max-width: 640px) {
	#secNav{
		background:none;
		padding:0;
	}
	nav{
	display:none;
	background:none;
	}
	.navPc{
		display:none;
	}
	.navSp{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		overflow:hidden;
	}
	.navSp ul{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		list-style:none;
		background:#e9e9e9;
	}
	.navSp ul li{
		float:none;
		margin:0 auto;
		padding:0;
		background:#e9e9e9;
	}
	.navSp ul li img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.floatMenu{
		display:none!important;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:#e9e9e9;
	}
	.floatMenu ul{
		display:none!important;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		list-style:none;
		background:#e9e9e9;

	}
}
.fixed {
	width:100%!important;
	position: fixed;
	top: 0;
	left: 0;
	z-index:9999;
	background:#fff;
}
@media (max-width: 640px) {
	.fixed {
		display:none;
		width:auto!important;
		position: static;
	}
}

/*----------------------------------------------------------
	block02
-----------------------------------------------------------*/
#sec2{
	background:#f1f1f1;
}

.block02{
	width:950px;
	height:357px;
	margin:0 auto;
	padding:0;
	background:url(/vaio/special/d133/images/b2bg.jpg) no-repeat center bottom;
}

.block02Right{
	float:right;
	width:490px;
	margin:60px 20px 0 0;
	*display:inline;
}

.block02Right h2{
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:normal;
}
.block02Text{
	width:395px;
	margin:15px 0 20px 100px;
	padding:0;
	font-size:13px;
}

.block02Right ul{
	width:395px;
	margin:0 0 0 100px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.block02ImageSP{
	display:none;
}

@media (max-width: 640px) {
	#sec2{
		background:#e9e9e9;
	}
	.pt20{
		padding:20px 0 0!important;
	}
	.block02{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:none;
	}
	
	.block02Right{
		float:none;
		width:auto;
		margin:0;
	}
	
	.block02Right h2{
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block02Right h2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}

	.block02Text{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:0 0 20px;
		line-height:2;
		font-size:100%;
	}
	
	.block02Right ul{
		width:auto;
		margin:0 10px 20px;
		list-style:none;
		overflow:hidden;
	}
	.block02ImageSP{
		display:block;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block02ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}
/*----------------------------------------------------------
	block03
-----------------------------------------------------------*/
#sec3{
	background:#f1f1f1;
}
.block03{
	width:950px;
	height:965px;
	margin:0 auto;
	padding:0;
}

.block03Intro{
	width:602px;
	margin:0 auto;
	padding:100px 0 0;
}

.block03Text{
	width:827px;
	margin:0 auto;
	padding:20px 30px 20px;
}
.block03Text2{
	width:730px;
	margin:0 auto;
	padding:20px 0 0;
	font-size:20px;
	color:#009f7c;
}
.block03Image{
	width:827px;
	margin:0 auto;
	padding:0;
}
.siyou{
	margin:0 auto;
	padding:0;
	font-size:80%;
}
.block03Image2{
	width:970px;
	margin:0 auto;
	padding:0;
}
.block03ImageSP{
	display:none;
}
/*----------------------------------------------------------
	size
-----------------------------------------------------------*/
#sizebox{
	position:relative;
	width:950px;
	height:460px;
	margin:0 auto;
	padding:0;
}
#name1{
	position:absolute;
	top:50px;
	left: 140px;
	display:none;

}
#name2{
	position:absolute;
	top:50px;
	left: 610px;
	display:none;
}
#waku1{
	position:absolute;
	top:135px;
	left: 61px;
	display:none;

}
#waku2{
	position:absolute;
	top:120px;
	left: 522px;
	display:none;
}
#ui1{
	position:absolute;
	top:135px;
	left: 61px;
	display:none;

}
#ui2{
	position:absolute;
	top:120px;
	left: 522px;
	display:none;
}
#hand1{
	position:absolute;
	top:185px;
	left: 250px;
	display:none;
}
#hand2{
	position:absolute;
	top:185px;
	left: 750px;
	display:none;
}

#line{
	position:absolute;
	top:122px;
	left:378px ;
	display:none;
}
#arrow{
	position:absolute;
	top:200px;
	left:425px ;
	display:none;
}

#dsize{
	position:absolute;
	top:100px;
	left: 280px;
	display:none;

}
#dsize2{
	position:absolute;
	top:100px;
	left: 280px;
	display:none;
}

@media (max-width: 640px) {
	#sec3{
	background:#e9e9e9;
	}
	.block03{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:none;
	}
	
	.block03Intro{
		width:auto;
		height:auto;
		margin:20px 10px;
		padding:0;
	}
	.block03Intro img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.block03Text{
		width:auto;
		height:auto;
		margin:20px 10px;
		padding:0;
	}
	.block03Text2{
		width:auto;
		height:auto;
		margin:20px 10px;
		padding:0;
	}
	.block03Image{
		display:none;
	}
	.block03Image2{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.block03Image img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block03Image2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block03ImageSP{
		display:block;
		width:auto;
		height:auto;
		margin:20px 10px 0;
		padding:0;
	}
	.block03ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	#sizebox{
		position:static;
		display:none;
	}
	.siyou{
		margin:0 10px 0;
		padding:0 0 20px;
		font-size:80%;
	}

}

/*----------------------------------------------------------
	block04
-----------------------------------------------------------*/
#sec4{
	background:#f1f1f1;
}

.block04{
	width:950px;
	height:440px;
	margin:0 auto;
	padding:0;
	background:url(/vaio/special/d133/images/b4bg.jpg) no-repeat left top;
}

.block04Left{
	float:left;
	width:410px;
	margin:109px 0 0 50px;
	padding:0;
	*display:inline;
}

.block04Text{
	margin:0 0 20px;
	padding:0;
	font-size:13px;
}
.block04Left ul{
	margin:0;
	padding:0;
	font-size:10px;
	list-style:none;
}
.block04ImageSP{
	display:none;
}
@media (max-width: 640px) {
	#sec4{
	background:#e9e9e9;
	}
	.block04{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:none;
	}
	
	.block04Left{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		*display:inline;
	}
	.block04Left h2{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:0;
	}
	
	.block04Left h2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block04Text{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:0;
		font-size:14px;
	}
	.block04Left ul{
		margin:20px 10px 0;
		padding:0;
		font-size:80%;
		list-style:none;
	}
	.block04ImageSP{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:0;
	}
	.block04ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}

}

/*----------------------------------------------------------
	block05
-----------------------------------------------------------*/
#sec5{
	background:#f1f1f1;
}
.block05{
	width:950px;
	height:405px;
	margin:0 auto;
	padding:0;
}

.block05box{
	position:relative;
	width:890px;
	height:390px;
	margin:0 auto;
	padding:0;
	background:url(../images/graphback.png);
}
.block05ImageSP{
	display:none;
}

@media (max-width: 640px) {
	#sec5{
	background:#e9e9e9;
	}
	.block05{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:#e9e9e9;
	}
	
	.block05box{
		display:none;
	}
	.block05ImageSP{
		display:block;
		width:auto;
		height:auto;
		margin:0 10px;
		padding:20px 0;
		background:#e9e9e9;
	}
	.block05ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
}
/*----------------------------------------------------------
	グラフ部分
-----------------------------------------------------------*/

.duo11{
	position:absolute;
	left:141px;
	top:30px;
	width:225px;
	height:50px;
	width:0;
	height:50px;
	background:#00a587;
}

.duo11Cover{
	position:absolute;
	left:141px;
	top:30px;
	width:233px;
	height:50px;
	background:url(../images/graph.png);
}

.duo13{
	position:absolute;
	left:141px;
	top:135px;
	width:225px;
	height:50px;
	background:#00a587;
}

.duo13Cover{
	position:absolute;
	left:141px;
	top:135px;
	width:233px;
	height:50px;
	background:url(../images/graph.png);
}

.duo13vom{
	position:absolute;
	left:141px;
	top:250px;
	width:225px;
	height:50px;
	background:#00a587;
}

.duo13vomCover{
	position:absolute;
	left:141px;
	top:250px;
	width:233px;
	height:50px;
	background:url(../images/graph.png);
}

/*----------------------------------------------------------
	グラフ内 テキスト イメージの位置
-----------------------------------------------------------*/

.duo11Image{
	position:absolute;
	left:30px;
	top:25px;
}

.duo11Text{
	position:absolute;
	left:142px;
	top:76px;
	*top:86px;;
	line-height:1.2;
	font-size:10px;
}

.duo13Image{
	position:absolute;
	left:30px;
	top:130px;
}

.duo13Text{
	position:absolute;
	left:142px;
	top:181px;
	*top:191px;;
	line-height:1.2;
	font-size:10px;
}

.duo13vomImage{
	position:absolute;
	left:30px;
	top:242px;
}

.duo13vomText{
	position:absolute;
	left:142px;
	top:296px;
	*top:306px;
	line-height:1.2;
	font-size:10px;
}

#up1{
	display:none;
	position:absolute;
	left:505px;
	top:155px;
}

#up2{
	display:none;
	position:absolute;
	left:610px;
	top:250px;
}

#up3{
	display:none;
	position:absolute;
	left:373px;
	top:30px;
}


/*----------------------------------------------------------
	block07
-----------------------------------------------------------*/
#sec7{
	background:#f1f1f1;
}

.block07{
	width:950px;
	height:820px;
	margin:0 auto;
	padding:0;
}
.block07Left{
	float:left;
	width:317px;
	margin:120px auto 0;
}
.block07Image{
	width:870px;
	margin:0 auto;
	padding:10px 0 0;
}

.block07Intro{
	width:274px;
	margin:0 0 0 42px;
	padding:0;
}
.block07Intro2{
	width:509px;
	margin:0 auto;
	padding:40px 0 0;
}

.block07Text{
	width:846px;
	margin:0 auto;
	padding:10px 0 30px;
	font-size:13px;
	line-height:1.6;
}

.block07Wrap{
	width:950px;
	height:320px;
	margin:0 auto;
	overflow:hidden;
}

.pdfocr{
	overflow:hidden;
	width:730px;
	margin:0 auto;
}

.pdfocrleft{
	float:left;
	width:392px;
}

.pdfocrright{
	float:right;
	width:295px;
	margin:45px 0 0;
	font-size:13px;
}
.pdfocrlink{
	background:url(../images/arrow_green.jpg) no-repeat left 50%;
}
.pdfocrlink a{
	color:#009f7c;
	padding-left:15px;
}
@media (max-width: 640px) {
	.pdfocr{
		overflow:hidden;
		width:auto;
		margin:0 auto;
		padding:0 0 50px;
	}
	
	.pdfocrleft{
		float:none;
		width:auto;
		margin:0 20px 25px;
	}
	.pdfocrleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.pdfocrright{
		float:none;
		width:auto;
		margin:0 10px;
	}
}
/*----------------------------------------------------------
	スライダー
-----------------------------------------------------------*/

.slidWrap{
	float:right;
	width:420px!important;
	height:280px;
	margin:43px 100px 0 0;
}

#changeImg{
	width:309px;
	height:200px;
	margin:0 auto;
}
.changeImgBtnWrap{
	overflow:hidden;
	width:290px;
	height:27px;
	margin:10px auto 0;
}
.changeImgBtn1{
	float:left;
}

.changeImgBtn2{
	float:right;
}
@media (max-width: 640px) {
	.slidWrap{
		float:none;
		width:auto!important;
		height:auto;
		margin:0 auto;
		padding:0;
		overflow:hidden;
	}
	#changeImg{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	#changeImg img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.changeImgBtnWrap{
			width:auto;
			height:auto;
			margin:10px auto;
			padding:0;
	}
	.changeImgBtn1{
		float:left;
		width:48%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.changeImgBtn1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.changeImgBtn2{
		float:right;
		width:48%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.changeImgBtn2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}

@media (max-width: 640px) {
	#sec7{
		background:#e9e9e9;
	}
	.block07{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:none;
	}
	.block07Left{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.block07Image{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.block07Intro{
		width:auto;
		height:auto;
		margin:20px 10px;
		padding:0;
	}
	.block07Intro img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.block07Intro2{
		width:auto;
		height:auto;
		margin:0 10px 10px;
		padding:0;
	}
	
	.block07Intro2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.btnslide{
		width:auto;
		height:auto;
		margin:20px 10px;
		padding:0;
	}
	.btnslide img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.block07Text{
		width:auto;
		height:auto;
		margin:0 10px 20px;
		padding:0;
		font-size:13px;
		line-height:1.6;
	}
	
	.block07Wrap{
		width:auto;
		height:auto;
		margin:0 ;
		padding:0;
		overflow:visible;
	}
	
	/*----------------------------------------------------------
		タブ
	-----------------------------------------------------------*/
	#tab-box{
		display:none;
	}
	#tab-boxSP{
		display:block;
	}
	#tab-boxSP ul {
		width:auto;
		height:auto;
		margin:0 auto;
		list-style:none;
	}
	#tab-boxSP ul li {
		float:none;
		width:auto;
		height:auto;
		margin:0 10px;
	}
	#tab-boxSP ul li a img{
		outline:none;
		border:none;
	}
	#tab-boxSP div {
		display:none;
		width:950px;
	}
	#tab-01SP{
		width:auto;
		height:auto;
		margin:0 10px;
	}
	#tab-02SP{
		width:auto;
		height:auto;
		margin:0 10px;
	}
	#tab li {
		float: left;
		display:block;
		width:100px;
		padding: 10px;
		list-style: none;
		cursor: pointer;
		background: #eee;
	}
	#tab li.select {
		background: yellow;
	}
	.disnon {
		display: none;
	}
	.content_wrap {
		width:auto;
		height:auto;
		margin:0 30px;
		padding:0;
	}
	#tab {
		overflow:hidden;
	}
	#slidetest1{
		overflow:hidden;
		display: none;
		width:auto;
		height:500px;
		margin:0 30px;
		padding:0;
	}
	
	#slidetest2{
		overflow:hidden;
		display: none;
		width:auto;
		height:500px;
		margin:0 30px;
		padding:0;
	}
}
/*----------------------------------------------------------
	block08
-----------------------------------------------------------*/
#sec6{
	background:#f1f1f1;
}

.block08{
	width:950px;
	height:401px;
	margin:0 auto;
	padding:0;
	background:url(/vaio/special/d133/images/b8bg.jpg) no-repeat center top;
}

.block08Right{
	float:right;
	width:352px;
	margin:147px 30px 0 0;
	*display:inline;
}

.block08Right h2{
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:normal;
}
.block08Text{
	margin:15px 0 20px 0;
	padding:0;
	font-size:13px;
}

.block08Right ul{
	margin:0 0 0 80px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.block08ImageSP{
	display:none;
}
@media (max-width: 640px) {
	#sec6{
		background:#e9e9e9;
	}
	.block08{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		background:none;
	}
	
	.block08Right{
		float:none;
		width:auto;
		margin:0;
	}
	
	.block08Right h2{
		width:auto;
		height:auto;
		margin:0 10px 10px;
		padding:0;
	}
	.block08Right h2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	.block08Text{
		width:auto;
		height:auto;
		margin:0 10px 20px;
		padding:0;
		line-height:2;
		font-size:100%;
	}
	
	.block08Right ul{
		width:auto;
		margin:0 auto;
		list-style:none;
		overflow:hidden;
	}
	.block08ImageSP{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.block08ImageSP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
}
#global_footer{
	background-color: #4e5661;
}

#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;
	}
}
#sec8{
	background:#f1f1f1;
}

.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 ;
	}
}
/*----------------------------------------------------------
	メニュー、アンカー調整部分
-----------------------------------------------------------*/


#b1{
	display:block;
	padding-top:60px;
	margin-top:-60px
}

#b2{
	display:block;
	padding-top:60px;
	margin-top:-60px
}

#b3{
	display:block;
	padding-top:60px;
	margin-top:-60px
}

#b4{
	display:block;
	padding-top:60px;
	margin-top:-60px
}
@media (max-width: 640px) {
#b1{
	display:block;
	padding-top:0;
	margin-top:0
}

#b2{
	display:block;
	padding-top:0;
	margin-top:0
}

#b3{
	display:block;
	padding-top:0;
	margin-top:0
}

#b4{
	display:block;
	padding-top:0;
	margin-top:0
}
}
/*----------------------------------------------------------
	PC SP 表示切り替え
-----------------------------------------------------------*/
.pc{
	display:block;
}
.sp{
	display:none;
}
@media (max-width: 640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	h2{
		font-size:20px!important;
		margin:0 10px 20px!important;
		font-weight:normal!important;
	}
	p{
		line-height:1.5!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:187px;
	float:left;
	padding-left:164px
}
#inside .rgt {
	width:569px;
	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
	}
}



/*----------------------------------------------------------
	slidebox
-----------------------------------------------------------*/

#slidebox{
	position:relative;
	width:950px;
	height:360px;
	margin:0 auto;
	padding:0;
}

#slidetitle{
	position:absolute;
	top:55px;
	left: 221px;
}

#yajirushi1{
	position:absolute;
	top:189px;
	left: 289px;
	display:none;
}

#yajirushi2{
	position:absolute;
	top:189px;
	left: 619px;
	display:none;
}

#slide1{
	position:absolute;
	left: 4px;
	top:102px;
}
#slide2{
	position:absolute;
	left: 4px;
	top:102px;
	display:none;
	opacity:0;
}
#slide3{
	position:absolute;
	left: 316px;
	top:102px;
	display:none;
	opacity:0;
}

#exp1{
	position:absolute;
	left: 86px;
	top:306px;
}
#exp2{
	position:absolute;
	left: 406px;
	top:306px;
	display:none;
}
#exp3{
	position:absolute;
	left: 770px;
	top:306px;
	display:none;
}

@media (max-width: 640px) {
	#slidebox{
		display:none;
	}
	
	.spslide{
		width:auto;
		height:auto;
		margin:0 10px 50px;
		padding:0;
	}
	.spslide img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}







