@charset "shift-jis";
/* ---------------------------------------------------------
	
	file name : page.css
	style info : 
	
--------------------------------------------------------- */
.mod-brandTopImage{
	width:950px;
	height:300px;
	margin:0 0 10px;
	padding:0;
	overflow:visible!important;
}
.mod-brandTopImage-main{
	float:none!important;
	margin:0;
	padding:0;
}
.mod-subTitle{
	margin:0 0 10px;
}
#spmainImage{
	display:none;
}
/* added feb08_2013 */
.mod-brandTopImage #slide {
	position: relative;
	margin: 0 auto;
}

.mod-brandTopImage ul, li {
	list-style:none;
}

.mod-brandTopImage #slide #list li {
	position: absolute;
	top: 0;
	left: 0;
}
.mod-brandTopImage #slide #list li img{
	height:300px!important;
}
@media (max-width:640px) {
	.mod-brandTopImage{
		display:none;
	}
	#spmainImage{
		display:block;
		width:auto;
		margin:0 auto 20px;
	}
	#spmainImage img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	#spmainImage p{
		display:block;
		width:auto;
		margin:0 auto;
		padding:10px 20px;
		background:#aaa;
		color:#fff;
		font-size:110%;
		line-height:1.8;
	}
}


#contents{
	width:940px;
	padding:5px;
	background:#eee;
	line-height:1.65;
}

.box{
	width:940px;
	height:220px;
	margin:0 0 5px;
	background:#fff;
	overflow:hidden;
}
.boxlast{
	margin:0;
}

.boxinleft{
	float:left;
	width:469px;
	height:220px;
}
.boxinright{
	float:right;
	width:471px;
	height:220px;
}
.boxinright h3{
	width:396px;
	height:56px;
	margin:30px auto 0;
}

.boxinright .text{
	width:393px;
	margin:0 auto 10px;
}

.boxinright .btndetail{
	width:263px;
	height:26px;
	margin:40px auto 0;
}
.boxinright .btndetail2{
	width:263px;
	height:26px;
	margin:20px auto 0;
}
.boxinright h3.title{
	display:none;
}
@media (max-width:640px) {
	#contents{
		width:auto;
		margin:0 0 10px!important;
		padding:0px 0 ;
		background:#eee;
	}
	
	.box{
		width:auto;
		height:auto;
		margin:0 5px 5px;
		padding:0;
		background:#fff;
		overflow:hidden;
	}
	
	.boxinleft{
		display:none;
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.boxinright{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.boxinright h3{
		display:none;
	}
	.boxinright h3.title{
		display:block;
		width:auto;
		height:auto;
		margin:20px 10px 0;
	}
	.boxinright h3.title img{
		display:block;
		max-width:80%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.mb10{
		margin-bottom:10px!important;
	}
	.boxinright .text{
		width:auto;
		margin:0 20px;
	}
	
	.boxinright .btndetail{
		width:auto;
		margin:40px auto 20px;
	}
	.boxinright .btndetail img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.boxinright .btndetail2{
		width:auto;
		margin:40px auto 20px;
	}
	.boxinright .btndetail2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.smpbox { padding:0 0 1px;}
	.smpbox .imgsmp { background:#fff; padding:15px 0 0;}
	.smpbox .imgsmp img { height:auto; width:100%;}

}