/*--------------------------------------------------------------------------------
ページ枠組み
--------------------------------------------------------------------------------*/
body {
 margin: 0px;
 padding: 0px;
 background-color: #FFFFF0;
 text-align: center;   
 }

#container {
 margin-right: auto;
 margin-left: auto;
 margin-top: 4px;
 margin-bottom: 4px;
 padding: 0px;
 width: 800px;
 background-color: #FFFFFF;
 border: 1px solid #DCDCDC;
 }

#content {
 text-align: left;
 }


/*--------------------------------------------------------------------------------
左右の振り分け
--------------------------------------------------------------------------------*/
#frame {
 margin-left: 50px;
 margin-top: 25px;
 margin-bottom: 0px;
 letter-spacing: 0.1em; 
 line-height: 140%;
 width: 720px;
 }

#alpha
{
 width: 170px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: right;
}

#beta
{
 width: 500px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: left;
}


/*--------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------*/
#banner {
 font-family: Verdana, Arial, sans-serif;
 background-image: url("images/header.gif");
 text-align: right;
 padding: 0px;
 margin: 0px;
 width: 800px; /* necessary for ie win */
 height: 60px;
 }

#banner a { color: #000000; text-decoration: none; }
#banner a:hover { color: #000000; }

#banner-header
{
 margin: 0px 0px 0px 0px;
 padding: 8px 5px 4px 0px;
 color: #000000;
 font-size: 12px;
 font-weight: bold;
}

#banner-description
{
 margin-top: 0px;
 padding-right: 5px;
 color: #333333;
 background: none;
 font-size: 12px;
 font-weight: normal;
}


/*--------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------*/
#footer {
 font-family: Verdana, Arial, sans-serif;
 background-image: url("images/footer.gif");
 text-align: right;
 width: 800px;
 height: 120px;
 }

.footmenu
{
 padding: 14px 7px 7px 0px;
 font-size: 80%;
 color: #000000;
}

/*------------------------------------------------------------
大メニューのスタイル
------------------------------------------------------------*/
#headmenu {
 width: 800px;
 height: 46px;
 margin: 0px;
 padding: 0px;
}

ul#navigation {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#navigation li {
  position: absolute;
  display: block;
  height: 46px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#navigation li#side_1 {
  left: 0px;
  width: 125px;
  background: url(./images/menu_1a.gif) no-repeat;
}
ul#navigation li#side_2 {
  left: 125px;
  width: 125px;
  background: url(./images/menu_2a.gif) no-repeat;
}
ul#navigation li#side_3 {
  left: 250px;
  width: 125px;
  background: url(./images/menu_3a.gif) no-repeat;
}
ul#navigation li#side_4 {
  left: 375px;
  width: 125px;
  background: url(./images/menu_4a.gif) no-repeat;
}
ul#navigation li#side_5 {
  left: 500px;
  width: 125px;
  background: url(./images/menu_5a.gif) no-repeat;
}
ul#navigation li#side_6 {
  left: 625px;
  width: 125px;
  background: url(./images/menu_6a.gif) no-repeat;
}
ul#navigation li#side_7 {
  left: 750px;
  width: 50px;
  background: url(./images/menu_0a.gif) no-repeat;
}

ul#navigation a {
  display: block;
  width: 125px;
  height: 46px;
  text-decoration: none;
}

/*リンクなしの画像*/
ul#navigation li#sidei_1 {
  left: 0px;
  width: 125px;
  background: url(./images/menu_1b.gif) no-repeat;
}
ul#navigation li#sidei_2 {
  left: 125px;
  width: 125px;
  background: url(./images/menu_2b.gif) no-repeat;
}
ul#navigation li#sidei_3 {
  left: 250px;
  width: 125px;
  background: url(./images/menu_3b.gif) no-repeat;
}
ul#navigation li#sidei_4 {
  left: 375px;
  width: 125px;
  background: url(./images/menu_4b.gif) no-repeat;
}
ul#navigation li#sidei_5 {
  left: 500px;
  width: 125px;
  background: url(./images/menu_5b.gif) no-repeat;
}
ul#navigation li#sidei_6 {
  left: 625px;
  width: 125px;
  background: url(./images/menu_6b.gif) no-repeat;
}
ul#navigation li#sidei_7 {
  left: 750px;
  width: 50px;
  background: url(./images/menu_0b.gif) no-repeat;
}


/*--------------------------------------------------------------------------------
右メニューのスタイル
--------------------------------------------------------------------------------*/
H2.menu {
 font-size: 110%;
 color: #000000;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 5px 0px;
 border-bottom: 2px solid #FF6600;
}

#navi
{
 margin: 0px;
 padding: 0px;
 list-style-image: url("images/arrow.gif");
 list-style-position: inside;
}

.sidemenu
{
 margin: 5px 0px 10px 0px;
 padding: 0px 0px 10px 0px;
 color: #000000;
 border-bottom: solid 1px #DCDCDC;
 font-size: 100%;
}


/*--------------------------------------------------------------------------------
見出し
--------------------------------------------------------------------------------*/
H3 {
 color: #000000;
 font-size: 16px;
 margin: 0px 0px 0px 0px;
 padding: 11px 0px 11px 5px;
 background-image: url("./images/title.gif");
 background-repeat: no-repeat;
 }
 
H4 {
 margin: 12px 0px 7px 0px;
}

H4.faq {
 color: #FF7F00;
 margin: 12px 0px 7px 0px;
}


/*--------------------------------------------------------------------------------
段落
--------------------------------------------------------------------------------*/
.goform {
 clear: both;
 margin: 0px 0px 15px 0px;
 text-align: center;
}

p {
 margin: 7px 0px 7px 0px;
 }

OL {
 margin-top: 7px;
 margin-bottom: 7px;
 }

UL {
 margin-top: 7px;
 margin-bottom: 7px;
 }


.small {
 margin: 1px 0px 7px 0px;
 font-size: 90%;
 }
 
.request {
 margin: 25px 0px 7px 0px;
 font-weight: bold;
 color: #FF6600;
 }

.gotop {
 margin: 30px 0px 30px 0px;
 font-size: 12px
 }

.red {
 color: #CC0000;
}

/*--------------------------------------------------------------------------------
テーブル
--------------------------------------------------------------------------------*/
.master {
 margin: 7px 0px 7px 0px;
}

.master table {
 border-collapse: collapse;
 border: 1px solid #666666;
 border-spacing: 0;
 empty-cells: show;
}

.master th {
 padding: 3px;
 border: 1px solid #999999;
 background-color: #f5f5f5;
 font-weight: bold;
 text-align: left;
 vertical-align: top;
}

.master td {
 padding: 3px;
 border: 1px solid #999999;
 vertical-align: top;
} 

/*--------------------------------------------------------------------------------
コンテンツ部　トップページ
--------------------------------------------------------------------------------*/
#topphoto {
 margin-left: 1px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 798px;
 height: 200px;
 padding: 0px;
 }

#topphoto2 {
 margin-left: 1px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 798px;
 height: 160px;
 padding: 0px;
 }
 
#footphoto {
 margin-left: 1px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 798px;
 height: 160px;
 padding: 0px;
 }

/*一日講座告知へのスタイル*/
#oneday {
 padding: 3px 4px;
 margin: 0px 0px 15px 0px;
 border: 1px solid #ffcc33;
 background-color: #fffff0;
}