@charset "shift-jis";
/* ---------------------------------------------------------
	
	file name : page5.css
	style info : 
	
--------------------------------------------------------- */
/* ---------------------------------------------------------
	box0
--------------------------------------------------------- */
.box0{
	position:relative;
	width:950px;
	height:762px;
	margin:0;
	background:#fff url(../images/smp_image1.jpg) no-repeat left top;
	overflow:hidden;
}
.add {
	position:absolute;
	top:459px;
	left:555px;
	width:330px;
}
.add h3 {
	margin-bottom:10px;
}
.add h3.h3sp,.add img.bottom {
	display:none;
}
.add p {
	padding:0 0 15px;
}
.add table {}
.add table td {
	font-size:11px;
	color:#666;
}

@media (max-width:640px) {
	.add {
		position:relative;
		top:0;
		left:0;
		width:90%;
		margin:0 auto;
		background:#fdfdfd;
		overflow:hidden;
		border-radius:9px;
	}
	.add img {
		width:100%;
		height:auto;
		display:block;
	}
	.add img.bottom {
		display:block;
	}

	.add p {
		padding-top:10px;
		margin:0 auto;
		width:90%;
	}
	.add p br,.add td br {
		display:none;
	}
	.add table {
		width:90%;
		margin:0 auto;
	}
}

.boxinLeft0{
	width:760px;
	margin:40px auto 0;
}
.boxinLeft0 h3{
	width:629px;
	margin:0 auto 5px;
}
.boxinLeft0 h3.h3sp{
	display:none;
}
.boxinLeft0 .text{
	width:760px;
	margin:0 auto;
	color:#333;
}
.boxinLeft0 .btn{
	width:290px;
	margin:15px auto 0;
}
.boxinLeft0 .comment{
	margin:10px auto;
	font-size:80%;
	font-weight:normal;
	color:#7e7e7e;
}

@media (max-width:640px) {
	.box0{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinLeft0{
		float:right;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinLeft0 h3,.add h3{
		display:none;
	}
	.boxinLeft0 h3.h3sp {
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.add h3.h3sp{
		display:block;
		width:90%;
		margin:15px auto;
		font-size:130%;
		font-weight:normal;
		color:#333;
		
	}
	
	.boxinLeft0 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinLeft0 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}

/* ---------------------------------------------------------
	box1
--------------------------------------------------------- */
.box1{
	width:950px;
	height:304px;
	margin:0;
	background:#fff url(../images/smp_image2.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinLeft1{
	float:left;
	width:370px;
	margin:35px  0 0 50px;
}
.boxinLeft1 h3{
	width:370px;
	margin:0 0 5px;
}
.boxinLeft1 h3.h3sp{
	display:none;
}
.boxinLeft1 .text{
	width:370px;
	margin:0 auto;
	color:#333;
}
.boxinLeft1 .note{
	color: #666;
	font-size: 0.77em;
	margin: 10px 0;
	padding: 0 0 0 60px;
	position: relative;
}
.boxinLeft1 .note span {
	left:0;
	position:absolute;
	top:0;
}
.boxinLeft1 .btn{
	width:290px;
	margin:15px auto 0;
}
.boxinLeft1 .comment{
	margin:10px auto;
	padding-left:5.8em;
	text-indent:-5.8em;
	font-size:80%;
	font-weight:normal;
	color:#7e7e7e;
}

@media (max-width:640px) {
	.box1{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinLeft1{
		float:right;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinLeft1 h3{
		display:none;
	}
	.boxinLeft1 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinLeft1 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
.boxinLeft1 .note{
	margin: 10px;
	padding: 0 10px;
	position: relative;
}
.boxinLeft1 .note span {
	left:0;
	position:relative;
	top:0;
}
	.boxinLeft1 .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:495px;
	margin:0 0;
	background:#fff url(../images/smp_image3.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinleft2{
	width:767px;
	margin:32px auto 50px;
}
.boxinleft2 h3{
	width:439px;
	margin:50px auto 10px;
}
.boxinleft2 h3.h3sp{
	display:none;
}
.boxinleft2 .text{
	width:767px;
	margin:0 auto;
	color:#333;
}
.boxinleft2 .btn{
	width:263px;
	margin:20px auto 0;
}
.boxinleft2 .btnsp{
	display:none;
}
@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;
	}
	.comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
	.comment2{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}
/* ---------------------------------------------------------
	box3
--------------------------------------------------------- */
.box3{
	width:950px;
	height:310px;
	margin:0 0;
	background:#fff url(../images/smp_image4.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinright3{
	float:right;
	width:355px;
	margin:87px 78px 0 0;
}
.boxinright3 h3{
	width:345px;
	margin:0 0 5px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}
.boxinright3 h3.h3sp{
	display:none;
}
.boxinright3 .text{
	width:345px;
	margin:0;
	color:#333;
}
.boxinright3 .btn{
	width:314px;
	margin:20px auto 0;
}
.boxinright3 .btnsp{
	display:none;
}
.boxinright3 .comment{
	margin:15px auto;
	padding-left:5.8em;
	text-indent:-5.8em;
	font-size:80%;
	font-weight:normal;
	color:#7e7e7e;
}
@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 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;
	}
	.boxinright3 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}