@charset "UTF-8";

/*	aboutCSS
	
		■コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/


/*	コンテンツ設定（各コンテンツ上書き）
----------------------------------------------------------------------------------------------------------------------------------*/

div#content {
	width: 840px;
	padding: 40px 0 0 0;
	margin: 0 auto;
}


div.sttl {
	height: 35px;
	width: 833px;
	margin: 0px auto 10px 0px;
	font-size: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


div.sttlAbout {
	background-image: url(../Images/about_sttl_about.png);
}


div.sttlPoint {
	margin-top: 40px;
	background-image: url(../Images/about_sttl_point.png);
}


/*	第一段落
----------------------------------------------------------------------------------------------------------------------------------*/



div#content div.aboutPttl {
	width: 830px;
	margin: 0 auto;
}


div.aboutPttl img.left {
	float: left;
}


div.aboutPttl .right {
	float: right;
}



div#content div.about {
	width: 820px;
	margin: 10px auto 0 auto;
}


div.about .left,
div.about .right {
	position: relative;
	float: left;
	height: 310px;
	width: 395px;
	background-image: url(../Images/about_pct_bigdaddy.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}


div.about .left P,
div.about .right P {
	font-size: 13px;
	line-height: 150%;
	text-align: justify;
	text-justify: distribute;
}


div.about .left .pct,
div.about .right .pct {
	float: right;
	height: 250px;
	width: 148px;
}


div.about .left a.shot {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 163px;
	width: 257px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
}


div.about .right {
	float: right;
	background-image: url(../Images/about_pct_bigsisyer.png);
	background-position: left bottom;
}


div.about .right .pct {
	float: left;
}


div.about .right a.shot {
	position: absolute;
	right: -8px;
	bottom: 0;
	height: 163px;
	width: 257px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
}


div.about .right a.shot:hover,
div.about .left a.shot:hover {
	background-position: bottom;
}


div.about a.shot div {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}


/* リトルシスターコラム */

div#content div.littlesister {
	position: relative;
	height: 305px;
	width: 820px;
	margin: 30px auto 0 auto;
	background-image: url(../Images/about_littlesister_bg.gif);
	background-repeat: no-repeat;
}


div.littlesister img {
	position: absolute;
	left: 24px;
	top: 25px;
}


div.littlesister p {
	position: absolute;
	left: 24px;
	top: 70px;
	height: 240px;
	width: 212px;
	font-size: 13px;
	color: #231815;
	line-height: 150%;
	display: block;
	text-align: justify;
	text-justify: distribute;
}



/* 3ポイント */

div#content div.point {
	width: 840px;
	margin: 15px 0 0 5px;
}


div.point div.column {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}


div.point a.shot {
	position: relative;
	height: 163px;
	width: 257px;
	margin: 10px 0 0 5px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
}


div.point a.shot:hover {
	background-position: bottom;
}


div.point p {
	width: 252px;
	margin: 10px 0 0 5px;
	font-size: 11px;
	line-height: 160%;
	display: block;
	text-align: justify;
	text-justify: distribute;
}


div.point .end {
	margin:0 !important;
}


div.point a.shot div {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}