/*
  白界からの眺望
  スタイルシート(メイン)
  Ver.2008.09.15
*/


/* 初期設定 */
* {
  margin:0px;
  padding:0px;
}

/* 全体のレイアウト */
body {
  /* 位置 */
  text-align: center;
  
  /* 文字色 */  
  color: #666666;
  
  /* 文字サイズ */ 
  font-size : 100%;

  /* フォント */
  font-family: Verdana, Arial, sans-serif;
  
  /* 背景色 */
  background-color: #FFFFFF;

  /* 背景画像 */
  background-image:  url(img/back.gif);

  /* マージン */
  margin: 0px 8%;
  
  /* スクロールバー */
  scrollbar-base-color : #FFFFFF;
  scrollbar-face-color : #FFFFFF;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #666666;
  scrollbar-3dlight-color : #FFFFFF;
  scrollbar-darkshadow-color : #666666;
  scrollbar-highlight-color : #666666;
  scrollbar-shadow-color : #FFFFFF;

  }

/* IE6（後方互換モード）用 */
body div {
  text-align: left;
  margin: 0px auto;
}

/* pタグ（padding設定用） */
p {
  padding: 0px 5px ;
}

/* リンク設定 */
a {
  text-decoration: none;
  }

a:link {
  color: #FF3300;
  }

a:visited {
  color: #cc3300;
  }

a:active {
  color: #FF9933;
  }

a:hover {
  color: #FFCC99;
  }

/* imgタグ */
img {
  border: none;
}

/* フォーム設定 */
input,textarea,select{
  color:#333333;
  background-color:#FFFFFF;
  border-width: 1pt;
  border-style: solid;
  margin:2px;
  padding:2px;
  }

/* 見出し */
/*h1, h2, h3 {
  margin: 4px 0px ;
  padding: 0px;
  }
*/


/* 見出し(本文) */
h4 {
  text-align: left;
  color: #660099;
  margin: 16px 0px 4px;
  padding: 0px 4px;
  }

/* 見出し(本文1番上) */
h4.first {
  text-align: left;
  color: #660099;
  margin: 6px 0px 4px;
  padding: 0px 4px;
  }


/* container */
#container {
  /* 幅 */
  width: 100%;

  /* 位置 */
  text-align:left;
  
  /* マージン */
  margin-left:auto;
  margin-right:auto;
  
  /* 背景色 */
  background-color: #ffffff;
  
}

/* ヘッダ（タイトル） */
#header {
  text-align: left;
  width:100%;
  height: 90px;
  /* 背景色 */
  background-color: #FFFFFF;
}

/* ヘッダ（大見出し） */
#header h2 {
  font-size: 200%;
  color: #FF6600;
  padding: 10px 8px 0px ;
}

/* ヘッダ（ページ概要） */
#header p {
  font-size: 80%;
  padding: 0px 0px;
  text-indent: 1em;
}

/* メニュー */
#menu {
  text-align: center;
  float:left;
  line-height: 130%;
  width:220px;
  margin-right: -220px;
  /* 背景色 */
  background-color: #FFFFFF;
}

#menu * {
  position: relative;
  z-index: 2;
}

#menu * * {
  margin-left: 0;
}

/* menuタイトル */
#menu h3 {
  height: 40px;
  width: 200px;
  margin-top: 16px;
  /* 背景画像 */
  background-image:  url(img/menuback.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* menuタイトル(一番上) */
#menu h3.first {
  height: 40px;
  width: 200px;
  margin-top: 0px;
  /* 背景画像 */
  background-image:  url(img/menuback.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
}

#menu h3 * {
  padding: 0px 8px;
  text-align: center;
  color: #660099;
  line-height:40px;
}

/* メニューリンク用リスト(タイトル) */
#menu ul li.title{
  text-align: left;
  margin: 0px 0px 0px 36px;
  padding: 0px 8px 4px 0px;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: url(img/marker.gif);
}

/* メニューリンク用リスト(自ページ) */
#menu ul li.self{
  text-align: left;
  color: #660099;
  font-weight: bold;
  margin: 0px 0px 0px 36px;
  padding: 0px 8px 0px 0px;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: url(img/marker.gif);
}

/* メニューリンク用リスト(詳細) */
#menu ul li.detail{
  font-size: 80%;
  text-align: left;
  line-height: 95%;
  margin: 0px 0px 0px 52px;
  padding: 0px 8px 4px 0px;
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
}

/* メニューリンク用リスト(ページ上部) */
#menu ul li.retop{
  font-size: 80%;
  text-align: right;
  line-height: 95%;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 8px 0px;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}

/* 本文 */
#main {
  text-align: left;
  width: 100%;
  float: left;
  /* 背景色 */
  background-color: #FFFFFF;
}

/* 本文(indexページ用) */
#main div.index {
  text-align: center;
}

#main * {
  margin-left: 220px;
}

#main * * {
  margin-left: 0px;
}

/* フッタ */
#footer {
  text-align: center;
  vertical-align: middle;
  width:100%;
  clear:both;
  height: 36px;
  font-size: 8pt;
}

#footer * {
  /* 垂直中央の為の設定 */
  line-height:36px;
}

/* 本文(メニューなし・左寄り) */
#single_left {
  text-align: left;
  width: 100%;
  /* 背景色 */
  background-color: #FFFFFF;
}

/* 本文(メニューなし・中央寄り) */
#single_center {
  text-align: center;
  width: 100%;
  /* 背景色 */
  background-color: #FFFFFF;
}


/* nickyここから */
/* Diaryの本文用 */
#diary {
  padding: 0px;
}

/* pタグ（Diaryのタイトル用） */
p.d_title {
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  line-height: 130%;
  padding: 8px 14px;
}

/* pタグ（Diaryの本文用） */
p.d_main {
  font-size: 85%;
  text-align: left;
  line-height: 130%;
  padding: 4px 36px 2px;
}

/* pタグ（記事のフッタ設定用） */
p.d_footer {
  font-size: 70%;
  text-align: left;
  line-height: 100%;
  padding: 8px 28px 36px;
}

/* 最新タイトルリスト(メニュー表示側) */
.tlist {
  font-size: 100%;
  text-align: left;
  padding: 4px;
}


/* ここからカレンダー */

/* pタグ（カレンダー設定用） */
p.d_calendar {
  text-align: center;
}

/* pタグ（カテゴリ設定用） */
p.d_category {
  font-size: 80%;
  text-align: left;
  line-height: 120%;
  margin: 0px 16px 8px;
}

/* pタグ（Other設定用） */
p.d_other {
  font-size: 60%;
  text-align: left;
  line-height: 120%;
  margin: 0px 16px 8px;
}

.calendar{
  border:none;
}

.cmonth{
  text-align: center;
  font-weight: bold;
  font-size: 80%;
}

.cweek{
  padding-top: 0.5em;
  font-weight: bold;
  font-size: 80%;
}

.cweek td{
  text-align: right;
  font-size: 80%;
}

.csun{
  color:#cc4444;
  font-size: 80%;
}

.csat{
  color:#4444cc;
  font-size: 80%;
}

.cday{
  text-align:right;
  font-size: 80%;
}

/* カレンダーここまで */

/* ネタバレここから */
.sfield{
  display: none;
  border: none;
  background: #FFFFFF;
  font-size: 75%;
  color: #663399;
  text-align: left;
  line-height: 130%;
  padding: 0px 48px 2px;
}

.nbtn{
  background: #eeeeee;
  border: double 3px #333333;
}
/* ネタバレここまで */

/* nickyここまで */


/* tableタグ（IE以外のブラウザで中央寄せできるように） */
table {
  margin-left: auto;
  margin-right: auto;
}

/* twitterここから */
twitter {
  display: none;
  font-size: 80%;
  text-align: right;
  line-height: 100%;
  padding: 4px 2px;

}

/* twitterここまで */

/* タイトルリスト（本文） */
/*
#index table.ttl {
  margin-left: auto;
  margin-right: auto;
}
*/

/* テーブルタグセル設定 */
/*
td.d {
  line-height: 130%;
  }
*/