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

/* ==============================================
▼reset
=============================================== */
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }

body { font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	   }

#wrap { width:1021px;
	   margin:auto;
	   }
	   
#header .toptext{ color:#003399;
margin:0;
text-align:center;
font-size:1.5em}



.main{	margin-top:20px}

.main .left-text{
	padding:10px;
	background:url(../img/back.gif)
}

.main .left-text P.start{
	margin-top:10px
	}
	
.contents-wrap {
	flex-wrap: wrap;
	justify-content: space-around;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.contents-box {
	margin-bottom: 3rem;
	padding: 1rem;
	width: 25%;
	background-color:#FFF;
	border:solid 1px #CCCCCC;
}

.contents-box img {
	display: block;
	margin-bottom: 2rem;
	width: 100%;
	height: auto;
}

.contents-box h3 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	text-align: center;
}

.contents-box h4 {
	font-size: 1rem;
	text-align: center;
}

.contents-box h4.kakaku {
	font-size: 1.5rem;
	text-align: center;
	color:#FF0000;
	background:#FFC;
	padding-top:0.5em;
	padding-bottom:0.5em
}

.contents-box p.sub {
	font-size: 0.8rem;
	background:url(../img/back.gif);
		padding-top:0.5em;
	padding-bottom:0.5em
}

@media screen and (max-width: 768px){
	.contents-wrap {
		flex-direction: column;
	}

	.contents-box {
		width: 100%;
	}
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix { width:100%; }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

a, a:link, a:visited {
    color: #539527;
    text-decoration: underline;
}

/*フッターカテゴリ*/
.hnb_foot_cate p{margin-bottom:20px;}
.hnb_foot_cate {margin-top:40px;}
.hnb_foot_cate .menu{ float:left; width:185px; margin-right:20px;}
.hnb_foot_cate .menu.end{margin-right:0;}
.hnb_foot_cate .menu2{ float:left; width:390px;}
.hnb_foot_cate .menu2 .left{ float:left; width:185px; margin-right:20px;}
.hnb_foot_cate .menu2 .right{float:left; width:185px;}
.hnb_foot_cate li{margin-bottom:8px;}
.hnb_foot_cate li a{background:url(http://www.fsec.jp/user_data/packages/default/img/new/top/icon1.jpg) 0 center no-repeat; padding-left:10px; font-size:14px; }
.hnb_foot_cate li.sub a{background:url((http://www.fsec.jp/user_data/packages/default/img/new/top/icon3.jpg) 10px 0 no-repeat; padding-left:24px !important;}
.hnb_foot_cate a{color:#413933; text-decoration:none;}
.hnb_foot_cate a:hover{text-decoration: underline;}

/* フッター
-----------------------------------------------*/

#footer_hnb{text-align:left;background:url(http://www.fsec.jp/user_data/packages/default/img/new/top/foot_bk2.jpg) 0 0 repeat; padding:15px 0 40px 0;}
#footer_hnb #footer{width:1021px; margin:0 auto;text-align:left; border:none; color:#403933; font-size:13px; line-height:1.7em;}
#footer_hnb #footer .foot_l{float:left; width:320px; margin-right:30px;}
#footer_hnb #footer .foot_r{float:left; width:320px;}
#footer_hnb #footer h3{margin-bottom:20px;}
#footer_hnb #footer h4{background:url(http://www.fsec.jp/user_data/packages/default/img/new/top/foot_line.jpg) 0 bottom repeat-x; font-size:14px; padding-bottom:10px; margin-bottom:10px;}
#footer_hnb #footer span{ color:#F25827; font-weight:bold;}
#footer_hnb a{ color:#403933; }

#fnav_area{ float:left; background-color:#755524; padding:10px 0; text-align:center; margin-bottom:10px; width:1021px}
#fnav_area{color:#fff;}
#fnav_area a{ color:#fff; font-size:14px; font-weight:bold;}
.copy{ font-size:12px; color:#836639; padding:3px 0; font-weight:bold; text-align:center}