@charset "utf-8";

html{}

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

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

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

ul li { list-style-type:none; }
ol li { list-style-position:inside; }

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

img, a img { border:0; }

img {vertical-align: top; }

a{ color:#333; }

a:hover{ text-decoration:none; }

br { letter-spacing:0; }

table {
  width:100%;
  border-collapse: collapse;
  border-spacing:0;
}

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

/*form*/
.exp{
  margin-top:-20px;
  margin-bottom:15px;
  position:relative;
}

form{
  display:block;
  padding:0;
  margin:0;
}

form table{
  margin-bottom:20px;
}

form th{
  width:11em;
  padding:10px 0 10px 20px;
}
.join form th{ background:#d2f0ee; }
.support form th{ background:#e3eb98; }
.contact form th{ background:#d9d5c8; }

.join form td p,
.join form td span{ color:#51aba4; }
.support form td p,
.support form td span{ color:#526218; }
.contact form td p,
.contact form td span{ color:#6e6c65; }

.err,
.join form td p.err,
.support form td p.err,
.contact form td p.err{
  color:#F00;
}

form td span{ padding-left:15px; }

form td{ padding:10px 10px 10px 20px; }

label{
  cursor:pointer;
}

form th label{
  height:2.4em;
  line-height:2.4em;
}

form td label{
  margin-left:0.25em;
  margin-right:1.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:#333;
  border:1px solid #ccc;
  background-color:#fff;
  overflow:hidden;
}
.join form input{ border-color:#51aba4; }
.support form input{ border-color:#8faa2a; }
.contact form input{ border-color:#a3a096; }
.blog form input{ border-color:#a89960; }

	*+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 {
  border:1px solid #ccc;
  background-color:#fff;
  padding:8px;
}
.join form select{ border-color:#51aba4; }
.support form select{ border-color:#8faa2a; }
.contact form select{ border-color:#a3a096; }
.blog form select{ border-color:#a89960; }

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

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

  *+html form option { padding:0.5em; }
  * html form option { padding:0.5em; }

form textarea{
  padding:8px 0.5em;
  line-height:1.5em;
  letter-spacing:0;
  color:#50453F;
  border:1px solid #ccc;
  background-color:#fff;
  height:200px;
  width:95%;
}
.join form textarea{ border-color:#51aba4; }
.support form textarea{ border-color:#8faa2a; }
.contact form textarea{ border-color:#a3a096; }
.blog form textarea{ border-color:#a89960; }

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

.btnbox{
  width:460px;
  margin:0 auto;
}

button{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  border:none;
  cursor:pointer;
  text-indent:-999999em;
  line-height:0%;
  font-size:0%;
  background:no-repeat left top;
  width:200px;
  height:50px;
}

button#clear,
button#back { margin-left:60px; }
button#eback {  margin-left:130px; }

.join button#check { background-image:url(../img/join_btn_check.png); }
.join button#clear { background-image:url(../img/join_btn_clear.png); }
.join button#eback { background-image:url(../img/join_btn_back.png); }
.join button#back { background-image:url(../img/join_btn_back.png); }
.join button#send { background-image:url(../img/join_btn_send.png); }

.support button#check { background-image:url(../img/support_btn_check.png); }
.support button#clear { background-image:url(../img/support_btn_clear.png); }
.support button#eback { background-image:url(../img/support_btn_back.png); }
.support button#back { background-image:url(../img/support_btn_back.png); }
.support button#send { background-image:url(../img/support_btn_send.png); }

.contact button#check { background-image:url(../img/contact_btn_check.png); }
.contact button#clear { background-image:url(../img/contact_btn_clear.png); }
.contact button#eback { background-image:url(../img/contact_btn_back.png); }
.contact button#back { background-image:url(../img/contact_btn_back.png); }
.contact button#send { background-image:url(../img/contact_btn_send.png); }

.blog button#comment-submit { background-image:url(../img/blog_btn_commentadd.png); }

button:hover{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

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

.full{
  width:95%;
}

.middle{
  width:70%;
}

.short{
  width:25%;
}

#address{
  margin-bottom:8px;
}

#body{
  margin-top:8px;
}

.gohome{
  text-align:center;
  padding-top:40px;
}