@charset "shift_jis";

/*‹¤’Ê*/
@import url("common.css");

.font1 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 120%;
}
.font2 {
	font-size: 12px;
	font-weight: bold;
	color: #808000;
	line-height: 120%;
}

/* [selectContainer] //////////////// */
#selectContainer {
	padding: 5px 0;
	background-color: #ccc;
	text-align: center;
}
#selectContainer table {
	margin: 0 auto;
}
#selectContainer .selectArea {
	background-color: #fff;
}
#selectContainer .selectArea .submit1 {
	padding: 8px 0 5px;
}
#selectContainer .selectArea .submit2 {
	padding: 5px 0 8px;
}
#selectContainer .selectArea .idx {
	padding: 0 0 0 10px;
}
#selectContainer .selectArea .idx select,
#selectContainer .selectArea .idx .word {
	width: 145px;
}
#selectContainer .clearArea {
	margin: 5px 0 0;
	text-align: center;
}

/* [indexContainer] ///////////////// */
#indexContainer {
}
#indexContainer h2 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #666666;
}
#indexContainer .line {
	margin: 8px 0 10px;
}
#indexContainer h3 {
	margin-bottom: 7px;
	padding: 3px 3px 2px;
	background-color: #e3e3e3;
	font-size: 14px;
}
#indexContainer .text {
	font-size: 12px;
	line-height: 120%;
}
#indexContainer .themeArea {
	margin: 10px 0 0;
	background-color: #e3e3e3;
}

/* [resultContainer] ///////////////// */
#resultContainer {
}
#resultContainer h2 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #666666;
}
#resultContainer .selVals {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: bold;
	color: #008000;
}

/* [navi] */
#resultContainer .navi {
	font-size: 13px;
}

/* [paging] */
#resultContainer .paging {
	margin: 5px 0 5px;
	font-size: 13px;
}
#resultContainer .paging .small {
	font-size: 12px;
}

/* [article] */
.article,
.article table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
.article td {
	font-size: 13px;
}
.article .bd {
	padding: 0 2px;
	border: 1px solid #ccc;
}
.article .bg {
	background: #eee;
}
.article .idx {
	font-size: 13px;
	color: #333;
}

/* [noImage] */
.noImage {
	display: block;
	border: 1px dotted #ccc;
	text-decoration: none;
}
a:hover.noImage {
	text-decoration: underline;
}

/* [detailContainer] //////////////// */
#detailContainer {
}
#detailContainer h2 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #666666;
}
#detailContainer .back a {
	font-size: 12px;
}
#detailContainer .title {
	margin: 8px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #808000;
}
#detailContainer .title2 {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

/* [photoArea] */
.photoArea {
	margin: 8px 0 15px;
	padding: 10px 0 10px;
	text-align: center;
	background-color: #e3e3e3;
}
.photoArea .lead {
	font-size: 12px;
	color: #333;
}
.photoArea .thumb {
	margin: 10px auto 10px;
}
.photoArea #afterComment {
	margin: 5px 0 0;
	font-size: 13px;
	color: #333;
}

/* [beforeArea] */
.beforeArea {
	background-color: #e3e3e3;
}
.beforeArea .wrapper {
	padding: 5px 10px;
}
.beforeArea .head {
	margin: 0 0 5px;
	font-size: 12px;
	color: #333;
}
.beforeArea .comment {
	margin: 5px 0 0;
	font-size: 12px;
	color: #333;
	line-height: 1.2;
}

/* [planArea] */
.planArea {
	margin: 10px 0 0;
}
.planArea .tab {
	margin: 0 0 5px;
	padding: 3px 3px 2px;
	font-size: 14px;
	color: #333;
	background-color: #e3e3e3;
}