@charset "UTF-8";
/**
 * グリッドスタイル
 */

/* ------------------------------
 Grid
------------------------------ */

#GridContents {
width: 100%;
margin: 5px auto 0;
float: left;

}
#GridContents .grid {
    font-size:12px;
    text-align: left;
    color: #ffffff;
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    margin:0px 14px 90px 0px;
    float: left;
    border: 1px dotted #999;
    position:relative;

}

#GridContents .grid-right {
    font-size:12px;
    text-align: left;
    color: #ffffff;
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    margin:0px 0px 90px 0px;
    float: left;
    border: 1px dotted #999;
     position:relative;
}

#GridContents .grid-left {
    font-size:12px;
    text-align: left;
    color: #ffffff;
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    margin:0px 14px 90px 0px;
    float: left;
    border: 1px dotted #999;
    position:relative;

}

#GridContents .grid img{
 width: 130px;
    height: 130px;
   margin:5px 0px 0px 5px;
}

#GridContents .grid-left img{
   margin:5px 0px 0px 5px;
}

#GridContents .grid-right img{
 width: 130px;
    height: 130px;
   margin:5px 0px 0px 5px;
}





.grid-left .grid-left_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/zoom.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid-left:hover .grid-left_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid-left .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}



.grid .grid_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/zoom.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid:hover .grid_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}
	

.grid-right .grid-right_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/zoom.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid-right:hover .grid-right_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid-right .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}




.grid-left .grid-left-brand_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/link.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid-left:hover .grid-left-brand_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid-left .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}



.grid .grid-brand_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/link.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid:hover .grid-brand_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}
	

.grid-right .grid-right-brand_zoom {
		position:absolute;
		top:0px;
		right: 0px;
		width:140px;
		height:140px;
		background-image: url("../images/link.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
		.grid-right:hover .grid-right-brand_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.grid-right .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}









#GridContents .grid p{
    font-size: 12px;
    color: #000000;
text-decoration: none;
margin-top:12px;}

#GridContents .grid-left p{
    font-size: 12px;
    color: #000000;
text-decoration: none;
margin-top:12px;}

#GridContents .grid-right p{
    font-size: 12px;
    color: #000000;
text-decoration: none;
margin-top:12px;}

#GridContents .tokyo img{
 width: 58px;
    height: 15px;
   margin:0px 0px 0px 0px;
}

#GridContents .osaka img{
 width: 58px;
    height: 15px;
   margin:0px 0px 0px 0px;
}

#GridContents .large {
    width: 370px;
    height: 300px;
}

#GridContents .gridText {
    line-height: 1.6em;
}
#GridContents .dateTag {
    height: 15px;
    margin-top: 10px;
}
#GridContents .date {
    font-family: Helvetica, Arial, sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 10px;
    color: #999999;
    width: 100px;
    float: left;
}

}