@charset "utf-8";
/* CSS top トップページ*/

#pankuzu{
	display:none;}

#main_top{
	height:600px;
	margin:0;
	padding:0;
	background-image:url(../img/top-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	border-bottom:#155477 6px solid;}

#main_top img{
	margin:30px 0 0 10%;
	}
.SINCE{
	margin:20px 0 0 0;
	font-size:35px;
	color:#FFF;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
	

/*---------お知らせ--------------------------------*/
#TOPICS_news{
	width:70%;
	margin:0 auto;
	background-color:#155477;
	padding:2px 10px 10px 10px;}

#TOPICS_news p{
	color:#FFF;
	font-size:18px;
	text-align:center;
	padding:0 0 4px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

#TOPICS_news dl{
	background-color:#FFF;
	padding:10px 40px 20px 40px;}
#TOPICS_news dt{
	padding:10px 0 0 0;
	float:left;}
#TOPICS_news dd{
	padding:10px 0 0 0;
	border-bottom:#999 1px dotted;
}
#TOPICS_news a{
	color:#006;
	text-decoration:none;
	margin:0 0 0 20px;}
#TOPICS_news a:hover{
	color:#06C;}
			
#oshirase{
	background-color:#fff;
	border-right: 30px solid #0C0;
	position:fixed;
	bottom:40px;
	right:2px;
	z-index:1000;
	padding:4px;
	box-shadow:#999 1px 2px 4px;
	box-shadow:#999 -1px 2px 4px;
	
	}

#oshirase a{
	color:#000;
	text-decoration:none;
	}
#oshirase a:hover{
	color:#999;}
#oshirase dl{
	padding:16px;
	//border:#0F0 1px dotted;
	}
#oshirase dt{
	font-weight:bold;
	color:#090;
}
#oshirase dd{
	font-size:14px;}


/*-----------------------------------------*/
.cont_title {
	margin:165px 0 120px 0;}

h1{
	text-align:center;
	font-size:35px;
	margin:0px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:34px;}
	
h1 span{
	font-size:18px;
	letter-spacing:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
.h1-bottom{
	width:80px;
	text-align:center;
	margin:0 auto;
	padding:10px 0 0 0;
	border-bottom:#155477 3px solid;}

/*------------------------------------*/

.btn1,.btn2,.btn3,.btn4,.btn5,.btn6{
	width:50%;
	height:300px;
	float:left;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:#FFF 1px solid;
}
.btn1 a,.btn2 a,.btn3 a,.btn4 a,.btn5 a,.btn6 a{
	text-decoration:none;
	color:#FFF;
	display:block;
	height:100%;
	}


.btn1{background-image:url(../img/top_btn01.png);}
.btn2{background-image:url(../img/top_btn02.png);}
.btn3{background-image:url(../img/top_btn03.png);}
.btn4{background-image:url(../img/top_btn04.png);}
.btn5{background-image:url(../img/top_btn05.png);}
.btn6{background-image:url(../img/top_btn06.png);}


.cont ul li :hover{
	background-color:#155477;
	opacity:0.5;
	}


.cont ul li p{
	padding:140px 0 0 0;}

.en{
	font-size:30px;
	margin:0 0 0 35px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;}
.btn-hr{
	width:150px;
	display:block;
	border-bottom:#FFF 1px solid;}
	
.jp{
	font-size:20px;
	margin:0 0 0 35px;
	letter-spacing:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*----------モバイル----------------------------------------------------------*/
@media screen and (max-width:860px) {

	}
@media screen and (max-width:768px) {
#main_top{
	margin:-80px 0 0 0;
	height:auto;}	
#main_top img{
	margin:130px 0 0 10%;
	width:80%;
	//width:65%;
	}
.SINCE{
	margin:20px 0 50px 0;
	font-size:20px;
	font-weight:bold;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
	

/*---------お知らせ--------------------------------*/
#TOPICS_news{
	width:96%;
	padding:2%;
	}

#oshirase{
	right:1px;
	z-index:10;
	bottom:10px;
	border-right: 20px solid #0C0;
	}
footer {
	position:relative;
	z-index:20;}


/*-----------------------------------------*/



.cont_title {
	margin:100px 0 70px 0;}

h1{
	font-size:30px;
	margin:0px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;}
	
h1 span{
	font-size:14px;
	letter-spacing:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
.h1-bottom{
	width:80px;
	text-align:center;
	margin:0 auto;
	border-bottom:#155477 3px solid;}
/*------------------------------------*/

.btn1,.btn2,.btn3,.btn4,.btn5,.btn6{
	width:100%;
	height:200px;
	float:none;
	border-top:#FFF 1px solid;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn1 a,.btn2 a,.btn3 a,.btn4 a,.btn5 a,.btn6 a{
	text-decoration:none;
	color:#FFF;
	display:block;
	height:100%;
	}




.cont ul li p{
	padding:80px 0 0 0;}

.en{
	font-size:26px;
	margin:0 0 0 35px;
	//margin:0 0 0 18%;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;}
	
.btn-hr{
	width:150px;
	//width:200px;
	display:block;
	border-bottom:#FFF 1px solid;}
	
.jp{
	font-size:20px;
	margin:0 0 0 35px;
	//margin:0 0 0 18%;
	letter-spacing:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

}