@charset "Shift_JIS";

/* マルチカラム関連 */
.wrapper {
	width: 100%;
	overflow: auto;
}

.main-content {
	float: left;
	width: 66%;
	min-width: 600px;
}

.sidebar {
	float: right;
	width: 30%;
	padding-top: 24px;
	min-width: 280px;
}

/* サイドバー内のスタイル */
.side-article {
	margin: 40px 0px;
}

.side-aricle-title {
	margin: 10px 0px;
}

.side-list-title {
	margin: 10px 0px;
	font-size: 13px;
}

.side-list-desc {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #0000ff;
}

.sidebar-rist {
	list-style-type: square;
}

.sample {
	position: relative;
	width: 150px;
	height: 112px;
	box-shadow: 1px 1px 1px #ccc;
	z-index: auto;
}
.sample img {
	width: 100%;
	height: 100%;
}
.sample .box {
	position:absolute;
	width: 200px; /* 吹き出しの幅 */
	height: 60px; /* 吹き出しの高さ */
	top: -76px; /* 吹き出しと三角形の高さをプラスした値 */
	left: 0;
	border-radius: 10px 10px 10px 10px;
	background-color: #ff0;
	display: none;
}
.sample .box:after { /* 三角形を作成 */
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 60px; /* 吹き出しの高さと同じ値 */
	left: 32px;
	border: 16px solid transparent;
	border-top: 16px solid #ff0;
}
.sample .text {
	font-size: 14px;
	position: absolute;
	top: 8px;
	left: 4px;
	color: #000;
}
.sample:hover .box {
	z-index: 2;
	display: block;
}

/* リンク文字部分 */
a {
	text-decoration: none;
}