/*------------------------------------------------------------
●全体の設定
------------------------------------------------------------*/
	* {
	margin:0;
	padding:0;
}
body {
	background:#ccc;/*背景色*/
	font-family:Arial;
	overflow: hidden;
}
#container {
	width: 700px;/*●全体最大幅*/

}
 
	 
/*------------------------------------------------------------
●カルーセルの設定
------------------------------------------------------------*/
	 
#carousel1 {
	position: relative;
	width:700px;/*●全体最大幅*/
	height:380px;/*●高さ*/
}
#carouselimg {
	position: relative;
	margin:50px 0 0 350px;
}
.text {
	margin:10px;
}

/*◇◇◇タイトル部分の設定◇◇◇*/
#item_name {
	display:none;
	color:#ffffff;/*文字色*/
	font-size:1.2em;/*文字サイズ*/
	font-weight:bold;
	margin:10px 0 0 20px;/*余白 上右下左*/
	text-transform:uppercase;
}

/*◇◇◇タイトル部分の設定◇◇◇*/
#price {
	display:none;
	color:#fe4b39;
	margin:0 0 15px 20px;
	font-size:1em;
}

/*◇◇◇画像の設定◇◇◇*/
img.cloudcarousel {
	max-width: 150px;/*●最大幅*/
	height:auto;
}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}


/*◇◇◇ページャーの設定◇◇◇*/
.left {
	position: absolute;
	right: 50px;
	bottom: 10px;
	background:url(img/left.png);
	width:34px;
	height:35px;
	z-index:999;
}
.left:hover {
	background:url(img/left_on.png);
}
.right {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background:url(img/right.png);
	width:34px;
	height:35px;
	z-index:999;
}
.right:hover {
	background:url(img/right_on.png);
}


/*------------------------------------------------------------
●640px以下での表示設定
------------------------------------------------------------*/
 @media screen and (max-width: 640px) {
#container {
	width:100%;
}
#carousel1 {
	position: relative;
	width:100%;
	height:300px;/*●高さ*/
}


#carouselimg {
	position: relative;
	margin:30px 0 0 50%;
}
#title {
	margin:0;
}
#alt {
	margin:0;
}
}