@charset "utf-8";


body {margin:0; background:#fff;}
a {color:rgb(24, 139, 255);; text-decoration: none; }
a:hover {color:rgb(90, 200, 255);}
.topimg {background:url(./images/bg03.jpg) center; height:250px; margin:60px 0 0 0;}
.topimg .stit01 {font-size:40px; position:relative; top:110px; left:60px; width:300px;}
.footer {background:#000000;  text-align:center; padding:24px; color:#ffffff;}
.area01 {background: url(./images/bg_shasen01.png) #eee; padding:20px 0;}
.area01a { margin:0 auto;}
.area02 {background:#fff; padding:20px 0;}
.area02a { margin:0 auto; background:#fff;}
.area02b { margin:0 auto; background:#fff;}
.area03 {background: #fff; padding:30px 0;}
.area03 p {border-top:1px dotted #666; width:950px; margin:0 auto;}
.area04 {background: url(./images/bg_shasen01.png) #eee; padding:30px 0;}
.area04 p {border-top:1px dotted #666; width:950px; margin:0 auto;}
header {position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 60px; background: #1F293D; border-bottom: 1px solid rgba(0,0,0,0); box-shadow: 0 1px 3px rgba(0,0,0,0.3); background-image: -webkit-gradient(linear, left top, left bottom, from(#38496D), to(#1F293D)); background-image: -webkit-linear-gradient(top, #38496D, #1F293D); background-image: -moz-linear-gradient(top, #38496D, #1F293D); background-image: -ms-linear-gradient(top, #38496D, #1F293D); background-image: -o-linear-gradient(top, #38496D, #1F293D); background-image: linear-gradient(top, #38496D, #1F293D);}
header a {color:#fff; text-decoration: none; }
header a:hover {color:#ddd;}
header ul {list-style-type: none; margin: 0; width:100%; margin:0 auto; padding-left: 0px;}
header ul li {display: inline-block; font-size:16px; color:#fff; line-height:60px; margin:0 10px; text-align:center;}
header ul li.home {display: inline-block; font-size:16px; color:#fff; line-height:60px; margin:0 10px 20px ; text-align:center;}
.area03 {background:#fff; width:950px; margin:40px auto;}
.area03 p {border-top:1px dotted #666;}
.area04 {background: url(./images/bg_shasen01.png) #eee; width:950px; margin:40px auto;}
.area04 p {border-top:1px dotted #666;}
.left01 {width:100%; text-align:center;}
.left01 img {}
.right01 {width:100%;}
.tit01 {font-size:200%; line-height:300%; border-bottom: 3px solid #dddddd; margin:0px 20px 20px 20px; font-weight: normal; color:#666;}
.ptex01 {font-size:170%; color:rgb(68, 186, 228); margin:16px;}
.ptex02 {font-size:95%; margin:16px; color:#666;}
.ptex03 {font-size:110%;  line-height:150%; margin:16px; color:#666; border-bottom:2px solid #dddddd;}
.ptex04 {font-size:95%; margin:30px 16px; color:#666;}
.ptex05 {font-size:95%; margin:30px 16px 0; color:#666;}

.clearfix::after{ content: ""; display: block; clear: both;}
.pagetop {display: none;position: fixed;bottom: 30px;right: 15px;}
.pagetop a {display: block;background-color: #3696B6;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding: 5px 10px;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;
}
.pagetop a:hover {display: block;background-color: #215C70;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}