@charset "utf-8";

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


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - Contents -
	======================================== */

	#contents div.slider {
		margin: 0 0 30px 0;
	}

	#contents div.slider > div.container {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	#contents div.slider > div.container > ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
		position: relative;
		width: auto;
	}

	#contents div.slider > div.container > ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#contents div.slider > div.container > ul > li {
		float: left;
	}

	#contents div.slider > div.container > ul > li:nth-child(even) {
	}

	#contents div.slider > div.container > ul > li > a,
		#contents div.slider > div.container > ul > li > a > span,
			#contents div.slider > div.container > ul > li > a > span.photo > img {
				display: block;
				position: relative;
	}

	#contents div.slider > div.container > ul > li > a {
		margin: 0 auto 0 auto;
		text-decoration: none;
		width: 86%;
	}

	#contents div.slider > div.container > ul > li > a.login {
		position: relative;
	}

	#contents div.slider > div.container > ul > li > a.login > span.photo + span.title {
	}
	
	#contents div.slider > div.container > ul > li > a.login > span.photo + span.title:after {
		background: url("../../img/icon_login_yellow.png") left center no-repeat;
		background-size: auto 14px;
		content: '';
		display: inline-block;
		position: relative;
		height: 14px;
		margin: 0 2px 0 2px;
		top: calc(50% - 14px / 2);
		vertical-align: middle;
		width: 11px;
	}

	#contents div.slider > div.container > ul > li > a > span.photo {
		border: 1px solid #cbcbcb;
		padding: 0;
	}

	#contents div.slider > div.container > ul > li > a > span.photo > img {
		height: auto;
		margin: 0 auto 0 auto;
		max-width: 100%;
		width: auto;
	}

	#contents div.slider > div.container > ul > li > a > span.photo > img.img_y {
		width: auto;
	}

	#contents div.slider > div.container > ul > li > a > span.photo + span.title {
		margin-top: 10px;
	}

	#contents div.slider.center > div.container > ul > li > a > span.title {
		text-align: center;
	}

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

	#contents div.slider.navigation > a.navigation,
		#contents div.slider.navigation > div.container {
			float: left;
	}

	#contents div.slider.navigation > div.container {
		width: 84%;
	}

	#contents div.slider.navigation > a.navigation,
		#contents div.slider.navigation > a.navigation > span {
			display: block;
			position: relative;
			width: 100%;
	}

	#contents div.slider.navigation > a.navigation {
		text-align: center;
		text-decoration: none;
		width: 8%;
	}

	#contents div.slider.navigation > a.navigation > span {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		margin: 0 auto 0 auto;
		max-width: 30px;
	}

	#contents div.slider.navigation > a.navigation.prev > span {
		background-image: url("../../img/icon_arrow_black_wide_left.png");
	}

	#contents div.slider.navigation > a.navigation.next > span {
		background-image: url("../../img/icon_arrow_black_wide_right.png");
	}

}