@charset "utf-8";
/* ===================================================================
CSS information

 file name  modal-style.css
 style info :モーダルウィンドウ
=================================================================== */

body {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  height: 100%;
  color: #333;
  background-color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0;
}

input, textarea {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 13px; font-size: 1.3rem; 
}

/* for IE6 */
* html body {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* #modal-style
----------------------------------------------------------- */
#contents {
	position: relative;
	width: 710px;
	height: 600px;
	padding: 10px;
	margin: 0 auto;
	overflow: auto;
}

#contents h1 {
	width: 690px;
	border-bottom: 1px solid #c83800;
	color: #c83800;
	font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: 10px;
}

#contents h2 {
	margin: 20px 0 10px 0;
}

#contents p {
	width: 680px;
	margin-bottom: 5px;
	padding-left: 1em;
  text-indent: -1em;
}

#contents dl {
	width: 690px;
}

#contents dt {
	float: left;
	width: 429px;
	border-bottom: 1px dotted #999;
}

#contents dd{
	margin-left: 430px;
	padding-right: 8px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
	text-align: right;
}

#contents .color01 {
	color: #c83800;
}