@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
width: 700px; 
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover {   
 background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色*/
 color: #ff5580;            /* メニュー項目にマウスが載ったときの文字色*/
 }
a:active { color: #ff0000; }

/* --- コンテナ --- */,
#content div.container
{
width: 700px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}



/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
  margin-bottom: 0px; /* コンテンツの下マージン */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
  float: right;
  width: 700px; /* メインカラムの幅 */
}


/* --- セクション（共通設定） --- */
#main div.section {
  margin: 0 0 0 0; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
  margin: 0 0 0; /* 見出しのマージン（上、左右、下） */
  padding: 0px 0px; /* 見出しのパディング（上下、左右） */
  /*background-color: #e0e0e0; *//* 見出しの背景色 */
  font-size: 130%; /* 見出しの文字サイズ */
}
#main div.normal h3 {
  margin: 0 0 0; /* 見出しのマージン（上、左右、下） */
  padding: 0px 0px; /* 見出しのパディング（上下、左右） */
  /*background-color: #e0e0e0; *//* 見出しの背景色 */
  font-size: 120%; /* 見出しの文字サイズ */
}
#main ul.nmenu {
   list-style:none;     /* 点を消す */
  padding: 0px 10px; /* 見出しのパディング（上下、左右） */
}
#main ul.nmenu li a {
   background-color: #ffffff; /* メニュー項目の背景色(白色) */
   color: black;              /* メニュー項目の文字色(白色) */
   text-align: left;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
}
#main ul.nmenu li a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色*/
   color: #ff5580;            /* メニュー項目にマウスが載ったときの文字色*/
}

/* 段落 */
#main div.normal p {
  margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
  line-height: 160%; /* 行の高さ */
}

/* --- 強調セクション --- */
#main div.emphasis {
  padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
  border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
 /* 見出し */
#main div.emphasis h2 {
  margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
  font-size: 130%; /* 見出しの文字サイズ */
  color: #ff8000; /* 見出しの文字色 */
}
 /* 段落 */
#main div.emphasis p {
  margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
  line-height: 150%; /* 行の高さ */
}

/* --- 新着情報（トップページ） --- */
#main div.update dl {
  width: 710px;       /* 新着情報の幅（メインカラムの幅から30px引いた値） */
  margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
  width: 6.7em; /* 日付エリアの幅 */
  float: left;
  padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
  line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
  margin: 0;
  padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
  border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
  line-height: 120%; /* 行の高さ */
}

#main span.top {
  background-color: #f0f0f0; 
  padding: 6px 16px; 
  font-weight: normal; 
  border-left-color: rgb(216, 10, 25);
  border-left-width: 5px; 
  border-left-style: solid; 
  display: block;
}


#main div.normal dl {
  padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
  margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

#main div.normal span.thema {
  background-color: #ffffff; 
  margin: 16px 0 7px 0px; /* ページタイトルのマージン（上右下左） */
  padding: 2px 16px; 
  font-weight: normal; 
  border-left-color: rgb(216, 10, 25); 
  border-left-width: 5px; 
  border-left-style: solid; 
  border-bottom-color: rgb(216, 10, 25); 
  border-bottom-width: 1px; 
  border-bottom-style: solid; 
  display: block;
}

#main div.normal table { 
  width: 650px;
  text-align: left;
  border-spacing: 0px;
  padding: 0 0px 5; /* セクションのパディング（上、左右、下） */
  border: 0px; 
} 
#main div.normal table.contact { 
  width: 630px;
  text-align: left;
  border-spacing: 5px;
  padding: 1.1em 0px 0; /* セクションのパディング（上、左右、下） */
  border: 0px; 
} 

#main div.normal td { 
  vertical-align: top; 
  font-weight: normal;
  font-size: 80%; /* 全体の文字サイズ */
  padding: 5px 5px 5; /* セクションのパディング（上、左右、下） */
}
#main div.normal td.contact {
  width: 420px;  
  vertical-align: top; 
  font-weight: normal;
  font-size: 80%; /* 全体の文字サイズ */
  padding: 5px 5px 5; /* セクションのパディング（上、左右、下） */
}
#main div.normal th.contact { 
  width: 180px; 
  vertical-align: top;   
  text-align: left;
  font-weight: normal;
  font-size: 80%; /* 全体の文字サイズ */
  padding: 5px 5px 5px; /* セクションのパディング（上、左右、下） */
  background-color: #f0f0f0;
}
#main div.normal p.contact {
  font-size: 80%; 
  color: #ff0000;
}
#main div.normal p.caption {
  margin: 0px; 
  padding: 0px; 5px;
  color: #000000;
}
#main div.normal span.contact {
  color: #ff0000;
}

#main div.normal input[type="text"] {
 width:380px;
 }
#main div.normal textarea{
 width:380px;
 height:200px;
 }

/* 画像マウスオン */
#main div.normal a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
/* --- ▲メインカラム内の設定終了 --- */



/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */




前のページに戻る