
/* =========================================================
■ＣＳＳ予約語指定
========================================================= */
* {
	margin: 0px;
	padding: 0px;
}

body {
  margin: 0px;
  padding:0;   /* 余白の指定 */
  line-height : 80%; /* 行送りの指定 */
  color:#000000;  /* 文字色の指定 */
  font-size:20pt;  /* 文字サイズの指定 */
  font-family: font-family:  centry-gothic;
                             /*  , 'Lucida Grande', Verdana,  'ヒラギノ角ゴ Pro W3',  'Hiragino Kaku Gothic Pro',
                             Osaka,   'ＭＳ Ｐゴシック''ＭＳ Ｐゴシック',   sans-serif;   文字フォントの指定 */
  background-color: #708BC5;  /* 背景色の指定 */
  text-align: center;  /* 中央寄せ */
}

table.topmenu { 
  width:480px;
  height:450px;
  border:0px;
  border-spacing:0px;
  border-collapse:0px;
  font-size:9pt;
  line-height : 170%; /* 行送りの指定 */
}
td.mycommon {
  font-size:12pt;
  vertical-align: top;
}
td.usagi {    /* TOP・ウサギ画像TD */
  width:50px;
  height:85;
  text-align=right;
  text-valign=top;
}
td.topexp {   /* TOP・項目説明TD */
  width=385px;
  height:85;
  text-align=left;
  text-valign=bottom;
  padding: 0px 0px 10px 0px;
}
table.oshirase_out { 
  font-size:9pt;
}
table.oshirase_in { 
  width:500px;
  border:0px;
  border-spacing:0px;
  border-collapse:0px;
  font-size:9pt;
}

/* キャッチコピーフォント */
td.stcopy {
  font-size:12pt;
  text-align: center;
  font-weight: bold;
  color: #CC0000;  
  letter-spacing: 0.5em;
}

td.topnews {
  width: 170px;
  font-size: 9pt;
  text-align: left;
  vertical-align: top;
  padding: 5px 5px 5px 5px;
}


td.topblog {
  width: 150px;
  font-size: 9pt;
  text-align: left;
  vertical-align: top;
  padding: 5px 5px 5px 15px;
}


img.sayuli { margin:2px 2px 0px 0px; }   /* さゆりウサギロゴ画像余白設定(上右下左) */
img.enusagi { margin:5px 2px 0px 15px; }   /* さゆりウサギロゴ画像余白設定(上右下左) */
img.logosayuri { margin:0px 0px 0px 0px; }  /* さゆり文字ロゴ画像余白設定(上右下左) */
img.logomenu { margin:7px 5px 0px 8px; border:0; }  /* 基本メニュー画像余白設定(上右下左) */
img.mainmenu { margin:7px 15px 0px 3px; }  /* 基本メニュー画像余白設定(上右下左) */
img.miniusa { margin:2px 2px 2px 2px; } /* ミニウサギ余白設定(上右下左)  */
img.title { margin:10px 10px 10px 10px; }   /* タイトル余白設定(上右下左) */
img.blglink { border:0; margin: 10px 10px 0px 17px; }   /* タイトル余白設定(上右下左) */
img.topsyr { margin:35px 0px 0px 15px; }
img.topsyl { margin:5px 0px 0px 40px; }

/* リストマークの縦位置 */
.md { 
	vertical-align: middle;
}   


/* =========================================================
■outline
========================================================= */
div#outline {
  width:850px;  /* 中央全体枠の横幅 */
  height:100%;  /* 全体枠の縦幅 */
  text-align:center;  /* 中央寄せ */
  background-color: #ffffff;  /* 背景色の水色指定 */
  margin-right: auto;
  margin-left: auto;
}
}
/* =========================================================
■header
========================================================= */
div#header {
  width: 850px;  /* ヘッダー枠の横幅 */
  height: 80px; 
  text-align: center;  /* 中央寄せ */
  text-valign: center;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
div#header_left {
  /* border-style: solid; */
  width: 280px; /* ヘッダー１段目左枠の横幅 */
  padding-top: 3px;
  padding-left:15px;
  text-align:left;
  vertical-align: bottom;
  float: left;
}
div#header_center {
  /* border-style: solid; */
  width: 230px; /* ヘッダー１段目中央の横幅 */
  padding-top: 3px;
  padding-left:15px;
  text-align:center;
  float: left;
}
div#header_right {
  margin-top:10px;
  margin-right:10px;  /* 右余白指定 */
  font-size:8pt;  /* 文字サイズの指定 */
  text-align:right;  
}

div#header_menu {
  width: 850px;
  height: 28px;
  background-color:#708BC5;
}

/* =========================================================
■kado
========================================================= */
div#kado {
  width: 850px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  clear: both;
}
div#kado_left {
  width:425px; /* ヘッダー１段目左枠の横幅 */
  padding-top:0px;
  padding-left:0px;
  text-align:left;
  float: left;
}
div#kado_right {
  padding-top:0px;
  padding-left:0px;
  text-align: right;
}

/* =========================================================
■footer
========================================================= */
div#foot {
  margin-right:10px;  /* 右余白指定 */
  text-align:right;
  font-size:8pt;
}

/* =========================================================
■link
========================================================= */
A:link { color: #4869B2; }   /* リンク文字色 */
A:visited { color: #69BD45; } /* 既に見たリンク文字色 */
A:active { color: #00ff00; } /* クリック時のリンク文字色 */
A:hover { color: #faa21c; text-decoration: none; } /* カーソルが上にある時、リンク色と下線を消す */

