@charset "utf-8";

/* ----------------------------------------------- button */
.btn                     {height:1.5em;line-height:1.5em;color:#fff;background:#666;display:inline-block;text-align:center;border-radius:0.4em;border:0 none;text-decoration:none;padding:0 .6em;margin:0 .3em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a.btn, a.btn:link,
a.btn:visited            {color:#fff;}
input.btn                {vertical-align:top;cursor:pointer;}
.btns                    {text-align:center;padding:1em 0;}
.btns form               {display:inline;}
.btns .btn               {font-size:1.2em;height:3em;line-height:3em;margin:0 .3em;padding:0 1em;border-radius:0.3em;}
.btn_posi                {background:#E7A01F;}
.btn_posi:hover          {background:#F1C254;}
.btn_nega                {background:#333;}
.btn_nega:hover          {background:#666;}

/* ----------------------------------------------- form */
.frm input,
.frm select,
.frm textarea,
.frm dl,
.frm dt,
.frm dd                  {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.frm input[type=password],
.frm input[type=text],
.frm select,
.frm textarea            {font-size:16px;min-height:1em;padding:.8em;line-height:1.5;background:#fff;outline:none;border:1px solid #ccc;border-radius:0.5em;}
.frm input[type=password],
.frm input[type=text],
.frm select,
.frm textarea            {width:100%;}
.frm select              {line-height:3em;} /* for safari */

.frm dl                  {margin:0;}
.frm dt                  {margin-bottom:0;padding:0.4em 0;}
.frm dd                  {margin:0 0 1em 0;padding:0;}
.frm .btns               {clear:both;}
.frm .btns .btn          {width:10em;}

.frm_confirm dd          {background:#fcfcfc;border:1px dashed #ccc;padding:.8em;line-height:1.5;}
.frm_confirm .btns .btn  {width:6em;}

.frm .recube_copy        {display:none;}

/* ----------------------------------------------- error */
.ErrorMessage            {color:#fff;background:#d12;margin-bottom:1em;padding:1em;line-height:1.5;font-weight:bold;}
.frm .error              {color:#d12;margin-bottom:0.5em;line-height:1.5;font-weight:bold;}
.frm .error + select,
.frm .error + input,
.frm .error + textarea   {border-color:#e34;}

/* ============================================================== pages */
/* ----------------------------------------------- contact */
.contact .doc_container  {padding-top:2em;}


/* ============================================================== media query */
@media screen and (min-width: 640px){
	.frm .btns               {padding:2em 0;}
	.frm .btns .btn          {width:12em;}
	.frm_confirm .btns .btn  {width:12em;}

	.contact .frm dt         {width:20%;line-height:1.5;}
	.contact .frm dd         {margin:-2em 0 1em 0;margin-left:21%;}
}