﻿/* CSS Document */
@media screen and (min-width:768px) {

#mainArea h2 {
	margin-top: -10px;
	font-size: 36px;
	text-align: center;
}

/*
#mainArea .listBnr3 {
	border-radius: 12px;
	list-style: none;
	margin: 0 0 20px 0;	
	padding: 25px;
	background: url(/service/gakuwari/images/bg_sakura.png) #ffe9f3;
}

#mainArea .listBnr3 li {
	float: left;
	width: 285px;
	margin: 0 22px 0 0;	
	padding: 0;
}
*/

#mainArea .btnTenpo2 a {
	display: block;
}

#mainArea .btnTenpo2 a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	background-color: #fff;
}

#mainArea .listBnr3 {
	list-style: none;
	margin: 0 0 20px 0;	
	padding: 0;
}

#mainArea .listBnr3 li {
	border-radius: 12px;
	float: left;
	width: 285px;
	margin: 0 10px 0 0;	
	padding: 12px;
	background: #ffe9f3;
}

#mainArea .listBnr3 li:last-of-type {
	margin-right: 0;
}

#mainArea .listBnr3 li a {
	display: block;
	background: #fff;	
}

#mainArea .listBnr3 li a:hover img {
	opacity: .8;
}

#mainArea .btnTenpo2 {
	text-align: center;	
}

#mainArea h3 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/* PC clearfix
----------------------------------------------------------------------------------------------------*/
#mainArea .listBnr3 {
	zoom: 1;/*for IE 5.5-7*/
}

#mainArea .listBnr3:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

}

@media screen and (max-width:767px) {

#mainArea .txtC {
	text-align: left;
}


#mainArea .listBnr3 li {
	margin-bottom: 22px;
	text-align: center;
}

#mainArea .listBnr3 li:last-of-type {
	margin-bottom: 0;
}

#mainArea h3 {
	display: none;
}

}