@charset "UTF-8";

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

/*------------Title------------------------------------------------------------*/
div#Title {
	width: 100%;
	height: 500px;
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
div#Title div.Anima {
	width: 100%;
	height: 500px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	z-index: 0;
}
div#Title div#Anima01 { background-image: url(../../../img/pc/top/anima_p01.jpg); }
div#Title div#Anima02 { background-image: url(../../../img/pc/top/anima_p02.jpg); }
div#Title div#Anima03 { background-image: url(../../../img/pc/top/anima_p03.jpg); }
div#Title h2 {
	position: relative;
	width: 980px;
	height: 500px;
	margin: 0 auto;
	background-image: url(../../img/pc/top/top_txt01.png);
	background-repeat: no-repeat;
	background-position: left 130px;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Title p { display: none; }

/*------------Pan------------------------------------------------------------*/
div#Pan { display: none; }
	

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

/*------------TopTxt------------------------------------*/
div#TopTxt {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
div#TopTxt h2 {
	height: 35px;
	background: url(../../img/pc/top/top_txt02.gif) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#TopTxt p {
	width: 800px;
	margin: 25px auto 0;
	text-align: center;
	font-size: 93.33333333333333%;
}

/*------------WMBtn------------------------------------*/
div#WMBtn {
	width: 100%;
	margin: 50px auto 0;
	background: url(../../../img/pc/top/mbtn_bg.gif) repeat-x left center;
	overflow: hidden;
}
div#WMBtn ul {
	width: 900px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#WMBtn ul li { width: 430px; }
div#WMBtn ul li:nth-child(odd) { float: left; }
div#WMBtn ul li:nth-child(even) { float: right; }
div#WMBtn ul li a {
	display: block;
	height: 335px;
	background-repeat: no-repeat , no-repeat;
	background-position: left top , center bottom;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	transition: opacity .3s;
}
div#WMBtn ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div#WMBtn ul li#WMBtn01 a { background-image: url(../../../img/pc/top/mbtn_p01.jpg) , url(../../img/pc/top/mbtn_t01.gif); }
div#WMBtn ul li#WMBtn02 a { background-image: url(../../../img/pc/top/mbtn_p02.jpg) , url(../../img/pc/top/mbtn_t02.gif); }

/*------------News------------------------------------*/
div#NewsSsl {
	width: 920px;
	margin: 70px auto 0;
	overflow: hidden;
}
div#News {
	width: 740px;
	overflow: hidden;
	float: left;
}
div#News h2 {
	height: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../../../img/pc/top/news_t.gif) no-repeat center top;
	border-bottom: 5px solid #d4d5d5;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#News div#InNews {
	width: 100%;
	height: 110px;
}
div#News div#InNews iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
div#Ssl {
	width: 160px;
	padding-top: 15px;
	float: right;
}