@charset "UTF-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


/*------------Headerのスタイル---------------------------------------------------------------*/
div#Header { background: url(../../sp_img/top/title.jpg) no-repeat center top; }
/*------------------------InHeaderのスタイル------------*/
div#InHeader h1 { font-size: 83%; }
div#InHeader ul { font-size: 83%; }
/*------------------------Titleのスタイル------------*/
div#Title h2 { height: 163px; }
div#Title p { display: none; }


/*------------Contentsのスタイル---------------------------------------------------------------*/
/*------------------------------------Pan , Sideのスタイル------------*/
div#Pan,
div#Side { display: none; }

/*------------------------------------------------TopTxtのスタイル------------*/
div#Main div#TopTxt {
	width: 100%;
	margin: 0 auto;
}
div#Main div#TopTxt h2 {
	height: 84px;
	margin-bottom: 20px;
	background: url(../../sp_img/top/top_txt.gif) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Main div#TopTxt p { font-size: 116%; }

/*------------------------------------------------TopMenuのスタイル------------*/
div#Main div#TopMenu {
	width: 100%;
	margin: 35px auto 0;
}
div#Main div#TopMenu ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Main div#TopMenu ul li {
	width: 270px;
	margin: 0 auto;
	padding: 5px 8px 11px;
	background: url(../../img/top/btn_bg.png) no-repeat center top;
}
div#Main div#TopMenu 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#Main div#TopMenu ul li a:hover { background-position: left bottom; }
div#Main div#TopMenu ul li#TMBtn01 a { background-image: url(../../img/top/mbtn01.png); }
div#Main div#TopMenu ul li#TMBtn02 a { background-image: url(../../img/top/mbtn02.png); }
div#Main div#TopMenu ul li#TMBtn03 a { background-image: url(../../img/top/mbtn03.png); }

/*------------------------------------------------NewsBtnのスタイル------------*/
div#Main div#NewsBtn {
	width: 100%;
	margin: 45px auto 0;
	overflow: hidden;
}
div#Main div#NewsBtn div#News {
	width: 100%;
	margin: 0 auto;
}
div#Main div#NewsBtn div#News h2 {
	height: 35px;
	margin-bottom: 10px;
	background: url(../../sp_img/top/news_t.gif) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Main div#NewsBtn div#Btn ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Main div#NewsBtn div#Btn ul li {
	width: 270px;
	margin: 0 auto 45px;
}
div#Main div#NewsBtn div#Btn ul li a {
	display: block;
	height: 177px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Main div#NewsBtn div#Btn ul li a:hover { background-position: left bottom; }
div#Main div#NewsBtn div#Btn ul li#Btn01 a { background-image: url(../../img/top/staff_b.jpg); }
div#Main div#NewsBtn div#Btn ul li#Btn02 a { background-image: url(../../img/top/report_b.jpg); }