@charset "utf-8";
/* CSS Document */
/* ↓写メ日記コンテンツ版写メラーをエリアページに適用 @ KSOL 2013/04/02 */
div#utilities div.p_shamelar_banner {
	width: 100%;
	height: 110px;
	overflow:hidden;
	display: block;
	margin: 0px 0px10px 0px;
}
div#utilities div.p_shamelar_banner div.shamelar {
	width: 100%;
	background : white;
	position : relative;
}
div#utilities div.p_shamelar_banner div.shamelar ul li {
	background : none;
	float: left;
	margin : 0px;
	padding : 0px;
}
div#utilities div.p_shamelar_banner div.shamelar ul li.photo {
	height: 80px;
	width: 70px;
}
div#utilities div.p_shamelar_banner div.shamelar ul li.photo img {
	max-height: 78px;
	max-width: 63px;
}
div#utilities div.p_shamelar_banner div.shamelar ul li.name {
	padding-top: 4px;
}
div#utilities div.p_shamelar_banner div.shamelar ul li.name a {
	font-weight: bold;
}
div#utilities div.p_shamelar_banner div.shamelar ul li.text {
	width: 125px;
	font-size: 12px;
	word-break: break-all;
}
div#utilities div.p_shamelar_banner div#shamelarNav {
	background: 0 0 #FFFFFF;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
div#utilities div.p_shamelar_banner div#shamelarNav li {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie7*/
	/zoom: 1; /*for ie7*/
}
div#utilities div.p_shamelar_banner div#shamelarNav li a {
	display: block;
	width: 10px;
	height: 10px;
	margin: 10px 4px 10px 5px;
	text-indent: -9999px;
	background: #999999;
	overflow: hidden;
}
div#utilities div.p_shamelar_banner div#shamelarNav li.activeSlide a {
	display: block;
	width: 10px;
	height: 10px;
	margin: 10px 4px 10px 5px;
	text-indent: -9999px;
	background: #0000CC;
	overflow: hidden;
}
/* ↑写メ日記コンテンツ版写メラーをエリアページに適用 @ KSOL 2013/04/02 */