﻿@charset "UTF-8";

/* ▼▼▼ トップ
=====================================*/
#interval {position: fixed;top: 0;right: 0;}

body {
	display: none;
	background: #000 url(../img/top/bg.png) no-repeat center top;
	}
#site_title {position: inherit;}
header,#news,#kodawari,#menu,#other {
	position: relative;
	}

header {height: 667px;overflow: visible;}
	header #site_title {
		position: absolute;
		top: 101px;
		left: 30px;
		}
		header .copy {
			position: absolute;
			top: 69px;
			left: 303px;
			}
	header #gnav {
		position: absolute;
		top: 508px;
		left: 50px;
		right: inherit;
		}
		header #gnav li {margin: 0 20px 0 0;}
	.online {
		position: absolute;
		top: 478px;
		left: 260px;
		}
	.aniv30 {
		position: absolute;
		top: 180px;
		left: 500px;
		}
		.aniv30 img {max-width: inherit;}
	.top_shinjuku {
		position: absolute;
		top: 552px;
		left: 515px;
		}

#main {width: 960px;background: none;margin-bottom: 0;overflow: visible;}

/* ▼ 最新情報 */
#news {
	width: 100%;
	background: url(../img/bg01.png);
	margin-bottom: 20px;
	overflow: hidden;
	}
.news_inner {
	width: 960px;
	min-height: 240px;
	margin: 0 auto;
	padding: 25px 0;
	z-index: 2000;
	position: relative;
	overflow: hidden;
	}
	#news .title {
		position: absolute;
		top: 25px;
		right: 0;
		}
	#news .btn {
		position: absolute;
		top: 25px;
		right: 52px;
		margin: 0 0 0 25px;
		z-index: 1;
		}
	#news ul {padding-left: 0;}
		#news ul li {
			margin-left: 10px;
			color: #fff;
			position: relative;
			cursor: pointer;
			}
			#news ul li a:hover {text-decoration: none;}
				#news ul li .caption{
					display: none;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					padding: 20px;
					background: url(../img/bg02.png);
				}
				#news ul li .thumbnail{
					width: 260px;
					height: 190px;
				}
				#news ul li .thumbnail img{
					width: 260px;
				}
	#news .bx-wrapper {
		width: 100% !important;
		height: 240px;
		position: absolute !important;
		top: 0;
		left: 0;
		padding-left: 30px;
		}
	#news .bx-viewport{
		width: 800px !important;
		margin-top: 25px;
		}
	#news a.bx-next {
		display: block;
		width: 18px;
		height: 33px;
		background: url(../img/top/news_arrow.png) no-repeat left top;
		position: absolute;
		z-index: 100;
		top: 50%;
		left: 0;
		margin-top: -17px;
		text-indent: -9999px;
		outline: none;
		}
	#news a.bx-prev {display: none;}


/* ▼ 車のこだわり */
#kodawari {
	min-height: 985px;
	margin-bottom: 160px;
	}
	#kodawari h2 {
		position: absolute;
		top: 0;
		right: 0;
		}
		#kodawari .k01,
		#kodawari .k02 {filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-moz-opacity:0;-khtml-opacity: 0;opacity: 0; }
		#kodawari .k01 {
			position: absolute;
			top: 0;
			}
			#kodawari .k01 h3,
			#kodawari .k01 p,
			#kodawari .k02 h3,
			#kodawari .k02 p {
				float: right;
				margin-left: 30px;
				}
		#kodawari .k02 {
			position: absolute;
			top: 517px;
			}
			#kodawari .k02 h3,
			#kodawari .k02 p {
				margin: 0 30px 0 0;
				}
		#kodawari .more {
			position: absolute;
			bottom: 0;
			left: 372px;
			}


/* ▼ 車の名物料理 */
#menu {
	min-height: 1962px;
	margin-bottom: 30px;
	}
	#menu h2 {
		position: absolute;
		top: 0;
		right: 140px;
		}
		#menu .m01 {
			position: absolute;
			top: 0;
			left: -134px;
			}
		#menu .m02 {
			position: absolute;
			top: 460px;
			right: -30px;
			}
		#menu .m03 {
			position: absolute;
			top: 605px;
			left: -160px;
			}
		#menu .m04 {
			position: absolute;
			top: 1130px;
			right: -50px;
			}
		#menu .m05 {
			position: absolute;
			top: 1276px;
			left: -126px;
			}
		#menu .more {
			position: absolute;
			bottom: 55px;
			right: 117px;
			}


/* ▼ その他 */
#other {
	min-height: 731px;
	background: url(../img/top/other.png) no-repeat left top;
	margin: -25px 0 110px;
	}
	#other h3 {
		position: absolute;
		top: 100px;
		left: 400px;
		}
		#other .shop {
			position: absolute;
			top: 40px;
			left: 210px;
			}
		#other .reserve {
			position: absolute;
			top: 310px;
			right: 225px;
			}
		#other .other_inner {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			}
		#other #shop_news {float: left;width: 550px;color: #fff;}
			#other #shop_news h4 {margin-bottom: 5px;line-height: 0;}
			/* スクロールバー調整 */
			#scrollbar1 {background: url(../img/bg03.png);}
			#scrollbar1 .viewport {width: 520px;height: 120px;overflow: hidden;position: relative;}
			#scrollbar1 .overview {width: 520px;position: absolute;left: 0;top: 0; }
			#scrollbar1 .scrollbar{background: #666666;position: relative;float: right;width: 20px;}
			#scrollbar1 .track {background: #666666;height: 100%;width:20px;position: relative;overflow: hidden;}
			#scrollbar1 .thumb {background: url(../img/top/scroll.png) no-repeat center 5px;height: 59px!important;width: 20px;cursor: pointer;overflow: hidden;position: absolute;top: 0;left: 0;}
			#scrollbar1 .thumb .end {background: #ccc;overflow: hidden;}
			#scrollbar1 .disable {display: none; }
			#other dl.shop_news {
				padding: 10px 20px;
				overflow: hidden;
				}
				#other dl.shop_news dd {
					border-bottom: 1px dotted #fff;
					padding-bottom: 10px;
					margin-bottom: 10px;
					}
		#other #ec {float: right;margin: 23px 0 0;}


#top_shinjukiu {
float: right;
overflow: hidden;
margin-bottom: 55px;
margin-left: 25px;
}






/*モダールバナー*/
html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;

	z-index: 1000;

	top: 0;
	left: 0;

	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	top:2%;
	margin: 50px 0px 0px -285px;

	text-align: center;
	z-index: 2000;
}
