@charset "shift-jis";
/* ---------------------------------------------------------
	box0
--------------------------------------------------------- */
.box0{
	position:relative;
	width:950px;
	height:684px;
	margin:0;
	background:#fff url(../images/tv_image1.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinleft0{
	position:absolute;
	left:36px;
	top:435px;
	width:455px;
}
h3.box0posi{
	position:absolute;
	left:200px;
	top:400px;
	width:555px;
	margin:0;
}
.boxinleft0 h3.h3sp{
	display:none;
}
.boxinleft0 .text{
	width:450px;
	margin:0 0 10px;
	color:#333;
}
.btnbox0{
	position:absolute;
	left:343px;
	top:630px;
	width:265px;
}
.boxinleft0 .btnsp{
	display:none;
}
.boxinleft0 .comment{
	margin:0;
	padding-left:0;
	font-size: 80%;
	font-weight: normal;
	color: #7e7e7e;
	line-height:1.25;
}
@media (max-width:640px) {
	.box0{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinleft0{
		position:static;
		width:auto;
		height:auto;
		margin:0;
	}
	.btnbox0{
		display:none;
	}
	h3.box0posi{
		display:none;
	}
	.boxinleft0 h3{
		display:none;
	}
	.boxinleft0 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinleft0 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft0 .btn{
		display:none;
	}
	.boxinleft0 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinleft0 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.boxinleft0 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}

/* ---------------------------------------------------------
	box1
--------------------------------------------------------- */
.box1{
	width:950px;
	height:389px;
	margin:0;
	background:#fff url(../images/tv_image2.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinright1{
	float:right;
	width:390px;
	margin:110px 30px 0 ;
}
.boxinright1 .btn{
	width:366px;
	margin:20px auto 0;
}
.boxinright1 .btnsp{
	display:none;
}

.boxinright1 h3.h3sp{
	display:none;
}
.boxinright1 h3{
	width:390px;
	margin:0 0 5px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}

.boxinright1 .text{
	width:390px;
	margin:0 auto;
	color:#333;
}

.comment {
	margin: 10px 0 0;
	font-size: 10px;
	color:#7e7e7e;
}
@media (max-width:640px) {
	.box1{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinright1{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinright1 h3{
		display:none;
	}
	.boxinright1 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinright1 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinright1 .btn{
		display:none;
	}
	.boxinright1 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinright1 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}

	.boxinright1 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}
.br{
	display:block;
}
@media (max-width:640px) {
.br{
	display:none;
}
	
}
/* ---------------------------------------------------------
	box2
--------------------------------------------------------- */
.box2{
	width:950px;
	height:477px;
	margin:0 0;
	background:#fff url(../images/tv_image3.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinleft2{
	float:left;
	width:370px;
	margin:50px 0 0 30px;
}
.boxinleft2 h3{
	width:350px;
	margin:0;
	font-size:150%;
	font-weight:normal;
	color:#333;
}

.boxinleft2 h3.h3sp{
	display:none;
}

.boxinleft2 .text{
	width:370px;
	margin:0 auto;
	color:#333;
}

.boxinleft2 .btn{
	width:286px;
	margin:190px auto 0;
}
.boxinleft2 .btnsp{
	display:none;
}
.boxinleft2 .comment{
	margin: 10px 0 0;
	padding-left:10px;
	text-indent:-6px;
	font-size: 80%;
	font-weight: normal;
	color: #7e7e7e;
}
@media (max-width:640px) {
	.box2{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinleft2{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinleft2 h3{
		display:none;
	}
	.boxinleft2 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinleft2 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft2 .btn{
		display:none;
	}

	.boxinleft2 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinleft2 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.boxinleft2 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}

}
/* ---------------------------------------------------------
	box3
--------------------------------------------------------- */
.box3{
	width:950px;
	height:389px;
	margin:0;
	background:#fff url(../images/tv_image4.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinright3{
	float: right;
	width: 335px;
	margin: 43px 20px 0 0;
}
.boxinright3 .btn{
	width:317px;
	margin:15px auto 0;
}	
.boxinright3 .btnsp{
	display:none;
}

.boxinright3 h3{
	width: 335px;
	margin:0 0 5px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}

.boxinright3 h3.h3sp{
	display:none;
}
.boxinright3 .text{
	width: 335px;
	margin:0 auto;
	color:#333;
}
.boxinright3 .comment {
	margin: 20px auto 0;
	font-size: 80%;
	font-weight: normal;
	color: #7e7e7e;
}
.nasne{
	display:none;
}

@media (max-width:640px) {
	.box3{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#fff;
		overflow:hidden;
	}
	.boxinright3{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinright3 .btn{
		display:none;
	}
	.boxinright3 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinright3 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.boxinright3 h3{
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinright3 h3{
		display:none;
	}
	.boxinright3 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}

	.boxinright3 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.nasne{
		display:block;
		width:auto;
		height:auto;
		margin:15px 20px;
	}
	.nasne img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.boxinright3 .comment {
		margin: 15px 20px;
		font-size: 80%;
		font-weight: normal;
		color: #7e7e7e;
	}
}

/* ---------------------------------------------------------
	box4
--------------------------------------------------------- */
.box4{
	width:950px;
	height:366px;
	margin:0;
	background:#fff url(../images/tv_image5.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinleft4{
	float: left;
	width: 370px;
	margin: 60px 0 0 30px;
}
.boxinleft4 .btn{
	width:272px;
	margin:15px 0 0 60px;
}
.boxinleft4 .btnsp{
	display:none;
}

.boxinleft4 h3.h3sp{
	display:none;
}
.boxinleft4 h3{
	width: 370px;
	margin:0 0 10px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}

.boxinleft4 .text{
	width: 370px;
	margin:0;
	color:#333;
}

@media (max-width:640px) {
	.box4{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinleft4{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinleft4 h3{
		display:none;
	}
	.boxinleft4 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinleft4 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft4 .btn{
		display:none;
	}
	.boxinleft4 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinleft4 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.coment{
		margin:10px 20px 0;
		font-size:10px;
	}
}