/************************************
Tokyo Gakugei University Orchestra HP
Produced by Cb Akita ken
s02 for links
************************************/


* {
  margin: 0;
}

html {
  overflow-y:scroll;
}


/* body */

body {
  background: #ffffff none repeat scroll 0% 50%;
  font-family: メイリオ,"ＭＳ　Ｐゴシック";
  font-size: 10pt;
  line-height: 150%;
  color: #3b3730;
}


/* links */

a {
  color: #708090;
  text-decoration: none;
}

a:hover {
  color: #191919;
  text-decoration: underline;
}


/* headlines & font */

h1 {
  padding: 10px 5px;
  font-family: メイリオ,Verdana,Tahoma,"Century Gothic",Vrinda;
  font-size: 21pt;
}

h2 {
  padding: 0 0 3px;
  font-family: メイリオ,Verdana,Tahoma,"Century Gothic",Vrinda;
  font-size: 16pt;
  text-decoration: none;
}

h3 {
  margin: 5px 0;
  border-left: solid #3b3730 3px;
  padding: 0 10px;
  font-family: メイリオ,Verdana,Tahoma,"Century Gothic",Vrinda;
  font-size: 11pt;
}

em {
  color: #5db647;
  font-weight: bold;
  font-style: normal;
}


/* other elements */

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.list{
  list-style: square inside;
}

img {
  border: none;
}


/* wrapper */

#wrapper {
  margin: auto;
  background: #ffffff none repeat scroll 0% 50%;
  width: 760px;
}


/* header */

#header {
  padding: 30px 10px;
}

#header p {
  padding: 0 5px;
  font-size: 8pt;
}

#header a {
  color: #3b3730;
  text-decoration: none;
}

#header a:hover {
  color: #3b3730;
  text-decoration: none;
}

#logo {
  float: left;
}


/* menu */

#menu {
  padding: 25px 0 0;
  float: right;
  text-align: right;
  font-size: 9pt;
}

#menu li {
  display: inline;
}

#menu li a {
  border-left: 3px solid #2f4f4f;
  margin: 0 0 4px;
  padding: 5px 8px;
  color: #808080;
  text-decoration: none;
}

#menu li a:hover {
  color: #191919;
  border-left-color: #20aee4;
}

#menu li a.current {
  border-left-color: #5db647;
  color: #191919;
}


/* content */

#content {
  clear: both;
  padding: 20px 0 0;
}

#ctop {
  padding: 0 0 20px;
  text-align: center;
}


/* left */

#left {
  float: left;
  width: 510px;
}


/* right */

#right {
  float: right;
  width: 250px;
}


/* box */

.box {
  clear: both;
  padding: 5px 10px 30px;
}

.btitle {
  border-left: solid #3b3730 5px;
  margin: 0 0 5px;
  padding: 4px 10px 0;
}

.bsubtitle {
  font-size: 8pt;
}

.bcontent {
  padding: 5px 5px 5px;
}

.bright {
  float: right;
  margin: 0 0 0 5px;
}

.bcenter {
  padding: 10px 5px 30px;
  text-align: center;
}


/* table */

table {
  margin: 10px;
  width: 420px;
  border-collapse: collapse;
}

th {
  background-color: #5db647;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 2px 1px;
  width: 15%;
  color: #ffffff;
  text-align: center;
}

td {
  padding-left: 10px;
  background-color: #e8edff;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  width: 85%;
}


/* footer */

#footer {
  padding: 25px 10px;
  clear: both;
  text-align: right;
  font-size: 8pt;
}