@charset "utf-8";

/* CSS Document */

.design01 {
 width: 100%;
 text-align: center;
 border-collapse:separate; /* 罫線　*/
 border-spacing: 0;
 line-height: 1.5;
}

.design01 tr {
 padding: 10px;
 background: #FFFFFF;
 border: solid 1px #E0E0E0;
}

.design01 th {
 padding: 10px;
 background: #f0f8ff;
 border: solid 1px #E0E0E0;
}


.design01 th.th_col01 {
 padding: 10px;
 background: #F5F5F5; /* 淡いグレー */
 border: solid 1px #E0E0E0;
}

.design01 th.th_col02 {
 padding: 10px;
 background: #F0FFF0; /* 淡いグリーン */
 border: solid 1px #E0E0E0;
}



/* 左側の列固定 */

.fixed01{
  position: sticky;
  left: 0;
  color: #000;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

/* fixed02不要かも */
.fixed02{
  position: sticky;
  left: 0;
  color: #000;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}
/* fixed02不要かもここまで */

/* 左側の列固定ここまで */


.design01 th.th_lef {
 text-align: left;
 padding: 10px;
 background: #fafafa;
 border: solid 1px #FCFCFC;
}

/*　環境構築パッケージで使用　背景緑　*/

.design01 th.th_col_green {
 padding: 10px;
 background: #009933;
 border: solid 1px #E0E0E0;
}
/*　環境構築パッケージで使用　背景緑ここまで　*/


.design01 td {
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #ffffff;
}

/*　GWS、GWSfEのエディション別機能比較　PC表示に使用　*/

.design01 td.td_lef {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FDFDFD;
}

/*　背景白、左寄せ　環境構築パッケージPC表示に使用　*/

.design01 td.td_lef_w {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFFFFF;
}

/*　GWS、GWSfEのエディション別機能比較　PC表示に使用　ここまで　*/

.design01 td.td_ri {
 text-align: right;
 padding: 10px;
 border: solid 1px #E0E0E0;
}

.come1 {
color: #303030;
font-size: 9px;
}

/* 文字赤　*/
p.red {
color: red; font-size: 100%;
}

/* 文字ホワイト　*/
p.p_white {
color: #ffffff; font-size: 100%;
}


p.come_s {
font-size: 0.85rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

p.come_ss {
font-size: 0.7rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

p.come_ss_c {
font-size: 0.7rem;
word-break:keep-all;
text-align:center;
}

p.come_sss {
font-size: 0.6rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

span.bk_s {
color: black; font-size: 80%;
font-weight:normal;
}

span.red {
color: red; font-size: 100%;
font-weight:bold;
}

a.dis:link {
 color: #0066FF; 
 font-weight: bold;
}
a.dis:visited { color: #336699; }
a.dis:hover { color: #6699FF; }
a.dis:active { color: #666699; }


p.p_cont01 {
 background-color: #ffffff;
 margin: 5px 20px;
 word-break: normal;/* 折り返さない */
}

p.p_text150 {
 line-height: 150% ;
 word-break: normal;/* 折り返さない */
}

p.p_text160 {
 line-height: 160% ;
 word-break: normal; /* 折り返さない */
}

p.p_text160_b {
 line-height: 160% ;
 font-weight: bold ;
 word-break: normal;/* 折り返さない */
}

p.p_text160_bc {
 line-height: 160% ;
 font-weight: bold ;
 text-align: center ;
 word-break: normal;
}

p.p_text160_m {
 line-height: 160% ;
 font-size: 90%;
 word-break: normal;
}

p.p_text160_s {
 line-height: 160% ;
 font-size: 80%;
 word-break: normal;
}

p.p_text_b {
 line-height: 1.5 ;
 font-weight: bold ;
 word-break: normal;
}

p.p_text180 {
 line-height: 180% ;
 word-break: normal;
}

.mycontent:before{
content:"\02713";
color: #6699FF; font-size: 120%;
font-weight:bold;
text-align: center;
}

hr.hr_01 {
	border-top: 1px solid #8c8b8b;
}
hr.hr_02 {
	border-top: 3px double #8c8b8b;
}
hr.hr_03 {
	border-top: 1px dashed #8c8b8b;
}
hr.hr_04 {
	border-top: 1px dotted #8c8b8b;
}
hr.hr_05 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}
hr.hr_06 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

img.yoha_r16{
 margin-right: 16px;
 vertical-align: middle;
}

img.yoha_rl16{
 margin-right: 16px;
 margin-left: 16px;
 vertical-align: middle;
}

p.p_bot {
 margin-bottom: 20px;
}

p.p_bot02 {
 margin-bottom: 3em;
}