@charset"UTF-8";

/* 表示リセット */
h1,h2,h3,h4,h5,h6{ position:static; margin:0; padding:0; }
div,p,hr,blockquote,address,noscript{ position:static; margin:0; padding:0; font-style:normal; font-weight:normal; }
ul,ol,dl,dt,dd{ position:static; margin:0; padding:0; }
pre,table,form{ position:static; margin:0; padding:0; }
span,img{ position:static; margin:0; padding:0; border:none; font-style:normal; font-weight:normal; border:0 none #FFFFFF; }
em,strong,q,dfn,code,samp,kbd,var,cite,abbr,acronym{ position:static; margin:0; padding:0; border:none; font-style:normal; font-weight:normal; }

/* 全体の設定 */
body{
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      color:#133813;
      background-color:#DAFFB5;
      font-family:"Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka",sans-serif;
      font-size:80%;
      text-align:center;
    }

	a{text-decoration:none;}
	a:link{color:#0066FF;text-decoration:none;}
	a:visited{color:#0066FF;text-decoration:none;}
	a:active{}
	a:hover{color:#0066FF;text-decoration:none;background-color:#FFE1E1;}

h2{
      margin:10px 30px 0px 25px;
      padding:10px 5px 8px 32px;
      background-color:#9EC695;
      font-size:16px;
      font-weight:bold;
      border-bottom:1px dashed #9EC695;
      background:url('http://www.ma-mate.com/img/img5_headder.gif') no-repeat;
      }

h2 a{text-decoration:none;}
h2 a:link{color:#0066FF;text-decoration:none;background-color:#FFFFFF;}
h2 a:visited{color:#0066FF;text-decoration:none;background-color:#FFFFFF;}
h2 a:active{}
h2 a:hover{color:#0066FF;text-decoration:none;background-color:#FFE1E1;}

h3{
      margin:30px 30px 5px 30px;
      padding:3px 5px 3px 5px;
      background-color:#CCFF99;
      border-left:12px solid #009B00;
      font-size:12px;
      font-weight:bold;
      }

h4{
      margin:10px 25px 5px;
      padding:5px;
      background-color:#9EC695;
      border-left:20px solid #449C6E; 
      font-size:12px;
      font-weight:bold;
      }

p{
      padding:0.5em 0;
  }

/* 配置と色指定 */

div#outer{
      margin:0 auto;
      width:815px;
      text-align:left;
      border-left:1px solid #009900;
      border-right:1px solid #009900;
      background-color:#FFFFFF;
         }

div#banner{
      height:100px;
      color:#FFFFFF;
      background-color:#133813;
      background:url('http://www.ma-mate.com/img/img6_109.JPG') no-repeat;
           }

div#banner a{color:#FFFFFF;text-decoration:none;background-color:transparent}
div#banner a:link{color:#FFFFFF;text-decoration:none;background-color:transparent;} 
div#banner a:visited{color:#FFFFFF;text-decoration:none;background-color:transparent}
div#banner a:active{background-color:transparent}
div#banner a:hover{color:#FFFFFF;text-decoration:underline;background-color:transparent}

div#banner h1{
      font-family:"Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3";
      padding:20px 0px 10px 20px;
      font-size:24px;
      font-weight:bold;
             }

div#banner p.description{
      padding:3px 20px;
      font-size:16px;
                        }

div#blogs{
      font-size:12px;
      line-height:140%;
      padding:2px 10px;
      color:#133813;
      background-color:#FFFFFF;
      text-align:left;
      border-bottom:1px solid #009900;
             }

div#blogs a{text-decoration:none;background-color:#FFFFFF;}
div#blogs a:link{color:#0066FF;text-decoration:none;background-color:#FFFFFF;}
div#blogs a:visited{color:#0066FF;text-decoration:none;background-color:#FFFFFF;}
div#blogs a:active{}
div#blogs a:hover{color:#0066CC;text-decoration:underline;background-color:#FFFFFF;}

div#calendar{
      padding:10px 0;
      color:#133813;
      background-color:#449C6E;
      text-align:center;
             }

div#calendar a{
      color:#FFFFFF;
              }

div#contents{
      float:left;
      width:593px;
      line-height:150%;
            }

div#footer{
      color:#FFFFFF;
      background-color:#007700;
      text-align:center;
          }

div#footer a{color:#FFFFFF;}
div#footer a:hover{color:#FFFFFF;text-decoration:none;background-color:#007700;}


/* 記事表示部分 */

.entry{margin-top:25px;}

.entry_navi{
      padding:0 30px 0 30px;
      text-align:center;
           }

.entry_date{
      padding:0 30px 10px 0 ;
      font-size:12px;
      text-align:right;
           }

.entry_author{
      padding:0 25px;
      text-align:right;
              }

.entry_body{
      padding:0 30px 0 60px;
      font-size:100%;
            }

.entry_more{
      padding:20px 30px 0px 60px;
      font-size:100%;
            }

.entry_state{
      margin:20px 30px 20px 30px;
      text-align:right;
      border-bottom:1px solid #D9D9D9;
             }

/* コメント表示部分 */
/* 以下2つはトラックバックと共通 */
dl.body dt{
      padding:0 40px 0 60px;
      font-size:100%;
           }

dl.body dd{
      margin:0 30px 20px 30px;
      padding:0 0 5px;
      border-bottom:1px dashed #9EC695;
      text-align:right;
           }

/* コメントフォーム */
div.comment form dl{
padding:15px 0 0;
font-size:100%;
}
div.comment form dt{
float:left;
width:100px;
text-align:right;
}
div.comment form dd{
margin:0 0 0 105px;
}
div.comment form dd.submit{
padding:5px 0 0 5px;
}
input#name,input#email,input#url{
width:250px;
}
textarea#description{
width:350px;
height:100px;
}
input#comment_submit,input#comment_reset{
width:70px;
}

/* トラックバック表示部分 */
.trackback_url{
padding:10px 25px 20px;
font-size:100%;
}
input#trackback_url{
width:330px;
}
dl.body dt div.tb_title{
font-weight:bold;
}

/* プロフィール表示部分 */

.profile{
      margin:30px 0px 5px 0px;
              }

.profile_body{
      padding:15px 30px 15px 60px;
      margin:0px 0px 75px 0px;
      font-size:100%;
              }

/* ページナビ */
.page{
      padding:50px 0 20px;
      text-align:center;
      }

.top{
      padding:10px 0;
      font-size:100%;
     }

/* サイドメニュー */


div#side dl{
      padding:0 0 15px 0;
      margin-bottom:15px;
            }

div#side{
      float:right;
      width:220px;
      text-align:left;
      margin:0 0 15px 0;
      padding:15px 0px 15px 0px;
      line-height:130%;
      border-left:1px solid #009900;
      border-bottom:1px solid #009900;
        }

div#side dt{
      padding:3px 10px;
      color:#FFFFFF;
      background-color:#009B00;
      font-weight:bold;
      text-align:center;
           }

div#side dd{
      margin:5px 7px 5px 7px;
           }

div#side li{
      padding:5px 0;
      border-bottom:1px dashed #9EC695;
            }

div#side li li,li li li,li li li li{
      padding:5px 10px 0;
      border-bottom:none;
            }

input#search{
      width:140px;
            }

input#search_submit{
      width:20px;
            }

/* その他の設定 */
pre{
display:block;
font-family:monospace;
}

em{
      background-color:#9EC695;
   }

strong{
      font-weight:bold;
}

blockquote{
      margin:0px 15px 0 0;
      padding:2px 5px;
      border:1px dashed #449C6E;
}

p.source{
      margin:0 20px 1em 20px;
      text-align: center;
}

ul{
      list-style-type:none;
   }

del{
      text-decoration:line-through;
    }

ins{
      text-decoration:none;
      border-bottom:1px dashed #9EC695;
    }

input,textarea{
      color:#133813;
      font-family:"Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka",sans-serif;
      font-size:100%;
      border:1px solid #133813;
               }

input.check{
      border:none;
            }   

input.button{
      color:#777777;
      background-color:#FFFFFF;
      border:1px solid #007700;
      font-weight:bold;
             }

label#labelsubmit{
      display:none;
                  }

.pict{
      }


/* メニューの設定 */

div#kakomi1_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:130%;
      padding:0px 10px 0px 15px;
      border:#009B00;
      border-style:solid solid none solid;
      border-width:1px;
      width:530px;
      background-color:#009B00;
              }

div#kakomi1_2{
      color:#2F4F4F;
      font-size:14px;
      margin:0px 10px 0px 25px;
      line-height:130%;
      padding:10px 10px 10px 15px;
      border:#009B00;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
                }

div#kakomi2_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:130%;
      padding:0px 10px 0px 15px;
      border:#4682B4;
      border-style:solid solid none solid;
      border-width:1px;
      background-color:#4682B4;
      width:530px;
              }

div#kakomi2_2{
      color:#2F4F4F;
      font-size:14px;
      margin:0px 10px 40px 25px;
      line-height:130%;
      padding:10px 10px 10px 15px;
      border:#4682B4;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
                }

div#kakomi3_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:140%;
      padding:0px 10px 0px 15px;
      border:#3366FF;
      border-style:solid solid none solid;
      border-width:1px;
      background:#3366FF;
      width:530px;
              }

div#kakomi3_2{
      color:#2F4F4F;
      font-size:100%;
      margin:0px 10px 0px 25px;
      line-height:140%;
      padding:10px 10px 10px 15px;
      border:#3366FF;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
      background:#f8f8ff;
                }

div#kakomi4_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:140%;
      padding:0px 10px 0px 15px;
      border:#FFA07A;
      border-style:solid solid none solid;
      border-width:1px;
      background:#FFA07A;
      width:530px;
              }

div#kakomi4_2{
      color:#2F4F4F;
      font-size:100%;
      margin:0px 10px 10px 25px;
      line-height:140%;
      padding:10px 10px 10px 15px;
      border:#FFA07A;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
      background:#FFF8F8;
                }

div#kakomi5_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:140%;
      padding:0px 10px 0px 15px;
      border:#66CC00;
      border-style:solid solid none solid;
      border-width:1px;
      background:#66CC00;
      width:530px;
              }

div#kakomi5_2{
      color:#2F4F4F;
      font-size:100%;
      margin:0px 10px 10px 25px;
      line-height:140%;
      padding:10px 10px 10px 15px;
      border:#66CC00;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
      background:#F4FFE6;
                }

div#kakomi6_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:140%;
      padding:0px 10px 0px 15px;
      border:#FF9933;
      border-style:solid solid none solid;
      border-width:1px;
      background:#FF9933;
      width:530px;
              }

div#kakomi6_2{
      color:#2F4F4F;
      font-size:100%;
      margin:0px 10px 10px 25px;
      line-height:140%;
      padding:10px 10px 10px 15px;
      border:#FF9933;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
      background:#FFFFDf;
                }

div#kakomi7_1{
      color:#FFFFFF;
      font-size:medium;
      font-weight:bold;
      margin:15px 10px 0px 25px;
      line-height:140%;
      padding:0px 10px 0px 15px;
      border:#999999;
      border-style:solid solid none solid;
      border-width:1px;
      background:#999999;
      width:530px;
              }

div#kakomi7_2{
      color:#2F4F4F;
      font-size:100%;
      margin:0px 10px 10px 25px;
      line-height:140%;
      padding:10px 10px 10px 15px;
      border:#999999;
      border-style:none solid solid solid;
      border-width:1px;
      width:530px;
      background:#F5F5F5;
                }

div#ads {
      font-color:#2F4F4F;
      font-size: small;
      margin:15px 10px 0px 25px;
      line-height:130%;
      padding:10px 10px 10px 15px;
      border: 1px dotted #808000;
      width:530px;
         }

div#ads02 {
      font-color:#2F4F4F;
      font-size: small;
      margin:15px 10px 0px 25px;
      line-height:130%;
      padding:10px 10px 10px 15px;
      border: none;
      width:530px;
         }

div#kakomi_blue {
      font-color:#2F4F4F;
      font-size:100%;
      margin:10px 10px 10px 0px;
      padding:10px 10px 10px 10px;
      line-height:130%;
      border: 1px solid #0066FF;
         }

div#kakomi_red {
      font-color:#2F4F4F;
      font-size:100%;
      margin:10px 10px 10px 0px;
      padding:10px 10px 10px 10px;
      line-height:130%;
      border: 1px solid #FF1493;;
         }

div#button {
      margin:5px 10px 0px 25px;
      padding:15px 10px 10px 15px;
      width:530px;
      text-align:right;
            }

div#button td{padding:0 3px;}

div#button a:hover{text-decoration:none;background-color:#FFFFFF;}

/* テーブルの設定 */

div#suiihyo {}

div#suiihyo table {
       border:none;
       font-size:10px;
       margin:5px 0 10px 0 ;
                    }

div#suiihyo thead {
       background-color:#6A5ACD;
       color:#ffffff;
       font-size:12px;
       }

div#suiihyo td,th {
        border:none;
        border-bottom:solid 1px white;
        border-right:solid 1px white;
        padding:3px 0 3px 5px;
        line-height:130%;
       }

.item1 {
       background-color:#FF6347;
       color:white;
       text-align:left;
       padding-left:10px; 
       font-size:18px;
        }

.item2 {
        background-color:#FFFF00;
        color:#483D8B;
        text-align:left;
        padding-left:10px;
           font-size:15px;
}
.item3 {
        background-color:#00bb88;
        color:white;
        text-align:left;
        padding-left:10px;
           font-size:12px;
}

.item4 {
    background-color:#4682B4;
        color:white;
        text-align:left;
        padding-left:10px; 
           font-size:12px;
}

.item11 {
    background-color:#FFC0CB;
        color:#000000;
        text-align:left;
        padding:3px 0 3px 5px;
           font-size:12px;
        line-height:150%;
}

.item21 {
    background-color:#ffff99;
        color:#000000;
        text-align:left;
        padding:3px 0 3px 5px;
           font-size:12px;
        line-height:150%;
}

.item5 {
        background-color:#bbffaf
}