@charset "UTF-8";

body{
	background: #f9f9f9;
}

#contents,
#main{
    background: #dcd0c0;
}
footer a{
    color: #373737;
}


/*--ヘッダー------------------------------------------------------------------*/
.header__icon{
    background: #373737;
}
.header__icon:before {
	background-image: url('../svg/logo.svg');
	transform: translate(0, 10px);;
}
.header__link{
	font-family: 'Gabriola','Zapfino','ヒラギノ角ゴシック','Hiragino Sans','Meiryo UI',sans-serif;
	color: #373737;
}


/* ================================================================================ */
/* 仕切り                                                                           */
/* ================================================================================ */
.head_ceparater:before {
    background: #dcd0c0;
}
.head_ceparater:after {
	background: #373737;
}

.foot_ceparater {
	background: #dcd0c0;
}
.foot_ceparater:before {
	background: #373737;
}
.foot_ceparater:after {
	background: #f9f9f9;
}


/*--メイン------------------------------------------------------------------*/
#contents .contents_m,
.commonItem,
.commonForm {
	background: #f9f9f9;
	color: #373737;
}
#contents .contents_m h2,
.commonItem__title,
.commonForm__title{
	border-bottom: 1px solid #373737;
}



/*--プログレストラッカー------------------------------------------------------------------*/
.progressTracker__item {
	color: #555;
}

.progressTracker__item::before {
	background-color: #fff;
}

.progressTracker__item::after {
	background-color: #fff;
}

.progressTracker__item--active {
	color: #373737;
}
.progressTracker__item--active::before {
  background-color: #373737;
  color: #fff;
}
.progressTracker__item--through::before {
  background-color: #373737;
  color: #fff;
}
.progressTracker__item--through + .progressTracker__item::after {
	background-color: #373737;
}


/*--リンク------------------------------------------------------------------*/
.commonItem__button,
.commonForm__button input[type="submit"],
.linkMenu__button,
.linkMenu__button a{
	text-decoration: none;
	color:#FFF;
	background: #373737;
	border: none;
}

.commonItem__button:hover,
.commonForm__button input[type="submit"]:hover,
.linkMenu__button:hover,
.linkMenu__button:hover a
{
	background-color:#474747;
}


a{ color:#373737; }


#contents .contents_m li a,
.form .message li a,{
	color:#FFF;
}

#contents .contents_m li,
#super_user a,
a.button{
	color:#FFF;
	background-color:#373737;
}


#contents .contents_m li:hover,
#super_user a:hover,
a:hover.button{
	background-color:#474747;
}



/*--フォーム------------------------------------------------------------------*/
.requisite{
    color: #fff;
    background-color: #ff3b3f;
}
.error,
.validateMessage {
    color: #ff3b3f;
}