#outerwrap{
	width:100%;
    position: relative;
 }

#outerwrap .outerwrapshadow{
    position: absolute;
    top: 0px;
    left: 0px;
	width:100%;
    background: transparent url(../common_images/bg.png) 0 0 repeat-x;
    height: 22px;
    z-index: 10;
}

#outerwrap .maintitle{
    position: absolute;
    top: 0px;
    left: 0px;
	width:100%;
    height: 1px;
    z-index: 10;
}

#outerwrap .maintitle .maintitletext{
	margin: 200px auto 0;
}

#scrollwarp{
	width:100%;
	height: 590px;
	overflow: hidden; 
	/*overflow: scroll;*/
	margin-bottom: 30px;
}

#scrollbox{
	display:block;
	margin:0 auto;
	overflow: hidden;
	max-width:1620px;
	/* background:#fff url(../common_images/scroll-bg.png) repeat; */
}

.dammyBgImg{
	background:#fff url(../common_images/scroll-bg.png) repeat;
}

#scrollbox *{

}

div.box{
	overflow: hidden; 
	position: relative; 
	margin-bottom: 20px; 
}

div.box.small{
	width: 185px;
	height: 135px;
	background: #fff; 
}

div.box.large{
	width: 390px;
	height: 290px;
	background: #fff; 
}

div.box.small p
	display:block;
	position: relative;
	overflow: hidden; 
}

div.box.small p {
	width: 185px;
	height: 135px;
}

div.box.large p {
	width: 390px;
	height: 290px;
}

div.box img {
    height: 100%;
    width: auto;
    position: absolute;
    display: block;
    left: -50%;
    right: -50%;
    margin: 0 auto;
}

div.box p span{
	position: absolute;
	background:#0059BA;
	left:0;
	bottom:0;
	color:#fff;
	width:100%;
	padding:5px;
	display:none;
	line-height: 1.4em; 
	font-size: 12px; 
}


/* ==================================================
	= Media Queries
================================================== */

/* 480px未満（デフォルト） */
@media only screen and (max-width: 479px) {
	#outerwrap .maintitle .maintitletext{
		width:100%;
		margin: 50px auto 0;
	}

	#outerwrap .maintitle .maintitletext img{
		width:100%;
		height: auto;
	}

	#scrollwarp{
		width:100%;
		height: 320px;
		overflow: hidden; 
		/*overflow: scroll;*/
		margin-bottom: 30px;
	}

}

/* 480px以上 */
/* スマホ */
@media only screen and (min-width: 480px) {
	#outerwrap .maintitle .maintitletext{
		width:100%;
		margin: 50px auto 0;
	}

	#scrollwarp{
		width:100%;
		height: 320px;
		overflow: hidden; 
		/*overflow: scroll;*/
		margin-bottom: 30px;
	}
}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {
	#outerwrap .maintitle .maintitletext{
		max-width:768px;
		margin: 50px 0 0 0;
	}
	#scrollwarp{
		width:100%;
		height: 440px;
		overflow: hidden; 
		/*overflow: scroll;*/
		margin-bottom: 30px;
	}
}

/* 1024px以上*/
/* デスクトップ */
@media only screen and (min-width: 1024px) {

	#outerwrap .maintitle .maintitletext{
		max-width:1228px;
		margin: 200px auto 0;
	} 
	#scrollwarp{
		width:100%;
		height: 590px;
		overflow: hidden; 
		/*overflow: scroll;*/
		margin-bottom: 30px;
	}
	
}