@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------------グローバルナビゲーションのロールオーバー設定---------------------------------------*/


.episode a{
	background-position:0 -52px;　
}/*現在開かれているページボタン*/

.home a:hover,.service a:hover,.system a:hover,.inquiry a:hover,.guidance a:hover,.access a:hover{
	background-position:0 -52px;　　
}/*それ以外のページボタンのロールオーバー設定*/


/*---------------------------------------------------------左ボディ-------------------------------------------------------------*/


.left_service a{
	background:url(../images/left_sevice.gif) no-repeat right top;
	width:203px;
	height:49px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.left_seikon a{
	background:url(../images/left_episode.gif) no-repeat left top;   /*今現在ページが開かれてる時は"left top"で*/
	width:203px;
	height:49px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}





.left_service a:hover{
	background-position:0 0;
}


/*------------------------------------------------------センター------------------------------------------------------------------*/

#center h3{
	background:url(../images/episode_midashi_07.jpg) no-repeat left top;
	width:440px;
	height:21px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.panel{
	background:url(../images/episode_panel_10.jpg) no-repeat left top;
	width:441px;
	height:108px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin-top:50px;
}

.text{
	display:block;
	margin-top:20px;
	
}

.card1,.card2,.card3,.card4,.card5{
	margin-top:10px;
}

#center .button{
	margin-bottom:100px;
}

#center ul{
	width:447px;
	margin:80px auto 0 auto;
	display:block;
	
}

#center ul li{
	float:left;
}

.raikan a{
	background:url(../images/center_raikan_52.jpg) no-repeat left top;
	width:207px;
	height:82px;
	text-indent:-9999px;
	display:block;
	
	margin-right:16px;
}

.seikyu a{

	background:url(../images/center_seikyu_54.jpg) no-repeat left top;
	width:207px;
	height:82px;
	text-indent:-9999px;
	display:block;
	
}

.raikan a:hover,.seikyu a:hover{
	background-position:0 -82px;
	
}

.attention{
	clear:both;
	display:block;
	text-align:center;
	padding-top:20px;
	
}

.gototop{
	
	margin:100px 0 100px 0;
	text-align:right;
}

/*--------------------------------------------------------右ボディ高さ指定-----------------------------------------------------------*/

#right{
	height:2100px;
}