@charset "Shift_JIS";
/* 
	PetCrew.jp Version.2010 CSS Document
	design/common.css
	Copyrightc 2010 PEAKS Co., Ltd. All Rights Reserverd. ( http://petcrew.jp )
*/

/* Layout */
	
	div.mainNewsContents{
		margin:0px;
		width:660px;
		text-align:left;
	}
	
	div.mainNewsContents h1{
		margin:0px;
		margin-bottom:15px;
		background: green;
		padding:3px;
		font-size:20px;
		color: white;
		line-height:150%;
		text-align:center;
	}
	
	div.mainNewsContents h2{
		margin:20px 5px 15px 10px;
		padding: 0px 5px;
		border-left: 7px solid #99CC00;
		border-bottom: 1px solid #99CC00;
		font-size:18px;
		line-height:180%;
	}
	
	div.mainNewsContents h3{
		margin:25px 5px 0 20px;
		padding: 0px 5px;
		border-left: 7px solid gray;
		border-bottom: 1px solid gray;
		font-size:14px;
		line-height:180%;
	}
	
	div.mainNewsContents h4{
		margin:25px 5px 5px 30px;
		font-size:14px;
		font-weight:bold;
	}

	div.mainNewsContents h5{
		margin:25px 5px 5px 30px;
		font-size:14px;
		font-weight:bold;
	}
	
	
	div.mainNewsContents p{
		margin:10px 10px 0 30px ;
		font-size:14px;
		line-height:150%;
	}
	
	div.mainNewsContents .releaseDate {
		margin-top:-25px;
		margin-bottom:20px;
		padding:5px;
		text-align:right;
		font-size:80%;
	}
		
	/* check mark */
	div.mainNewsContents .markNumber {
		margin:0px 0px;
		margin-left:33px;
		padding-left:20px;
		font-size:14px;
		list-style: decimal;
		padding-right:10px;
	}
	
	div.mainNewsContents .markCircle {
		margin:0px 0px;
		margin-left:33px;
		padding-left:20px;
		font-size:14px;
		list-style:circle;
		padding-right:10px;
	}
	
	
	div.mainNewsContents .checkMark {
		font-size:14px;
		list-style: none;
		padding-right:10px;
	}
	div.mainNewsContents .checkMark li {
		position: relative;
		padding-bottom:7px;
		line-height:130%;
	}
	div.mainNewsContents .checkMark li::after {
		display: block;
		content: '';
		position: absolute;
		top: .5em;
		left: -1em;
		width: 8px;
		height: 3px;
		border-left: 2px solid #3498db;
		border-bottom: 2px solid #3498db;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	

/* mainContents List Block */
div.mainNewsContents div.newsHistory{
	clear:both;
	font-size:14px;
	padding-top:15px;
}
div.mainNewsContents div.newsHistory div.newsDate{
	float:left;
	margin-left:20px;
	width:130px;
}
div.mainNewsContents div.newsHistory div.newsTitle{
	float:right;
	width:500px;
}
div.mainNewsContents div.newsHistory div.newsText{
	float:right;
	padding-top:5px;
	width:500px;
	margin:0px;
}