スタイルシート(今後変更あり) - ノブログ製作委員会

/*検索ハイライト部分追加しました。*/



/*==================================================================== */
/* 共通事項                                                            */
/*==================================================================== */

body      {scrollbar-3dlight-color:#d4d4d4;
scrollbar-arrow-color:#d9d9d9;
scrollbar-darkshadow-color:#d4d4d4;
            scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#d9d9d9;
            scrollbar-shadow-color:#d9d9d9;
            scrollbar-track-color:#ffffff;
            margin: 0px 0px 0px 0px;
color:#990000;
background-color:#ffffff;
           }

a:link {
color:#0000DE;
}

a:visited,
a:active {
color:#0000DE;
}

ul{
list-style-type: none;
padding:0px;

}

/*ベース*/
/*.template {width:700px;

background-color:#ffffff;
border-right:1px solid #cccccc;
}*/

/*線*/
div.hr1 {
border: 0px dashed #666666;
border-top-width:1px;
margin: 5px 3px 5px 3px;
}

div.hr2 {
border: 0px dashed #666666;
border-top-width:1px;
margin: 2px 3px 2px 3px;
}

hr.line {
border-style: dotted none none none;
border-top-width: 3px;
border-top-color: #ff9900;
height: 3px;
}


/*==================================================================== */
/* ヘッダー                                      　　　　　            */
/*==================================================================== */

.header{
        margin: 0px 0px 15px 0px;
}

/*タイトル部*/
.header-l {
padding-right:9em;
}

/*検索部*/
.header-r {
padding-left:10em;
text-align:right;
font-weight: bold;
}
.header-r2 {
text-align:center;
font-weight:bold;
}

/*インフォメニューバー*/


.info a,
.info a:visited{
color:#000000;
padding:3px;
}

.info2 {
border: 1px solid #ff9900;
}

/*span 左寄せ*/
.leftmenu {
margin-left:3px;
float:left;}

/*span 右寄せ*/
.rightmenu {margin-right:3px;
float:right;}
}



/*文字サイズのボタン*/

#textLarge  {
background-color: #ffffff;
color: #333333;
border: 1px solid #000000;
margin-left:10px;
margin-right:0px;
}
#textMedium  {
background-color: #CCCCFF;
color: #333333;
border: 1px solid #000000;
margin-left:10px;
margin-right:0px;
}
#textSmall  {
background-color: #ffffff;
color: #333333;
border: 1px solid #000000;
margin-left:10px;
margin-right:0px;
}
/*==================================================================== */
/* 簡易ヘッダー                                  　　　　　            */
/*==================================================================== */

/*簡易ヘッダ用*/

.k-head{
margin: 0px;}

.head-l{
padding-right:4em;}

.head-c{
padding-left:2em;
}

.head-r{;
text-align:right;
font-weight: bold;
}

/*==================================================================== */
/* フッダー                                      　　　　　            */
/*==================================================================== */

.fddar{
        margin-top:10px;
text-align:center;
}

/*==================================================================== */
/* indexメニューバー                                                   */
/*==================================================================== */

/*メニューバー*/
.index-menu {
border:1px solid #ff9900;
padding-right:3px;
margin-left:10px;
margin-right:0px;
background-color:#fff2d6;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6);

}

.index-menu table{
            margin: 3px 3px 3px 3px;
}

/*見出しBOX*/
.im-box {
background-color:#ff9900;
}

.rm-box {
background-color:#6699cc;
}

.im-box,.rm-box{
border:3px double #ffffff;
color:#ffffff;
font-weight: bold;
margin:0px;

}



/*==================================================================== */
/* top  table                                                          */
/*==================================================================== */
table tr td {
div-align:center;
text-align:top}

th {text-align:left}


/*新着ブログの文字そろえ*/
table.sintyaku td {
padding-right:1em;
text-align:left;
}

/*==================================================================== */
/* 電光掲示板                                                          */
/*==================================================================== */
.topic{
width:460px;
height:40px;

}

.topic-base {
width:460px;
height:28px;
margin-left:20px;
background-color:#666666;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffeeeeee, EndColorStr=#90111111);
}

.topic-main {
width:220px;
height:30px
border-top:2px outset #666666;
border-left:2px outset #666666;
border-right:2px inset #cccccc;
border-bottom:2px inset #cccccc;
background-color:#332200;
            margin: 2px 2px 2px 2px;
padding:1px;
color:#ffb706;
}
/*==================================================================== */
/* 新着ブログ                                                          */
/*==================================================================== */

.newblog {
margin-top:0px;
margin-left:20px;
border:1px solid #ff9900;
padding:3px;
background-color:#fff2d6;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6);
}

/*==================================================================== */
/* ランキング部                                                        */
/*==================================================================== */
table.ranking{
color:#3300ff;
}

.ranking-box{
color:#3300ff;
border: 1px solid #6666cc;
padding:2px;
margin-left:10px;
margin-right:0px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90ccccff);
}

/*==================================================================== */
/* カテゴリ                                                          */
/*==================================================================== */

.category {
margin-top:0px;
margin-left:20px;
border:1px solid #ff9900;
padding:3px;
background-color:#fff2d6;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6);
}

.cate1{
margin-top:10px;
font-weight: bold;
}

.cate2{

padding:2px;

}

/*==================================================================== */
/* 検索部                                                              */
/*==================================================================== */

span.backlabel  {
color: #000000;
background-color: #ffbb00;
}

/*==================================================================== */
/* 使いまわすもの                                                      */
/*==================================================================== */
/*テキストカラー(H1,H2 などの見出しでも使用可)*/
.red {color:#aa0000}
.blue {color:#0000aa}
.black {color:#000000}


/*枠のグラデーション付き*/
.gradation1 { width:700px;
border: 1px solid #6666cc;
padding-right:3px;
padding:4px 0px 0px 0px;
margin-left:10px;
margin-right:0px;
background-color:#e0e5ff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#E0D5FF);
}

.gradation2 {
width:700px;
border:1px solid #ff9900;
padding-right:3px;
margin-left:10px;
margin-right:0px;
background-color:#fff2d6;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6);
}

/*枠のグラデーションなし*/
.u-menu1 {
border: 1px solid #6666cc;
background-color:#e4dff4;
padding:2px 0px 0px 0px;
margin:2px 0px 3px 0px;
}

.u-menu2
{
border: 1px solid #ff9900;
background-color:#fff2d6;
padding:2px 0px 0px 0px;
margin:2px 0px 3px 0px;
}
.u-menu3
{
border: 1px solid #00d59f;
background-color:#d5fff4;
padding:2px 0px 0px 0px;
margin:2px 0px 3px 0px;
}


/*枠の中のタイトル部*/
.gra-box1 {
background-color:#6699cc;
padding:3px;
border:3px double #ffffff;
color:#ffffff;
font-weight: bold;
margin:0px 2px 0px 0px;
}
.gra-box2 {
background-color:#ff9900;
padding:3px;
border:3px double #ffffff;
color:#ffffff;
font-weight: bold;
margin:0px 2px 0px 0px;
}
.gra-box3 {
background-color:#00D59F;
padding:3px;
border:3px double #ffffff;
color:#ffffff;
font-weight: bold;
margin:0px 2px 0px 0px;
}


/*==================================================================== */
/* 文字揃え                                                            */
/*==================================================================== */
/*枠なしの揃え*/

.set-blue { text-align:left;
margin:0px 0px 0px 30px;
color:#0000aa;
}

.set-orange { text-align:left;
margin:0px 0px 0px 30px;
color:#cc6600;
}

.set-green { text-align:left;
margign:0px 0px 0px 30px;
color:#00d59f;
}


.kyotyo {
margin:0px 0px 0px 30px;
font-weight: bold;
}

#f-blue
{ color:#0000aa;
font-weight: bold;
}
/*==================================================================== */
/*枠の揃え*/

.waku1 { border: 0px;
margin: 0px 0px 20px 400px;}

.waku2 { border: 0px;
text-align:left;
margin: 10px 0px 0px 30px;}

.waku3 { border: 1px solid #6666cc;
margin-left:30px;}

.waku4 { border: 1px solid #ff9900;
margin-left:30px;}

/*==================================================================== */
/* テーブルの色指定                                                    */
/*==================================================================== */

table.green td {
background-color:#d5fff4;
valign:top;
padding-right: 1em;
}

table.green th {
background-color:#95ffaf;
padding-right:1em;
}

tr.green {
valign:top;
background-color:#d5fff4;
padding-right: 1em;
}



table.orange td {
background-color:#d5fff4;
padding-right: 1em;
}

table.orange th {
background-color:#95ffaf;
padding-right:1em;
}

tr.orange {
background-color:#fffccc;
padding-right: 1em;
}



table.blue td {
background-color:#d5fff4;
padding-right: 1em;
}

table.blue th {
background-color:#95ffaf;
padding-right:1em;
}



/*==================================================================== */
/* リストの大きさ、マージン等の設定                                    */
/*==================================================================== */
/*定義リスト*/
dl dt.  {font-weight: bold;
}

dl dd {color:#000000;}



/*普通のリスト*/
ol.list1 li {color:#000000;
margin: 0px 0px 10px 0px;}