@import url("reset.css");
html,body{
	line-height: 0;
	font-size:100%;
	/*height: 100%;*/
}

body {
	margin: 0;
	font-family: "メイリオ", Meiryo UI,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	color:#171717;
	text-align:center;
	font-size:95%;
	line-height: 1.8;
}

.wrap{
	width:1100px;
	margin:0 auto;
}

.s-font{
	font-size:80%;
}

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

	ヘッダー

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

#header{
	width:100%;
	background-image: url(../img/header-back.jpg);
	background-position: center bottom;
	padding:8px 0;
	text-align: center;
	background-size: 100vw auto;
	
}

#c-menu{
	width:100%;
	background-color: #E8F7EC;
	padding:2px 0;
	line-height: 0;
}

#c-menu .wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

#c-menu li{
	width:182px;
	margin-left:5px;
}

#c-menu li:first-child{
	margin-left:0;
}
/*----------------------------------------------

	メイン

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

#main{
	width:1100px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align: left;
}

#main h3{
	margin-bottom:20px;
}

#main .wrap{
	width:100%;
	display: flex;
	justify-content: space-between;
}
/*-------------------左---------------------*/
#main-left{
	width:200px;
}
#main-left .item{
	width:200px;
	padding:2px;
	border:1px solid #BBBBBB;
	border-radius:3px;
}

#main-left .inner{
	background-color: #FFFFE1;
	border-radius:3px;
}

#main-left h4{
	border-radius:3px 3px 0px 0px ;
	line-height: 0;
}

#main-left li a{
	width:100%;
	padding:8px 5px;
	display: block;
	text-decoration: none;
}

#main-left li a::before{
	content:url(../img/ico01.png);
	margin-right:5px;
}

/*-------------------右---------------------*/

#main-right{
	width:888px;
}

#content{
	width:100%;
	border-radius:3px;
	padding:3px;
	border:1px solid #BBBBBB;	
}

#content .inner{
	width:100%;
	background-color: #fff;
	border-radius:3px;
	padding:30px 40px;
}

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

	ふっだー

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

#fooder{
	width:100%;
	margin-top:40px;
	height: 80px;
	background-image: url(../img/fooder-back.gif);
	background-size: 100% auto;
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #90C320;
	color:#fff;
	font-size:8pt;
	position: relative;
}

#fooder .copy{
	width:100%;
	height: auto;
	position: absolute;
	bottom:2px;
}