@charset "utf-8";

html{ background:url(../img/footer_bg.png) repeat center bottom;}

body {
  position:relative;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size:14px;
  line-height:1.715em; /*14px-24px相当*/
  letter-spacing:normal;
  vertical-align:baseline;
  margin:0;   
  padding:0;   
  color:#656565;
  background:url(../img/body_bg.png) repeat-x center top #fffbf2;
  min-width:960px;
}

  /* for WinIE7・8*/
	*+html body {
    font-size:0.875em; /*14px相当*/
    font-family:'メイリオ', 'ＭＳ Ｐゴシック', Meiryo, sans-serif;
    overflow-x: hidden;
  }

  /* for WinIE6*/
	* html body {
    font-size:0.875em; /*14px相当*/
    font-family:'ＭＳ Ｐゴシック', 'メイリオ', sans-serif;
    overflow-x: hidden;
  }

h1, h2, h3, h4, h5, h6,
div, p, ul, li, ol, dl, dt, dd,
pre, span, address , table, th, td {
  margin:0;
  padding:0;
  font-size: 1em;
  font-style:normal;
}

p,li,dd {
  text-align:justify;
	text-justify:inter-ideograph;
}

ul li { list-style-type:none; }

ol li {
  list-style-position:outside;
	margin-left:1.5em;
}

em{
  text-decoration:none;
	font-style:normal;
  font-weight:normal;
}

img, a img { border:0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a{
  color:#656565;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

br { letter-spacing:0; }

/* スマートフォンのみ表示 */
.sp {
  display: none;
}

/* PCのみ表示 */
.pc {
  display: block !important;
}

/* PCのみ改行 */
.pcbr {
  display: inline;
}

/* スマートフォンのみ改行 */
.spbr {
  display: none;
}

.center,
.pcCenter {
  text-align: center;
  margin: 0 auto;
}

.mb3   {margin-bottom:3px !important;}
.mb5   {margin-bottom:5px !important;}
.mb10  {margin-bottom:10px !important;}
.mb15  {margin-bottom:15px !important;}
.mb20  {margin-bottom:20px !important;}
.mb25  {margin-bottom:25px !important;}
.mb30  {margin-bottom:30px !important;}
.mb35  {margin-bottom:35px !important;}
.mb40  {margin-bottom:40px !important;}
.mb50  {margin-bottom:50px !important;}
.mb60  {margin-bottom:60px !important;}
.mb70  {margin-bottom:70px !important;}
.mb80  {margin-bottom:80px !important;}

.mt3   {margin-top:3px !important;}
.mt5   {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt35  {margin-top:35px !important;}
.mt40  {margin-top:40px !important;}
.mt50  {margin-top:50px !important;}
.mt60  {margin-top:60px !important;}
.mt70  {margin-top:70px !important;}
.mt80  {margin-top:80px !important;}

.mr3   {margin-right:3px !important;}
.mr5   {margin-right:5px !important;}
.mr10  {margin-right:10px !important;}
.mr15  {margin-right:15px !important;}
.mr20  {margin-right:20px !important;}
.mr25  {margin-right:25px !important;}
.mr30  {margin-right:30px !important;}
.mr35  {margin-right:35px !important;}
.mr40  {margin-right:40px !important;}

.ml3   {margin-left:3px !important;}
.ml5   {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml30  {margin-left:30px !important;}
.ml35  {margin-left:35px !important;}
.ml40  {margin-left:40px !important;}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.column.center {
  justify-content: center;
}

.min {
  font-family: 'Noto Serif JP', serif;
}

.page-title {
  background: #EAE4D8;
  font-size: 20px;
  padding: 10px 0 10px 15px;
}

/*テーブル*/
table{
  width:100%;
  border-collapse: collapse;
  border-spacing:0;
}

th{
  text-align:left;
  font-weight:normal;
  font-style:normal;
  white-space: nowrap;
}

/*form*/
form{
  display:block;
  padding:0;
  margin:0;
  padding-top:15px;
}

form span,
.err{
  color:#F00;
	font-weight:normal;
}

form dl{
  position:relative;
  padding-bottom:30px;
}

p.inqcaution{
  padding-bottom:20px;
  text-indent:-1em;
  margin-left:1em;
}

div.inqcaution {
  padding-top: 40px;
}

div.inqcaution p{
  text-indent:-1em;
  margin-left:1em;
}


form dt{
  position:absolute;
  left:0;
  width:200px;
  padding-top:12px;
  font-weight:bold;
}

form dt span{
  padding-left:0.5em;
}

form dd{
  width:350px;
  padding:12px 0 10px 210px;
  background:repeat-x left top;
}

form dd p{
  font-size: 13px;
  line-height: 1.5em;
}

form dd input + p {  padding-top: 8px; }

* html form #infol{
  display:block;
  padding-top:10px;
}
* html form dd li{
  padding-bottom:12px;
}

* html form dd ul{
  margin-bottom:-12px;
}

label{
  cursor:pointer;
  line-height: 2.4em;
}

label.lines,
p.lines {
  display: inline-block;
  padding-top: 5px;
  line-height: 1.5em;
}

form dd label{
  margin-left:0.25em;
  margin-right:0.5em;
}

form input,
form textarea,
form button{
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
  overflow:auto;
}

form input{
  height:1.3em;
  padding:8px 0.5em;
  letter-spacing:normal;
  color:#656565;
  border:1px solid #ccc;
  background-color:#fff;
  overflow:hidden;
}

	*+html input{
    padding:0 0.5em;
    height:2.4em;
    line-height:2.4em;
    vertical-align:middle;
	}
	
	* html input{
    padding:0 0.5em;
    height:2.4em;
    line-height:2.4em;
    vertical-align:middle;
	}

form select {
  width: 100%;
  border:1px solid #ccc;
  background-color:#fff;
  padding:8px;
  font-size:14px;
  color:#656565;
}

  *+html select { vertical-align:middle; }
  * html select { vertical-align:middle; }

form option {
  font-family:inherit;
  font-size:14px;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:middle;
  padding-left:0.5em;
}

  *+html option { padding:0.3em; }
  * html option { padding:0.3em; }

form textarea{
  padding:8px 0.5em;
  line-height:1.5em;
  letter-spacing:0;
  color:#656565;
  border:1px solid #ccc;
  background-color:#fff;
  height:200px;
  width:95%;
}

form input:hover,
form textarea:hover,
form input:focus,
form textarea:focus{
  border: 1px solid #bbb;
}

form input.cr{
  line-height:1em;
  height:1em;
  margin:auto 5px auto auto;
  padding:0;
  border:none;
  background:none;
  vertical-align:middle;
}

	/*safari*/
	html:not(:only-child:only-child) form input[type=checkbox],
	html:not(:only-child:only-child) form input[type=radio] {
    vertical-align:baseline;
	}

button{
  float:left;
  display:inline;
  width:198px;
  height:38px;
  padding:0;
  margin:0;
  background:no-repeat center center #fff;
  border:1px solid #eae4d8;
  font-size:0%;
  line-height:0%;
  overflow:hidden;
  cursor:pointer;
  text-indent:-99999em;
}

button:hover{
  background-color:#fff6e3;
}

button#check,
button#eback{ margin-left:179px;}
button#back{ margin-left:57px; }
button#send{ margin-left:30px; }

#btnbox{
  width:100%;
  height:40px;
  text-align:center;
}

.sealbox{
  width:100px;
  height:50px;
  padding-top:20px;
  margin:0 auto;
}

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

form .short{ width:116px;}
form .middle{ width:110px;}
form .long{ width:330px;}

form .namelabel{ padding:0 0.5em; }

#zip {
  width: 5em;
  margin-bottom: 10px;
}

#addr {
  line-height: 1.5em;
  height: 3em;
}