/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 12px;
  color: #000000;
  background: #EAEAEA;
  text-align: center;
}

#wrapper {
  font-family: Verdana, Arial, sans-serif;
  width: 780px;
  position:relative;
  margin:0 auto;
  text-align: left;
  background: url(bk.gif) repeat-y left top;
}

#container {
  width: 760px;
  margin: 0 0 0 10px;
  padding: 0;
}

#contents {
  width: 760px;
  margin: 0;
  padding: 0;
  background: url(contents_bk.gif) repeat-y left top;
}

#sub-col {
  float: left;
  width: 160px;
  padding: 0 9px 0 0;
  overflow: visible;	/* ■これがないとMacIE5で段が崩れる*/
}

}
#extra-col {
  float: right;
  width: 160px;
  overflow: visible;	/* ■これがないとMacIE5で段が崩れる*/
}
#main-col {
  width:400px;
  padding: 0 10px;
  margin: 0 9px 10px 0;
  border-left: 1px solid #FF9999;
  border-right: 1px solid #FF9999;
  float: left;
}

.clear{
	clear:both;
	height:0;
	padding:0;
	}

/* リンク
---------------------------------------------------- */
a:link {
  color: #77af01;
  background: transparent;
}
a:visited {
  color: #77af01;
  background: transparent;
}
a:hover, a:active {
  color: #77af01;
  background: transparent;
}

/* ヘッダ
---------------------------------------------------- */
#header {
  width: 760px;
  color: #000000;
  background: url(p_osusume.gif) no-repeat left bottom;
}
#header h1 {
  margin: 0;
  width: 100%;		/* ■IEのバグ回避のため指定 */
  color: #000000;
}
#header h1 img {
  vertical-align: bottom;
}
.title{
 padding:10px 0;
}

.logo{
 text-align: right;
}

/* ナビゲーション
---------------------------------------------------- */
#navigation {
  width: 760px;
  height: 19px
  color: #000000;
  background: url(menu_bk.gif) repeat-x;
  border-bottom: 1px solid #CCCCCC;
  margin: 20px 0 20px 0;
}
#navigation ul {
  margin:0;
  padding:0;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  width: 187px;
  height: 19px;
  border-right: 1px solid #CCCCCC;
  text-indent: -9999px;
  float: left;
}

#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 186px;
  height: 19px;
}
#navigation li#osusume      {
  background: url(menu_over1.gif) no-repeat left top;
}
#navigation li#essay    {
  background: url(menu2.gif) no-repeat;
}
#navigation li#eigyo  {
  background: url(menu3.gif) no-repeat;
}

#navigation li#osusume a:hover    {
  background: url(menu_over1.gif) no-repeat;
}
#navigation li#essay a:hover  {
  background: url(menu_over2.gif) no-repeat;
}
#navigation li#eigyo a:hover {
  background: url(menu_over3.gif) no-repeat;
}


/* サイドバー
---------------------------------------------------- */
.sidebar h2, #calendar caption {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 10px;
  color: #CCCCC;
}
.sidebar ul {
  margin-top: 0.8em;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 10px;
}
.sidebar li {
  padding-left: 10px;
  background: url(list_bullet.gif) no-repeat 0 6px;
  line-height:16px;
}
#sub-col h2 {
  margin: 0 0 5px 0;
}

#sub-col h2.line {
  margin: 20px 0 5px 0;
  border-bottom: 3px solid #999999;
  padding-bottom: 2px;
}


#sub-col li a:link {
  color: #000000;
  text-decoration: none;
}
#sub-col li a:visited {
  color: #000000;
  text-decoration: none;
}

#sub-col li a:active {
  color: #000000;
  text-decoration: none;
}
#sub-col li a:hover {
  color: #000000;
  text-decoration: underline;
}

/* バナー
---------------------------------------------------- */
.banner{
  margin-bottom: 15px;
}


/* カレンダー
---------------------------------------------------- */
#calendar table {
  margin: 0;
  width: 160px;
}
#calendar th, #calendar td {
  text-align: center;
  font-size: 10px;
  font-weight: normal;
}


/* メイン・コンテンツ
---------------------------------------------------- */
#main-col h2 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #FF9999;
  font-size: 12px;
}
h2.date  {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#main-col h3 {
  margin: 0;
  padding: 0;
  border-bottom: 3px solid #FF9999;
  font-size: 12px;
  line-height: 1.8;
}

#main-col p {
  margin: 1.5em 0;
  padding: 0;
}


#main-col p.posted {
  text-align: right;
  font-size: 10px;
  border-top: 1px dotted #FF9999;
}

#main-col p.tc-posted {
  text-align: right;
  font-size: 10px;
}

/* フッター
---------------------------------------------------- */

#footer{
  clear: both;
  width: 760px;
  height:19px;
  background: url(footer_bk.gif) no-repeat left top;
  margin-top: 15px;
  color: #FFFFFF;
  font-size: 10px;
  text-align: left;
  padding-left: 10px;
}