/*************************************
 * TITLE: Sinorca Screen Stylesheet  *
 * URI  : sinorca/sinorca-screen.css *
 * MODIF: 2003-Apr-30 19:31 +0800    *
 *************************************/


/* ##### Common Styles ##### */

body {
  color: black;
  background-color: rgb(240,240,240);
  font-family: verdana, arial, sans-serif;

/*font-family: MS UI Gothic, verdana, arial, sans-serif;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
  width:800px;
*/
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.display19 {
  display: inline;
}

.blank19 {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: white;
/*
  background-color: rgb(130,00,00);
  background-color: rgb(100,135,220);
  background-image:url("./gura-blue.jpg");
  background-repeat:repeat-y;
*/
  background-color: rgb(112,41,207);
  border-top:rgb(100,100,100) 0.1em solid; 
  height: 1.9em;
  padding-bottom: 0.1;
  margin: 0;
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 120%;
  margin: 0;
  padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .left {
  position: absolute;
/*
  left: 1.5mm;
  top: 0.75ex;
*/
}

.superHeader .right {
  position: absolute;
  right: 1.5mm;
  top: 0.75ex;
}

.midHeader .left{
  color: rgb(255,255,255);
  background-position-y: bottom;
/*
  background-repeat:repeat;
  background-position-x: right;
  background-position-x: left;
  background-position-x: center;
  background-position-y: top;
  background-position-y: top;
*/

  background-position-x: right;
  background-image:url("./kakitsubata-80-1200.jpg");

/* 
  background-image:url("./koinobori-80-1200.jpg");
  background-image:url("./sakura-80-1200.jpg");
  background-image:url("./ume-80-1200.jpg");
  background-image:url("./pic244.gif");
  background-image:url("./k-kane1-g.jpg");  
  background-image:url("./harf-tone.jpg");
  background-color: rgb(100,100,100);
  background-image:url("./bg_w_aki1.gif");
  background-image:url("./fuji.jpg");
  background-image:url("./aki-80-1200.jpg");
  background-image:url("./gura100.jpg");
*/
  border-top:rgb(00,00,100) 0.1em solid; 
  border-bottom:rgb(00,00,100) 0.1em solid; 

}

.midHeader .right{
  position: absolute;
  right: 2.5mm;
  top: 2.25em;
  font-weight: bold;
  text-align: right;
  font-size: 110%;
  background: rgb(60,60,120);
  filter: alpha(style=0, opacity=80);

/* color: rgb(55,55,55);
*/
  color: rgb(255,255,255);
}

.headerTitleShadow {
  font-size: 320%;
  font-weight: bold;
  margin: 0.05em 0 0 0.65em;
  padding: 0.2em 0 0.1em 0;
  color: rgb(100,20,20);
  position:static;
}

.headerTitle {
  font-size: 320%;
  font-weight: bold;
  margin: 0 0 0 0.6em;
  padding: 0.2em 0 0.1em 0;
  position: absolute;
}

.subHeader {
  height: 1.9em;
  padding-bottom: 0.1;
  margin: 0;

  color: white;
  border-top:rgb(100,100,100) 0.1em solid; 
  background-color: rgb(190,90,140);
  padding: 0;

  background-image:url("./gura-pup.jpg");
  background-repeat:repeat-y;


/*
  padding: 0.2em 0.4em 0.3em 1.5mm;
  margin: 0;
  border-top:rgb(130,130,130) 0.1em solid; 
  background-color: rgb(130,0,0);
  background-color: rgb(0,51,153);
*/
}


.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold; 
  font-size: 120%;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}

.subHeader a:hover {
  text-decoration: underline;
}


.highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}

.search {
  font-size: 80%;
  position: absolute;

  right: 1mm;
  text-align: right;
  float: right;
  margin: 0;
  padding: 0;


}

/* ##### Side Bar ##### */

#side-bar {
  clear: both;
  float: left;
  width: 15em;
  position: absolute;
  _position: static;
/*
*/
  border-right: 1px solid rgb(153,153,153);
  background-image : url("metal.jpg");
  background-repeat : repeat-y;
  background-position : right;
  font-family: verdana, arial, sans-serif;
  	line-height: normal;
 }

#side-bar .sideBarText a {
  text-decoration: underline;
  background-image : none;
  margin: 0;
  padding: 0;
  height:100%;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-image : none;
  margin: 0;
  padding: 0;
  height:100%;
  background-color: transparent;
  text-decoration: none;
}

#side-bar div {
  border-bottom: 1px solid rgb(153,153,153);

}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 0.5em 0 0 0;
}

#side-bar ul {
  line-height: 0.3em;
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0.8em 0;
}

#side-bar li {
  	line-height: 0.3em;
/*
*/
  line-height: 0.4em;
  height: 1.2em;
  margin: 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.5em 0 0.5em 1.8ex;

  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
  background-image : url("metal-black.jpg");
  background-repeat : repeat-y;
  background-position : right;
  padding: 0.5em 0 0.5em 1.8ex;

}

#side-bar .group_cat_flag{
  border-style:none;
  background-color: rgb(100,135,220);
  text-decoration: none;
  background-image : url("metal.jpg");
  background-repeat : repeat-y;
  background-position : left;

}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}


.lighterBackground {
  color: inherit;
  background-color: white;
}


/* ##### Main Copy ##### */

#main-copy {
  float: right;

  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.4em;
  font-family: MS UI Gothic, verdana, arial, sans-serif;
  font-size: 138%;
  margin: 0 0 0 10.9em;

  padding: 0.5mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153);
/*  
  font-family: MS UI Gothic, verdana, arial, sans-serif;
*/
}


#main-copy p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-copy img {
	padding-right:0.3em;
	padding-top:5px;
	padding-bottom:12px;
/*
    padding:10px 15px;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
  position: absolute;
*/
}

#main-copy a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

#main-copy a:hover {
  text-decoration: underline;
}

#main-copy h1 {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana, arial,sans-serif;

  color: white;
/*
  background-color: rgb(100,135,220);
  border-color: rgb(100,135,220);
*/

  background-image: url("backimg.GIF");
  border-color: rgb(150,150,150);
  border-style: solid;

  border-width: 1px 10px;

  font-size: 145%;
  font-weight: bold;
  font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

  margin: 4px 0 0.5ex 0;
  padding: 0.3ex 0 0.2ex 1ex;
}

#main-copy h1 > a {
  color: white;
  text-decoration: none;
}

#main-copy h1 > a:hover {
  color: green;
  text-decoration: none;
}

#main-copy .topOfPage {
/*  color: rgb(220,220,220);
  background-color: transparent;
*/
  background-color: rgb(240,240,240);
  color: white;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;

}

#main-copy .topOfPage a:hover {
  background-color: rgb(220,220,220);
  
}

#main-copy > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
  position: static;
}


dl {
  margin-top:0px;
  margin-bottom:0px;
  padding: 0;
/*  font-size: 100%;
  margin: 1em 1ex 2em 1ex;
*/
}

dt {
  font-weight: bold;
  margin: 0.2em 0 0 0;
  padding: 0;
/*  font-size: 100%;
*/
}

dd {
  margin: 0 0 0em 4em;
  padding: 0;
/*  font-size: 100%;
*/
}
#main-copy .leftbox, #main-copy .rightbox {
	margin: 3px;
	padding: 0.8em;
	width: 200px;
    font-size: 85%;
  	line-height: normal;
}

#main-copy .leftbox {
	float: left;
}

#main-copy .rightbox {
	float: right;
}

#main-copy .map {

/*
  margin: 0;

*/
  padding: 0;
  float:right;
}

.table-sim {
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.table-sim td ,.table-sim th { 
    border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
	padding-left: 0.5em;
} 

.table-sim th { 
	background-color: #9999cc;
	color:white;
} 


/* ##### Footer ##### */

#footer {
  color: white;

  border-top:rgb(130,130,130) 0.1em solid; 
  background-color: rgb(190,90,140);

/*
  background-color: rgb(0,51,153);
  background-color: rgb(100,135,220);

  background-color: rgb(130,00,00);
  border-top:rgb(150,00,00) 0.2em solid; 
*/
  font-size: 91%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}




/* Nucleus specific styles */

.commentform  {
  font-size: small;
  font-family: verdana, arial, sans-serif;
/*  color: rgb(100,100,100);
*/
  background-color: rgb(235,69,57);
  background-image:url(image/gura1.jpg);
  background-repeat:repeat-y;
  
  margin: 0em;
  border-style:solid;
  border-width:1px;
  border-color: rgb(220,220,220);
  padding: 0,0.2em,0,0;
}

.comments {
  font-size: small;
  font-family: verdana, arial, sans-serif;
  color: rgb(100,100,100);
  background-color: rgb(255,255,235);
  margin: 1em,1em,1em,1em;
  border-style:solid;
  border-width:1px;
  padding: 0.2em;
}

.commentbody  {
  font-size: x-small;
  margin: 1em;
  border-left: solid 0.5em #CCC;
 border-bottom: dashed 1px #666;
 padding: 0.5em;

}

.commentinfo {
  font-size: xx-small;
  font-weight: normal;
}

h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

p {
  padding: 0.5ex 0 0.5ex 1ex;
}

.metadata {
  padding: 0 0 0 0;
  font-family: verdana, arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  text-align: right;
}

.meta {
   font-family: verdana, arial, sans-serif;
   font-size: x-small; 
   color: silver;
   float:none;
}

#main-copy .meta  a {
   color: rgb(150,150,150);
}

.commentform label {
  font-weight: bold;
}


/*
     	Schedule Format
*/

table.calendar {
	background-color: white;
	width: 100%;
/*	
	table-layout: fixed;
*/
	line-height: 0.9em;
}
 
table.calendar caption {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 150%;
  font-weight: bold;
  margin: 0px 0 0 0;
  padding: 0.2em 1em 0.2em 1em;
/*
	font-size: 120%;
	font-weight: bold; 
	
	background-color: whitesmoke;
	border: 1px solid #ccc;
	padding: 5px; 
	margin-bottom: 5px;
*/
}
 
/*
tr.calendardateheaders {
	font-weight: bold; 
	border: solid 2px white;
} 
*/
table.calendar th { 
	font-size: x-small;
	text-align: center; 
	background-color: #0cc;
	height: 5px;
	width:14.28%;
} 

table.calendar td { 
	font-size: x-small;
	line-height: 1em;
	text-align: left; 
	vertical-align: top;
	background-color: #ffa;
	height: 75px;
	width:14.28%;
} 

table.calendar td.today { 
	border: solid 1px green;
}

table.calendar td.sun { 
	background-color: #fdc;
}

table.calendar td.holiday { 
	background-color: #fef;
}

table.calendar td.sat { 
	background-color: #9ff;
}

table.calendar td.blank { 
	background-color: azure;
}

table td {
  	font-size:100%;
}


/*
	weather
*/
.weather {
    	text-align:center;
  	display: block;
	font-size: 90%;
	line-height: 0.9em;
  	margin: 0 0 0 1ex;
  	padding-left: 0.5ex ;
	align:center;
}
.weather table {
	width:100%;
	table-layout:fixed;
}
.weather_title {
	width:9ex;
}
#side-bar .weather a {
  background-image : none;
  text-decoration: none;
  padding: 0 0 0 0 ;
  margin: 0 ;
}
#side-bar .weather a:hover {
  color: red;
  background-image : none;
/*  background-color: rgb(200,200,200);
*/
  text-decoration: none;
  padding: 0 0 0 0 ;
  margin: 0 ;

}

.scope {
  font-size: small;
  font-family: verdana, arial, sans-serif;
  padding: 0.3ex 0 0 0 ;
/*  color: rgb(100,100,100);
*/
  background-color: #F9A832;
  background-image:url(image/gura-yellow.jpg);
  background-repeat:repeat-y;
  line-height:1em;
  
  border-style:solid;
/*  border-width:1px;
*/
  border-width:0;
  border-color: #F9A832;
  padding: 0,0.2em,0,0;
}
.scope th {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana, arial,sans-serif;
}



.calendar2 {
  font-size: 110%;
  font-family: verdana, arial, sans-serif;
  color: rgb(100,100,100);
  font-weight: bold; 

  line-height:1em;
  border-style:solid;
/*  border-width:1px;
*/  border-width:0;
  border-color: rgb(220,220,220);
  padding: 0,0.2em,0,0;
}

.linktable {
  font-family: verdana, arial, sans-serif;

  background-color: rgb(235,69,57);
  background-image:url(image/gura-pup.jpg);
  background-repeat:repeat-y;
  
  border-style:solid;
  border-width:0;
  border-color: #F9A832;
  padding: 0,0.2em,0,0;
}

.linktable th {
  background-color: white;
}