@charset "utf-8";

/*
-------------------------------
komamura top css
version:19th december 2013
author:1969.jp
-------------------------------*/

/* -- top
-------------------------------------------------- */
ul#businessUl{
	margin:0;
	padding:0;
	list-style:none;
}

ul#businessUl li{
	width:250px;
	text-align:center;
	float:left;
}

div.productBoxLeft{
	width:457px;
}

div.productBoxRight{
	width:309px;
	vertical-align:middle;
	
}

div.productBoxRight img{
	vertical-align:middle;
}


div#mainImage{
	background-color:#000;
	text-align:center;
	max-height:418px;
	overflow:hidden;
}

div#mainImage .flexslider{
	border: none;
	max-width: 914px;
	margin: 0 auto;
	background-color: #000;
}

div.productBox02{
	width:360px;
}





/* --movie
-------------------------------------------------- */
div.blackBg{
	width:914px;
	height:98px;
	background-color:#000;
}
	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	
	background:#000;
	
	width:914px;
	height:418px;
	
	padding:0;
	margin:0 auto;
}

.slider{
	position:relative;
	width:100%;
	margin:0 auto;
	background:#000;
}

.kc2000link{
	cursor:pointer;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}


@media only screen and (max-width: 800px){
	.wrapper,
	.slider-wrapper,
	.slider{
		width:100%; height:auto;
	}
}








@media only screen and (max-width: 769px){
	ul#businessUl{
		margin:0;
	}
	
	ul#businessUl li{
		width:100%;
		float:none;
	}
	
	div.productBoxLeft{
		width:100%;
		text-align:center;
	}

	div.productBoxRight{
		width:100%;
		text-align:center;
	}
}