@charset "UTF-8";

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


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

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-image: url(../Images/plasmid_sttl_plasmid.png);
	background-repeat: no-repeat;
}



/*	コンテンツ
----------------------------------------------------------------------------------------------------------------------------------*/

div#content div.aboutPlasmid {
position:relative;
background-image:url(../Images/plasmid_aboutplasmid_bg.gif);
width:820px;
height:224px;
margin:30px 0 35px 10px;
}

div#content div.aboutPlasmid img {
position:absolute;
}

div#content div.aboutPlasmid img.pttl {
left:18px;
top:26px;
}

div#content div.aboutPlasmid img.pht {
left:447px;
top:32px;
}

div#content div.aboutPlasmid p {
position:absolute;
display:block;
width:415px;
top:70px;
left:18px;
color:#000000;
font-size:13px;
line-height:150%;
}

div#content div.plasmid {
	width: 840px;
	margin: 30px 0 0 5px;
}


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

div#content div.column div.pttl{
height:59px;
margin:0;
}

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


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

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


div.plasmid .end {
	margin-right: 0 !important;
}


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