@charset "UTF-8";

/* clearfix
---------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}


body {
	width: 100%;
	height: 100%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: small;
	background-color: #faf3e9;
	overflow: auto;

}
#gray {
	width: 100%;
	height: 100%;
	margin: 0 auto; 
	background-color: gray;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9900; 
}
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 /*auto*/; /* センタリング */
	padding: 0;
	overflow: hidden;
}
.inner {
	width: 1024px;
	margin: 0 auto;
}
.hide {
	display: none;
}

/* リンク
---------------------------------------------------- */
a:link {
	color: #333;
	background: transparent;
}
a:visited {
	color: #333;
	background: transparent;
}
a:hover, a:active {
  color: #333;
	background: transparent;
}


/* ヘッダー
---------------------------------------------------- */
header {
	min-width: 1024px/*100%*/;
	margin: 0 auto;
	padding: 0;
	/*position: absolute;*/
	/*top: 0px;*/
	z-index: 4000;
}

/* 富士山
---------------------------------------------------- */
#fuji {
	width: 1024px;
	height: 320px;
	position: fixed/*absolute*/;
	bottom: 0px;
	left: 0px;
	z-index: 2;
}

/* ナビゲーション
---------------------------------------------------- */
nav {
	width: 100%;
	height: 72px;
	z-index: 300;
	top: 27px;
	position: fixed;
	top: 0;
	z-index:3000;
	background: #faf3e9 /*url(../images/hshdw.gif) 0 bottom no-repeat*/;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);

}
nav h1 {
	float: left;
	margin: 0 115px 0 26px;
}
nav ul {
	width: 100%/*178px*/;
	/*float: left;*/
	margin: 15px/*25px*/ 0 0 0;
}
nav ul li {
	float: left;
	margin: 0;
	padding: 0;
}
nav ul li#nav-about {
	margin: 0 35px/*40px*/ 0 0;
}
nav ul li#nav-lineup {
	margin: 0 26px/*40px*/ 0 0;
}
nav ul li#nav-dealer {
	margin: 0 32px 0 0;
}
nav ul li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
}

#grid {
	position: absolute;
	z-index: 1;
}

/* フッタナビゲーション
---------------------------------------------------- */
footer {
	width: 100%;
	margin: 0;
	padding: ;
	position: fixed;
	bottom: 0;
	z-index: 5000;
}
#footer-bar {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.7) url(../images/footer-bar-logo.png) 34px 6px no-repeat;
	z-index: 5000;
}

#footer-inner {
	width: 100%;
	height: 143px;
	margin: 0;
	padding: 0 20px 10px 154px;
	/*background: #fff url(../images/footer-logo.jpg) 37px 19px no-repeat;*/
	background: #fff url(../images/footer-inner-bg.jpg) 0 0 no-repeat;
	z-index: 2000;
}

#footer-inner ul#cola {
	float: left;
	width: 350px;
	margin: 0;
	padding: 20px 0 0 5px;
	list-style: none;
}
#footer-inner ul#cola #footer-top a {
	padding: 0 0 0 25px;
	background: url(../images/footer-top-arrow.jpg) 0 0  no-repeat;
}
#footer-inner ul#cola #footer-top ul li a {
	padding: 0 0 0 25px;
	background: none;
}
#footer-inner ul#colb {
	float: left;
	width: 300px;
	margin: 0;
	padding: 20px 0 0 5px;
	list-style: none;
}
#footer-inner ul#colb #footer-about a {
	padding: 0 0 0 25px;
	background: url(../images/footer-about-arrow.jpg) 0 0  no-repeat;
}
#footer-inner ul#colb #footer-about ul li a {
	padding: 0 0 0 25px;
	background: none;
}
#footer-inner ul#colc {
	float: left;
	width: 300px;
	margin: 0;
	padding: 20px 0 0 5px;
	list-style: none;
}
#footer-inner ul li {
	line-height: 2.4em;
	margin: 0;
}
#footer-inner ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-inner ul ul li {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#footer-inner a:link {
	color: #666;
	background: transparent;
	text-decoration: none;
}
#footer-inner a:visited {
	color: #333;
	background: transparent;
}
#footer-inner a:hover, a:active {
  color: #999;
	background: transparent;
}


/* ラインナップ
---------------------------------------------------- */
/* SLIDES BACKGROUND */

#slidesbg {
	width: 100%;
	/*height: 72.53%;*/
	padding: 0 auto;
	background: #fff;
	position: relative;
	z-index: 10;
	overflow: hidden;
}



#numbtn {
	display: block;
	width: 63px;
	float: left;
	position: absolute;
	top: 120px;
	left: 50%;
	z-index: 600;
	margin: 0 0 0 -485px;
}

#numbtn .num {
	margin-bottom: 30px;
}

/* LINEUP BG */

#lineupbg {
	width: 100%;
	height: 128px;
	background-color: white;
	padding: 0 auto;	
	position: relative;
	z-index: 50;
}

#lineupbg img {
	display: block;
	width: 1024px;
	margin: 0 auto;
}

.genus-kujira {
	color: #EC6426;
}
.genus-saru {
	color: #E60012;
}
.genus-higuma {
	color: #E60012;
}
.genus-kawasemi {
	color: #00A0E9;
}
.genus-tancho {
	color: #00A0E9;
}
.genus-osansyo {
	color: #920783;
}
.genus-iseebi {
	color: #E4007F;
}
.genus-morigaeru {
	color: #920783;
}
.genus-habu {
	color: #1D2088;
}
.genus-kaki {
	color: #009E96;
}



/* ANIMAL BOX */

.abox {
	width: 640px;
	height: 540px;
	margin: 0 auto;
	position: relative;
}

.titleblock {
	position: absolute;
	top: 0px;
	left: -12px;
	z-index: 500;
}

.atitle {
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.acat {
	font-size: 13px;
	font-weight: bold;
}

.acat i {
	font-style: italic;
}

.genkei {
	display: block;
	color: #00A0E9;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 32px;
	left: 0px;
	z-index: 500;
}

.media-btn {
	width: 66px;
	position: absolute;
	top: 54px;
	z-index: 600;
}

.media-btn img {
	width: 72px;
	height: auto;
	margin: 32px 0 0 0;
	cursor: pointer;
}

.aprofile {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 130%;
	text-align: right;
	position: absolute;
	z-index: 600;
}

/* ____________________________________________________________________________________SLIDE */

/* SLIDES */

#slides {
	width: 100%;
	/*height: 72.53%;*/
	position: relative;
	/*top: 83px;*/
	/*left: 0px;*/
	z-index: 350;
/* 	overflow: hidden; */
}

#slides ul.slides_container {
	position: absolute;
	left: 0px;
	width: 10240px;
}

#slides ul.slides_container li {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	float: left;
}





/* ____________________________________________________________________________________SLIDE NAVIGATION */

.prev {
	position: absolute;
	top: 280px;
	left: 50%;
	z-index: 6000;
	margin: 0 0 0 -390px;
	cursor: pointer;
}
.next {
	position: absolute;
	top: 280px;
	right: 50%;
	z-index: 6000;
	margin: 0 -390px 0 0;
	cursor: pointer;
}


/* ____________________________________________________________________________________ANIMAL PROFILE POSITIONS */

/* 01 */

.kujira_pro {
	top: 280px;
	left: 390px;
}

.saru_pro {
	top: 0px;
	left: 420px;
}

.higuma_pro {
	top: 0px;
	left: 432px;
}

.kawasemi_pro {
	top: 290px;
	left: 390px;
}

.tancho_pro {
	top: 290px;
	left: 390px;
}

.habu_pro {
	top: 80px;
	left: 420px;
}

.oosan_pro {
	top: 260px;
	left: 380px;
}

.kaeru_pro {
	top: 32px;
	left: 500px;
}

.iseebi_pro {
	top: 80px;
	left: 480px;
}

.magaki_pro {
	top: 300px;
	left: 480px;
}

/* 02 */
.shibainu_pro {
	top: 280px;
	left: 470px;
}

.toki_pro {
	top: 0px;
	left: 420px;
}

.kabutomushi_pro {
	top: 300px;
	left: 500px;
}

.amagaeru_pro {
	top: 300px;
	left: 510px;
}

.nihontokage_pro {
	top: 280px;
	left: 480px;
}

.hakogame_pro {
	top: 300px;
	left: 400px;
}

.sawagani_pro {
	top: 0px;
	left: 510px;
}

.umiushi_pro {
	top: 32px;
	left: 470px;
}

.namazu_pro {
	top: 40px;
	left: 470px;
}

.madako_pro {
	top: 300px;
	left: 480px;
}

.aimg {
	position: relative;
	top: 14px;
	z-index: 450;
}

.anum11 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum12 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum13 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum14 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum15 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum16 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum17 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum18 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum19 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.anum20 {
	position: absolute;
	top: 320px;
	left: 12px;
}

.atext {
	display: block;
	width: 640px;
	font-size: 11px;
	font-weight: 500;
	line-height: 160%;
	color: #333333;
	position: relative;
	top: 30px;
	z-index: 451;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}


/* ANIMAL LINEUP */
#lineup {
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom:0;
	z-index: 8000;
}


.trigger-tab-close {
	width: 93px;
	height: 0;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding: 47px 0 0 0;
	background: url(../images/trigger-tab1.png) no-repeat;
	z-index: 900;
	cursor: pointer;
}
.trigger-tab-open {
	width: 64px;
	height: 0;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding: 14px 0 0 0;
	background: url(../images/trigger-tab2.png) no-repeat;
	z-index: 900;
	cursor: pointer;
}

#lineup-target {
	width: 100%;
	height: 132px;	
	background: rgba(255,255,255,0.8);
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	/*bottom:0;*/
	/*top: 400px;*/
	z-index: 4000;
	/*display: block;*/
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) inset;

}

#lineup-target ul {
	width: 903px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
#lineup-target ul li {
	float: left;
	display: block;
	height: 106px;	

}
#lineup-target ul li a {
	height: 106px;	
	display: block;
}

#animal-hero {
	padding: 100px 0 0 0;
	width: 100%;
	margin:0 auto;
}

#white-bg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
}


#kujira_map {
/* 	background: url(../images/animals/kujira_map.png) no-repeat; */
}
#saru_map {
/* 	background: url(../images/animals/saru_map.png) no-repeat; */
}
#higuma_map {
/* 	background: url(../images/animals/higuma_map.png) no-repeat; */
}
#kawasemi_map {
/* 	background: url(../images/animals/kawasemi_map.png) no-repeat; */
}
#tancho_map {
/* 	background: url(../images/animals/tancho_map.png) no-repeat; */
}
#habu_map {
/* 	background: url(../images/animals/habu_map.png) no-repeat; */
}
#osansyo_map {
/* 	background: url(../images/animals/osansyo_map.png) no-repeat; */
}
#morigaeru_map {
/* 	background: url(../images/animals/morigaeru_map.png) no-repeat; */
}
#iseebi_map {
/* 	background: url(../images/animals/iseebi_map.png) no-repeat; */
}
#kaki_map {
/* 	background: url(../images/animals/kaki_map.png) no-repeat; */
}