<!--スライドショーを動かにはscripts/asia/japan/custom-slideshow.jsも書き直せ！-->

/**
 * 03-06 スライドショー
 */
/* スライドショー全体のスタイル */
.slide {
	position: relative;
	width:400px;
	font-size: 0; /* 画像下の隙間を埋めるため */
	margin:0px 0 0 0;
	float:left;
}
.slide img {
	max-width: 100%;
}
.slide > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide a.prev,
.slide a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	.slide a.prev,
	.slide a.next {
		top: 40%;
	}
}


/**
 * 03-06 スライドショー(幅300px) １番上のmarginは消した
 */
/* スライドショー全体のスタイル */
.slide-300 {
	position: relative;
	width:300px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-300  img {
	max-width: 100%;
}
.slide-300  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-300  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-300  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-300  a.prev,
.slide-300  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-300  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-300 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-300  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-300  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-300  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-300  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー(幅390px) １番上のmarginは消した
 */
/* スライドショー全体のスタイル */
.slide-390 {
	position: relative;
	width:390px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-390  img {
	max-width: 100%;
}
.slide-390  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-390  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-390  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-390  a.prev,
.slide-390  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-390  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-390 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-390  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-390  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-390  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-390  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * 03-06 スライドショー(幅400px)１番上のmarginは消した
 */
/* スライドショー全体のスタイル */
.slide-400 {
	position: relative;
	width:400px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-400  img {
	max-width: 100%;
}
.slide-400  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-400  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-400  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-400  a.prev,
.slide-400  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-400  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-400 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-400  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-400  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-400  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-400  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー幅440px
 */
/* スライドショー全体のスタイル１番上のmarginは消した */
.slide-440 {
	position: relative;
	width:440px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-440  img {
	max-width: 100%;
}
.slide-440  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-440  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-440  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-440  a.prev,
.slide-440  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-440  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-440 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-440  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-440  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-440  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-440  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー幅450px
 */
/* スライドショー全体のスタイル１番上のmarginは消した */
.slide-450 {
	position: relative;
	width:450px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-450  img {
	max-width: 100%;
}
.slide-450  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-450  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-450  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-450  a.prev,
.slide-450  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-450  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-450 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-450  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-450  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-450  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-450  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * 03-06 スライドショー(幅490px)１番上のmarginは消した
 */
/* スライドショー全体のスタイル */
.slide-490 {
	position: relative;
	width:490px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-490  img {
	max-width: 100%;
}
.slide-490  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-490  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-490  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-490  a.prev,
.slide-490  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-490  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-490 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-490  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-490  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-490  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-490  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー(幅495px)１番上のmarginは消した
 */
/* スライドショー全体のスタイル */
.slide-495 {
	position: relative;
	width:495px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-495  img {
	max-width: 100%;
}
.slide-495  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-495  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-495  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-495  a.prev,
.slide-495  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-495  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-495 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-495  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-495  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-495  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-495  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー(幅500px)
 */
/* スライドショー全体のスタイル　１番上のmarginは消した */
.slide-500 {
	position: relative;
	width:500px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-500  img {
	max-width: 100%;
}
.slide-500  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-500  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-500  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-500  a.prev,
.slide-500  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-500  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-500 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-500  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-500  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-500  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-500  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー幅550px
 */
/* スライドショー全体のスタイル　１番上のmarginは消した */
.slide-550 {
	position: relative;
	width:550px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-550  img {
	max-width: 100%;
}
.slide-550  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-550  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-550  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-550  a.prev,
.slide-550  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-550  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-550 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-550  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-550  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-550  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-550  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー幅600px
 */
/* スライドショー全体のスタイル １番上のmarginは消した*/
.slide-600 {
	position: relative;
	width:600px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	float:left;
}
.slide-600  img {
	max-width: 100%;
}
.slide-600  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-600  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-600  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-600  a.prev,
.slide-600  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-600  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-600 a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-600  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-600  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-600  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-600  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー世界遺産編
 */
/* スライドショー全体のスタイル */
.slide-compact {
	position: relative;
	width:320px;/* ここが違うポイント*/
	font-size: 0; /* 画像下の隙間を埋めるため */
	margin:0 0 0 0;
	float:left;
}
.slide-compact  img {
	max-width: 100%;
}
.slide-compact  > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-compact  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-compact  > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-compact  a.prev,
.slide-compact  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-compact  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-compact a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-compact  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-compact  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-compact  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-compact  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}


/**
 * 03-06 スライドショー交通手段編
 */
/* スライドショー全体のスタイル */
.slide-transport{
	position: relative;
	width:300px;
	font-size: 0; /* 画像下の隙間を埋めるため */
	margin:0 0 10px 25px;
	float:left;
}
.slide-transport  img {
	max-width: 100%;
}
.slide-transport > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-transport  > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-transport > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-transport  a.prev,
.slide-transport  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-transport  a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-transport  a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-transport  a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-transport  a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-transport  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-transport a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * 03-06 スライドショー交通手段編
 */
/* スライドショー全体のスタイル */
.slide-transport-airport{
	position: relative;
	width:300px;
	font-size: 0; /* 画像下の隙間を埋めるため */
	margin:0 0 0 0;
	float:right;
}
.slide-transport-airport  img {
	max-width: 100%;
}
.slide-transport-airport > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide-transport-airport > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide-transport-airport > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide-transport-airport  a.prev,
.slide-transport-airport  a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide-transport-airport   a.prev {
	background: url(../../../../portfolio/images/special-bottom/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide-transport-airport   a.prev:hover {
	background: url(../../../../portfolio/images/special/bottomarrow-left2.png) 50% 50% no-repeat;
}
.slide-transport-airport   a.prev:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-left3.png) 50% 50% no-repeat;
}
.slide-transport-airport   a.next {
	background: url(../../../../portfolio/images/special-bottom/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide-transport-airport  a.next:hover {
	background: url(../../../../portfolio/images/special-bottom/arrow-right2.png) 50% 50% no-repeat;
}
.slide-transport-airport  a.next:active {
	background: url(../../../../portfolio/images/special-bottom/arrow-right3.png) 50% 50% no-repeat;
}