@charset "utf-8";
/* CSS Document */


.PC-NONE{
	display:none;
}
html{
}
body{
	font-size:16px;
	line-height:1.5em;
	color:#000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	margin:0;
	padding:0;
}
body {
    -webkit-text-size-adjust: 100%;
}
a{
	color:#444;
	text-decoration:none;
}
a:hover{
	color:#ddd;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

header{
	background: url(../images/topimage.jpg) no-repeat center center;
	height: 500px;
	margin-bottom:100px;
	}
	#h_wrap{
		width: 1000px;
		margin: 0 auto;
		padding-top: 20px;		
	}
	#h_logo{
		width: 74px;
		float: left;
	}
	#h_nav{
		float: right;
		overflow: hidden;
		width: 558px;
		padding-top: 20px;
	}
	#h_nav ul li{
		float: left;
		margin-right: 0;		
	}
	#topimage{
		width:686px;
		height:86px;
		margin:0 auto;
		padding-top:200px;
	}
		
#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 80px 20px;		
}

	section{
		margin-bottom: 160px;
	}
	.midashi01{
		margin-bottom: 40px;
		width: 100%;
		clear: both;
	}
	
	.midashi02{
		border-left: solid 6px #01329b;
		font-size: 40px;
		font-weight: bold;
		padding: 10px 0 0 20px;
		height: 30px;
		margin-bottom: 40px;
		clear: both;
	}
	
	.midashi02_a{
		font-size: 36px;
		text-align: center;
		font-weight: bold;
		margin-bottom: 40px;
	}
	
	.midashi03{
		width: 100%;
		border-bottom: 6px solid #c6c6c6;
		padding-bottom: 2px;
		margin-bottom: 30px;
		color: #0461c9;
		font-size: 26px;
		font-weight: bold;
		clear: both;
	}

	
	.midashi04{
		background: url(../images/li01.png) left center no-repeat;
		padding: 5px 0 0 40px;
		margin-bottom: 20px;
		font-weight: bold;
		clear: both;
		height:25px;
		font-size:20px;
	}
	
	.txt01{
		margin-bottom: 40px;
	}
	.txt01 ul{
		margin-bottom: 40px;
	}
	.txt01 ul li{
		padding-left: 40px;
		background: url(../images/li02.png) left center no-repeat;
		list-style: none;
	}
	.txt02{
		margin-bottom: 40px;
	}
	
	.link01{
		float: right;
		margin-bottom: 80px;
		background:url(../images/link.png) no-repeat;
		width:230px;
		height:40px;
		padding:5px 0 0 40px;
		font-size:20px;
		font-weight:bold;
	}
	.pic01{
		margin-bottom:60px;
		overflow:hidden;
	}
	.pic01 li{
		float:left;
		margin:0 40px;
    	cursor: pointer;
	}
	
	#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	}
	#page-top a {
		background: #0461c9;
		text-decoration: none;
		color: #fff;
		width: 100px;
		padding: 30px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	#page-top a:hover {
		text-decoration: none;
		background: #999;
	}

	footer{
		background-color: #013296;
		color: #fff;
		padding: 20px 0 40px 0;
	}
	#f_wrap{
		width: 1000px;
		margin: 0 auto;
		position:relative;
	}
	#f_logo{
		margin: 0 auto;
		width: 370px;
		height: 180px;
	}
	#f_sns{
		position:absolute;
		top:60px;
		right:20px;
	}
	#f_sns li{
		float: left;
		margin-left:10px;
	}
	#f_info{
		text-align:center;		
	}
	#f_info a{
		color:#fff;
	}
	#f_info a:hover{
		color:#999;
	}