@charset "utf-8";

*{
  margin:0;
  padding:0;
}


/* 全般設定 */
body{
  color:#000;
  background-color:#fff;
  font-size:11pt;
  text-align:left;
  font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

img{
  border-width:0px;
}

textarea{
  width:500px;
}

.floatright{
  float:right;
}

.floatleft{
  float:left;
}

.clearright{
  clear:right;
}

.clearleft{
  clear:left;
}


blockquote {
	border: 3px double #ffcc00;
	color:#996600;
	padding: 15px;
	background-color:#ffffcc;

}


a:link{text-decoration:none; color:#666}
a:visited{text-decoration:none; color:#666}
a:active{text-decoration:none; color:#003333}
a:hover{text-decoration:underline; color:#ff0000}

div#topHeader{
  text-align:left;
  height:25px;
  width:930px;
  border-style:none;
  background-color:#fc0;
}


div#mainFrame{
  margin-left:158px;
  width:772px;
  background-color:#fff;
}

div#mainContent{
  width:595px;
  background-color:#fff;
  /* background-image: url(./images/vlogo.gif);
  background-position: left top;
  background-repeat: repeat-y; */
  float:left;
}

div#rightBar{
  text-align:center;
  width:175px;
  background-color:#fee;
  float:right;
}

/* フッター */
div#baseFooter{
  color:#930;
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color:#ff9;
  width:766px;
  background-color:#ffc;
  text-align:center;
  font-size:10pt;
  padding:3px;
  float:left;  
}


/* トップナビの配置 =========================== */
div#TopNavigation{
  width:930px;
  height:22px;
  border-width:1px 1px 1px 0;
  border-color: #fff;
  border-style:solid solid solid solid;
  background-color:#000;
  margin:0;
  padding:0;
}

div#TopNavigation ul li{
  list-style-type: none;
  text-align: left;
  color:#fff;
  font-size:12px;
  width: auto;
  margin:0px;
  background-color:#fff;
  float: right;
}


div#TopNavigation ul li a{
  display:block;
  list-style-type: none;
  width:90px;height:14px;
  text-align:center;
  padding:4px 0;
}

div#TopNavigation ul li a.topnavilist{
  color:#fff;
  background-color:#000;
  text-decoration:none;
}

div#TopNavigation ul li a.topnavilist:hover{
  color:#660;
  background-color:#fff;
}

/* サイドナビゲーションのリンク ==============================  */
div#sideBar{
  position:absolute;
  color:#fff;
  left:0px;
  top:49px;
  width:158px;
  background-color:#fff;
}

div#sideBar ul li{
  list-style-type: none;
  font-size:12px;
  border-width:0 1px 1px 1px;
  border-style:solid;
  padding:0;
  margin:0;
}

div#sideBar ul li#annai{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #f90;
  background-color:#f90;
  padding:5px;
}

div#sideBar ul li#hiroba{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #f99 #f99 #ccc #f99;
  background-color:#f99;  
  padding:5px;
}

div#sideBar ul li#ryugaku{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #fc6 #fc6 #ccc #fc6;
  background-color:#fc6;  
  padding:5px;
}

div#sideBar ul li a{
  display:block;
  border-width: 0 1px 1px 1px;
  border-style:solid;
  border-color: #fff #f90 #f90 #f90;
  padding: 5px 5px 5px 13px;
  text-decoration:none;
  width:138px;
  background-image: url(./images/btn.gif);
  background-repeat: no-repeat;
  background-position:2px 6px;
  margin:0 -1px;
}

a.sideNavi{
  color:#333;
  background-color:#fff;
}

a.sideNavi:hover{
  color:#c90;
  background-color:#ff9;
}

/*  ========コンテンツ関連========== */
/*  ========コンテンツ関連=ヘッダーH１～６========= */

div#mainContent h1{
  color:#000;
  margin: 0;
  padding: 0px;
}


div#mainContent h2{
  color:#fff;
  background-color:#c00;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 1px 1px 1px 15px;
  border-color: #900;
  border-style: solid;
  font-size: 12pt;
  margin: 20px 10px 10px 10px;
  padding: 5px 0 2px 10px;
}

div#mainContent h3{
  background-color:#eee;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 1px 10px;
  border-color: #ccc #ccc #ccc #00f;
  border-style: solid;
  font-size: 12pt;
  margin: 20px 10px 10px 25px;
  padding: 5px 0 2px 10px;
}

div#mainContent h4{
  background-color:#fee;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 1px 10px;
  border-color: #ccc #ccc #ccc #f00;
  border-style: dashed dashed dashed solid;
  font-size: 11pt;
  margin: 15px 10px 5px 35px;
  padding: 4px 0 0 10px;
}

#mainContent h5{
  color:#030;
  background-color:#dfd;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 1px 10px;
  border-color: #ccc #ccc #ccc #0c0;
  border-style: dashed dashed dashed solid;
  font-size: 13px;
  margin: 1.3em 1em 0em 2.4em;
  padding: 2px 0 2px 10px;
}

/*  ========コンテンツ関連=リスト、段落（P）========= */

div#mainContent li{
  margin: 0 0 0 60px;
  line-height: 14pt;
  font-size:10pt;
  list-style-image: url("./images/btn.gif");
}


div#mainContent p{
  /* text-indent:10px; */
  background-color:#fff;
  font-weight: normal;
  line-height: 15pt;
  border-width: 0px;
  font-size: 10pt;
  margin: 5px 10px 20px 10px;
  padding: 5px 10px 5px 35px;
}

div#mainContent p.addcomments{
  color:#960;
  font-size: 11pt;
  background-color:#ffc;
  padding: 5px 10px 5px 10px;
  margin: 5px 20px 20px 50px;
  border: 1px #fc0 dashed;
}

div#mainContent p img{
  margin:5px;
}

div#mainContent p img.works{
  margin:0;
  border-width: 5px;
  border-color:#f90;
  border-style: solid; 
}

/* パンくずリスト、日付 */
div.pankuzu{
  background-color:#fff;
  font-family: "ＭＳ Ｐゴシック",sans-serif; 
  font-size: 10pt;
  margin: 0em 1em 1em 1em;
  padding: 5px 5px 5px 10px;
}

#writedate{
	text-align:right;
	font-size:12px;
	clear:both;
}

.scriptdisp{	
  margin: 0.3em 2em 1em 4em;
	padding: 5px 5px 5px 10px;
	font-size:13px;
	font-family: "ＭＳ Ｐゴシック",sans-serif; 
	color:#000090;
	background-color:#eeeeff;
	border: 1px none #888888;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	line-height:14px;
}

#bookmarks{
	text-align:right;
	position:absolute;
	left:550px;
	top:48px;
	width:200px;
 	overflow:hidden;
}