/*
##### Orangrayskin #####
by Fel
http://nucleus.fel-is.info/
based on orangray
http://www.oswd.org/viewdesign.phtml?id=1529
*/
@chareset "EUC-JP";

/* ###### color ###### */
body { /* 基本の文字色と背景色 */
  color:#000;
  background-color: #FFF;
}

a:link { /* 基本のE鵐色 */
  color:#53A9F5;
}

a:visited {
  color:#53A9F5;
}

a:hover {
  color:#53A9F5;
}

#header .title { /* タイトE爾寮 */
  border-bottom: 1px solid #C0C0C0;
}

h1 { /* タイトE髪 */
  color:#53A9F5;
}


#header ul li a { /* 上部メニュー */
  color:#53A9F5;
  background-color: #FFF;
  border: 1px solid #53A9F5;
}

#header ul li a:hover {
  color: #FFF;
  background-color: #53A9F5;
  border: 1px solid #53A9F5;
}

h2 { /* 記事のタイトE*/
  padding: 3px;
  margin: 0;
  color:#53A9F5;
  font-weight:normal;
  font-size:11px;
}

#main .box { /* メイン記事の囲みと背景 */
  background-color: #FFF;
  border: 1px solid #53A9F5;
}

#main .shadow {
  background-color: #FFF;
  border: 1px solid #C0C0C0;
}



#main .iteminfo {
  color:#808080;
}

#main .iteminfo a:link {
  color:#808080;
}

#main .iteminfo a:visited {
  color:#808080;
}

#main .iteminfo a:hover {
  color:#53A9F5;
}

h4 {
  color:#53A9F5;
}

#main .commentinfo {
  color:#808080;
}

#main .pagesn a { /* ページ切E悗┘好ぅ奪舛力 */
  border: 1px solid #53A9F5;
}

#main .pagesp a {
  border: 1px solid #53A9F5;
}



h3 {
  color:#53A9F5;
}

#side .box {
  background-color: #FFF;
  border: 1px solid #53A9F5;
}

#side .shadow {
  background-color: #FFF;
  border: 1px solid #C0C0C0;
}

#footer { /* フッター上部の線 */
  border-top: 1px solid #C0C0C0;
}

.leftbox { /* 記事内ボックスの囲み */
  border: 1px solid #C0C0C0;
}
.rightbox {
  border: 1px solid #C0C0C0;
}

.highlight { /* 検索E未離魯ぅ薀ぅ */
  background-color: yellow;
}

/* ###### general ###### */
body {
  font-size:11px;
  padding:0;
  margin:0;
  font-family: verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

div.contents {
  padding:0;
  margin:0 auto 0 auto;
  position: relative;
  width:590px;
}

.alignr {
  text-align:right;
}

a:link {
  text-decoration:none
}

a:visited {
  text-decoration:none
}

a:hover {
  text-decoration:underline
}

/* ###### header ###### */
#header {
  padding: 0;
  margin: 0;
}


h1 {
  font-size: 50px;
  text-align: left;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 0;
  position: relative;
  right: 3px;
  z-index: 2;
}



#header .menu {
  padding: 10px 0 14px 0;
  margin: 0;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#header ul li {
  display: inline;
}

#header ul li a {
  text-decoration: none;
  padding: .2em .5em;
  font-weight: bold;

}

#header ul li a:hover {
  font-weight: bold;
}


/* ###### main ###### */
#main {
  text-align:justify;
  letter-spacing:1px;
  margin: 0;
  padding: 0 8px 0 0;
  width:419px;
  float:right;
}

h2 {
  padding: 3px;
  margin: 0;
  font-weight:normal;
  font-size:11px;
}

#main .box {
  padding: 0;
  margin: 0;
  position: relative;
  top: -5px;
  left: -5px;
}

#main .shadow {
  width:413px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 5px;
  left: 5px;
}

#main .itembody {
  padding: 5px;
  margin: 0;
  line-height: 170%;
}

#main .iteminfo {
  text-align:right;
  font-size:10px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#main .iteminfo a:link {
  text-decoration:none
}

#main .iteminfo a:visited {
  text-decoration:none
}

#main .iteminfo a:hover {
  text-decoration:underline
}

h4 {
  padding: 3px;
  margin: 0;
  font-weight:normal;
  font-size:11px;
}

#main .commentbody {
  padding: 5px;
  margin: 0;
  line-height: 170%;
}

#main .commentinfo {
  text-align:right;
  font-size:10px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#main .pagesn a {
  float:right;
  padding: 2px 4px;
  margin: 0 3px 10px 0;
}

#main .pagesp a {
  float:left;
  padding: 2px 4px;
  margin: 0 0 10px 3px;
}

#main .separate {
  height: 21px;
}

#main .separateshort {
  height: 14px;
}

/* ###### side ###### */
#side {
  text-align:justify;
  padding: 0 0 0 5px;
  margin: 0;
  width:150px;
  float:left;
}



h3 {
  padding: 3px;
  margin: 0;
  font-weight:normal;
  font-size:11px;
}

#side .box {
  padding: 0;
  margin: 0;
  position: relative;
  top: -5px;
  left: -5px;
}

#side .shadow {
  width:143px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 5px;
  left: 5px;
}

#side .boxbody {
  padding: 5px;
  margin: 0;
  line-height: 170%;
}

#side .separate {
  height: 21px;
}

/* ###### footer ###### */
#footer {
  clear: both;
  padding: 0 0 1em 0;
  margin: 0;
}

#footer .right {
  float:right;
  padding: 7px 16px;
  margin: 0;
}

/* ###### other ###### */
.leftbox, .rightbox {
  margin: 3px;
  padding: 0;
  width: 120px;
}
.leftbox {
  position: relative;
  left: 2px;
}
.rightbox {
  position: relative;
  left: 274px;
}

img {
  border: none;
}

.skip {
  display: none;
}

ul.nobullets {
  list-style: none;
  margin: 0;
  padding: 0 0 0 5px;
}

.searchform {
}

form {
  margin: 0;
  padding: 0 5px;
}

table.calendar {font-size: 10px;} 
tr.calendardateheaders {font-family: Arial , 'lr SVbN';} 
table.calendar td { text-align: right; } 