@charset "UTF-8";
/*===================================================================
    reset
===================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,
nav, article, section, header, footer, address {
  margin: 0;
  padding: 0; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.7;
  color: #FFF;
  background: url(../images/bg.png)}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: normal; }

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

th {
  text-align: left;
  vertical-align: top;
  font-weight: normal; }

a:link,
a:visited {
  color: #555;
  text-decoration: none; }

a:hover {
  color: #888; }

address {
  font-style: normal; }

img {
  border: medium none;
  vertical-align: middle; }

small {
  font-size: 12px; }

li {
  list-style: none; }

/*===================================================================
    clearfix
===================================================================*/
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.clear {
  clear: both; }

/*===================================================================
    detail
===================================================================*/
header{
	margin: 22px auto;
	width: 1000px;
	}
header p{
	text-align: center;
	}
header h1{
	margin-top: 30px;
	text-align: center;
	}

#main {
	width: 1000px;
	margin: 0 auto;
	}
#main #contents{
	margin: 20px 0;
	padding-bottom: 50px;
	border-bottom: #FFF 4px solid;
}
#main #contents #cnt_left{
	float: left;
	width: 500px;
}
#main #contents #cnt_left .date{
	margin-top: 14px;
}
#main #contents #cnt_left .map{
	padding: 27px 10px 0;
}
#main #contents #cnt_right{
	float: right;
	width: 500px;
}
#main #credit{
	clear: both;
	margin: 50px auto 38px;
	text-align: center;
}

#main #application{
	border-bottom: #FFF 4px solid;
}

#main #application h3{
	text-align: center;
	margin-bottom: 34px;
}

#main #application form{
	width: 340px;
	margin: 0 auto 50px;
}
    #main #application form dl dt {
      margin-top: ;
	  font-weight: bold; }
	#main #application form dl dd {
      margin-bottom: 15px;
	}
	#main #application form dl dd .sub {
      width: 41px;
	  text-align: center;
	  font-weight: bold;
	  display: inline-block; }
    #main #application form dl dd input {
      width: 100%;
      height: 37px;
	  font-size: 16px;
	  border: solid #d0cfcf 1px; }
	#main #application form dl dd input.name {
      width: 121px;
      height: 37px;
      margin-bottom: 15px;
	  font-size: 16px; }
	#main #application form dl dd input.zipcode {
      width: 140px;
      height: 37px;
      margin-bottom: 15px;
	  font-size: 16px; }
    #main #application form dl dd .radio {
      width: auto;
      height: auto;
      margin-bottom: 0; }
    #main #application form dl dd .cstm_box {
      cursor: pointer; }
	#main #application form dl dd .cstm_box .outer {
	  width: 14px;
      height: 14px;
      margin: 0  10px -2px 20px;
      border: 1px solid #000;
      display: inline-block; }
    #main #application form dl dd .cstm_box .inner {
      display: none; }
	#main #application form dl dd .cstm_box_2 {
      cursor: pointer; }
	#main #application form dl dd .cstm_box_2 .outer {
	  width: 14px;
      height: 14px;
      margin: 0  10px -2px 20px;
      border: 1px solid #000;
      display: inline-block; }
      #main #application form dl dd .cstm_box_2 .inner {
        display: none; }
    #main #application form dl dd .first {
      margin-left: 0; }
    #main #application form dl dd select:first-child {
      margin-left: 0; }
	#main #application form dl dd .attention {
		color: #f00;
	}
    #main #application form #btn {
      margin-top: 30px;
      text-align: center; }
    #main #application form #btn #sbmt {
        border: none;
        background: none;
        padding: 0; }


body footer {
	width: 1000px;
	margin: 23px auto; 
	text-align: center;
}

#page_mail #main #application form dl {
	width: 360px;
	margin: 0 auto;
}
#page_mail #main #application form dl dt {
	width: 120px;
	margin-bottom: 4px;
	line-height: 20px;
	float: left;
	clear: both;
}
#page_mail #main #application form dl dd {
	width: 230px;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 20px;
	float: right;
}
#page_thanks #main {
	min-height: 360px;
}
#page_thanks #main #application {
	padding-top: 20px;
	padding-bottom: 20px;
}
#page_thanks #main #application p {
	font-size: 18px;
}

@media screen and (max-width: 600px) {
  body img {
    max-width: 100%; }
  body header,
  body #main,
  body footer {
    overflow: hidden; } }

/*# sourceMappingURL=common.css.map */