@charset "UTF-8";

/***********************************************/
/* FileName: contents.css                      */
/* data:2013/11/01                             */
/***********************************************/

.bgbox{
	display:none;
}

/* ヘッダー */
header .inner {
    margin: 0 auto;
    max-width: 100%;
    min-width: 770px;
}
header .inner.sp {
    margin: 0 auto;
    min-width: 100%;
}


/* コンテンツ */
div#Contents{
	min-width:inherit;
	/padding-bottom:60px;
	}			
div#main{
	margin:0 auto;
	/min-height:700px;
	/text-align:left;
	float:none;
	max-width:1205px;
	/*padding: 0 0 10px 120px;	*/
	}
	
div#index{
	/*
	width:720px;
	*/
	
	/*overflow:hidden;*/
	position:relative;
	left:10px;
	}
div#index ul{
	text-align:left;
	position:relative;
	/*height:1000px;*/
	}

/* 基本のセル設定 */
div#index li{
	width:234px;
	min-height:234px;
	height:100%;
	height:234px;
	position:relative;
	
	border-radius:5px; /* CSS3 */
　　-webkit-border-radius:5px; /* Safari,Google Chrome用 */
　　-moz-border-radius:5px; /* Firefox用 */
	}
	
div#index li a{
	/*
	background:#FFF;
	*/
	display: block;
	text-decoration: none;
	color: #323232;
	min-height:234px;
	
	background-image:url(../_img/index/amaz/bg_box_basis.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	position: relative;
	}
	
div#index li a:hover{
	background-image:url(../_img/index/amaz/bg_box_basis_on.png);
	background-color:#FFF3F3;
	}
div#index li span.title{
	background:#E99929;
	padding:5px 10px;
	display:block;
	border-radius:5px 5px 0 0;
	}	

div#index li span.catch{
	padding:15px 0 10px 10px;
	display:block;
	}
		
div#index li a span.boxArrow{
	bottom:0;
	right:0;
	display:block;
	position:absolute;
	}
	
div#index li a span.boxArrow img{
	border-radius: 0 0 5px 0; /* CSS3 */
　　-webkit-border-radius: 0 0 5px 0; /* Safari,Google Chrome用 */
　　-moz-border-radius: 0 0 5px 0; /* Firefox用 */
	}

div#index li span.lead{
	display:block;
	margin:0 5px 10px 10px;
	padding:0 0 40px;
	position:relative;
	font-size:90%;
	letter-spacing:-0.04em;
	}

div#index li div.figure{
	position:absolute;
	bottom:10px;
	left:10px;
	border-radius:0 0 5px 5px; /* CSS3 */
　　-webkit-border-radius:0 0 5px 5px; /* Safari,Google Chrome用 */
　　-moz-border-radius:0 0 5px 5px; /* Firefox用 */
	}


div#index li span.figure img{
	position:absolute;
	bottom:10px;
	left:10px;
	border-radius:8px; /* CSS3 */
　　-webkit-border-radius:8px; /* Safari,Google Chrome用 */
　　-moz-border-radius:8px; /* Firefox用 */
	vertical-align:top;
	}
	
div#index li div.fullImg{
	bottom:0px;
	left:0px;
	}


div#index li span.fullImg img{
	position:absolute;
	bottom:0px;
	left:0px;
	vertical-align:top;
	}		
						




/* 1x2サイズのセル */
div#index li.block2{
	width:474px;
	
	}	
div#index li.block2 a{
	background-image:url(../_img/index/amaz/bg_box_middle.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	}
	
div#index li.block2 a:hover{
	background-image:url(../_img/index/amaz/bg_box_middle_on.png);
	background-color:#FFF3F3;
	}

div#index li.information{
	background-image:url(../_img/index/amaz/bg_box_middle.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}	

/* 新着情報 */
div#index li.information a{
	background:none;
}

div#index li.information a:hover{
	background:none;
}

div#index li.information ul{
	width:454px;
	margin:0 auto;
	overflow-y:scroll;
	height:180px;
}

div#index li.information ul li{
	margin-top:0.8em;
	
	width:434px;
	height:auto;
	min-height:10px;
	
	border-radius:0; /* CSS3 */
　　-webkit-border-radius:0; /* Safari,Google Chrome用 */
　　-moz-border-radius:0; /* Firefox用 */

	border-bottom:#989898 dashed 1px;
	
}

div#index li.information ul li span.days{
	line-height:1em;
}

div#index li.information ul li span.tag{
	padding:0 0 0 1em;
	display:inline-block;
	vertical-align:central;
	
}

div#index li.information ul li p.news{
	margin:0.3em 0;
	
}

div#index li.information ul li a{
	display:inline;
	text-decoration:underline;
}

div#index li.information ul li a:hover{
	text-decoration:none;
}


/* メインビジュアル */
div#index li.block32{
	width:714px;
	height:474px;
	
	}	
div#index li.block32 ul li{
	width:714px;
	height:474px;
	position:absolute;
	}	
div#index li.block32 a{
	/*background-image:url(../_img/index/amaz/bg_box_large.png);*/
	background-position: 0 0;
	background-repeat:no-repeat;
	width:714px;
	height:474px;
	}

div#index li.block32 a:hover{
	background-image:url(../_img/index/amaz/bg_box_large_on.png);
	background-color:#FFF3F3;
	}

div#index li.block32 span.fullImg img{
	border-radius:10px;
}

/*  FBはこちら */
div#index li.fblink a{
	color:#fff;
	background:none;
	
	}
	
div#index li.fblink a:hover{
	color:#fff;
	background:none;
	
	}


.ovl.infoimg {
	cursor: pointer;
	position: absolute;
	left: 120px;
	top: 125px;
	z-index:100;
}
.infoimg img{
	width:0px;
	height:0px;
}







/*  Scroll ---------------------- */
ul#scroll{
	position:absolute;
	right:10px;
	top:0;
	display: block;
	}
ul#scroll li{
	margin:5px 0;
	}