@charset "shift_jis";

/* CSS Document */

#mainArea ul.photo li{
	width: 300px;
    padding: 0px;
    display: inline-block;
    margin: 2em;
}

#mainArea ul.photo li img{
	width: 300px;
}


#mainArea ul.photo-list{
	margin: 1em auto 4em auto;
}

#mainArea ul.photo-list li{
	width: 250px;
    display: inline-block;
	margin: 1em 1em 1em 0;
}

#mainArea ul.photo-list li a:hover,#mainArea ul.photo-list li a:active{
	text-decoration: none;
}

#mainArea ul.photo-list li a:hover p,
#mainArea ul.photo-list li a:hover img,
#mainArea ul.photo-list li a:active p,
#mainArea ul.photo-list li a:active img{
    opacity: 0.5;
}

#mainArea ul.photo-list li p.textLink{
	margin: 0.5em;
    font-size: 1rem;
    font-weight: bold;
	padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left .2em;
}

#mainArea ul.photo-list li img{
	width: 250px;
}

#mainArea div.block div.textArea{
    display: inline-block;
	width: 390px;
    vertical-align: top;
    margin: 17% 2em;
}



@media (max-width: 640px){
	#mainArea ul.photo{
		text-align: center;
    	margin-bottom: 2em;
	}
	
	#mainArea ul.photo li{
	margin: 2em 0 0 0;
	}
	
	#mainArea ul.photo-list{
	text-align: center;
	}
	
	#mainArea ul.photo-list li{
	margin: 1em 0;
	}
	
	#mainArea ul.photo-list li p.textLink{
    text-align: left;
	}
	
	#mainArea div.block div.textArea{
	width: auto;
    margin: 0;
}
}