/* パンくずリスト */
ul.breadcrumb {
    margin-top:0;
    padding-left: 1em;
    text-indent: 0em;
    list-style-position: inside;
}
.breadcrumb li{
  display: inline-block;
}
.breadcrumb li + li:before{
  content: ">";
  margin: 0 3px;
}








body{
text-align:jusify;  background-color:#FFFFDD;
line-height:1.5;
}


h1{text-align:center; }




/*表題（報酬トップ）*/
h1.houshu0	{ 
text-align:center;
color: #ffffff;/*文字色*/
padding: 0.3em;/*文字周りの余白*/
line-height: 1.0;/*行高*/
background: #CB0000;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 0.3em;/*角丸*/
letter-spacing: 1em;/*文字間隔*/
margin-bottom:0px;
}


/*表題（事業者）*/
h1.houshu1	{ 
text-align:center;
color: #ffffff;/*文字色*/
padding: 0.3em;/*文字周りの余白*/
line-height: 1.0;/*行高*/
background: #ff0000;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 0.3em;/*角丸*/
letter-spacing: 0.3em;/*文字間隔*/
}




/* 区分（トップページ） */
h2.houshu0 {
    background: #FFCCCC;/*背景色*/
    border-bottom: solid 3px #CB0000;/*下線*/
    margin-top:30px; margin-bottom:15px;
}





/* 業務項目 */
h2.houshu1 {
    background: #FFD5EC;/*背景色*/
    border-bottom: solid 3px #ff0000;/*下線*/
    margin-top:30px; margin-bottom:15px;
}







.em {font-weight:bold; color:#FF0000;}



#head {
padding:10px;}

div.h2link {text-align:center;}

a.link, span.lititle{
    font-size: 120%;
    font-weight: bold;
    border:solid 2px #ff0000;
    background-color:#FFFFFF;
    padding:3px;
}
a.link:hover{background-color:#ff0000; color:#ffffff;}




/* 報酬計算式と解説 */
div.remuformula1 {position: relative;
    z-index:3;    }
div.remuformula2 {position: relative;
    z-index:2;    }
div.remuformula3 {position: relative;
    z-index:1;    }

/* 報酬要素の説明（ポップアップ表示） */
span.remuyouso1
 {display:none; z-index:13; opacity: 1.0; /* 100％不透明度 */}

span.remuyouso2
 {display:none; z-index:12; opacity: 1.0; /* 100％不透明度 */}

span.remuyouso3
 {display:none; z-index:11; opacity: 1.0; /* 100％不透明度 */}

/* マウスをのせると報酬要素の説明を表示 */
div.remuformula1 a:hover span.remuyouso1,
div.remuformula2 a:hover span.remuyouso2,
div.remuformula3 a:hover span.remuyouso3 {
    background: none repeat scroll 0 0 #fff0f0;
    border: 1px solid #cb0000;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.3em;
    padding: 0.3em;
    position: absolute;
    top: 30px;
    width: auto;
   }





























/* 「ご提案」法人/事業主/個人 分岐 */
#divWrapperID {
  border: 1px solid gray;
  display: flex;
  height: calc(60vh - 0em);
  width: calc(100%-2em);
  margin-left:1em; margin-right:1em;
}

#divWrapperID #type1 {
  border: 0px solid red;
  height: 100%;
  width: 33%;
  background-color:#FFDDFF;
  padding:7px;
}

#divWrapperID #type2 {
  border: 0px solid green;
  height: 100%;
  width: 34%;
  background-color:#CBFFD3;
  padding:7px;
}

#divWrapperID #type3 {
  border: 0px solid blue;
  height: 100%;
  width: 33%;
  background-color:#C2EEFF;
  padding:7px;
}


/* 新規開業へ誘導 */
div.plan-n	{
    background-color:yellow;
    font-weight:bold;
    padding:0.5em;
    font-size:120%;
}


/* 報酬試算へ誘導 */
div.houshu	{
    background-color:#ffffff;
    font-weight:bold;
    padding:0.5em;
    font-size:120%;
}






/* 最低報酬の表 */
table.houshu {
    border-collapse: collapse;
    border: solid 1px #000000;
    background-color:whitesmoke;
    
}
.houshu th {border: solid 1px #000000;
	padding:5px; text-align:center; 
	white-space: nowrap;
}
.houshu td {border: solid 1px #000000;
	padding:5px;
}


.houshu td.yen {text-align:right;	white-space: nowrap;} /* 報酬金額欄 */
.houshu td.remarks {text-align:justify;} /* 備考欄 */



/* 「見積もり」へ誘導 */
a.mitsumori {font-weight:bold;
    background-color:#ffff00;
    
    }

/* NEW表示 */
span.new {
    background-color:yellow; color:red; font-weight:bold;
}

/* 箇条書き部分を強調 */
span.important {
    background-color:#ffff00; color:#000000; font-weight:bold;
	font-size:120%;}



/* 研修時間表示 */
span.jukou {
font-weight:bold; font-size:130%; color:red;
}
span.gimu {
font-weight:bold; text-decoration-line:underline;
    
}

/* 強調表示（新規開業用） */
span.em-houjin {
	color:white; background-color:red; font-weight:bold;}
span.em-kojin {
	color:white; background-color:green; font-weight:bold;}



/* 強調表示（上記以外） */
span.em0 {
	color:black; font-weight:bold;}
span.em1 {
	color:red; font-weight:bold;}
span.em2 {
	color:blue; font-weight:bold;}
span.em3 {
	color:green; font-weight:bold;}


/* ボックス内の箇条書きの隙間を調整 */
ul.divin {
padding-left: 25px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
}



/* 注記表示（上記以外） */
div.remarks {
	color:black; font-style:italic; font-size:90%; font-family:'BIZ UDP明朝 M','IPA P明朝';
    }


/* 注意喚起（上記以外） */
div.caution {
	color:red; background-color:yellow;
    
    }


/* 問い合わせフォームへ直リンク*/
div.linktoform {
    font-size:120%; font-weight:bold; color:#ff0000;}



/* フッター */
div.bar01 {margin-top: 30px;}
hr.bar01 {height: 3px;
background-color: #000000;
border: 2px #ffffff dashed;
color: #000000;
    }


div.foothyouji {text-align: right;
    font-family:'BIZ UDP明朝 M';
    font-style:italic;
    font-size:90%;
        }