@charset "utf-8";
@import url("../../css/base.css");
@import url("../../css/area-top.css");
/*関西用*/
header .info strong {
	color: #F63;
}header li a {
	color: #E8FFFF;
}
#main .left .list .info h3 {
	background-image: url(../img/h3.gif);
}
#main .left .list .info h3 a {
	color: #E9EEF5;
}
#main  .left  .list  .info  h3 strong {
	color: #FF9;
}
#main .left .list .info .type {
	color: #F1E8FA;
}
#main .left .list .info .area {
	background-color: #CBD8E8;
}
#main .left .list .info .text .blue span {
	font-size: 1.3em;
}
#main .right-side #foglia {
	margin-right: 10px;
}
#main .right-side #foglia h3 {
	color: #FFF;
	background-color: #036;
	font-size: 0.9em;
	padding: 5px;
	margin-top: 10px;
}
#main .right-side .text {
	font-size: 0.85em;
	padding: 3px;
	border: 1px solid #036;
}
#main .right-side #records {
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #EBF0F5;
	padding: 5px;
	margin-right: 10px;
}
#main  .right-side #records dt {
	text-align: center;
}
#main .right-side #records dd {
	padding-bottom: 10px;
	font-size: 0.9em;
}
#main .right-side #records dd strong {
	color: #600;
	padding-left: 5px;
}
#main .right-side .banner{
	margin-bottom: 5px;
}
footer  .line  strong  {
	color: #036;
}
footer  .list a {
	color: #F1E8FA;
}
/*===============================================
画面の横幅が960pxまで
===============================================*/
@media screen and (max-width: 960px) {
header ol {
	font-size: .9em;
}
#main .left .records dl {
	width: 23.5%;
	margin-right: 1%;
	font-size: 0.9em;
}
#main .left .sentence {
	margin-right: 10px;
}

#main .right-side .link {
	text-indent: 10%;
	width: 90%;
}
#main .right-side p {
	margin-bottom: 5px;
}
}
/*===============================================
画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
#top .news {
	font-size: 0.9em;
}
#main .left {
	width: 100%;
}
#main .left .list .info h3 {
	font-size: 0.9em;
}
#main .right-side {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#main .right-side #foglia {
	width: 48%;
	float: right;
	text-align: left;
	font-size: 0.9em;
	margin-right: 1%;
}
#main .right-side #foglia .text {
	width: 100%;
}
#main .right-side #records {
	width: 48%;
	float: left;
	font-size: 0.9em;
	margin-right: 1%;
	margin-left: 1%;
}
#main .right-side #records dd {
	font-size: 0.8em;
	text-align: center;
}
#main .right-side #records strong {
	color: #E13333
}
#main .right-side .banner {
	width: 47%;
	float: right;
	text-align: center;
	margin-right: 1%;
}
}
/*===============================================
画面の横幅が700pxまで
===============================================*/
@media screen and (max-width: 700px) {
.news h2,
#main .left h2 {
	background: -moz-linear-gradient(top, #def, #cde);
	background: -webkit-gradient(linear, left top, left bottom, from(#def), to(#cde));

}
}
/*===============================================
 画面の横幅が480pxまで
 ===============================================*/
@media screen and (max-width:480px) {
header h1,
header .bottom ul {
	display: none;
}
header .top {
	left: 80%;
	top: 5px;
	font-size: 0.8em;
}
#main .right-side #records {
	font-size: 0.8em;
}
#main .right-side #foglia {
	width: 98%;
	float: none;
}
#main .right-side .banner {
	width: 98%;
	float: none;
	text-align: center;
}
}