@charset "UTF-8";

/*--------------------------------------------------------------------
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/


/*------------------------ Contents ---------------------------------------------------------------------------------------*/
div#Contents {
	width: 100%;
	padding-top: 0;
	background: #fff none !important;
}
/*------------------------------------------------ Pan ------------*/
div#Pan,
div#Side { display: none; }

/*------------------------------------------------------------ Wrap ------------*/
div#Wrap {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0;
	overflow: hidden;
}

/*------------------------------------------------ Main ------------*/
div#Main {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px;
	background: none !important;
	float: none;
}

/*------------------------------------ TopAnima ------------*/
div#Main div#TopAnima {
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	clear: both;
}
div#Main div#TopAnima div {
	width: 100%;
	height: 450px;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 0;
}
div#Main div#TopAnima div#Anima01 { background-image: url(../../img/top/anima_p01.jpg); }
div#Main div#TopAnima div#Anima02 { background-image: url(../../img/top/anima_p02.jpg); }
div#Main div#TopAnima div#Anima03 { background-image: url(../../img/top/anima_p03.jpg); }
/*↓後日コメント*/
div#Main div#TopAnima div#Anima04 { background-image: url(../../img/top/anima_p04.jpg); }
div#Main div#TopAnima div#Anima05 { background-image: url(../../img/top/anima_p05.jpg); }
div#Main div#TopAnima div#Anima06 { background-image: url(../../img/top/anima_p06.jpg); }
/*↑後日コメント*/
/*↓後日復帰*/
/*div#Main div#TopAnima div#Anima04 { background-image: url(../../img/top/anima_p04-2.png); }
div#Main div#TopAnima div#Anima05,
div#Main div#TopAnima div#Anima06 { display: none; }*/
/*↑後日復帰*/

/*------------------------------------ TopCar ------------*/
div#TopCar {
/*3個の場合*/
/*	width: 960px;*/
/*2個の場合*/
	width: 760px;
	margin: 0 auto 40px;
	background: none !important;
	position: relative;
}
div#TopCar ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#TopCar ul li {
/*3個の場合*/
/*	width: 320px;*/
/*2個の場合*/
	width: 380px;
	margin-bottom: 15px;
	float: left;
}
div#TopCar ul li p {
	width: 310px;
	margin: 0 auto;
}
div#TopCar ul li div {
	width: 170px;
	height: 24px;
	margin: 5px auto 0;
	background: url(../../img/top/catalog_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#TopCar ul li a:hover div { background-position: left bottom; }

/*------------------------------------ News ------------*/
div#News {
	width: 870px;
	margin: 0 auto;
	background: none !important;
	position: relative;
}
div#News h3 {
	height: 17px;
	margin-bottom: 20px;
	background-image: url(../../img/top/news_t.png);
}
div#Main div#TopAnima div#Anima04 * { display: none; }

/*------------------------------------ Movie ------------*/
div#Movie {
	width: 870px;
	margin: 0 auto;
	padding: 30px 0 0;
	background: none !important;
	position: relative;
}
div#Movie ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Movie ul li {
	width: 290px;
	float: left;
}
div#Movie ul li div.MovBtn {
	width: 250px;
	margin: 0 auto;
	padding: 16px 17px 23px;
	background: url(../../img/top/btn_bg01.png) no-repeat center top;
}
div#Movie ul li div#Camper {
	width: 240px;
	margin: 10px auto 0;
}
div#Movie ul li div#Camper a {
	display: block;
	height: 24px;
	background: url(../../img/top/camper_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Movie ul li div#Camper a:hover { background-position: left bottom; }

/*------------------------------------ BtmMenu ------------*/
div#BtmMenu {
	width: 870px;
	/*margin: 60px auto 0;*/
	margin: 30px auto 0;
	padding: 14px 20px 4px;
	/*background: #dfdfdf url(../../img/top/mbtn_bg.gif) repeat-x left top;*/
}
div#BtmMenu ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#BtmMenu ul#BigBox {
	width: 577px;
	margin: 0 auto;
}
div#BtmMenu ul li {
	padding: 2px 7px 12px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
div#BtmMenu ul li.BigBtn {
	width: 270px;
	margin-bottom: 4px;
	margin-right: 9px;
	background-image: url(../../img/top/btn_bg02.png);
}
div#BtmMenu ul li.SmlBtn {
	width: 200px;
	margin-right: 4px;
	background-image: url(../../img/top/btn_bg03.png);
}
div#BtmMenu ul li#BMBtn04.SmlBtn { margin-left: 100px; }
div#BtmMenu ul li.NoSp { margin-right: 0; }
div#BtmMenu ul li a {
	display: block;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#BtmMenu ul li a:hover { background-position: left bottom; }
div#BtmMenu ul li#BMBtn01 a { background-image: url(../../img/top/mbtn_b01.png); }
div#BtmMenu ul li#BMBtn02 a { background-image: url(../../img/top/mbtn_b02.png); }
div#BtmMenu ul li#BMBtn03 a { background-image: url(../../img/top/mbtn_b03.png); }
div#BtmMenu ul li#BMBtn04 a { background-image: url(../../img/top/mbtn_b04.png); }
div#BtmMenu ul li#BMBtn05 a { background-image: url(../../img/top/mbtn_b05.png); }
div#BtmMenu ul li#BMBtn06 a { background-image: url(../../img/top/mbtn_b06.png); }
div#BtmMenu ul li#BMBtn07 a { background-image: url(../../img/top/mbtn_b07.png); }