/*　CopyRight(C)テンプレート畑　http://miz-template.com/　*/

/*　このテンプレートを無断で再配布することは禁じますが、個人でご使用される分には改造は自由です　*/



@charset"UTF-8";

body {
       scrollbar-3dlight-color: #006600;
       scrollbar-arrow-color: #CCFF99;
       scrollbar-face-color: #006600;
       scrollbar-darkshadow-color: #CCFF99; 
       scrollbar-highlight-color: #CCFF99;
       scrollbar-track-color: #006600;
       scrollbar-shadow-color: #CCFF99;
       background-color :#ccff99;color : #333333;
}

/*　リンク全般　*/
a {}
a:link {color : #009933;} 
a:visited {color :#009933 ;}
a:active ,a:hover { color : #66FF33; }

/*  濃い背景色のリンク  */

#bar_f a,#pan a:hover {color:#fff;}


/* 全体のレイアウト　*/

#container{/*　これは全体を囲むボックスになります 枠線はありません　*/
    background:#fff;
    border-width:1px ;
    border-style: solid;
    border-color: #009933;
    }
    
#container-inner{/*　containerの内側です。ブラウザによる表示崩れ防止対策のつもりです　*/
    border-width:0px;
    border-style: solid ;
    border-color:#fff;
    }

#header {/*　いわゆるヘッダー。サイトの顔ですね。画像を指定する場合の大きさは728px高さはご自由にで♪　*/
	background: url(../img/img02.jpg) 100% 100% #fff no-repeat;
	border: 0px solid #000000;
	}
	
span#logo{color: #009900;}

#bar,#bar_f {background:#006633 ;
             color: #fff;
             }

#contents {/*　サイト内容とメニューのボックス　この中に　1～3column(カラム){column_a , column_b , ...}　を入れます　*/
	background-color: #fff;
}

#column_a{/*　サイトの記述部分のカラム(ボックス)です　*/
    background: #fff;
    color: #333;
}
#pan{/*　パンくずリスト用スペース　*/
    background:#66FF33 ;
    color:#fff;}

.mbox{/*　タイトル（ｈ○タグ）と記述（ｐタグ）を書き込むボックス。なくてもいいんですが、タイトル＋記事で囲みたい場合に使います　*/
    background:  #fff;
    color:#333;
    }

#column_b {/*　メニューボックス　*/
	background-color: #fff;
}

#footer {/*　フッター　*/
	color:#009900;
	background: url(../img/img02.jpg) 100% 20% #fff no-repeat;
	border: 0px solid #000000;
}
/*　全体のレイアウト　以上　*/


/*　■■h○タグとメニューなどの設定■■　*/


/*　ヘッダーとフッター付近のバー内のリスト表示形式　*/

   
/*　ヘッダー内のボタン風メニュー　*/

.menu{color:#006633;}

.menu a,
.menu a:link,
.menu a:visited{
               border:solid 1px #00CC66;color:#66FF66;}
.menu a:active,.menu a:hover{background-color : #00CC66;color : #fff;}

/*　ヘッダー内のボタン風メニューここまで　*/

/*　メニュー用カラムのリスト表示設定(リンク時含む)  */

.side ul{background:url(../img/img02.jpg) ;}
.side li a,.side li a:visited{
	border-top: 0px solid #fff;
	border-bottom: 1px solid #009933;
	border-right: 0px solid #ff00cc;
	border-left: 0px solid #fff;
}

.side li a:hover{
    color:#fff;
	background-color: #00CC33;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
}

.gamma li{color:#FF9900;}

h1 {
	color: #dbd9e6;
}

h1 a,
h1 a:link,
h1 a:active,
h1 a:hover,
h1 a:visited {color:#66FF33;}

h2 {/*　ヘッダー内に記述したサイト説明用のh2タグ設定　*/
	color: #99FF00;
	border: none;
}

h3 {/*　サイト本文の記述用タイトルのh2タグ設定　*/
   border-width : 1px 1px 1px 16px;
   border-style : solid ;
   border-color : #339933;
   color :#555 ;background-color : #ffffff;    }
    
h4 {
    border-width :1px 1px 0px 1px;
    border-color:  #006633;
    border-style:solid;
    color : #ffffff;
    background-color : #009966;
}
h5,h6 {}
	
/*　h○タグとメニューなどの設定　ここまで　*/


/* その他のbox  */


.alpha_ttl{border-width:1px 1px 0 1px;
           border-style: solid;
           border-color: #006633;
           color : #fff;background-color : #00CC33;}
.alpha {
        border: 1px solid #006633;
　　	background-color: #ffffff;
　　	color: #333333;
}


.alpha_no {
        border: 0px solid #006633;
　　	background-color: #ffffff;
　　	color: #333333;
}


.beta {
        border:dotted 1px #00CC00;
    	background-color: #ffffff;
    	color: #333333;
}

.gamma{
       border: 1px solid #006633;}
       
.side_t{border:1px solid #006633;}
.side{ border: 1px solid #006633;}
       
/*　その他のボックス ここまで　*/

/*　pタグ・文字装飾など　*/

.ya{background-image:url(../img/ya.gif) ;background-repeat:no-repeat;}

.chui{color: #330066;
      background-color: #CCCCFF;}
.chui_b{color:#660099;}


hr{color : #9933CC;}

ol{color: #FF3333;}
/*　pタグなど ここまで　*/