@charset "utf-8";

/*reset*/
html { height: 100%; }

body {
  height:100%;
  background:url(img/body.gif) repeat-x left top #fff;
  font-size:12px;
  font-family:'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, Arial, Verdana, Arial, Helvetica, sans-serif;
  line-height:1.666em; /*20px相当*/
  letter-spacing:0.09em;
  margin:0;
  padding:0;
  overflow:visible;
  color:#4d4d4d;
}

/* for WinIE7*/
	*+html body { font-size:0.75em; }

/* for WinIE6*/
	* html body { font-size:0.75em; }

a img, img {
  border:none;
  vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6, div, p, ul, li, ol, dl, dt, dd, pre, span{
  margin:0;
  padding:0;
  line-height:1.666em; /*20px相当*/
}

/*format*/
p { text-align:justify; }

*+html p { text-justify:inter-ideograph; }

* html p { text-justify:inter-ideograph; }

ul { list-style-type:none; }

a {
  color:#5492A7;
  text-decoration:none;
}

a:hover { text-decoration:underline; }

br { letter-spacing:0; }

address,em{ font-style:normal; }

table{
  border-collapse: collapse;
  width:678px;
  border-top:1px solid #e6e6e6;
  border-right:2px solid #dcd3c6;
}

table th,
table td{
  text-align:left;
  padding:10px 0 10px 10px;
  border-bottom:1px solid #e6e6e6;
  border-left:2px solid #dcd3c6;
}

table th{
  width:160px;
  padding-left:20px;
  background:#f6f4f1;
  vertical-align:top;
}

/*form*/
form{
width:680px;
}

label{
height:36px;
line-height:36px;
cursor:pointer;
}

form th span{
  padding:0 1em;
}

form em{
font-style:normal;
padding-left:1em;
}

form td span{
padding-left: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;
}

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

	*+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{
color:#333;
border:1px solid #b3b3b3;
background-color:#fff;
padding:8px;
}

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

form option{
color:#333;
font-family:inherit;
font-size:100%;
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:#333;
border:1px solid #b3b3b3;
background-color:#fff;
height:200px;
overflow:auto;
}

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

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;
	}

#name,
#kana,
#add,
#office,
#phon,
#email{width:78%;}
#add{margin-top:10px;}
#age{width:70px; margin-right:10px;}
#zip{width:70px; margin-left:10px;}
#com{width:95%;}

	*+html #com {width:94%;}
	* html #com {width:94%;}

button{
display:block;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
vertical-align:middle;
margin:0;
padding:0;
border:none;
cursor:pointer;
}

	.btnbox{
	width:680px;
	height:30px;
  position:relative;
  padding-top:20px;
	}
	
	.btnbox button{
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:no-repeat left bottom;
	}
	.btnbox button:hover{background-position:top;}

  .btnbox button.check{
  width:218px;
  margin:auto;
  background-image:url(img/btn_check.gif);
	}

  .btnbox button.eback{
  width:218px;
  margin:auto;
  background-image:url(img/btn_back.gif);
	}

  .btnbox button.back{
  width:218px;
  background-image:url(img/btn_back.gif);
  float:left;
  margin-left:107px;
  _display:inline;
	}

  .btnbox button.submit{
  width:218px;
  background-image:url(img/btn_submit.gif);
  float:left;
  margin-left:30px;
  _display:inline;
	}

	.btnbox button.ccheck{
  width:218px;
  margin:auto;
  background-image:url(img/btn_c_check.gif);
	}

.step{padding-bottom:23px;}

.thanks{
  font-size:16px;
  font-weight:bold;
}

.err{color:#A61E41;}

#sslseal{
  width:680px;
  padding-top:20px;
  text-align:center;
  position:relative;
}
