@charset "shift_jis";

/* :::::::::::::::全称セレクタ::::::::::::::: */


{
          margin:0;padding:0;
          font:normal normal normal 100%/1.2 Osaka,メイリオ,sans-serif;
          border:none;
}


/* :::::::::::::::全体の文字指定::::::::::::::: */


body {
	  font-family: Osaka,メイリオ,sans-serif;
	  font-size: 85%;
	  line-height: 2;
	  color: #333333;
	  margin: 0px;
	  padding: 0px;
	  text-align: center;
          background-image: url(http://apollo.main.jp/image/kabegami.gif);	/*背景のあみあみ画像*/
	  background-repeat:repeat;

}


/* :::::::::::::::スクロルバー::::::::::::::: */


html {
          scrollbar-arrow-color:#3e2522;
          scrollbar-face-color:#d2b48c;
          scrollbar-highlight-color:#ffffff;
          scrollbar-3dlight-color:#ffffff;
          scrollbar-track-color:#ffffff;
          scrollbar-shadow-color:#ffffff;
          scrollbar-darkshadow-color:#ffffff;
}


/* :::::::::::::::全体レイアウト::::::::::::::: */


h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
table {
	border-collapse:collapse;
	font-size: 80%;
}

/* :::::::::::::::リンクカラー::::::::::::::: */


a {
	color: #333333;
}

/* :::::::::::::::カーソル乗せたときのリンクカラー::::::::::::::: */


a:hover {
	color:#d2b48c;
	text-decoration: none;	/*下線を消してます*/
}


/* :::::::::::::::サイトの横幅とその中の背景色::::::::::::::: */


#container {
	  text-align: left;
	  width: 900px;
	  margin-right: auto;
	  margin-left: auto;
	  background-color: #ffffff;

}



/* :::::::::::::::ロゴが入ってるこげ茶のところ::::::::::::::: */


#header {
          background-color: #3e2522;
	  position: relative;
	  width: 100%;
	  background-image: url(http://apollo.main.jp/image/logo.gif);	/*ロゴ画像*/
	  background-repeat: no-repeat;
	  background-position: top;
	  height: 100px;
}

#header #logo {
	padding-top: 20px;
}





/* :::::::::::::::横並びになっているメニュー::::::::::::::: */


ul#menu li {
	  float: left;
	  line-height: 50px;
	  height: 50px;
	  margin-right: 0px;
	  font-size: 12px;
}

ul#menu a {
	  color: #333333;		/*メニューの文字色*/
	  text-decoration: none;
	  display: block;
	  width: 180px;
	  text-align: center;
	  background-image: url(http://apollo.main.jp/image/menu.gif);	/*メニューボタン画像*/
	  background-repeat: no-repeat;
	  background-position: top;	/*ボタン画像の上半分を表示させる設定*/
	  overflow: hidden;	/*オーバーした文字を非表示にする設定*/
}

ul#menu a:hover {
	  background-image: url(http://apollo.main.jp/image/menu.gif);	/*メニューボタン画像*/
	  background-repeat: no-repeat;
	  background-position: left bottom;	/*ボタン画像の下半分を表示させる設定*/
	  color: #ffffff;	/*カーソルのせた時の文字色*/
}

ul#menu li.last {
	  margin-right: 0;
}


/* :::::::::::::::全体を囲むボックス::::::::::::::: */


#contents {
	  clear: left;
	  width: 100%;
}



/* :::::::::::::::左メニューと真ん中部分のボックス::::::::::::::: */


#wrap {
	  width: 897px;
	  float: left;
	  padding-bottom: 50px;
	  margin-top: 20px;
}



/* :::::::::::::::左メニューの設定::::::::::::::: */


#sub{
	  background-color: #F5DEB3;	/*左メニューのボックス背景色*/
	  width: 178px;
	  padding: 0px;		/*余白を1px*/
	  line-height: 1.6;	/*行間。通常より少し狭めている。*/
	  color: #333333;		/*文字色*/
}

/*左ボックスのp(段落タグ)の余白設定*/
#sub p {
	  padding: 0.5em 5px 1em;
}

/*左右ボックスのh3見出し設定*/
#sub h3 {
	  font-size: 85%;
	  background-color: #3e2522;	/*背景色*/
	  text-align: center;	/*文字のセンタリング*/
	  font-weight: normal;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  color: #F5DEB3;	/*文字色*/
}



/* :::::::::::::::左ブロック::::::::::::::: */


#sub {
	  float: left;
}



/* :::::::::::::::右ブロック（今は消えてます）::::::::::::::: */


#side {
	  float: right;
	  margin-top: 20px;
}


/* :::::::::::::::左に縦並びになってるメニューの設定::::::::::::::: */


.submenu {
	  margin-bottom: 1px;
}

.submenu a {
	  background-image: url(http://apollo.main.jp/image/submenu.gif);	/*ボタン画像*/
	  background-repeat: no-repeat;
	  background-position: top;	/*ボタン画像の上半分を表示させる設定*/
	  display: block;
	  padding-right: 5px;
	  padding-left: 10px;
	  color: #000000;		/*文字色*/
	  text-decoration: none;
	  line-height: 40px;
	  height: 40px;
}

.submenu a:hover {
	  background-image: url(http://apollo.main.jp/image/submenu.gif);	/*ボタン画像*/
	  background-repeat: no-repeat;
	  background-position: bottom;	/*ボタン画像の下半分を表示させる設定*/
	  color: #FFFFFF;		/*カーソルのせた時の文字色*/
}


/* :::::::::::::::真ん中のメイン部分::::::::::::::: */


#main {
	  float: right;
	  width: 703px;
}

#main h2 {
	  font-size: 100%;
	  background-image: url(image/h2bg.gif);	/*h2の下線の画像*/
	  background-repeat: no-repeat;
	  background-position: bottom;
	  padding-left: 10px;
	  clear: both;
}

#main p {
          font-size: 95%;
	  padding: 0.5em 10px 1em;	/*中央ブロックの段落タグの余白*/
}


/* :::::::::::::::ニュース！の部分の設定::::::::::::::: */


#main dl.new {
	  height: 100px;		/*ボックスの高さ*/
	  overflow: auto;		/*この設定でiframe風に見える*/
	  margin-right: auto;
	  margin-left: auto;
	  padding: 10px;
	  border: 1px solid #cccccc;	/*ボックスのフチのライン*/
	  margin-bottom: 1em;
}

#main dl.new dt {
	  font-weight: bold;	/*日付を太字にする設定。*/
	  float: left;		/*日付を左よせする*/
}

#main dl.new dd {
	  border-bottom: 1px solid #cccccc;	/*日付ごとに入る下線*/
	  padding-left: 8em;	/*日付が入る分のスペースを空ける*/
}  



/* :::::::::::::::一番下のコピーライトの部分::::::::::::::: */


#footer {
	  clear: both;
	  width: 100%;
	  text-align: center;
	  border-top: 1px solid #8B4513;
	  padding-top: 1em;
	  padding-bottom: 1em;
}


/* :::::::::::::::色の指定::::::::::::::: */


.color1 {
	  color: #c69e8b;
}