@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
/* ================================================================ *
	大牟田日本フィルの会
	index.html
	カスタマイズ CSS
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
}
#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: transparent;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 800px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}
/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF no-repeat;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#header img { }
#container #header #contact {
  position: absolute;
  left: 660px;
  top: 46px;
  width: 150px;
  height: 25px;
}
/*#contact a { border-bottom: 1px solid #0E035C; }
#contact a:hover { border-bottom: 3px solid #0E035C; }
*/

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
}
#navi ul li {
  /* --- マージンを設定してください --- */
  margin: 0 9px 0 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
}
#navi ul li a {
  width: 150px;
  height: 25px;
  margin: 0;
  padding: 0px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  /*border-right: 1px solid #CCCCCC;*/
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 2px solid #FFFFFF;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
}
#navi a:hover {
  /* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 2px solid #0E035C;
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
/*  background: #EEEEEE;*/
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
}
#lead { margin: 0px 0px 3px; }
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  padding: 0;
  margin: 0;
  width: 800px;
}
#container #main #news {
  width: 500px;
  border: 1px solid #CCCCCC;
  padding: 1em;
  margin: 10px auto 5px;
}
#container #main #news ul {
  list-style: disc url(img/list.gif);
  font-size: 95%;
}
#wellcon {
  margin-top: 10px;
  padding-right: 30px;
}
#wellimg {
  float: left;
  margin-left: 20px;
  margin-right: 10px;
}
#cb { clear: both; }
/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border: 1px solid #CCCCCC;
  padding: 1em;
  width: 500px;
  margin: 0 auto 20px;
}
#kcm {
  margin-top: 10px;
  margin-left: 20px;
}
/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* --- 画像をどちらに回り込ませるか設定してください --- */
  /* Note：left（左）または right（右）を指定します；この指定によって
           以降のマージンの指定方法が異なります */
  float: left;
  margin: 0 1em 1em 0;
}
#container #main .contents p { margin-left: 160px; }
/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
#sidebox {
  width: 262px;
  z-index: 1;
  height: 500px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
#ichi {
  width: 260px;
  border: 1px solid #CCCCCC;
  margin-bottom: 3px;
}
#stlogo {
  height: 20px;
  color: #FFFFFF;
  background: #005984;
  border-bottom: 1px solid #333333;
  padding-left: 10px;
  line-height: 20px;
}
#ichi p { padding: 5px; }
#ichimg img {
  float: left;
  padding: 5px 1em 5px 5px;
}
#hpad {
  clear: left;
  padding-left: 8px;
  padding-top: 5px;
  border-left: 10px solid #FF66CC;
  margin-left: 5px;
  margin-bottom: 5px;
}
#ichiv { margin-left: 25px; }
#event {
  height: 5px;
  width: 260px;
  margin-bottom: 3px;
}
#video {
  height: 250px;
  width: 260px;
  margin-bottom: 3px;
  border: 1px solid #CCCCCC;
}
#video p {
  color: #FFFFFF;
  background: #333333;
  padding-left: 20px;
  height: 20px;
  margin-bottom: 18px;
  line-height: 20px;
}
#yout {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 137px;
}
#videolist {
  margin-top: 20px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: normal;
  color: #005984;
  font-style: italic;
  text-decoration: underline;
}
#side {
  float: left;
  width: 100px;
  height: 50px;
}
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
/*  background: #FFFFFF url(img/foot.gif) no-repeat right top;
*/  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: 0;
  /* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px dotted #0E035C;
  padding: 0.6em 0 1em 1em;
}
#footer ul {
  margin-bottom: 4px;
  padding: 0;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
    border-left: 1px solid #CCCCCC;
}
#footer ul li {
  margin: 0;
  padding: 0 5px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}
#con {
  width: 530px;
  margin: 0px 270px 20px auto;
  padding: 0px;
}
#con_link {
  border-bottom: 2px solid #F88A20;
  border-left: 6px solid #F88A20;
  padding-left: 2px;
  margin-left: 140px;
  margin-right: 150px;
}