/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#F5F5F5;/*全体の背景色-----------------*/
/*background-color:#E6781E;全体の背景色-----------------*/
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,h4,h5,h6 {
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:#004B7A; /*背景色----------*/
}



#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;
}


#header2{
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:30px;
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;    /*----背景色-----*/
}




/*左メニュ画像の白抜きー------------------------*/
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}




#side ul{
list-style-type: none;
margin:4px;
padding: 0;
}


/*メニューのカテゴリ名部分-----------------*/
.midashi{
background-color:#0381AB;     /*----背景色-----*/
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:#007AB8; /*----●の色 -----*/
font-size:10px;     /*----●のサイズ-----*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-right:3px;
}



/*メニューの文字の前の●-----------------*/
.cicle2{
color:#FFA500; /*----●の色 -----*/
font-size:15px;     /*----●のサイズ-----*/
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:#EEF0EF;      /*----背景色--------*/
border-bottom:#0173B0 solid 3px;  /*----背景色の下の線の色・線の種類・太さ--------*/
}



/*----コンテンツ部分の中のミニタイトル部分_その2--------*/
h4 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:20px;
padding:5px 7px;
font-weight:bold;
font-size:14px;                /*----文字サイズ--------*/
background-color:#EEF0EF;      /*----背景色--------*/
}




/*----コンテンツ部分の中のミニタイトル部分_その3--------*/
h5 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:20px;
padding:5px 7px;
font-weight:bold;
font-size:14px;                /*----文字サイズ--------*/
color:#ffffff;     /*---文字色-----------*/
background-color:#004B7A;      /*----背景色--------*/
}



/*----コンテンツ部分の中のミニタイトル部分_その4--------*/
h6 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:20px;
padding:5px 7px;
font-weight:bold;
font-size:14px;                /*----文字サイズ--------*/
}






/*----サブフレームの設定--------*/
#site-box {
          width : 530px;
}

#a-box {    }

#b-box {
          float: left;
          width: 500px;
}

#c-box {
          float: right;
          width: 250px;
}

#d-box {    }




/*----画像のフェードの設定--------*/

#viewer {
    margin: 0 auto;
    width: 568px;
    height: 180px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}


/*----中ページのタイトル--------*/
#page_title{
padding:8px 10px;
font-size:16px;    /*----文字サイズ--------*/
font-weight:bold;
color:#ffffff;             /*----文字色--------*/
border:#f5f5f5 double 6px; /*----枠線を二重線で--------*/
background-color:#01659E; /*----背景色--------*/
/*background-color:#E6781E; /*----背景色--------*/
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:#004B7A;  /*---背景色--------*/
color:#ffffff;   /*---文字色--------*/
}



.space20{
margin-bottom:20px;
}