@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* comment */


#mainvisal{
    margin:0 auto;
    min-width: 320px;
    background-repeat: no-repeat;
    overflow: hidden;
	width:100%;
}

#mainvisal img{
margin:0 auto;
padding-top:40px;
display:block;
width:90%;
min-width:320px;
}

.main-box{
	background:#fff0f0;
	width:100%;
}
.f-comment{
	width:95%;
	margin:0 auto;
}
.f-comment p{
	display:block;
	font-size:0.9em;
	padding: 20px 0;
	line-height:2em;
}

.f-comment2{
	width:95%;
	margin:0 auto;
	background-color: #f0f0f0;
}
.f-comment2 p{
	display:block;
	font-size:0.9em;
	padding: 20px 5%;
	line-height:1.7em;
}



.f-comment2 a{
	color:#2996cc;
	text-decoration:underline;
}
.f-title{
	border-bottom:#eeeeee 1px solid;
	font-size:1.2em;
	padding:10px;
	margin:20px auto 10px;
	font-weight:bold;
}
.img-box-main{
	width:95%;
	min-width:320px;
	margin:10px auto 20px;
}
#main{
width:100%;
min-width:320px;
margin:20px auto 0;
}
.contents-f-Box{
width:95%;
min-width:320px;
margin:10px auto 20px;
position:relative;
clear:both;
}
.img-box01{
	margin-bottom:20px;
	width:60%;
}

.img-box02{
	margin-bottom:50px;
	position:absolute;
	width:45%;
	top:40%;
	right:0px;
}

.img-box03{
	margin-bottom:30px;
	float:left;
	width:48%;
}

.img-box04{
	float:right;
	width:48%;
}

.btn-link{
padding-bottom:5px;
}

.btn-link a { display:block;
width:250px;
color:#ffffff !important;
font-size:1.3em;
margin:20px auto;
text-align:center;
background:#FF9966;
border:2px solid #FF9966;
padding:10px; /* a要素内の余白 */
}

.f-title a{
color:#000000;
}
.f-title a:hover {
color:#ed5565;
}


 /* 以下マウスを載せたときのスタイル */
.btn-link a:hover { background-color: #555555;
 color:#ed5565;}