@charset "EUC-JP";

/* ************************************************ */
/* 基本セット */
/* ************************************************ */
#welcome {
	width:90%;
	margin:0 auto;
}

h4.title {
	background:url('img/mark.gif') no-repeat left center;
	padding-left:32px;
	font-size:140%;
	min-height:31px;
	line-height:31px;
	color:#666;
	margin-bottom:.5em;
}

.top-desc {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dotted #bbb;
}

.content {
	font-size:1em;
	color:#555;
	margin:2em 0;
	border:1px solid #bbb;
	border-radius:.2em;
	padding:1em;
}


.item {
	border-bottom:1px dotted #bbb;
	padding-bottom:2em;
	margin-bottom:2em;
}
.item.thumb {
	position:relative;
	padding-right:300px;
	min-height:210px;
	background:url('') no-repeat right .3em;
}

.thumb.img1 { background-image:url(img/thumb1.gif); }
.thumb.img2 { background-image:url(img/thumb2.gif); }
.thumb.img3 { background-image:url(img/thumb3.gif); }
.thumb.img4 { background-image:url(img/thumb4.gif); min-height:238px; }

.item dt {
	color:orangered;
	font-weight:bold;
	font-size:110%;
	background-color:#eee;
	padding:.3em .5em;
	margin-bottom:.5em;
}
.item dd {
	font-size:110%;
	margin:.5em 0;
	color:darkblue;
}
.item dt::before { content:"Q:"; }
.item dd::before { content:"A:"; }

.point {
	font-size:90%;
	margin:1em 0;
	border:2px solid #ccc;
	min-height:50px;
	padding:.5em;
	padding-left:66px;
	background:url('img/point.gif') no-repeat 6px center #ffc;
	list-style:circle inside;
}

.entry {
	text-align:center;
	margin:1em;
}
.entry a {
	font-size:1.1em;
	display:inline-block;
	*display:inline; *zoom:1;
	padding:1px;
	background:#eee;
	border:1px solid #6a9d02;
	border-radius:.1em;
	text-decoration:none;
	text-shadow:0 0 1px black;
	color:white;
	font-weight:bold;
}
.entry a div {
	padding:.5em 1em;
	background-color:rgba(122,173,18,1);
	border-radius:.1em;
}
.entry a:hover {
	border-color:black;
}
.entry a:hover div {
	background-color:rgba(122,173,18,0.8);
}
.entry .desc {
	font-size:90%;
	display:block;
	margin-bottom:.5em;
}

.link {
	margin:2em 0;
	text-align:right;
}
.link a::before { content:"■"; }