@charset "shift_jis";
/* CSS Document */
.sp-hide { display:block; }
.pc-hide { display:none; }
.topPartsWrap {
	border-bottom: 2px solid #78AADC;
	position: relative;
	margin: 10px 0 30px;
	width: 100%;
}
.topPartsWrap .topPartsInner {
	position: relative;
	background: #fff;
}
.topPartsWrap .title h2 { border-top:#78AADC 2px solid; border-bottom: #E6E9EC 1px solid; }
.topPartsWrap .title h2 img.titleImg { width: 100%; max-width: 550px; float: left; }
.topPartsWrap .title h2 img.titleLink { width: 100%; max-width: 35px; float: right; }
.topPartsWrap .topPartsInner > ul {
	list-style: none; margin: 0; padding: 0; width: 80%;
}
.topPartsWrap .topPartsInner > ul li {
	font-size:96%;
	line-height:1.4;
	margin:0;
	padding: 7px 0 6px;
	border-bottom: 1px solid #dee6e7;
}
.topPartsWrap .topPartsInner > ul li i {
	position: absolute;
	width: 18%;
	border: #DEE6E7 1px solid;
	text-align: center;
	right: 0;
	top:6px;
}
.topPartsWrap .topPartsInner > ul li i img {
	width: auto; max-width: 100%; max-height: 93px;
}
.topPartsWrap .topPartsInner > ul li:hover {
	background: #ecf3ff;
}

.topPartsWrap .topPartsInner > ul li a {
	background: url(../image/arrow-R-rightBlue.png) no-repeat left center;
	padding: 0 0 0 15px;
	color: #0080bb;
}

.topPartsWrap .topPartsInner > ul li:hover a,
.topPartsWrap .topPartsInner > ul li a:hover {
	text-decoration: none;
	color: #0080bb;
}
.topPartsWrap .topPartsInner > ul li a:visited { color: #0080bb; }
.topPartsWrap .topPartsInner > ul li a span { color:#71726C; }
.topPartsWrap .topPartsInner > ul li i a { background: none; padding: 0; color: #0080bb; }


@media screen and (max-width: 640px) {
	.sp-hide { display:none; }
	.pc-hide { display:block; }
	.topPartsWrap .title h2 { border-top:none; border-bottom: none; }
	.topPartsWrap .title h2 img { width: auto; max-width: 100%; }
	.topPartsWrap .topPartsInner > ul { width:100%; }
	.topPartsWrap .topPartsInner > ul li { padding: 3%; }
	.topPartsWrap .topPartsInner > ul li i { position: static; float: left; width: 30%; margin-top: 0px; margin-right: 5%; }
	.topPartsWrap .topPartsInner > ul li i img { width: auto; max-width: 100%; max-height: 93px; }
	.topPartsWrap .topPartsInner > ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	.topPartsWrap .topPartsInner > ul li:hover { background-color:transparent;}
	.topPartsWrap .topPartsInner > ul li a,
	.topPartsWrap .topPartsInner > ul li:hover a,
	.topPartsWrap .topPartsInner > ul li a:hover,
	.topPartsWrap .topPartsInner > ul li a:visited { background: none; padding: 0; color: #0080bb; }
}