/***********************************
トップ
***********************************/

.mod-brandTopImage{
	width:950px;
	height:410px;
	margin:0 auto;
	padding:0;
}
.mod-brandTopImage-main{
	width:950px;
	height:410px;
	margin:0 auto;
	padding:0;
}
#boxwrap{
	width:950px;
	height:1710px;
	margin:0 auto;
	padding:0;
	background:#000;
}

@media (max-width:640px){
.mod-brandTopImage{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}

.mod-brandTopImage-main{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.mod-brandTopImage-main img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto 30px;
	padding:0;
}
#boxwrap{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
}

/***********************************
box01
***********************************/
#box01{
	width:950px;
	height:464px;
	margin:0 auto;
	padding:0 0 0;
	color:#808080;
	background:url(../images/vgsp02.jpg) no-repeat left top;
}

#box01 h3{
	width:550px;
	margin:0 0 0 35px;
	padding:25px 0 0;
	font-size:140%;
}

#box01 p{
	width:570px;
	margin:15px 0 0 35px;
	padding:0;
	line-height:1.8;
}

.box01img{
	width:500px;
	margin:0 0 0 45px;
}
.box01imgsp{
	display:none;
}
@media (max-width:640px){
	#box01{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#808080;
	background:url(../images/vgsp02.jpg) no-repeat left top;
}
#box01 h3{
	width:auto;
	height:auto;
	margin:0 10px 20px;
	padding:20px 0 0;
}

#box01 p{
	width:auto;
	height:auto;
	margin:0 10px;
	padding:0;
}

.box01img{
	width:auto;
	display:none;
}
.box01imgsp{
	display:block;
}
.box01imgsp img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto 30px;
	padding:0;
}
}
#box02{
	width:878px;
	height:198px;
	margin:20px auto 0;
	padding:0;
	border:solid 1px #808080;
}

.box02left{
	float:left;
	width:390px;
	height:163px;	
}
	
.box02left01{
	float:left;
	width:162px;
	height:162px;
	margin:18px 0 0 19px;
	*display:inline;
}
	
.box02left02{
	float:left;
	width:145px;
	height:82px;
	margin:54px 0 0 49px;
	*display:inline;
}

.box02right{
	float:right;
	width:437px;
	margin:15px 20px 0 0;
	color:#808080;
	line-height:1.8;
	font-size:90%;
	*display:inline;	
}
@media (max-width:640px){
#box02{
	width:auto;
	height:auto;
	margin:0 10px;
	padding:0;
	border:solid 1px #808080;
}

.box02left{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
	
.box02left01{
	float:left;
	width:40%;
	height:auto;
	margin:20px 10px 10px 30px;
	padding:0;
}
.box02left01 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.box02left02{
	float:right;
	width:30%;
	height:auto;
	margin:50px 20px 10px 10px;
	padding:0;
}

.box02left02 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}

.box02right{
	float:none;
	width:auto;
	height:auto;
	margin:0 10px;
	padding:0;
	color:#808080;
	line-height:1.8;
	font-size:90%;
}
}
#box03{
	width:880px;
	height:240px;
	margin:35px auto 0;
	padding:0;
}

.box03left{
	float:left;
	width:131px;
	height:200px;
	margin:38px 0 0;
}

.box03right{
	float:right;
	width:730px;
	margin:0;
}

#box03 p{
	float:right;
	width:730px;
	margin:20px 0 0;
	padding:0;
	font-size:110%;
	line-height:1.8;
	color:#fff;
}
.box03right .pc{
	display:block;
}

.box03right .sp{
	display:none;
}

@media (max-width:640px){
#box03{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}

.box03left{
	display:none;
}
.box03right{
	float:none;
	width:auto;
	height:auto;
	margin:0 10px 20px;
	padding:0;
}
.box03right .pc{
	display:none;
}

.box03right .sp{
	display:block;
	margin:20px auto 10px;
}
.box03right .sp img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}

.box03right img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
#box03 p{
	float:none;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:110%;
	line-height:1.5;
	color:#fff;
}

}
#btnLine{
	width:880px;
	margin:0 auto;
}

#btnLine ul.btnLineList{
	width:880px;
	height:30px;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#btnLine ul.btnLineList li{
	float:left;
	width:291px;
	height:30px;
	margin:0 1px 0 1px;
	padding:1px 0 12px;
	color:#fff;
	text-align:center;
	font-size:150%;
	text-shadow: 1px 1px 3px #000;
	background:#333 url(../images/arrow.png) no-repeat 10% 30%;
/* applied only IE6 */
	_font-weight:bold;

	/* applied IE6 and IE7 */
	>font-weight:bold;

	/* applied only IE8 */
	font-weight /*\**/: bold\9;
}
#btnLine ul.btnLineList li:hover{
	float:left;
	width:291px;
	height:30px;
	margin:0 1px 0 1px;
	padding:1px 0 12px;
	background:#f00;
	color:#fff;
	text-align:center;
	font-size:150%;
	text-shadow: 1px 1px 3px #000;
	background:#f00 url(../images/arrow.png) no-repeat 10% 30%;
}
#btnLine ul.btnLineList li.last{
	float:left;
	width:292px;
	height:30px;
	margin:0 0 0 0;
	padding:1px 0 12px;
	background:#333;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-size:150%;
	text-shadow: 1px 1px 3px #000;
	background:#333 url(../images/arrow.png) no-repeat 10% 30%;
}
#btnLine ul.btnLineList li.last:hover{
	float:left;
	width:292px;
	height:30px;
	margin:0 0 0 0;
	padding:1px 0 12px;
	background:#f00;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-size:150%;
	text-shadow: 1px 1px 3px #000;
	background:#f00 url(../images/arrow.png) no-repeat 10% 30%;
	*display:inline;
}
#btnLine ul.btnLineList li a{
	color:#fff;
	text-decoration:none!important;
	font-family:"ヒラギノ角ゴ Pro W3",sans-serif!important;
}

#btnLine ul.btnLineList li.active {/*選択中のタブ。色を変える等*/
	background: #f00;
	background:#f00 url(../images/arrow.png) no-repeat 10% 30%;
}
@media (max-width:640px){
	#btnLine{
		display:none;
		width:auto;
		height:auto;
	}
	#btnLine ul.btnLineList{
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
	}
	
	#btnLine ul.btnLineList li{
		float:left;
		margin:0;
		padding:0;
	}
}
.box04{
	width:880px;
	height:178px!important;
	margin:10px auto 0;
	padding:0;
	background:url(../images/vgsp08.jpg) no-repeat left top;
}
.area {/*切り替わる部分はまず全部消しておく*/
	width:880px;
	height:auto;
	margin:0 auto ;
}

#tab1,#tab2,#tab3,#tab4{
	display:none;
	width:880px;
	height:178px!important;
	height:auto;
	margin:13px auto 0;
	overflow:hidden;
}

@media (max-width:640px){
	.box04{
		display:none;
		width:auto;
		height:auto;
	}
	#tab1,#tab2,#tab3,#tab4,#tab5{
		display:none;
		width:auto;
		margin:0 auto ;
		}
	.area {/*切り替わる部分はまず全部消しておく*/
		display:none;
		width:auto;
		height:auto;
		margin:0 auto ;
	}
	#tab1,#tab2,#tab3,#tab4{
		display:none!important;
	}
}
.btnLineList li.active {/*選択中のタブ。色を変える等*/
	background:#000;
}
.btnLineList li a{
	display:block;
}

.linename1{
	float:left;
	width:234px;
	height:42px;
	margin:80px 0 0 30px;
	color:#fff;
	*display:inline;
}

.linename2{
	float:left;
	width:234px;
	height:42px;
	margin:80px 0 0 30px;
	color:#fff;
	*display:inline;
}

.linename3{
	float:left;
	width:271px;
	height:50px;
	margin:80px 0 0 10px;
	color:#fff;
	*display:inline;
}

.linename4{
	float:left;
	width:202px;
	height:44px;
	margin:80px 0 0 45px;
	color:#fff;
	*display:inline;
}

.linename5{
	float:left;
	width:271px;
	height:50px;
	margin:80px 0 0 15px;
	color:#fff;
	*display:inline;
}


.linetext{
	float:right;
	width:420px;
	height:120px;
	margin:42px 140px 0 0;
	color:#fff;
	*display:inline;
}

.linetext p{
	display:none;
}
.box05{
	width:880px;
	margin:20px auto 0;
	padding:0;
	overflow:hidden;
}

.box05left{
	float:left;
	width:640px!important;
	height:360px!important;
	margin:0;
	padding:0;
}

.box05right{
	float:right;
	width:234px;
	margin:0;
}

.moviebtnarea{
	float:left;
	width:235px;
	margin:0;	
}

.box05right ul{
	float:right;
	width:235px;
	margin:0;
	padding:0;
	list-style:none;
}

.box05right ul li{
	width:235px;
	height:81px;
	margin:0 0 12px 0;
	padding:0;

}
.box05right ul li.last{
	width:235px;
	height:81px;
	margin:0 0 0;
	padding:0;
}
@media (max-width:640px){
	.box05{
		display:none;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
#box06{
	width:880px;
	margin:30px auto 0;
	padding:15px 0 20px;
	overflow:hidden;
	border-top:solid 1px #808080;
}

.box06left{
	float:left;
	width:435px;
	margin:0;
}

.box06right{
	float:right;
	width:435px;
	margin:0;
}

.box06bnr01{
	margin:0;
}

.box06bnr02{
	margin:9px 0 0;
}
@media (max-width:640px){
	#box06{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		border-top:solid 1px #808080;
	}
	
	.box06left{
		float:none;
		width:auto;
		height:auto;
		margin:10px 10px;
		padding:0;
	}
	
	.box06left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.box06right{
		float:none;
		width:auto;
		height:auto;
		margin:10px 10px;
		padding:0;
	}
	
	.box06right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}

.stsp{
	display:none;
}
@media (max-width:640px){
	.stsp{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		color:#fff;
	}
	.stsp h3{
			width:auto;
			height:auto;
			margin:0 10px;
			padding:0 0 5px;
			list-style:none;
			overflow:hidden;
	}
	.stsp h3 img{
			display:block;
			width:100%;
			height:auto;
			margin:0 auto;
			list-style:none;
			overflow:hidden;
	}
	.stsp p{
			width:auto;
			height:auto;
			margin:0 20px;
			padding:0 0 20px;
			list-style:none;
			overflow:hidden;
	}
	
	.stsp div.mqimg{
		width:auto;
		height:auto;
		margin:0 20px 20px;
		padding:0;
	}
	.stsp div.mqimg img{
		display:block;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}

.jrtext{
	color:#666;
	font-size:12px;
}
@media (max-width:640px){
	.jrtext{
		color:#666;
		font-size:12px;
	}
}