/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#F5F5F5;/*全体の背景色-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*基本の文字サイズ-----------------*/
line-height:170%;
color:#444444;/*基本の文字色-----------------*/
margin-top:20px;/*コンテンツボックスを上から少し離しています-----------------*/
margin-bottom:20px;
margin-left:0;
margin-right:0;
}


h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*ビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}




/*ページのタイトル部分のテキストリンク-----------------*/
h2 a:link       {text-decoration:none;color:#444444;} /*メニュー・テキストリンクの色*/
h2 a:visited    {text-decoration:none;color:#444444;} /*メニュー・訪問済みのリンクの色*/
h2 a:active     {text-decoration:underline;color:#444444;} /*メニュー・クリック時のリンクの色*/
h2 a:hover      {text-decoration:underline;color:#444444;} /*メニュー・マウス上にカーソルがある時のリンク色*/



/*普通のテキストリンク-----------------*/
a:link    {text-decoration:underline;color:#005D90;}  /*テキストリンクの色*/
a:visited {text-decoration:underline;color:#005D90;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:underline;color:#005D90;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:underline;color:#005D90;}  /*マウスの上にカーソルがあるときのリンクの色*/



/*左メニューのテキストリンク-----------------*/
#menu a:link    {text-decoration:none;color:#444444;}  /*テキストリンクの色*/
#menu a:visited {text-decoration:none;color:#444444;}  /*訪問済みのリンクの色*/ 
#menu a:active  {text-decoration:underline;color:#005D90;}   /*クリック時のリンクの色*/
#menu a:hover   {text-decoration:underline;color:#005D90;}  /*マウスの上にカーソルがあるときのリンクの色*/




#container{
width:820px;
margin:0 auto;
padding:0;
text-align:left;
}



/*タイトル上のSEOテキスト-----------------*/
h1{
width:804px;
text-align:left;
color:#ffffff;     /*文字の色----------*/
font-size:12px;    /*文字のサイズ----------*/
line-height:normal;
padding:6px 8px;
background-color:#0E650A; /*背景色----------*/
}




#header{
margin:0px;
position:relative;
width:820px;
}



/*サイトのタイトル文字-----------------*/
h2{
font-size:30px;     /*---文字サイズ-----------*/
color:#343434;     /*---文字色-----------*/  
float:left;
padding-top:20px;
padding-left:12px;
height:42px;
line-height:100%;
font-weight:bold;
}




/*タイトル右のテキストリンク-----------------*/
#header_link{
line-height:normal;
font-size:12px;    /*---文字サイズ-----------*/
color:#343434;    /*---文字色-----------*/
float:right;
text-align:right;
padding-top:32px;
padding-right:8px;
}





/*----コンテンツ部分（左メニューと右コンテンツを包括する外枠と背景）--------*/
#wrapper{
width:818px;
clear:both;
background-color:#FFFFFF;    /*----背景色--------*/
position:relative;
float:left;
border:#CECECE solid 1px;    /*----外枠の線の色・種類・太さ--------*/
margin-bottom:12px;
}








/*左メニュー------------------------*/
#side{
margin: 0;
padding: 0;
width:205px;
vertical-align:top;
background-color:#EEF0EF;    /*----背景色-----*/
}




#side ul{
list-style-type: none;
margin:4px;
padding: 0;
}


/*メニューのカテゴリ名部分-----------------*/
.midashi{
background-color:#1F971B;     /*----背景色-----*/
color:#ffffff;      /*----文字色-----*/
font-weight:bold;     /*----太文字-----*/
font-size:14px;     /*----文字サイズ-----*/
padding:6px 8px;
}



/*各メニュー点線の下線つき-----------------*/
#side li.normal{
border-bottom:1px #999999 dotted;     /*----下線の太さ、色、種類（点線）-----*/
padding:9px 7px;
}



#side li.last{
padding:9px 7px;
}



/*メニューの文字の前の●-----------------*/
.cicle{
color:#1C7318;     /*----●の色-----*/
font-size:10px;     /*----●のサイズ-----*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-right:3px;
}


/*バナー部分-----------------*/
.ad{
text-align:center;
margin-bottom:20px;    /*バナーの下は20px空ける--------------*/
}




#main{
float:right;
width:568px;
vertical-align:top;
}



.contents{
margin:0px 12px 20px 12px;
}



.text{
margin:2px 2px 30px 2px;
line-height:170%;
}



/*----コンテンツ部分の中のミニタイトル部分--------*/
h3 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:20px;
padding:5px 7px;
font-weight:bold;
font-size:14px;                /*----文字サイズ--------*/
background-color:#E6F4E6;      /*----背景色--------*/
border-bottom:#1C7318 solid 3px;  /*----背景色の下の線の色・線の種類・太さ--------*/
}



/*----中ページのタイトル--------*/
#page_title{
padding:8px 10px;
font-size:16px;    /*----文字サイズ--------*/
font-weight:bold;
color:#ffffff;             /*----文字色--------*/
border:#f5f5f5 double 6px; /*----枠線を二重線で--------*/
background-color:#137A0F; /*----背景色--------*/
margin-bottom:20px;
}




/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#f3f3f3; /*----セルの色--------*/
text-align:left;
}


/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#ffffff; /*----セルの色--------*/
text-align:left;
}


/*----テーブル表組みの枠線--------*/
.waku{
background-color:#999999; /*---枠線の色--------*/
}



/*----コピーライト表記--------*/
#copyright{
clear:both;
margin:0 auto;
padding:6px 0px;
width:820px;
font-size:11px;
text-align:center;  /*---中央表示--------*/
background-color:#0E650A;  /*---背景色--------*/
color:#ffffff;   /*---文字色--------*/
}



.space20{
margin-bottom:20px;
}