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


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



a:link    {color:#5d87f2;text-decoration:underline;}  /*テキストリンクの色*/
a:visited {color:#5d87f2;text-decoration:underline;}  /*訪問済みのリンクの色*/ 
a:active  {color:#5d87f2;text-decoration:underline;}   /*クリックされているときのリンクの色*/
a:hover   {color:#5d87f2;text-decoration:underline;}  /*マウスの上にカーソルがあるときのリンクの色*/


#menu a:link     {color:#666666;text-decoration:none;} /*左メニュー・リンクテキスト指定*/
#menu a:visited  {color:#666666;text-decoration:none;}  /*左メニュー・訪問済みリンクテキスト指定*/
#menu a:active   {color:#5d87f2;text-decoration:underline;} /*左メニュー・クリックされているときのリンクの色*/
#menu a:hover    {color:#5d87f2;text-decoration:underline;} /*左メニュー・マウス上にカーソルがある時のリンクの色*/




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


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}


/*--------------------------------------------------------------------*/

#pagebody{
width:924px;
margin:0 auto;
text-align:left;
border:#ADADAD solid 1px;
padding:12px;
background-color:#ebf6e6;/*囲み内背景色　薄いグリーン*/
margin-bottom:2px;
}


#container{
border-left:#5d87f2 solid 20px;/*左の濃いグリーン ボーダーを太くして指定しています*/
width:904px;
}


#wrapper{
float:left;
position:relative;
margin-top:40px;
width:904px;
}



/*左サイドブロック*/
#menu{
float:left;
width:170px;
padding-left:30px;
}



/*右サイドブロック*/
#main{
float:right;
width:664px;
padding-right:30px;
}


/*タイトル外枠*/
#title{
border:#ADADAD solid 1px;
padding:8px;
background-color:#FFFFFF;
margin-bottom:30px;
}


/*タイトル内枠*/
#title_in{
border:#ADADAD solid 1px;
padding:15px;
}



/*トップページタイトル文字*/
#title_in h1{
text-align:center;
font-size:26px;/*タイトル文字サイズ*/
color:#ADADAD;
line-height:150%;
font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
}

/*トップページタイトル下のテキスト文字*/
#title_in h2{
font-size:12px;
text-align:center;
line-height:150%;
}

/*下層トップページタイトル文字*/
#k_title h1{
text-align:right;
font-size:24px;/*タイトル文字サイズ*/
color:#ADADAD;
line-height:150%;
font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
}


/*下層トップページタイトル下のテキスト文字*/
#k_title h2{
font-size:12px;
text-align:right;
line-height:150%;
margin-bottom:25px;
}



/*左メニューリスト*/
#menu li{
border-bottom:#999999 dotted 1px;/*メニュー下の点線*/
padding:8px;
width:134px;
}


/*左に色がついたカテゴリーバー*/
h3{
background-color:#FFFFFF;
font-size:12px;
padding:4px;
border-left:#5d87f2 solid 15px;/*カテゴリーバーの色 ここではピンク*/
}

.bar{
border:#ADADAD solid 1px;
margin-bottom:20px;
}




/*トップページ新着欄インラインフレーム風指定*/
#box{
width:574px;
height:125px;/*高さ指定　これを超えると自動的にスクロールが出てきます*/
overflow:auto;
font-size:12px;
text-align:left;
padding-top:4px;
margin-top:4px;
margin-bottom:35px;

/*ここから▼スクロールバーの指定*/
scrollbar-base-color:#b0b0b0; 
scrollbar-arrow-color : #959595; 
scrollbar-darkshadow-color : #b0b0b0;
scrollbar-face-color : #ebf6e6; 
scrollbar-highlight-color : #ebf6e6;
scrollbar-track-color: #ebf6e6;
scrollbar-shadow-color : #ebf6e6;
}


/*新着一行ごとに下に点線*/
div#box li{
border-bottom:#999999 dotted 1px;
padding:5px 4px 8px 0px;
}


div#box ul{
margin:0px 4px 20px 4px;
}



#k_main{
border:#ADADAD solid 1px;
background-color:#FFFFFF;
padding:15px;
margin-bottom:20px;
}

 /* コピーライト*/
#copyright{
text-align:right;
font-size:10px;
margin-bottom:25px;
width:840px;
margin:0 auto;
}

#copyright a:link {color:#666666;}
#copyright a:visited  {color:#666666;}
#copyright a:hover {color:#666666;}
#copyright a:active  {color:#666666;}