@charset "utf-8";

/*--デフォルト---------------------*/
body {
  margin: 0;
  padding: 0;
  font-size: 90%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address {
  margin: 0; 
  padding: 0; 
  font-size: 100%; 
  font-weight: normal;
}
 
ol, ul {
  list-style: none;
}

fieldset, img {
  border: 0;
}

table {
  border-collapse: collapse; 
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

address, caption, em, strong, th {
  font-style: normal; 
  font-weight: normal;
}

a {
  text-decoration: none;
}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}


/*--デフォルト---------------------*/


/*--clearfix-----------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /* Mac版IEのみに適用 \*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*--clearfix-----------------------*/


/*--レイアウト---------------------*/
body {
	line-height: 1.5;
	color: #333;
	background-color: #f0ede9;
}
#container {
  width: 955px;
  margin: 0 auto;
  background-color: #fff;
}
#formHeader {
  width:955px;
  height:100px;
  background:url(../img/logo.gif) 10px 10px no-repeat;
}
#formHeader_title {
  font-size:20px;
  color:#FFF;
  padding:10px;
  background-color:#df7a7a;
}
#contents {
  width: 875px;
  padding: 40px;
}
#contents h2 {
  width: 875px;
  margin-bottom: 15px;
  padding: 0 0 3px 2px;
  border-bottom: 2px solid #ccc;
}
#contents p.note {
  color: #f00;
  margin: 0 0 3px 0;
}
#footerwall { margin: 0; height: 69px; background: url(../img/foot_ill.gif) -5px 0 no-repeat;}
#formFooter {
	background:url(../img/foot_logo.gif) 700px 20px no-repeat;
	background-color:#9299ad; color:#fff; padding:20px;
}
#formFooter a,
#formFooter a:hover{ color: #fff;}
#formFooter .link{ margin-bottom:10px;}
#formFooter p { font-size:10px; color:#fff;}
/*--レイアウト---------------------*/


/*--attention----------------------*/
#contents p.attention {
  width: 869px;
  margin-bottom: 20px;
  padding: 5px 0;
  color: #f00;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  border: 3px double #f00;
}
#contents p.attention img {
  vertical-align: middle;
  margin-right: 10px;
}
/*--attention----------------------*/


/*--table--------------------------*/
#contents table {width: 875px; margin-bottom:20px;}
#contents table th { border: 1px solid #ccc; background-color: #f7f7f7; padding: 10px 10px 10px 12px;}
#contents table th span { color: #f00; margin-left: 0.8em;}
#contents table td { width: 560px; border: 1px solid #ccc; padding: 10px 10px 10px 15px;}
#contents table td span { margin-left: 10px;}
#contents table td textarea { width: 500px; height: 6em;padding: /*3px 0*/ 3px 6px; border: 1px solid #b7c5dd;}
#contents table td input.text { width: 280px; padding: /*3px 0*/ 3px 6px; border: 1px solid #b7c5dd}
#contents table td input.post { width: 3em; padding: /*3px 0*/ 3px 6px; border: 1px solid #b7c5dd;}
#contents table td p.error { margin-top: 4px; padding: 0 0 0 22px; color: #f00; background: url(../img/icon_error_02.gif) 0 50% no-repeat; font-size: 0.85em;}
/*--table--------------------------*/


/* 個人情報の取り扱いについて
---------------------------------------- */
#contents table td div.kojinjoho {
  width: 533px;
  height: 125px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  overflow: auto;
  font-size: 0.85em;
}

#contents table td div.kojinjoho h3 {font-weight: bold;margin-bottom: 5px;}
#contents table td div.kojinjoho ol {margin-top: 5px;}
#contents table td div.kojinjoho ol li {list-style: decimal; margin: 0 0 5px 22px;}
#contents table td div.kojinjoho ol li ul { margin-top: 5px;}
#contents table td div.kojinjoho ol li ul li { list-style: disc;}
#contents table td div.agree { width: 500px; margin: 10px 0 3px 0; padding: 5px 10px;}
#contents table td div.agree input { margin-right: 10px;}


/* ボタン
---------------------------------------- */
#contents .btn { text-align: center;}
#contents p.btntxt { text-align: center; margin-top: 20px;}


/* thanks
---------------------------------------- */
#contents div.thanks {
  width: 875px;
  padding: 60px 0;
  border: 1px solid #ccc;
  text-align: center;
}
#contents div.thanks p {
  margin-bottom: 30px;
  font-size: 1.275em;
  font-weight: bold;
  color: #4d4d4d;
}