@charset "utf-8"; 


#contents .contents-area #index-area dl{
padding-top:2em;
padding-bottom:4em;
}
#contents .contents-area #index-area dl dd{
text-align:center;
margin-top:3em;
}
#contents .contents-area #index-area dl dd a{
background:#1d73bd;
color:rgba(255,255,255,1);
border-radius:5px;
text-decoration:none;
}
#contents .contents-area #index-area dl dd a:hover{
background:rgba(0,80,10,1);
}
#contents .contents-area #index-area p.btn {
margin-top:30px;
text-align:center;
}
#contents .contents-area #index-area p.btn a{
background:rgba(55,130,10,1);
padding:15px 30px;
border-radius:5px;
color: rgba(255,255,255,1);
text-decoration:none;
}
#contents .contents-area #index-area p.btn a:hover{
background:rgba(0,80,10,1);
}

/* ============================================================ pc */
@media screen and (min-width:800px) {
#contents .contents-area #sub-menu {
	width:196px;
}
.top-img {
	background:url(../../images/main_img_bg.png) repeat-x top;
	height:67px;
}
.top-img p {
	background:url(../../images/main_img.png) no-repeat top center;
	height:67px;
}
#contents .contents-area h2 {
	font-size: 10px;
	padding-bottom:10px;
}

#contents .contents-area #index-area {
	padding-top:11px;
	float:right;
	width:695px;
}
#contents .contents-area #index-area dl dd a{
padding:15px 30px;
}


}
/* ============================================================ sp */
@media screen and (max-width:800px) {

#contents .contents-area #index-area h2 {
	padding-bottom:.5rem;
}
#contents .contents-area #index-area h3 {
	padding-top:0;
	padding-bottom:1rem;
}
#contents .contents-area #index-area p {
	padding-bottom:1rem;
}
#contents .contents-area #index-area dl dd a{
padding:15px;
display:inline-block;
}


}