@charset "utf-8";

/*
	* Name: newly.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 個別設定 - 頭出し -
	======================================== */

	#main div.separate.news {
		text-decoration: none;
	}

	#main div.separate.news:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.separate.news > div {
		float: left;
		margin: 0 0 42px 0;
	}

	#main div.separate.news > div.photo {
		margin: 0 18px 0 0;
		width: 236px;
	}

	#main div.separate.news > div.photo > ul.article {
		list-style-type: none;
		margin-bottom: 8px;
		margin-left: 0;
		opacity: 0;
		position: relative;
		width: 100%;
	}

	#main div.separate.news > div.photo > ul.article > li {
		position: absolute;
		width: 100%;
	}

	#main div.separate.news > div.photo > ul.article > li a,
		#main div.separate.news > div.photo > ul.article > li a img {
			display: block;
	}

	#main div.separate.news > div.photo > ul.article > li a {
		position: relative;
	}

	#main div.separate.news > div.photo > ul.article > li a img {
		display: block;
		margin: 0 0 4px 0;
		max-width: 236px;
		max-height: 270px;
	}

	#main div.separate.news > div.photo > ul.article > li a span.photo {
		background-color: #EFEFEF;
		display: block;
		margin: 0 0 8px 0;
		position: relative;
	}

	#main div.separate.news > div.photo > ul.article > li a span.photo img {
		position: relative;
	}

	#main div.separate.news > div.photo > ul.article > li a span.title {
		display: none;
	}

	#main div.separate.news > div.photo > nav.controller {
		background: none;
		display: none;
		margin-left: auto;
		margin-right: auto;
		min-height: inherit;
		padding-top: 0;
		position: relative;
		width: auto;
	}

	#main div.separate.news > div.photo > nav.controller ul.controller {
		height: 8px;
		margin-left: auto;
		text-align: center;
		width: 100% !important;
	}

	#main div.separate.news > div.photo > nav.controller ul.controller li {
		background: url("../../../img/pc/common/btn_article.png") left top no-repeat;
		cursor: pointer;
		display: inline-block;
		margin-left: 2px;
		margin-right: 2px;
		height: 8px;
		text-indent: -9999px;
		width: 8px;
	}

	#main div.separate.news > div.photo > nav.controller ul.controller li:hover,
		#main div.separate.news > div.photo > nav.controller ul.controller li.current {
			background-position: left -8px;
	}

	#main div.separate.news > div.news div.articlelist ul.list li.current {
		font-weight: bold;
	}

	#main div.separate.news > div.news {
		width: 354px;
	}

	#main div.articlelist.comment {
		margin: -14px 0 36px 0;
	}

	#main div.articlelist.comment:last-child {
		margin-bottom: 18px;
	}

	#main div.articlelist.comment > ul.list {
		margin-left: 0;
	}

	#main div.articlelist.comment > ul.list li {
		background: none;
		border-bottom: 1px dotted #DCDCDC;
		margin-bottom: 0;
		padding: 10px 14px 10px 14px;
	}

	#main div.articlelist.comment > ul.list li:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.articlelist.comment > ul.list li a {
		font-weight: bold;
	}

	#main div.articlelist.comment > ul.list li p {
		margin-left: 0;
		margin-right: 0;
	}

	#main div.articlelist.comment > ul.list li > div {
		float: left;
	}

	#main div.articlelist.comment > ul.list li > div.photo {
		margin: 0 16px 0 0;
		width: 100px;
		text-align: center;
	}

	#main div.articlelist.comment > ul.list li > div.photo img {
		max-height: 80px;
		max-width: 100px;
	}

	#main div.articlelist.comment > ul.list li > div.news {
		width: 464px;
	}

	#main  div.articlelist.comment + div.pagenation {
		border-top: none;
		margin-top: -32px;
	}

}