@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

body {
  /* --- 基本的な文字色 --- */
  color: #232323;
  /* --- 背景の設定--- */
  background: #ffffff url(bgimage/bbg7.jpg) repeat-x;
}

#container {
  background: transparent;
  /* --- ドキュメント本体の幅 --- */
  width: 840px;
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景の設定 --- */
  background: tranparent ;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  float: left;
}

* html #header {
  /* --- 背景の設定 --- */
  background: tranparent ;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  float: left;
}

* +html #header {
  /* --- 背景の設定 --- */
  background: tranparent ;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  float: left;
}

#hd {
  text-align: right;
  background: #ffffff;
  margin-top: 25px;
  margin-left: 300px;
}

/* ---------------------------------------------------------------- *
	ヘッダイメージ
 * ---------------------------------------------------------------- */

#headerimage {
  /* --- 背景の設定 --- */
  background: #ffffff ;
  margin-top: 0px;
  margin-bottom: -3px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	FLASH部分の設定
 * ---------------------------------------------------------------- */

#flash {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}


/* ---------------------------------------------------------------- *
	ナビゲーション設定（古賀BCでは使用しない）
 * ---------------------------------------------------------------- */

#navi1 {
  background: #FFFFFF url(menuimage/1.png) ;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #cccccc;
}

#navi1 ul {
  margin: 0;
  padding: 0;
  height: 2.5em;
}

#navi1 ul li {
  margin: 0;
  padding: 0;
  /* --- 横並びフロート指定 --- */
  float: left;
}

#navi1 ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  border-right: 1px solid #CCCCCC;
  border-bottom: 5px solid #009933;
  font-weight: bold;
}

#navi1 a:hover {
  border-bottom: 5px solid #006633;
  
  text-decoration: none;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */

#main {
  /* ★ --- レイアウト調整：左右カラムの設定に応じて設定 --- */
  /* Note：padding-left をサイドメニューの幅＋マージン
           padding-right をサイドコンテンツの幅＋マージン --- */
  width: 650px;
  padding-left: 0px;
  padding-right: 190px;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー設定
 * ---------------------------------------------------------------- */

#sidenavi {
  background: #ffffff ;
  /*  メニューの幅 --- */
  width: 180px;
  
  /* Note：左に寄せる場合は，「left: 0; right: auto;」，右の場合は
           「left: auto; right: 0;」 */
  left: auto;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi ul {
  margin: 0;
  padding: 0px;
  background: #ffffff url(img/mbg1.jpg) repeat-x;
}

#sidenavi ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ffffff;
  background: #ffffff url(img/mbg2.jpg) repeat-x;
  list-style-type: none;
}

/* Note：バグ回避のため，同じ値での指定を 2 回行ってください */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	サイドコンテンツ領域設定
 * ---------------------------------------------------------------- */

#sidebox {
  background: transparent;
  width: 180px;
  margin-top: 200px;
}

/* ---------------------------------------------------------------- *
	メインコンテンツ部分設定
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF ;
  width: 624px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  border: 1px solid #9cb8a2;
}

.contentsm {
  background: #ffffff url(img/cback.jpg) no-repeat right bottom ;
  width: 624px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  border: 1px solid #9cb8a2;
}

.contentsd {
  background: #FFFFFF ;
  width: 624px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0.7em;
  padding-right: 0.6em;
  padding-bottom: 0.7em;
  padding-left: 0.8em;
  border: 1px solid #9cb8a2;
}

.contents1 {
  background: #ffffff url(img/dasekibg.jpg) repeat-x;
  float: left;
  width: 642px;
  height: 300px;
  margin-top: -13px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
}

* html .contents1 {
  background: #FFFFFF url(img/dasekibg.jpg) repeat-x;
  float: left;
  width: 646px;
  height: 300px;
  margin-top: -13px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
}

.contents2 {
  background: #ffffff;
  float: left;
  display: inline;
  width: 206px;
  height: 326px;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
  
}

.contents3 {
  background: #FFFFFF;
  float: left;
  display: inline;
  width: 206px;
  height: 326px;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
  
}

.contents4 {
  background: #FFFFFF;
  float: left;
  display: inline;
  width: 206px;
  height: 326px;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
  
}

.contents5 {
  background: #FFFFFF;
  float: left;
  display: inline;
  width: 642px;
  height: 820px;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
  
}

.contents6 {
  background: #FFFFFF;
  float: left;
  display: inline;
  width: 642px;
  height: 562px;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #9cb8a2;
  
}

/* ---------------------------------------------------------------- *
	コンテンツ画像設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* Note：left（左）または right（右）を指定します */
  float: right;
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0  */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.contents img.fig1 {
  pading-left: 10px;
  
}

.contents2 img.fig {
  /* Note：left（左）または right（右）を指定します */
  
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0  */
  margin-top: 5px;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 5px;
}

.contents3 img.fig {
  /* Note：left（左）または right（右）を指定します */
  
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0  */
  margin-top: 5px;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 5px;
}

.contents4 img.fig {
  /* Note：left（左）または right（右）を指定します */
  
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0  */
  margin-top: 5px;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 5px;
}



.contents2 p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

.contents3 p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

.contents4 p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------------------------- *
	サイドボックス内のコンテンツ設定
 * ---------------------------------------------------------------- */

/* Note：中カラムのコンテンツから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .contents {
  background: #F2F2F2;
  margin-top: 0;
  /* margin-bottom: 3px; */
  /* padding-top: 1em; */
  /* padding-right: 1em; */
  /* padding-bottom: 1em; */
  /* padding-left: 1em; */
}

#sidebox .contents ul {
  /* --- 新着情報リストのマージンを設定 --- */
  margin: 0 0 0 1.4em;
  /* --- 新着情報リストのパディングを設定 --- */
  padding: 0;
}

#sidebox .contents ul li {
  margin-bottom: 0.5em;
}

/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 6px;
}

/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックス設定
 * ---------------------------------------------------------------- */

#sidebox .imgbox {
  background: transparent;
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}

/* ---------------------------------------------------------------- *
	サムネイルリスト設定
 * ---------------------------------------------------------------- */

ul#thumbslist {
  
  margin: 0;
  padding: 0;
}

ul#thumbslist li {
  background: #FFFFFF;
  margin-right: 16px;
  margin-left: 6px;
  margin-bottom: 15px;
  padding: 0;
  width: 80px;
  height: 230px;
  border: 1px solid #000000;
}

/* ---------------------------------------------------------------- *
	サムネイル画像設定
 * ---------------------------------------------------------------- */
div.thumbnail {
  background: transparent;
  
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプション設定
 * ---------------------------------------------------------------- */

ul#thumbslist li p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------------------------- *
	サムネイルリスト設定（ビギナー）
 * ---------------------------------------------------------------- */

ul#thumbslistb {
  
  margin: 0;
  padding: 0;
}

ul#thumbslistb li {
  background: #FFFFFF;
  margin-right: 8px;
  margin-left: 5px;
  margin-bottom: 15px;
  padding: 0;
  width: 154px;
  height: 300px;
  border: 1px solid #dddddd;
}

/* ---------------------------------------------------------------- *
	サムネイル画像設定(beginer)
 * ---------------------------------------------------------------- */
div.thumbnailb {
  background: transparent;
  
  margin-top: 2px;
  margin-bottom: 7px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプション設定(beginer)
 * ---------------------------------------------------------------- */

ul#thumbslistb li p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------------------------- *
	サムネイルリスト設定（tenpo）
 * ---------------------------------------------------------------- */

ul#thumbslistc {
  
  margin: 0;
  padding: 0;
}

ul#thumbslistc li {
  background: #FFFFFF;
  margin-right: 8px;
  margin-left: 5px;
  margin-bottom: 15px;
  padding: 0;
  width: 192px;
  height: 172px;
  border: 1px solid #dddddd;
}

/* ---------------------------------------------------------------- *
	サムネイル画像設定(tenpo)
 * ---------------------------------------------------------------- */
div.thumbnailc {
  background: transparent;
  
  margin-top: 2px;
  margin-bottom: 7px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプション設定(tenpo)
 * ---------------------------------------------------------------- */

ul#thumbslistc li p {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------------------------- *
	フッタ設定
 * ---------------------------------------------------------------- */

#footer {
  background: #FFFFFF url(img/flogo.jpg) no-repeat right top;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.3em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 1em;
  border-top: 1px dotted #9cb8a2;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #9cb8a2;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #9cb8a2;
  background-image: none;
}