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


body {
text-align: center;
background-color:#ffffff;/*全体の背景色-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:14px;/*基本の文字サイズ-----------------*/
line-height:170%;
color:#222222;/*基本の文字色-----------------*/
margin-top:20px;/*コンテンツボックスを上から少し離しています-----------------*/
margin-bottom:20px;
margin-left:0;
margin-right:0;
}


h1,h2,h3,h4,h5 {
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:#003366;} /*メニュー・テキストリンクの色*/
h2 a:visited    {text-decoration:none;color:#003366;} /*メニュー・訪問済みのリンクの色*/
h2 a:active     {text-decoration:underline;color:#003399;} /*メニュー・クリック時のリンクの色*/
h2 a:hover      {text-decoration:underline;color:#003399;} /*メニュー・マウス上にカーソルがある時のリンク色*/



/*普通のテキストリンク-----------------*/
a:link    {text-decoration:none;color:#003399;}  /*テキストリンクの色*/
a:visited {text-decoration:none;color:#003399;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:none;color:#0033cc;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:none;color:#0033cc;}  /*マウスの上にカーソルがあるときのリンクの色*/



/*左メニューのテキストリンク-----------------*/
#menu a:link    {text-decoration:none;color:#222222;}  /*テキストリンクの色*/
#menu a:visited {text-decoration:none;color:#222222;}  /*訪問済みのリンクの色*/ 
#menu a:active  {text-decoration:underline;color:#0033cc;}   /*クリック時のリンクの色*/
#menu a:hover   {text-decoration:underline;color:#0033cc;}  /*マウスの上にカーソルがあるときのリンクの色*/




#container{
width:820px;
margin:0 auto;
padding:0;
text-align:left;
}



/*タイトル上のSEOテキスト-----------------*/
h1{
width:804px;
text-align:right;
color:#ff66cc;     /*文字の色----------*/
font-size:14px;    /*文字のサイズ----------*/
line-height:normal;
padding:6px 8px;
background-color:#ffffff; /*背景色----------*/
border-bottom:#99ccff solid 3px;  /*----背景色の下の線の色・線の種類・太さ--------*/
}

/*オーラソーマで-----------------*/
h4{
width:804px;
text-align:left;
color:#003366;     /*文字の色----------*/
font-size:18px;    /*文字のサイズ----------*/
padding:10px 12px;
background-color:#ffffff; /*背景色----------*/
font-weight:bold;

}


#header{
margin:0px;
position:relative;
width:820px;
}



/*サイトのタイトル文字-----------------*/
h2{
font-size:30px;     /*---文字サイズ-----------*/
color:#003366;     /*---文字色-----------*/  
float:left;
padding-top:0px;
padding-left:12px;
height:42px;
line-height:100%;
font-weight:bold;
}




/*タイトル右のテキストリンク-----------------*/
#header_link{
line-height:normal;
font-size:12px;    /*---文字サイズ-----------*/
color:#003399;    /*---文字色-----------*/
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:#ffffff;    /*----背景色-----*/
}




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


/*メニューのカテゴリ名部分-----------------*/
.midashi{
background-color:#ffffff;     /*----背景色-----*/
color:#ff3366;      /*----文字色-----*/
font-weight:bold;     /*----太文字-----*/
font-size:13px;     /*----文字サイズ-----*/
border-bottom:1px #ff99ff dotted;     /*----下線の太さ、色、種類（点線）-----*/
padding:9px 7px;
}



/*各メニュー点線の下線つき-----------------*/
#side li.normal{
border-bottom:1px #ff99ff dotted;     /*----下線の太さ、色、種類（点線）-----*/
padding:9px 7px;
}



#side li.last{
padding:9px 7px;
}



/*メニューの文字の前の●-----------------*/
.cicle{
color:#0033cc;     /*----●の色-----*/
font-size:10px;     /*----●のサイズ-----*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-right:3px;
}
/*テキスト内の前の■-----------------*/
.box{
color:#6699ff;     /*----■の色-----*/
font-size:12px;     /*----■のサイズ-----*/
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:15px;                /*----文字サイズ--------*/
color:#444444;             /*----文字色--------*/
background-color:#ffffff;      /*----背景色--------*/
border-bottom:#6699ff solid 3px;  /*----背景色の下の線の色・線の種類・太さ--------*/
}

/*----コンテンツ部分の中のミニタイトル部分--------*/
h5 {
padding:4px 5px;
font-size:14px;    /*----文字サイズ--------*/
font-weight:bold;
color:#003366;             /*----文字色--------*/
border:#99ccff double 6px; /*----枠線を二重線で--------*/
background-color:#ffffff; /*----背景色--------*/
margin-bottom:20px;
}

/*----中ページのタイトル--------*/
#page_title{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-bottom:20px;
padding:5px 7px;
font-weight:bold;
text-align:right;
color:#0033cc;             /*----文字色--------*/
font-size:13px;                /*----文字サイズ--------*/
background-color:#ffffff;      /*----背景色--------*/
/*border-bottom:#0033cc solid 1px;  ----背景色の下の線の色・線の種類・太さ--------*/
}




/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#ffffff; /*----セルの色--------*/
text-align:left;
font-size:13px;    /*----文字サイズ--------*/
line-height:120%;
}
/*----テーブル表組み左のセル--------*/
.table_item2{
background-color:#ffffff; /*----セルの色--------*/
text-align:center;
font-size:14px;    /*----文字サイズ--------*/
line-height:120%;
}

/*----テーブル表組み左のセル--------*/
.table_item3{
background-color:##F0F8FF; /*----セルの色--------*/
text-align:center;
font-size:14px;    /*----文字サイズ--------*/
line-height:120%;
}

/*----テーブル表組み右のセル--------*/
.table_text{
text-align:left;
font-size:12px;    /*----文字サイズ--------*/
line-height:120%;
}
/*----テーブル表組み右のセル　中央揃え--------*/
.table_text2{
text-align:center;
font-size:12px;    /*----文字サイズ--------*/
line-height:110%;
}

/*----テーブル表組みの枠線--------*/
.waku{
background-color:#ffffff; /*---枠線の色--------*/
}
/*----テーブル表組みの枠線--------*/
.waku2{
background-color:#99ccff; /*---枠線の色--------*/
}



/*----コピーライト表記--------*/
#copyright{
clear:both;
margin:0 auto;
padding:6px 0px;
width:820px;
font-size:11px;
text-align:center;  /*---中央表示--------*/
background-color:#ffffff;  /*---背景色--------*/
color:#6699ff;   /*---文字色--------*/
line-height:130%;

}
/*----コピーライト表記　小窓用--------*/
#copyright_window{
clear:both;
margin:0 auto;
padding:6px 0px;
font-size:11px;
text-align:center;  /*---中央表示--------*/
background-color:#ffffff;  /*---背景色--------*/
color:#6699ff;   /*---文字色--------*/
}


.space20{
margin-bottom:20px;
}