@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : style.css

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	一覧
/------------------------------------------------------------------------------------------------------------------------ */

.list {
	}

	.list .error {
		color:#ff0000;
		text-align:left;
		margin:20px 0 0 0;
		}

	.list a {
		}

		.list a dl {
			float:left;
			width:165px;
			text-align:left;
			box-sizing:border-box;
			background:#ffffff url("./image/contents/godetail_off.gif") -1px bottom no-repeat;
			border-top:solid 1px #cccccc;
			border-left:solid 1px #cccccc;
			border-right:solid 1px #cccccc;
			box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
			-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
			-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
			margin:0 20px 20px 0;
			padding:10px 10px 45px 10px;
			}
		.list a:hover dl {
			background:#ffffff url("./image/contents/godetail_on.gif") -1px bottom no-repeat;
			border-top:solid 1px #ec5c84;
			border-left:solid 1px #ec5c84;
			border-right:solid 1px #ec5c84;
			}
		.list a:nth-of-type(4n) dl {
			margin:0 0 20px 0 !important;
			}
			.list a dl dt {
				width:143px;
				height:107px;
				text-align:center;
				}
			.list a dl dd {
				color:#232323;
				text-decoration:none;
				margin:10px 0 0 0;
				}
				.list a dl dd .date {
					color:#ec5c84;
					}

/* ------------------------------------------------------------------------------------------------------------------------/
	詳細
/------------------------------------------------------------------------------------------------------------------------ */

.detail {
	}

	.detail .error {
		color:#ff0000;
		text-align:left;
		margin:20px 0 0 0;
		}

	.detail .chirashi_box {
		text-align:left;
		border:solid 1px #cccccc;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		margin:20px 0 0 0;
		padding:20px;
		}
		.detail .chirashi_box .comment {
			color:#0059b2;
			font-size:15px;
			font-weight:bold;
			margin:0 0 15px 0;
			}

		.detail .chirashi_box .omote {
			float:left;
			width:329px;
			}
		.detail .chirashi_box .ura {
			float:right;
			width:329px;
			}
			.detail .chirashi_box .omote dt,
			.detail .chirashi_box .ura dt {
				position:relative;
				width:329px;
				text-align:center;
				}
				.detail .chirashi_box .omote dt a,
				.detail .chirashi_box .ura dt a {
					text-decoration:none;
					}
					.detail .chirashi_box .omote dt a span,
					.detail .chirashi_box .ura dt a span {
						position:absolute;
						top:0;
						left:0;
						color:#232323;
						font-weight:bold;
						box-sizing:border-box;
						background:#efefef;
						border:solid 1px #cccccc;
						padding:4px 10px 3px 10px;
						}
			.detail .chirashi_box .omote ul,
			.detail .chirashi_box .ura ul {
				margin:10px 0 0 0;
				list-style:none;
				}
				.detail .chirashi_box .omote ul li,
				.detail .chirashi_box .ura ul li {
					float:left;
					box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
					}
				.detail .chirashi_box .omote ul li:nth-of-type(2),
				.detail .chirashi_box .ura ul li:nth-of-type(2) {
					float:right;
					}

	.detail .company_box {
		text-align:left;
		border:solid 1px #cccccc;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		margin:20px 0 0 0;
		padding:20px 20px 15px 20px;
		}
		.detail .company_box h4 {
			font-size:17px;
			margin:0 0 5px 0;
			}
		.detail .company_box ul {
			width:100%;
			margin:10px 0 0 0;
			list-style:none;
			}
			.detail .company_box ul li {
				float:left;
				width:39%;
				text-indent:-5em;
				margin:0 0 5px 0;
				padding:0 0 0 5em;
				}
				.detail .company_box ul li span {
					display:inline-block;
					width:5em;
					font-size:12px;
					font-weight:bold;
					text-align:center;
					text-indent:0;
					box-sizing:border-box;
					background:#efefef;
					border:solid 1px #cccccc;
					margin:0 10px 0 0;
					padding:2px 0;
					}
				.detail .company_box ul li strong {
					font-size:15px;
					vertical-align:middle;
					}

	.detail .back_button {
		width:160px;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		margin:20px auto 0 auto;
		}