@charset "UTF-8";

/*= from layout.css Start */
div.menu ul.menu li{
  border-color:#888db8;
}
div.navi ul.navi li{
  border-color:#888db8;
  background:#cfd0e5;
}
form div.field{
  border-color:#888db8;
}
/* buttons */
form div.buttons span.button_commit input,
form div.buttons span.button_next input{
    background: #e6dcce; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZGNjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGFkOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e6dcce 0%, #c4ad91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6dcce), color-stop(100%,#c4ad91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6dcce 0%,#c4ad91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6dcce 0%,#c4ad91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6dcce 0%,#c4ad91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6dcce 0%,#c4ad91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dcce', endColorstr='#c4ad91',GradientType=0 ); /* IE6-8 */
    border-color:#ae9b80;
}

form div.buttons span.button_commit input:hover,
form div.buttons span.button_next input:hover{
    background: #c4ad91; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YWQ5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmRjY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c4ad91 0%, #e6dcce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4ad91), color-stop(100%,#e6dcce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c4ad91 0%,#e6dcce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c4ad91 0%,#e6dcce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c4ad91 0%,#e6dcce 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c4ad91 0%,#e6dcce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4ad91', endColorstr='#e6dcce',GradientType=0 ); /* IE6-8 */
    border-color:#ae9b80;
}
  form div.input textarea{
    background:#fff;
    border:1px solid #cccaca;
  }
  form div.input input{
    background:#fff;
    border:1px solid #cccaca;
  }

/* info */
div.info
{
  margin: 0 0 1em;
  border:1px solid #c67171;
  padding:.8em;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px; 
}


/* message */
div.message
{
  margin: 2em 0;
  padding: 1em;
  border: 1px solid #888db8;
  background:#ffffff;
   border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;  
}

/* footer */
div.footer
{
  border:1px solid #888db8;
  margin: 2em 0;
  padding: .5em 1em .5em;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  text-align:center;
}

/*= MediaScreen 600px Start */
@media screen and (max-width: 600px) {
form div.field{
  border:1px solid #888db8;
}
}
/*= MediaScreen 600 end */

/*= MediaScreen 480px Start */
@media screen and (max-width: 480px) {
form div.field{
  border:1px solid #888db8;
}
  form div.input textarea{
    border:1px solid #cccaca;
  }
}
/*= MediaScreen 480 end */


/* when under viewport size, .mean-container is added to body */
.mean-container a.meanmenu-reveal{
  border-color:#888db8;
  background:#ebedfa;
}
.mean-container a.meanmenu-reveal span{
  background: #888db8;
}
.mean-container .mean-nav{
	background: #eddfdf;
}
.mean-container .mean-nav ul{
  border-color:#888db8;
}
.mean-container .mean-nav ul li a {
  border-color:#888db8;
	background-color:#8186b8;
}
.mean-container .mean-nav ul li a:hover {
	background: #eddfdf;
}
/*= from layout.css end */


/* menu + navi */
/* メニュー と ナビ（ON）のボーダーカラー */
div.menu,
div.navi ul.navi li.on
{
  border-color: #888db8;
}
/* メニュー（ON） と ナビ（ON）のテキストカラー */
div.menu ul.menu li.on a,
div.navi ul.navi li.on
{
  color: #fff;
}
/* メニュー（ON） と 強調枠 の背景色 */
div.menu ul.menu li.on,
*.attention
{
  background-color: #8186b8;
}
/* メニュー と ナビ（OFF）のテキストカラー */
div.menu ul.menu li.off a,
div.navi ul.navi li.off
{
  color: #333;
}
/* メニュー と ナビ（OFF）の背景色 */
div.menu ul.menu li.off,
div.navi ul.navi li.off
{
  background-color: #dfe1f7;
}
/* ナビ（ON）の背景色 */
div.navi ul.navi li.on
{
  background-color: #8186b8;
}
/* ナビ（OFF）のボーダーカラー */
div.navi ul.navi li.off
{
  border-color: #bbb;
}
/* ナビ セパレータ（OFF） */
div.navi ul.navi li.sep
{
  background-color: #fff;
}
/* ナビ セパレータ（ON） */
div.navi ul.navi li.sep_on
{
  background-color: #fff;
}

/* form */

/* require と error のテキストカラー */
form div.field div.label span.require,
form div.field div.value span.error,
form div.info span.require
{
  color: #f03;
}
/* form table のボーダーカラー */
form div.field div.value th,
form div.field div.value td
{
  border-color: #888db8;
}
/* 項目名の装飾（通常） */
form div.label
{
  background:#ebedfa;
}
/* 項目名の装飾（強調） */
form div.attention div.label
{
  background:#e1e4fa;
}
/* 項目の装飾（強調） */
form div.attention
{
  background:#edeff7;
}

/* ボタンのテキストカラー */
form div.buttons input
{
  color: #fff;
}
/* フッターの背景色 */
div.footer
{
  background: #edeff7;
}
/* フッターのボーダーカラー */
div.footer
{
  border-color: #888db8;
}
/* フッターのテキストカラー */
div.footer
{
  color: #666666;
}