@charset "Shift_JIS";

/* CSS
   jyusetsu page 2016/04/01
*/

/* common
=====================================================
*/
#popupPage01.jyusetsu {}
#popupPage01.jyusetsu .content,
#popupPage01.jyusetsu .main-content,
#popupPage01.jyusetsu .headerInner,
#popupPage01.jyusetsu .footer-bottom-inner {
	width: 880px;
	margin: 0 auto;
}
	@media only screen and (max-width: 640px) {
		#popupPage01.jyusetsu {}
		#popupPage01.jyusetsu .content,
		#popupPage01.jyusetsu .main-content,
		#popupPage01.jyusetsu .headerInner,
		#popupPage01.jyusetsu .footer-bottom-inner {
			width: auto;
		}
	}
#popupPage01.jyusetsu .main-content h1 {
	margin-bottom: 0;
}

/* contents
=====================================================
*/

/* header-main */
#popupPage01 .header-main p.btn-close {}
	@media only screen and (max-width: 640px) {
		#popupPage01 .header-main p.btn-close {
			display: table-cell;
		}
	}
	#popupPage01 .header-main .btn-close a {
		background: none;
	}

/* jyusetsuContents */
#popupPage01.jyusetsu .jyusetsuContents {
	position: relative;
}
	#popupPage01.jyusetsu .jyusetsuContents ul.jyusetsuContentsList {
		overflow: hidden;
		width: 800px;
	}
		#popupPage01.jyusetsu .jyusetsuContents ul.jyusetsuContentsList li {
			float: left;
			width: 800px;
		}
		#popupPage01.jyusetsu .jyusetsuContents ul.jyusetsuContentsList li img {
			border: 1px solid #999;
		}
/* slider */
#popupPage01.jyusetsu .jyusetsuContents .slider-section {}
	/* スライダー */
	#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider {}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider .image {
			border: 1px solid #999;
		}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider img {
			width: 100%;
		}
	
	/* コントローラー */
	#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler {
		position: relative;
		margin: 10px 0;
		height:34px;
		z-index: 100;
	}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler li {
			position: absolute;
		}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler .slider-prev {
			left: 0;
		}
			#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler .slider-prev a {}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler .slider-next {
			right: 0;
		}
			#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-controler .slider-next a {}
	/* ページ番号 */
	#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-top,
	#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-bottom {
		position: relative;
	}
	#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-pageNumber {
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 115%;
		font-weight: bold;
		text-align: center;
	}
		@media only screen and (max-width: 640px) {
			#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-pageNumber {
				font-size: 100%;
			}
		}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-top .slider-pageNumber {
			top: 5px;
		}
			@media only screen and (max-width: 640px) {
				#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-top .slider-pageNumber {
					margin: 0 0 1em;
					padding: 0;
				}
			}
		#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-bottom .slider-pageNumber {
			top: 5px;
		}
			@media only screen and (max-width: 640px) {
				#popupPage01.jyusetsu .jyusetsuContents .slider-section .slider-bottom .slider-pageNumber {}
			}

/* jyusetsuSubContents */
#popupPage01.jyusetsu .jyusetsuSubContents {
	margin: 20px 0 0;
	padding: 20px;
	border: 1px solid #97d5db;
	background: #f0fdff;
}
	#popupPage01.jyusetsu .jyusetsuSubContents p.txt {}
	#popupPage01.jyusetsu .jyusetsuSubContents p.link {
		margin: 7px 0 0;
	}
		#popupPage01.jyusetsu .jyusetsuSubContents p.link a {
			padding: 0 0 0 15px;
			background: url(/share/doc/auto/20160401/image/jyusetsu_ico_01.png) no-repeat left top 0.2em;
		}

/* jyusetsuLinkArea */
#popupPage01.jyusetsu .jyusetsuLinkArea {
	margin: 15px 0 0;
}
	#popupPage01.jyusetsu .jyusetsuLinkArea .btn {
		text-align: center;
	}