window
トップページ > 記事閲覧
*css　スタイルシートの文字食の変え方
日時： 2010/10/29 22:04
識別： ID:Cl7/y6f0bZw/
名前： まるみ
参照： 食ではなく色ですごめんなさい
クイックを使って統一のとれたサイトを考えてます
せめて文字の色を変えたい
（黒色なので、グリーンなどに）

タグをのせて（長くなってて）しまって申し訳ないのですが
教えていただけないでしょうか？
お願いいたします


/*- themeid=hpb9tm01_6; --------------------------------*/
/*-------------------- body --------------------*/

.hpb-body1 {
color: #548989;
font-size: 80%;
}

.hpb-body2 {
color: #444444;
}

.hpb-body3 {
color: #444444;
font-size: 80%;
}

.hpb-body4 {
color: #548989;
font-size: 205%;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
}

.hpb-body5 {
}

/*-------------------- bullet --------------------*/

.hpb-bul1 {
color: #cc6600;
}

.hpb-bul2 {
color: #cc6600;
font-size: 80%;
}

/*-------------------- maintable --------------------*/

.hpb-main {
}

/*-------------------- contents --------------------*/

.hpb-cnt-cell1 {
background-color: #a0d6d1;
}

.hpb-cnt-cell2 {
background-color: #f8ffe8;
}

.hpb-cnt-cell3 {
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell3-x {
color: #333333;
font-size: 80%;
background: #98CDA7;
border-top: 0px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.hpb-cnt-cell4 {
background-color: #a0d6d1;
}

.hpb-cnt-cell5 {
background: #F8FFE8;
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell6 {
background: #F8FFE8;
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell7 {
background: #F8FFE8;
}

.hpb-cnt-tb-cell1 {
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell2 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell3 {
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell4 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell5 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 1px 0px;
font-size: 80%;
}

/*-------------------- design table --------------------*/

.hpb-cnt-tb-th1 {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-th2 {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb1 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 0px 0px 1px;
}

.hpb-cnt-tb2 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
}

.hpb-cnt-tb3 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
}

/*-------------------- column --------------------*/

.hpb-colm0 {
}

.hpb-colm0-cell1 {
color: #548989;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm0-cell2 {
color: #548989;
font-size: 80%;
}

.hpb-colm1 {
}

.hpb-colm1-cell1 {
color: #548989;
background-color: #e6f0e6;
border-color: #728aa7 #728aa7 #728aa7 #728aa7;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm1-cell2 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
font-size: 80%;
}

.hpb-colm2 {
}

.hpb-colm2-cell1 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid none solid;
border-width: 1px 1px 1px 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm2-cell2 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: none solid solid solid;
border-width: 1px 1px 1px 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
}

/*------------------- Mount --------------------*/
/* style */
.hpb-lay-mount1 {
/*border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;*/
font-size: 80%;
}

.hpb-lay-mount2 {
padding: 4px 4px 4px 4px;
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-lay-mount3 {
padding: 0px 4px 4px 0px;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

/*-------------------- head --------------------*/

.hpb-head {
}

.hpb-head-cell1 {
color: #ffffff;
background-color: #adc96d;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 95%;
font-weight: bold;
}

.hpb-head-cell2 {
background-color: #62a483;
}

.hpb-head-tb1 {
}

.hpb-head-tb1-cell1 {
}

.hpb-head-tb1-cell2 {
color: #2c562c;
font-size: 80%;
}

/*-------------------- horizontal rule --------------------*/

.hpb-hr01 {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}

.hpb-hr01-cell1 {
background-image : url(01hr01.gif);
background-repeat: repeat-x;
font-size: 80%;
font-weight: bold;
}

.hpb-hr02 {
}

.hpb-hr02-cell1 {
border-bottom: 1px solid #548989;

}

.hpb-hr02-cell2 {
border-bottom: 1px dashed #548989;
}

.hpb-hr02-cell3 {
}

/*-------------------- list --------------------*/

.hpb-list1 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 16px;
list-style-image : url(01bul25.gif);
list-style-position: outside;
list-style-type: none;
}

/*-------------------- side --------------------*/

.hpb-side-cell1 {
background-color: #62a483;
}

.hpb-side-cell2 {
background-color: #98cda7;
}

.hpb-side-cell3 {
color: #548989;
background-color: #98cda7;
font-size: 80%;
}

.hpb-side-cell4 {
background-color: #62a483;
}

.hpb-side-tb1 {
}

.hpb-side-tb1-cell1 {
}

.hpb-side-tb1-cell2 {
}

.hpb-side-tb1-cell3 {
}

.hpb-side-tb1-cell4 {
}

.hpb-side-tb1-cell5 {
}

.hpb-side-tb1-cell6 {
}

.hpb-side-tb1-cell7 {
}

/*-------------------- subhead --------------------*/

.hpb-subh01 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
}

.hpb-subh01-cell1 {
color: #548989;
background-image : url(01subh04.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 80%;
font-weight: bold;
}

.hpb-subh02 {
}

.hpb-subh02-cell1 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
border: none;
padding: 3px 3px 3px 7px;
}

.hpb-subh02-cell2 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 3px 3px 7px;
}

.hpb-subh02-cell3 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 7px 3px 3px;
}

.hpb-subh02-cell4 {
font-size: 80%;
font-weight: bold;
padding: 3px 3px 3px 7px;
border-right: 1px solid #D0EBED;
border-bottom: 1px solid #D0EBED;
}

.hpb-subh02-cell5 {
}

.hpb-subh02-cell6 {
}

.hpb-subh03 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 3px 3px 7px;
}
.hpb-subh04 {
font-size: 80%;
font-weight: bold;
padding: 3px 3px 3px 7px;
}
.hpb-subh05 {
font-size: 80%;
height: 15px;
}

/*-------------------- layout base --------------------*/

.hpb-lb-tb1 {
width: 610px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb1-cell1 {
font-size: 80%;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 14px;
width: 204px;
}

.hpb-lb-tb1-cell2 {
width: 406px;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb1-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb1-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb1-cell5 {
}

.hpb-lb-tb1-cell6 {
}

.hpb-lb-tb1-cell7 {
}

.hpb-lb-tb1-cell8 {
}

.hpb-lb-tb2 {
width: 453px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb2-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb2-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb3 {
width: 603px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb3-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb3-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb4{
}

/*-------------------- design parts--------------------*/

.hpb-dp-tb1 {
}

.hpb-dp-tb1-cell1 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
background-color: #ffffff;
}

.hpb-dp-tb1-cell2 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb1-cell3 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
}

.hpb-dp-tb1-cell4 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb1-cell5 {
font-size: 80%;
line-height: 16px;
border: 1px dashed #548989;
}

.hpb-dp-tb2 {
}

.hpb-dp-tb2-cell1 {
background: #BFE1C7;
border-right: 1px solid #548989;
font-size: 80%;
line-height: 16px;
font-weight: bold;
padding: 10px 7px;
color: #548989;
}

.hpb-dp-tb2-cell2 {
border-right: 1px solid #548989;
font-size: 80%;
line-height: 16px;
padding-right: 7px;
padding-left: 7px;
padding-top: 7px;
}

.hpb-dp-tb2-cell3 {
font-size: 80%;
line-height: 16px;
border-right: 1px solid #548989;
padding: 7px 7px 7px 14px;
}

.hpb-dp-tb2-cell4 {
border-right: 1px solid #548989;
}

.hpb-dp-tb2-cell5 {
}

.hpb-dp-tb3 {
}

.hpb-dp-tb3-cell1 {
border: 1px solid #548989;
}

.hpb-dp-tb3-cell2 {
}

.hpb-dp-tb3-cell3 {
}

.hpb-dp-tb4 {
}

.hpb-dp-tb4-cell1 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell2 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell3 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell4 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell5 {
font-size: 80%;
line-height: 16px;
padding: 14px;
}

.hpb-dp-tb4-cell6 {
font-size: 80%;
line-height: 16px;
}

.hpb-dp-tb4-cell7 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border: 1px solid #548989;
}

.hpb-dp-tb4-cell8 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border: 1px dashed #548989;
}

.hpb-dp-tb4-cell9 {
font-size: 80%;
line-height: 16px;
padding: 14px;
}

.hpb-dp-tb4-cell10 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;

}

.hpb-dp-tb4-cell11 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb4-cell12 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-dp-tb4-cell13 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-right: 1px solid #548989;
border-bottom: 1px solid #548989;
}

.hpb-dp-tb4-cell14 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-dp-tb5 {
}

.hpb-dp-tb5-cell1 {
font-size: 80%;
line-height: 16px;
border-right: 1px solid #548989;
border-bottom: 1px solid #548989;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
}

.hpb-dp-tb5-cell2 {
font-size: 80%;
line-height: 16px;
}

.hpb-dp-tb5-cell3 {
}

.hpb-dp-tb5-cell4 {
}

.hpb-dp-tb5-cell5 {
font-size: 80%;
line-height: 16px;
padding: 14px;
background: #BFE1C7;
color: #548989;
}

.hpb-dp-tb5-cell6 {
font-size: 80%;
line-height: 16px;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
padding-right: 7px;
padding-top: 7px;
padding-left: 7px;
}

.hpb-dp-tb6{
width:9px;
}
.hpb-dp-tb7{
font-size: 80%;
line-height: 16px;
padding: 14px;
}
.hpb-dp-tb8{
width:9px;
}
.hpb-dp-tb9{
}
.hpb-dp-tb9-ph{
}

/*-------------------- calendar --------------------*/

.hpb-ca-tb1 {
}

.hpb-ca-tb1-cell1 {
background: #e6e6e6;
color: #548989;
font-size: 80%;
border-top: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-ca-tb1-cell2 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-left: 0px solid #548989;
border-top: 1px solid #548989;
}

.hpb-ca-tb1-cell3 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-left: 0px solid #548989;
border-top: 1px solid #548989;
}

.hpb-ca-tb1-cell4 {
font-size: 80%;
background: #DFF7E2;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-ca-tb1-cell5 {
font-size: 80%;
background: #ffffff;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
height: 85px;
}

.hpb-ca-tb1-cell6 {
font-size: 80%;
background: #ffffff;
border-bottom: 1px solid #548989;
height: 85px;
border-right: 1px solid #548989;
}

.hpb-ca-tb1-cell7 {
}

.hpb-ca-tb1-cell8 {
}

.hpb-ca-tb1-cell9 {
}

.hpb-ca-tb1-cell10 {
}

.hpb-ca-tb1-cell11 {
}

.hpb-ca-tb1-cell12 {
}

.hpb-ca-tb1-cell13 {
}

.hpb-ca-tb1-cell14 {
}

.hpb-ca-tb1-cell15 {
}

.hpb-ca-tb1-cell16 {
}

.hpb-ca-tb1-cell17 {
}

.hpb-ca-tb1-cell18 {
}

.hpb-ca-tb1-cell19 {
}

.hpb-ca-tb1-cell20 {
}

.hpb-ca-tb1-cell21 {
}

.hpb-ca-tb1-cell22 {
}

.hpb-ca-tb2 {
}

.hpb-ca-tb2-cell1 {
font-size: 80%;
font-weight: bold;
color: #dd6666;
}

.hpb-ca-tb2-cell2 {
font-size: 80%;
font-weight: bold;
color: #868686;
}

.hpb-ca-tb2-cell3 {
font-size: 80%;
font-weight: bold;
color: #8080F3;
}

.hpb-ca-tb2-cell4 {
}

.hpb-ca-tb2-cell5 {
}

.hpb-ca-tb2-cell6 {
}

.hpb-ca-tb2-cell7 {
}

.hpb-ca-tb2-cell8 {
}

.hpb-ca-tb2-cell9 {
}

.hpb-ca-tb3 {
}

.hpb-ca-tb3-cell1 {
}

.hpb-ca-tb3-cell2 {
}

.hpb-ca-tb3-cell3 {
}

/*-------------------- Schedule --------------------*/

.hpb-sc-tb1 {
}

.hpb-sc-tb1-cell1 {
background: #BFE1C7;
color: #548989;
font-size: 80%;
border-top: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-sc-tb1-cell2 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-top: 1px solid #548989;
}

.hpb-sc-tb1-cell3 {
font-size: 80%;
background: #ffffff;
font-weight: bold;
color: #548989;
border-top: 1px solid #548989;
}

.hpb-sc-tb1-cell4 {
font-size: 80%;
border-bottom: 1px solid #548989;
font-weight: bold;
}

.hpb-sc-tb1-cell5 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
font-weight: bold;
color: #868686;
}

.hpb-sc-tb1-cell6 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
font-weight: bold;
color: #dd6666;
}

.hpb-sc-tb1-cell7 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
}

.hpb-sc-tb1-cell8 {
}

.hpb-sc-tb1-cell9 {
}

.hpb-sc-tb1-cell10 {
}

/*-------------------- Links --------------------*/

.hpb-li-tb1 {
}

.hpb-li-tb1-cell1 {
font-size: 80%;
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #548989;
}

.hpb-li-tb1-cell2 {
font-size: 80%;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
border-bottom: 1px solid #548989;
}

.hpb-li-tb1-cell3 {
}

/*-------------------- vertical menu --------------------*/

.hpb-vmenu1 {
width: 150px;
}


.hpb-vmenu1-head {
background-color: #98CDA7;
}

.hpb-vmenu1-foot{
background-color: #98CDA7;
}

.hpb-vmenu1-hil {
color: #ffffff;
background-color: #7bbf8e;
font-size: 80%;
font-weight: bold;
}


.hpb-vmenu1-plain {
color: #FFFFFF;
background-color: #98CDA7;
font-size: 80%;
font-weight: bold;
}

.hpb-vmenu1-idle1 {
color: #FFFFFF;
background: #98CDA7;

}

.hpb-vmenu1-idle2 {
color: #FFFFFF;
background: #98CDA7;
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
}

.hpb-vmenu1-link0:link {
color: #ffffff;
text-decoration: none;
}

.hpb-vmenu1-link0:visited {
color: #ffffff;
text-decoration: none;
}

.hpb-vmenu1-link0:hover {
color: #ffffff;
text-decoration: underline;
}

.hpb-vmenu1-link1:link {
color: #ffffff;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link1:visited {
color: #f8ebfc;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link1:hover {
color: #ffffff;
font-size: 80%;
text-decoration: underline;
}

.hpb-vmenu1-link2:link {
color: #ffffff;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link2:visited {
color: #f8ebfc;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link2:hover {
color: #ffffff;
font-size: 80%;
text-decoration: underline;
}

/*-------------------- horizontal menu --------------------*/

.hpb-hmenu1 {
}


.hpb-hmenu1-hil {
color: #5f9c9c;
font-size: 80%;
font-weight: bold;
padding-right: 13px;
padding-left: 13px;
}


.hpb-hmenu1-plain {
font-size: 80%;
color: #548989;
padding-right: 13px;
padding-left: 13px;
}

.hpb-hmenu1-idle1 {
padding-right: 13px;
padding-left: 13px;
}

.hpb-hmenu1-idle2 {
padding-right: 13px;
padding-left: 13px;
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
}

.hpb-hmenu1-link0:link {
color: #5f9c9c;
text-decoration: none;
}

.hpb-hmenu1-link0:visited {
color: #5f9c9c;
text-decoration: none;
}

.hpb-hmenu1-link0:hover {
color: #5f9c9c;
text-decoration: underline;
}

.hpb-hmenu1-link1:link {
color: #548989;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link1:visited {
color: #c982d0;
font-size: 80%;
text-decoration: blink;
}

.hpb-hmenu1-link1:hover {
color: #548989;
font-size: 80%;
text-decoration: underline;
}

.hpb-hmenu1-link2:link {
color: #548989;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link2:visited {
color: #c982d0;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link2:hover {
color: #548989;
font-size: 80%;
text-decoration: underline;
}

.hpb-hmenu2 {
}

.hpb-hmenu2-hil {
color: #a4a4a4;
font-size: 70%;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-plain {
font-size: 70%;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-idle1 {
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-idle2 {
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-link0:link {
color: #a4a4a4;
font-size: 90%;
text-decoration: none;
}

.hpb-hmenu2-link0:visited {
color: #a4a4a4;
font-size: 90%;
text-decoration: none;
}

.hpb-hmenu2-link0:hover {
color: #a4a4a4;
font-size: 90%;
text-decoration: underline;
}

.hpb-hmenu2-link1:link {
color: #a4a4a4;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link1:visited {
color: #ec7dcb;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link1:hover {
color: #a4a4a4;
font-size: 70%;
text-decoration: underline;
}

.hpb-hmenu2-link2:link {
color: #a4a4a4;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link2:visited {
color: #ec7dcb;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link2:hover {
color: #a4a4a4;
font-size: 70%;
text-decoration: underline;
}

/*-------------------- content menu --------------------*/

.hpb-vmenuc1 {
}

.hpb-vmenuc1-hil {
}

.hpb-vmenuc1-plain {
font-size: 80%;
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-idle1 {
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-idle2 {
padding-left: 12px;
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-link0:link {
}

.hpb-vmenuc1-link0:visited {
}

.hpb-vmenuc1-link0:hover {
}

.hpb-vmenuc1-link1:link {
font-size: 80%;
}

.hpb-vmenuc1-link1:visited {
font-size: 80%;
}

.hpb-vmenuc1-link1:hover {
font-size: 80%;
}

.hpb-vmenuc1-link2:link {
font-size: 80%;
}

.hpb-vmenuc1-link2:visited {
font-size: 80%;
}

.hpb-vmenuc1-link2:hover {
font-size: 80%;
}

.hpb-hmenuc1 {
}

.hpb-hmenuc1-hil {
}

.hpb-hmenuc1-plain {
padding-right: 8px;
padding-left: 8px;
font-size: 80%;
}

.hpb-hmenuc1-idle1 {
padding-right: 8px;
padding-left: 8px;
}

.hpb-hmenuc1-idle2 {
padding-right: 8px;
padding-left: 8px;
}

.hpb-hmenuc1-link0:link {
}

.hpb-hmenuc1-link0:visited {
}

.hpb-hmenuc1-link0:hover {
}

.hpb-hmenuc1-link1:link {
font-size: 80%;
}

.hpb-hmenuc1-link1:visited {
font-size: 80%;
}

.hpb-hmenuc1-link1:hover {
font-size: 80%;
}

.hpb-hmenuc1-link2:link {
font-size: 80%;
}

.hpb-hmenuc1-link2:visited {
font-size: 80%;
}

.hpb-hmenuc1-link2:hover {
font-size: 80%;
}

/*-------------------- element type --------------------*/

A:LINK {
color: #0000ff;
text-decoration: none;
}

A:VISITED {
color: #990099;
text-decoration: none;
}

A:HOVER {
color: #0000ff;
text-decoration: underline;
}

BODY {
color: #548989;
background-color: #f8ffe8;
background-image: none;
background-repeat: no-repeat;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
font-size: 80%;
}

H1 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 140%;
font-weight: bold;
}

H2 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 135%;
font-weight: bold;
}

H3 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 125%;
font-weight: bold;
}

H4 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 119%;
font-weight: bold;
}

H5 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 110%;
font-weight: bold;
}

H6 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 100%;
font-weight: bold;
}

ADDRESS {
color: #1b9dc9;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

BLOCKQUOTE {
color: #1b9dc9;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
margin-left: 15px;
}

P {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-weight: normal;
}

PRE {
color: #1b9dc9;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

UL {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 16px;
list-style-image : url(01bul25.gif);
list-style-position: outside;
list-style-type: none;
}

TH {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

SELECT {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-weight: normal;
}
メンテ

Re: css　スタイルシートの文字色の変え方 ( No.1 )
日時： 2010/10/30 15:05
名前： nn

「クイック」ってのはよく知りませんが、該当するセレクタのcolor属性の値を好みの色にするだけです。

スタイルシートマネージャーでやるなら、「色と背景」の「前景色」です。
http://hpbuilder.net/hpbuilder5.htm

「該当するセレクタ」がわからないということでしたら、スタイルシートの解説サイト等である程度の知識を身につける必要があるかと思います。


該当ページのURIを提示して、どこの部分の色を変えたいのか書けば、手っ取り早く変更箇所を教えてくれる人がいるかもしれません。
メンテ
Re: css　スタイルシートの文字食の変え方 ( No.2 )
日時： 2010/11/03 21:18
名前： まるみ
状態： 解決!

スタイルシートマネージャーでやるなら、「色と背景」の「前景色」

わかりました
全体に変えるやり方はまだわかりませんが
部分的に変えることはできました
ありがとうございます

クイックは既にレイアウトができていていいのですが
modifyがあまりできません…
またよろしくお願いいたします
メンテ

　返信フォーム　（上記スレッドに返信する場合は以下のフォームから投稿します）
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します （メンテは該当記事のメンテアイコンをクリック）
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ（メンテアイコン）から修正する事ができます。


投稿内容をご確認下さい（記事の削除は出来ません）

   クッキー保存