@charset "UTF-8";


/************************************************************
/* コンテンツ
************************************************************/
#contentArea section .w750 {
	position: relative;
}

#contentArea section h3 {
	font-size: 16px;
	margin: 20px 0 15px;
}
#contentArea section .txt .wrap {
	position: relative;
	overflow: hidden;
/*
	height: 200px;
*/
}

#contentArea section .txt .wrap .gd:before {
/*
	content: "";
	background: url("../images/gradation.png") repeat-x;
	width: 100%;
	height: 333px;
	position: absolute;
	top: 1em;
*/
}

#contentArea section .txt .wrap .buttom {
	position: absolute;
	top: 8em;
	width: 100%;
}

#contentArea section .photo {
	text-align: center;
}

#contentArea section .photo img {
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
}

#contentArea section .buttom span {
	display: inline-block;
	font-size: 10px;
}

/*****************************************************************/
	@media print, screen and (min-width: 620px) {
		#contentArea section .txt {
			width: 50%;
			float: right;
		}
		#contentArea section .photo {
			width: 48%;
			float: left;
		}
		#contentArea section .photo img {
			margin-top: 0;
			max-width: 300px;
		}
	}

	@media print, screen and (min-width: 920px) {
		#contentArea section h3 {
			font-size: 18px;
			margin-bottom: 30px;
		}

		#contentArea section .txt .wrap {
/*
			height: 250px;
*/
		}


		#contentArea section .txt {
			width: 400px;
			float: right;
		}

		#contentArea section .photo {
			width: 310px;

		}

		#contentArea section .photo img {
			max-width: none;
			margin-top: 0;
		}

		#contentArea section .txt .wrap .buttom.yellow a {
			width: 240px;
			padding-top: 18px;
			padding-bottom: 16px;
		}

}