@charset "utf-8";
/* CSS Document */
.link_box {
	margin-bottom: 10px;
	padding: 5px;
}

.link_box li {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .1);
}

.link_box li.fanbox {
	background-image: url(/link/image/fanbox_bg.jpg);
	background-position: center;
	background-size: 100%;
	transition: all 0.1s 0s ease;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}

.link_box li.fanbox:hover {
	background-size: 105%;
	background-position: center;
	transition: all 0.1s 0s ease;
}

.link_box li:hover {
	opacity: 0.7;
}

.link_box li img, .link_box li div {
	float: left;
}
.link_box li img {
	margin-right: 10px;
	width: 50px;
	height: 50px;
}

.link_box li div {
	padding: 5px;
	max-width: 238px;
	width: 100%;
}

.link_box li a {
	display: inline-block;
	width: 308px;
	padding: 10px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.link_box li h4 {
	height: auto;
	width: auto;
	font-size: 12px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #222;
	text-shadow:
           1px 1px 0px #fff, -1px -1px 0px #fff,
          -1px 1px 0px #fff,  1px -1px 0px #fff,
           1px 0px 0px #fff, -1px  0px 0px #fff,
           0px 1px 0px #fff,  0px -1px 0px #fff;
}

.link_box li p {
	margin: 0;
	font-size: 12px;
	color: #444;
	text-shadow:
           1px 1px 0px #fff, -1px -1px 0px #fff,
          -1px 1px 0px #fff,  1px -1px 0px #fff,
           1px 0px 0px #fff, -1px  0px 0px #fff,
           0px 1px 0px #fff,  0px -1px 0px #fff;
}

.link_box li a:hover h4 {
	color: #222;
}

.link_box li a:hover p {
	color: #444;
}

.link_box li:nth-child(2n) {
	margin-right: 0;
}