@charset "utf-8";

/*ボタン*/
a.btn1,
a.btn1:hover,
a.btn1:visited,
button.btn1,
button.btn1:hover,
button.btn1:visited{
  display: inline-block;
  height: 22px;
  //width: 80px;
  font-size:14px;
  font-family: "MS PGothic", "Osaka", Arial, sans-serif;
  padding:4px 6px 2px 6px;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  vertical-align: bottom;
  color: #504e4e;
  text-shadow: 0px 1px 0px #fafafa;
  background: #fbfaf4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
  background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -ms-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: linear-gradient(top,  #fbfaf4,  #ece8e6);
  border: 1px solid #dcd9d8;
  border-bottom: 1px solid #c1c1bd;
  -webkit-box-shadow:  0 0 1px #c7c5c1;
  -moz-box-shadow:  0 0 1px #c7c5c1;
  box-shadow:  0 0 1px #c7c5c1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

button.btn1,
button.btn1:hover,
button.btn1:visited{
  height: 30px;
  //padding:2px 6px 2px 6px;
}

a.btn1:hover,button.btn1:hover { /*マウスホバー時*/
  color:#9a9f9f;
  background: #fbfbf9;
}

a.btn1:active,button.btn1:active{  /* ボタンを押したとき */
  background:#ece8e4;
  border: none;
  box-shadow:  0 1px 1px #cccbc9, inset 0 0 1px rgba(0, 0, 0, 0.3);
}




input[type="text"],input[type="password"],
textarea {

    outline: none;
    border: 1px solid #DDD;
    font-size: 14px;
    height: 28px;
    max-width:90%;
}
select {
    height: 30px;
    border: 1px solid #DDD;
    font-size: 14px;
    overflow: hidden; /* 伸ばした分を隠す */
    max-width:90%;
}

/*エラー*/
/* エラー用 */
div.alert {
    background-color:#FFEFEF;
    margin:0 0 1em 0; padding:10px;
    color:#C25338;
    border:1px solid #D4440D;
    line-height:1.5;
    clear:both;
    background-repeat:no-repeat;
    background-position:5px 5px;
}
div.alert span {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/img/css/cancel_48.png', sizingMethod='scale');
    width:48px; height:48px;
    position:relative;
    top:-5px; left:-5px;
    display:block;
    text-indent:-9999px;
    float:left;
}
html>body div.alert { background-image:url(/content/img/css/cancel_48.png); }
html>body div.alert span { visibility:hidden; }
/* OK用 */
div.accepted {
    background-color:#e2ffaa;
    border-color:#76CC0B;
    color:#3A9805;
}
div.accepted span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/img/css/accepted_48.png', sizingMethod='scale'); }
html>body div.accepted { background-image:url(/content/img/css/accepted_48.png); }
html>body div.accepted span { visibility:hidden; }
/* 警告用 */
div.warning {
    background-color:#ffff80;
    border-color:#E5A500;
    color:#CC7600;
}
div.warning span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/img/css/warning_48.png', sizingMethod='scale'); }
html>body div.warning { background-image:url(/content/img/css/warning_48.png); }
html>body div.warning span { visibility:hidden; }