@charset "Shift_JIS";

/* スクロールバーと背景設定 */
body{
margin:0;
padding:0;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-face-color:#efefef;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
background : #efefef url(images/kabe_box1.gif);	/*壁紙の変更はここで*/
}



/* リンク設定 （上部メニューと左メニューは除く）*/
A{color : #666666;text-decoration: underline;}
A:VISITED{color : #666666;text-decoration: underline;}
A:hover {color:#ff0000;text-decoration:underline; }
A:ACTIVE{color : #ff0000; text-decoration:underline; }



.basetable{		/*HP全体の横幅はここで設定。下の左セル(.left)と右セル(.right)のwidthも合わせて設定する。*/
width: 700px;
height: 100%;
border-left: solid 1px #333333;	/*HPの左の線*/
border-right: solid 1px #333333;	/*HPの右の線*/
background: #ffffff;
}



/*タイトルロゴ*/
.title{
height:0px;
padding-left:0px;
background: #333333;		/*タイトルが入っているセルの色（初期設定：濃グレー）はここで変更*/
font: bold 28px/arial,sans-serif;	/*タイトル文字を大きくしたい場合、28px部分を36pxなど大きくする*/
color: #efefef;			/*タイトル文字色はここで変更*/
}



/*上部メニュー（交通アクセス、リンクなどが入っている部分）*/
.topmenu{
height: 30px;
text-align: right;		/*右寄せ設定。左にしたいならright部分をleftに。中央ならcenterにすればOK*/
padding-right: 10px;		/*右に寄り過ぎないように少し余白を入れる*/
font: 13px Osaka,"ＭＳ ゴシック",sans-serif;
color:#efefef;		/*文字色*/
background: #666666 ;	/*背景色*/
}
.topmenu A{color : #efefef;text-decoration: none;}
.topmenu A:VISITED{color : #efefef;text-decoration: none;}
.topmenu A:hover {color:#ff0000;text-decoration:underline; }
.topmenu A:ACTIVE{color : #ff0000; text-decoration:underline; }




/*左セル*/
.left{
width: 150px;
padding:0;
}




/*左メニュー（ホームや学校案内などのメニュー）*/
.leftmenu{
width: 100%;
height: 40px;	/*各ボックスの高さはここで設定。項目が多い場合は、ここを30pxなどにしてスリムにする。*/
padding-left: 20px;
font: 14px Osaka,"ＭＳ ゴシック",sans-serif;
color:#666666;	/*文字色*/
border-right: solid 1px #333333;
border-bottom: solid 1px #333333;
background: #efefef ;	/*背景色*/
}
.leftmenu A{color : #666666;text-decoration: none;}
.leftmenu A:VISITED{color : #666666;text-decoration: none;}
.leftmenu A:hover {color:#ff0000;text-decoration:underline; }
.leftmenu A:ACTIVE{color : #ff0000; text-decoration:underline; }




/*左メニュー（ホームや学校案内などのメニューの下スペース）*/
.leftbottom{
width: 100%;
padding: 20px;
font: 13px/150% Osaka,"ＭＳ ゴシック",sans-serif;
color:#666666;
border-right: solid 1px #333333;
background: #cccccc;
}




/*右セル*/
.right{
padding:0;
width: 550px;
}




/*「お知らせ」が入っているセルの設定*/
.midasi{
width: 100%;
height: 30px;
padding-right: 10px;
font: 13px Osaka,"ＭＳ ゴシック",sans-serif;	/*文字サイズ、フォントの種類*/
color:#efefef;				/*文字色*/
background: #666666 ;			/*セル（背景）の色*/
}




/*「お知らせ」の下、文面部分*/
.midasinaka{
width: 100%;
padding: 10px;
font: 13px/150% Osaka,"ＭＳ ゴシック",sans-serif;	/*文字サイズ、文字間、フォント種類*/
color:#666666;				/*文字色*/
background: #ffffff ;				/*セル（背景）の色*/
}




/*その他のTDセル*/
TD{
font: 13px/150% Osaka,"ＭＳ ゴシック",sans-serif;
}




/*最下部コピーライト*/
.copyright{
height: 30px;
text-align: center;
font: 12px/150% Osaka,"ＭＳ ゴシック",sans-serif;
color: #efefef;
background: #333333 ;
}


