﻿/*============================================
全般的なスタイル
============================================*/
body     {
  color: black;                  /*ページ全体の文字色*/
  background-color: #ACD373;  /*ページ全体の背景色*/
  margin: 0px;                  /*全要素のマージンをリセット*/
  padding: 0px;                 /*全要素のパディングをリセット*/
  line-height:1.5;          /*全要素の行の高さを1.5倍にする*/
  text-align: center;    /*IE6以下でセンタリングするための対策*/
}
#inbox     {   /*内容全体の配置*/
  margin:0px auto 0px auto;   /*内容全体をセンタリング（状況に応じて自動設定）*/
  width: 800px;                  /*ページ全体の横サイズ*/
  text-align:left;               /*テキストの配置を左揃えにする*/
  background-color: #FFFFFF;     /*内容全体の背景色*/
  padding: 0px 0px 0px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
}
#banner    {   /*バナー（タイトル）の配置*/
  background-color: #ｆｆｆｆｆｆ;   /*一番上の背景色*/
  width: 800px;                   /*横サイズ*/
  height: 0px;           /*高さ*/
  padding: 10px 0px 0px 10px;   /*内容全体の内側余白を指定する（上右下左）*/
}
#banner_l  {   /*バナー内タイトルの配置*/
  background-color: transparent;  /*「transparent」指定で、インラインフレームの背景を透過させることができます*/
  float:left;                     /*バナーのカラムを左寄せにする*/
  width:500px;                   /*横サイズ*/
  margin:0px 0px 0px 0px;   /*内容全体の外側余白を指定する（上右下左）*/
  padding: 0px 0px 0px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
}
#searcharea  {   /*サイト内検索の配置*/
  background-color: transparent; /*「transparent」指定で、インラインフレームの背景を透過させることができます*/
  float:right;                   /*バナーのカラムを右寄せにする*/
  width:100px;                   /*横サイズ*/
  text-align:right;              /*テキストの配置を右揃えにする*/
  padding: 0px 0px 0px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
  clear: right;                   /*右の回り込みを解除する*/
}
#top  {   /*画像とカテゴリメニューの配置*/
  background-color: #81b43d;   /*背景色*/
  width: 800px;                   /*横サイズ*/
  padding: 0px 0px 0px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
}
#category  {   /*特別カテゴリーの配置*/
  background-color: #C69C6D;   /*背景色*/
  margin:0 auto;
  width: 800px;                   /*横サイズ*/
  height: 27px;           /*高さ*/
  text-align:center;
  font-size:90%;  
}
hr {height:1px; border:dashed 1px #aed374;}
/*============================================
メインメニュー
============================================*/
/* ------- メニュー部分 ------- */
.menu {
width: 800px;
margin:10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
  }

.menu a {
display:block;
font-size: 14px;
padding: 5px 0px 5px 20px;
width: 155px;
  background-color: #C69C6D;   /*背景色*/

background-image: url(images/menu.gif);
background-repeat: repeat-x;
background-color:transparent;
border: 1px solid #c0c0c0;
border-style: dashed;           /*スタイルを指定（solidは実線、noneは線なし、dashedは点線、dottedは点描）*/
color:#333333;
text-decoration:none;
float:left;
margin-right:2px;
}
.menu a:link  {color: #333333; text-decoration: none;}
.menu a:visited  {color: #333333; text-decoration: none;}
.menu a:hover   {color: #990000; text-decoration: none;background-image: url(images/menu.gif);background-repeat: repeat-x;}

.menu span {color:#999999;display:none  }
/* ------- メニュー部分 ------- */



/* ここまで */

#pagearea  {   /*メインエリア（次の記事などの表記）右カラムの配置*/
  background-color: transparent; /*「transparent」指定で、インラインフレームの背景を透過させることができます*/
  float:right;                   /*カラムを右寄せにする*/
  width:200px;                   /*横サイズ*/
  margin:0px 0px 0px 0px;   /*内容全体の外側余白を指定する（上右下左）*/
  text-align:right;              /*テキストの配置を右揃えにする*/
  clear: right;                   /*右の回り込みを解除する*/
}
#side {           /*メニューエリア（カレンダーなど）左カラムの配置*/
  float:left;                    /*カラムを左寄せにする*/
  margin:0px 0px 0px 0px;   /*内容全体の外側余白を指定する*/
  width:170px;                   /*横サイズ*/
  background-color: #81b43d;   /*背景色*/
  padding: 0px 0px 20px 0px;   /*内容全体の内側余白を指定する（上右下左）*/

}
#main {           /*メインエリア右カラム全体の配置*/
  float:right;                   /*カラムを右寄せにする*/
  width:570px;                   /*横サイズ*/
  margin:0px 0px 0px 0px;   /*内容全体の外側余白を指定する（上右下左）*/
  padding: 0px 0px 20px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
  background-color: #FFFFFF;   /*背景色*/
}
#footer {    /*フッター全体の配置*/
  background-color: #ffffff;   /*背景色*/
  width: 800px;                   /*横サイズ*/
  padding: 0px 0px 0px 0px;   /*内容全体の内側余白を指定する（上右下左）*/
}

/*リンクの表記*/
a:link      { color: #369; text-decoration: underline }   /*内容全体のリンクカラーを指定する*/
a:visited   { color: #336; text-decoration: none }   /*リンク閲覧後カラーを指定する*/
a:active   { color: #c00; text-decoration: underline }   /*リンクオンマウスカラーを指定する*/
a:hover   {color:#FFCC33; text-decoration: none;}   /*ポイント時、背景色指定する*/

/*特殊リンクの表記*/
a.button:link {      /*内容全体のリンクカラーを指定する*/
 color: #82BE7D;           /*リンクカラーを指定する*/
 font-size: 9pt;           /*リンクフォントカラーを指定する*/
 text-decoration: none;          /*リンクのアンダーバーをなくす*/
 padding: 3px 3px 0px 3px;   /*内容全体の内側余白を指定する（上右下左）*/
 border-width: 1px;           /*ボーダーのライン幅を指定する*/
 border-style: solid;           /*スタイルを指定（solidは実線、noneは線なし、dashedは点線、dottedは点描）*/
 border-color: #82BE7D;           /*ボーダーのライン色を指定する*/
 background-color: #FFFFFF;   /*背景色*/
}

a.button:visited {    /*リンク閲覧後カラーを指定する*/
 color: #82BE7D;           /*リンクカラーを指定する*/
 font-size: 9pt;           /*リンクフォントカラーを指定する*/
 text-decoration: none;          /*リンクのアンダーバーをなくす*/
 padding: 3px 3px 0px 3px;   /*内容全体の内側余白を指定する（上右下左）*/
 border-width: 1px;           /*ボーダーのライン幅を指定する*/
 border-style: solid;           /*スタイルを指定（solidは実線、noneは線なし、dashedは点線、dottedは点描）*/
 border-color: #82BE7D;           /*ボーダーのライン色を指定する*/
 background-color: #FFFFFF;   /*背景色*/
}

a.button:active {     /*リンクオンマウスカラーを指定する*/
 color: #82BE7D;           /*リンクカラーを指定する*/
 font-size: 9pt;           /*リンクフォントカラーを指定する*/
 text-decoration: none;          /*リンクのアンダーバーをなくす*/
 padding: 3px 3px 0px 3px;   /*内容全体の内側余白を指定する（上右下左）*/
 border-width: 1px;           /*ボーダーのライン幅を指定する*/
 border-style: solid;           /*スタイルを指定（solidは実線、noneは線なし、dashedは点線、dottedは点描）*/
 border-color: #82BE7D;           /*ボーダーのライン色を指定する*/
 background-color: #FFFFFF;   /*背景色*/
}

a.button:hover {      /*ポイント時、背景色指定する*/
 color: #82BE7D;           /*リンクカラーを指定する*/
 font-size: 9pt;           /*リンクフォントカラーを指定する*/
 text-decoration: none;          /*リンクのアンダーバーをなくす*/
 padding: 3px 3px 0px 3px;   /*内容全体の内側余白を指定する（上右下左）*/
 border-width: 1px;           /*ボーダーのライン幅を指定する*/
 border-style: solid;           /*スタイルを指定（solidは実線、noneは線なし、dashedは点線、dottedは点描）*/
 border-color: #82BE7D;           /*ボーダーのライン色を指定する*/
 background-color: #FFFFFF;   /*背景色*/
}
/*レイアウト*/
div#top {
  width:796px; margin:0 auto;  /*内容全体をセンタリング*/
  text-align: left;  /*テキストの配置を左揃えにする*/
  background-color:#ffffff;    /*内容全体の背景色*/
  font-size:100%;      /*フォントサイズを80%にする*/
        font-weight:normal;
}
div#top a {
  text-decoration:none;       /*リンクの下線を無くす*/
}
.box1{
        float: left;
        width: 600px;
        height: 162px;
        padding: 10px 0px 0px 0px;
}
.box2{
        float: left;
        background-color: #81b43d;
        margin: 0px 0px 0px 0px;
        width: 172px;
        height: 152px;
}
.space{
        clear: left;
}
.greeting{
        width: 565px;
        height: 50px;
        margin: 0px 0px 0px 40px;
  color: #818181;    /*文字色*/
  font-size:90%;    /*フォントサイズを110%にする*/
}
/*レイアウト*/


h1 {      /*ｈ指定（１〜６）*/
  margin: 30px 0px 0px 30px;   /*外側余白を指定する（上右下左）*/
        font-size: 150%;
        padding: 0px 0px 0px 15px;}
h1 a {text-decoration:none;}       /*リンクの下線を無くす*/
h1 a:link{color:#56811c;}     /* リンクカラー */
h1 a:visited{color:#81b43d;}     /* 訪問済みリンクカラー */
h1 a:hover,a:active{color:#1e90ff;text-decoration:none;}     /* カーソルが乗っているリンクの色 */
h2 {
        color: #81b43d;
        font-size: 110%;
        font-weight: bold;
        margin: 5px 0px 0px 15px;
}

ul {      /*箇条書きのリストを作成（liで配置。※入れ子ができる）*/
  margin: 0px 0px 0px 15px;   /*外側余白を指定する（上右下左）*/
  padding: 0px;                  /*内側余白を指定する（上下左右）*/
}

.site_title     {      /*サイトのタイトル*/
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;   /*フォントを指定*/
  margin: 5px 0px 5px 5pt   /*外側余白を指定する（上右下左）*/
}

.site_title a,              /*サイトのタイトルリンク指定（この場合、全体指定）*/
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover  {
  color: #f90;                   /*リンクカラーを指定する*/
  text-decoration: none          /*リンクのアンダーバーをなくす*/
}

.description    {            /*サイトの説明部分指定*/
  color: white;                   /*文字色*/
  font-weight: bold;              /*フォントの太さ*/
  font-size: 12px;                /*フォントの大きさ*/
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;   /*フォントを指定*/
  margin: 10px 0px 10px 0px   /*外側余白を指定する（上右下左）*/
}

.entry  {            /*左メニュー部分の全体指定*/
  margin: 0px 0px 20px
}

.entry_admin {            /*左メニュー部分のadmin指定*/
  margin: 0px 0px 0px 10px;
}

.entry_date {            /*左メニュー部分の日付指定*/
  font-family: "Verdana";
  font-size: 14px;
  font-weight: bolder;
  color: #414D7B;
  margin: 10px 30px 10px 0px;
  border-top:1px solid #444444;
  border-left:10px solid #444444;
  padding: 0px 0px 3px 5px;
}

.entry_title     {            /*左メニュー部分のタイトル指定*/
  color: black;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  padding: 0px 0px 0px 15px;
}

.entry_body   {            /*左メニュー部分のbody指定*/
  font-size: 12px;
  line-height: 170%;
  word-break:break-all;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
   margin: 15px 30px 15px 20px
}

.entry_author    {            /*ログ投稿者の指定*/
  color: #999999;
  font-size: 10px;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  text-align: right;
  margin: 0px 30px 0px 0px
}

.entry_more   {
  color: black;
  font-size: 11px;
  line-height: 170%;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  margin: 15px 30px 10px 20px
}

.entry_state {            /*ログ投稿者の指定*/
  font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  font-size: 10px;
  color: #999999;
  margin: 20px 30px 25px 20px;
  padding-top: 10px;
  clear: all;
}

blockquote {            /*投稿時に使用の枠指定*/
  font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  font-size: 11px;
  color: #333333;
  margin: 20px 10px 20px 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  }

.pict {            /*投稿時に使用の全体の画像指定*/
  float: right;
  border-width: 3px;
  border-style: solid;
  border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;   /*ボーダーを指定する（上右下左）*/
}


.linktitle   {            /*左メニューのタイトル指定*/
  color: white;
  
  text-align: left;
  font-weight: bolder;
  font-size: 12px;
  line-height: 170%;
  font-family:  "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  margin: 10px 0px 0px 3px
}

.linktitle_a  {            /*左メニューのタイトルリンク指定*/
  color: white;
  font-weight: bolder;
  font-size: 12px;
  line-height: 170%;
  font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  margin: 15px 30px 15px 20px 
}
.linktext   {            /*左メニューのリンク指定*/
  color: #369;
  background-color: #acd373;
  font-size: 10px;
  line-height: 170%;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  margin: 0px 0px 0px 3px;
  padding: 3px 3px 3px 3px
}
.onbutton {
  border:1px solid #2F539C;
  color:#ffffff;
  background-color:#81b43d;
 }
/*============================================
コンテンツのスタイル
============================================*/
/* SEARCH（検索）---------------------------------------------------------------------- */
#search  {
  color: 000000;
  font-size: 10px;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
}

/* FOOTER（フッター）---------------------------------------------------------------------- */
.copyright  {
        width: 796px;
        height: 20px;
        margin: 10px 0px 0px 2px;
        padding: 0px 0px 0px 0px;
        font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  text-align: center;
  color: #81b43d;    /*文字色*/
  font-size:80%;    /*フォントサイズを110%にする*/
}


/* CLOCK（時計）---------------------------------------------------------------------- */
.clock      {
  color: black;
  font-size: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
  background-color: transparent;
  text-align: center;
  margin: 0px 0px 0px 2px;
  padding: 3px;
  border: 0px;
  width: 170px;
  height: 16px
}

/* CALENDAR（カレンダー）---------------------------------------------------------------------- */
.calendar      {
  color: black;
  font-size: 9px;
  font-family: Verdana;
  margin: 0pt 0px 0px 0px
}

.cell       {
  color: black;
  font-size: 9px;
  font-family: Verdana;
  background: white no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_today      {
  color: olive;
  font-size: 9px;
  font-family: Verdana;
  background: #cfc no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_sunday     {
  color: #c00;
  font-size: 9px;
  font-family: Verdana;
  background: #f99 no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_saturday    {
  color: #000066;
  font-size: 9px;
  font-family: Verdana;
  background: #9cc no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

/*フォーム設定---------------------------------------------------------------------- */
form {
  margin: 0px;
  padding: 0px;
}
textarea {
  font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

