@charset "utf-8";

/***********************************

【hack覚書】
★Internet Explorer 6のみ適用
* html .hogehoge{}

★Internet Explorer 7のみ適用
*+html .hogehoge{}

★Internet Explorer 8のみ適用
html>/＊＊/body .hogehoge{
	プロパティ/＊\＊＊/ : 値\9;
}
（＊は小文字に直してから使用してください。）


***********************************/

@import "base.css?t2301";

h2{
	margin-bottom: 5px;
}

.inbox > div{
	margin: 0 130px 50px;
}

#contents div.box{
	padding: 0 50px;
}

#contents dl.accessmap{
	width: 330px;
}

#contents dl.accessmap dt{
	font-size: 110%;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 3px;
	background-color: #D1CCC9;
}

#contents dl.accessmap dd{
	margin: 0 0 20px 5px;
}

#contents table.history{
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

#contents table.history th{
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #dddddd;
	width: 60px;
}

#contents table.history td{
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	padding: 5px;
}

#contents table.history td dt{
	font-weight: bold;
}

#contents table.history td dd{
	margin: -1.5em 0 5px 40px;
}

#contents div.koryo{
	float: right;
	width: 400px;
}

#contents div.koryo h4{
	font-size: 120%;
	font-weight: bold;
	background-color: #D1CCC9;
	padding: 3px 5px;
	margin-bottom: 10px;
}

#contents div.koryo li{
	text-indent: -2em;
	margin-left: 2em;
	margin-bottom: 10px;
}

#contents dl.work dt{
	color: #F29439;
	font-size: 120%;
	font-weight: bold;
}

#contents dl.work dd{
	border-bottom: 1px #999999 dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}





#contents table.advice{
	width: 100%;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

#contents table.advice caption{
	text-align: left;
	font-weight: bold;
	font-size: 120%;
}

#contents table.advice th{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1em;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDDDDD;
}

#contents table.advice td{
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 5px;
}

#contents table.advice td.month{
	width: 30%;
	text-align: right;
}

#contents table.detail{
	width: 100%;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	margin-bottom: 30px;
}

#contents table.detail th{
	font-weight: bold;
	white-space: nowrap;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	width: 100px;
}

#contents table.detail td{
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 5px;
}

/* ブラウザ互換
*********************************************************************/




/* レスポンシブ
*********************************************************************/
@media screen and (max-width: 949px) {
	.inbox > div{
		margin: 0;
	}
	#contents .spW90{
		width: 90%;
	}
	/* #contents .inbox {
	  padding: 0.8rem 0.5rem !important;
	} */
	#contents h4 {
	  font-weight: bold;
	  color: white;
	  background-color: #666;
	  margin-bottom: 1rem;
	  padding: 0.5rem;
	}
	#contents dl {
	  width: 100% !important;
	}
	#contents dt img {
	  max-width: 100%;
	}
	#contents dd img {
	  display: none;
	}
	#contents dl.support_left a,
	#contents dl.support_right a {
	  font-size: 0.7rem;
	}
	#contents dl dt {
		position: relative;
	  margin: 1rem 0;
	  padding: 0.2rem;
	  border: 2px solid #eee;
	}
	#contents dl dt:after {
		position: absolute;
	  content: "＞";
		font-size: 1.2em;
		font-weight: bold;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
	}

	#contents table.detail th{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	#contents table.detail td{
		display: block;
	}

}