@charset 'UTF-8';


/*******************************************************************************

  メインCSS

*******************************************************************************/




/*******************************************************************************
#1  コンテナ
*******************************************************************************/
#container-main
{
  width: 600px;
  float: left;
  margin-left:auto;
  margin-right:auto;
}
#container-main-inner
{
  margin-left: 18px;
  width: 566px;
}


#container-body /* 20080923_システム工房エム:落合追加 */
{
        width: 815px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        border: solid 1px #EEEEEE;
        background: url("../images/body_bg.gif") repeat-y right;
}
#container-footer
{
  margin-top: 3em;
}

/*******************************************************************************
#1  基本
*******************************************************************************/
/*======================================
#2  見出し
======================================*/
#container-main h2
{
  margin: 0;
  padding: 0;
  font-size: 120%;
}
#container-main h3
{
  margin: 3em 0 0 0;
  padding: 2px 10px;
  font-size: 110%;
  color: #FFF;
  background: #898989;
  clear: both;
}
#container-main h4
{
  margin: 3em 0 0 0;
  padding: 2px 0px;
  font-size: 100%;
  font-weight: bold;
  border-bottom: solid 1px #898989;
  clear: both;
}

/* 最上段 */
#container-main h2.root,
#container-main h3.root
{
  margin-top: 1em;
}


/*======================================
#2  テキスト
======================================*/
#container-main p
{
  margin: 1em 0 0 0;
}

/* 強調 */
#container-main strong
{
  font-weight: bold;
}


/*======================================
#2  表
======================================*/
#container-main table
{
  margin: 1em 0 0 0;
  font-size: 90%;
}
#container-main th
{
  border: solid 1px #ccc;
  padding: 2px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}
#container-main td
{
  border: solid 1px #ccc;
  padding: 2px;
  /*text-align: left;
*/
  vertical-align: top;
}

/* レイアウト */
#container-main table.t-layout th,
#container-main table.t-layout td
{
  border: none;
}


/*======================================
#2  リスト
======================================*/
#container-main ul
{
  margin: 1em 0 0 1em;
  padding: 0;
}
#container-main ol
{
  margin: 1em 0 0 2em;
  padding: 0;
}

#container-main ul li,
#container-main ol li
{
  margin: 0 0 0 1em;
  padding: 0;
}

#container-main dl
{
  margin: 1em 0 0 1em;
  padding: 0;
}
#container-main dl dt
{
  margin: 1em 0 0 0;
  padding: 0;
  font-weight: bold;
}
#container-main dl dd
{
  margin: 0 0 0 1em;
  padding: 0;
}




/*******************************************************************************
#1  トピック一覧
*******************************************************************************/
#container-main dl.topiclist
{
  margin: 1em 0 0 0;
  padding: 0;
}
#container-main dl.topiclist dt
{
  margin: 0;
  padding: 0;
  clear: both;
  float: left;
}
#container-main dl.topiclist dd
{
  margin: 0 0 0 0;
  padding: 0;
}

#container-main #dt_dd_left_collect dl.topiclist
{
  margin: 1em 0 0 0;
  padding: 0;
}
#container-main #dt_dd_left_collect dl.topiclist dt
{
  margin:  0;
  padding: 0;
  float:   left;
}
#container-main #dt_dd_left_collect dl.topiclist dd
{
  margin:  0;
  padding: 0;
  float:   left;
  width:   420px;
}


/*======================================
#2  講習会新着情報
======================================*/
#container-main .box-koushukai
{
  width: 300px;
  float: left;
}

/* 見出し */
#container-main .box-koushukai h3
{
  background: #D1878A;
}


/*======================================
#2  しまねスタイリスト新着情報
======================================*/
#container-main .box-shimanestylist
{
  width: 245px;
  float: right;
}

/* 見出し */
#container-main .box-shimanestylist h3
{
  background: #D59A3F;
}


/*======================================
#2  県内IT企業からのお知らせ
======================================*/
#container-main .box-kennaiit
{
  width: 300px;
  float: left;
}

/* 見出し */
#container-main .box-kennaiit h3
{
  background: #7594BD;
}


/*======================================
#2  しまスタ新着情報
======================================*/
#container-main .box-shimasuta
{
  width: 245px;
  float: right;
}

/* 見出し */
#container-main .box-shimasuta h3
{
  background: #A1B379;
}

/*======================================
 * recuruit info
 * =====================================*/
#container-main .box-it-public-recruit
{
  width: 300px;
  float: left;
}

/* 見出し */
#container-main .box-it-public-recruit h3
{
  background: #D1878A;
}


#container-main .box-public-recruit
{
  width: 300px;
  float: left;
}

/* 見出し */
#container-main .box-public-recruit h3
{
  background: #7594BD;
}

/*======================================
 * Idea seed dream seed.
 * =====================================*/
#container-main .idea-seed-and-dream-seed
{
  width: 245px;
  float: right;
}

/* 見出し */
#container-main .idea-seed-and-dream-seed h3
{
  background: #D59A3F;
}




/*******************************************************************************
#1  Rubyページ
*******************************************************************************/
/*======================================
#2  カラム設定
======================================*/
#container-main .ruby-clm-l
{
  width: 360px;
  float: left;
}

#container-main .ruby-clm-r
{
  width: 188px;
  float: right;
}


/*======================================
#2  トピックス
======================================*/
#container-main .ruby-topics h3
{
  color: #910000;
  background: #C9CACB;
}

#container-main .ruby-topics dl
{
  margin: 1em 0 0 0;
  padding: 0;
}
#container-main .ruby-topics dt
{
  margin: 0.5em 0 0 0;
  padding: 0;
  color: #595757;
}
#container-main .ruby-topics dd
{
  margin: 0;
  padding: 0;
}


/*======================================
#2  リンク
======================================*/
#container-main .ruby-link
{
  background: url(../ruby/index.data/link_bg.gif) repeat-y;
}
#container-main .ruby-link-btm
{
  width: 188px;
  height: 5px;
  overflow: hidden;
  background: #fff url(../ruby/index.data/link_btm.gif) no-repeat;
}

#container-main .ruby-link h3
{
  margin: 1em 0 0 0;
  padding: 0;
  background: #fff;
}

#container-main .ruby-link dl
{
  margin: 5px;
  padding: 0;
}
#container-main .ruby-link dt
{
  margin: 0.5em 0 0 0;
  padding: 0 0 0 15px;
  background: url(../ruby/index.data/link_dt.gif) no-repeat left 0.3em;
}
#container-main .ruby-link dd
{
  margin: 0;
  padding: 0;
  font-size: 90%;
}




/*******************************************************************************
#1  タネページ
*******************************************************************************/
/*======================================
#2  基本
======================================*/
#container-main strong.tane-strong
{
  color: #2A4400;
  font-weight: bold;
}
#container-main h3.tane-h3
{
  color: #595757;
  background: #CCE198;
}


/*======================================
#2  スレッド
======================================*/
#container-main .tane-thread
{
  background: url(../tane/index.data/thread_bg.gif) repeat-y;
  margin-top: 1em;
}
#container-main .tane-thread-inner
{
  margin: 0 10px;
}
#container-main .tane-thread-top
{
  width: 566px;
  height: 6px;
  background: url(../tane/index.data/thread_top.gif) no-repeat;
  overflow: hidden;
}
#container-main .tane-thread-btm
{
  width: 566px;
  height: 6px;
  background: url(../tane/index.data/thread_btm.gif) no-repeat;
  overflow: hidden;
}


/*======================================
#2  スレッド（左カラム）
======================================*/
#container-main .tane-thread-l
{
  width: 410px;
  float: left;
  font-size: 90%;
}

/* 基本 */
#container-main .tane-thread-l h3
{
  color: #3071B8;
  font-weight: bold;
  background: none;
  margin: 0;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #B5B5B6;
}


/*======================================
#2  スレッド（右カラム）
======================================*/
#container-main .tane-thread-r
{
  width: 120px;
  float: right;
  font-size: 80%;
  line-height: 150%;
}

/* 基本 */
#container-main .tane-thread-r p
{
  margin: 0.5em;
}
#container-main .tane-thread-r ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#container-main .tane-thread-r li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/*======================================
#2  レス
======================================*/
#container-main .tane-res
{
  margin-top: 3em;
  padding-bottom: 1em;
  border-bottom: solid 1px #B5B5B6;
  font-size: 90%;
}

/* 基本 */
#container-main .tane-res h4
{
  margin: 0;
  border: none;
  font-size: 120%;
}

/* パラメータ */
#container-main .tane-res .tane-res-param
{
  margin-top: 0.5em;
  font-size: 110%;
}


/*======================================
#2  フォーム
======================================*/
#container-main .tane-form
{
  margin-top: 3em;
  text-align: center;
}

#container-main .tane-form table
{
  margin-left: auto;
  margin-right: auto;
}
#container-main .tane-form th
{
  border: none;
  text-align: left;
  vertical-align: top;
}
#container-main .tane-form td
{
  border: none;
  text-align: left;
  vertical-align: top;
}


/*======================================
#2  表　2009.11.14追加
======================================*/
#container-main table.t-tane
{
  margin: 1em 0 0 0;
  font-size: 90%;
}
#container-main table.t-tane th
{
  border: none;
  padding: 2px;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
}
#container-main table.t-tane td
{
  border: none;
  padding: 5px;
  /*text-align: left;
*/
  vertical-align: top;
}


/*******************************************************************************
#1  トップページ導線
*******************************************************************************/
#container-main ul.topnavi
{
  margin: 1em 0 0 0;
  padding: 0;
  list-style-type: none;
}
#container-main ul.topnavi li
{
  margin: 0;
  padding: 0 0 0 2px;
  float: left;
}
#container-main ul.topnavi li.root
{
  padding-left: 0;
}




/*******************************************************************************

  基本CSS

*******************************************************************************/




/*******************************************************************************
#1  タグ
*******************************************************************************/
/*======================================
#2  ボディ
======================================*/
body
{
  color: #333;
  background: #FFF;
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', sans-serif;
  font-size: 10pt;
  line-height: 150%;
  /*text-align: center;
*/

}


/*======================================
#2  表
======================================*/
table
{
  font-size: 100%;
  line-height: 150%;
  border-collapse: collapse;
}


/*======================================
#2  リンク
======================================*/
a:link
{
  color: #2961A1;
  text-decoration: none;
}
a:visited
{
  color: #96A;
  text-decoration: none;
}
a:hover, a:active
{
  color: #00F;
  text-decoration: underline;
}


/*======================================
#2  見出し
======================================*/
h1, h2, h3, h4, h5, h6
{
  line-height: normal;
}


/*======================================
#2  画像
======================================*/
img
{
  border: none;
}


/*======================================
#2  フォーム
======================================*/
form
{
  margin: 0;
  padding: 0;
}


/*======================================
#2  その他
======================================*/
hr
{
  height: 1px; /* IE用 */
  border: none 0; /* Mozilla用 */
  border-bottom: solid 1px #666;
}




/*******************************************************************************
#1  汎用クラス
*******************************************************************************/
/*======================================
#2  位置
======================================*/
.pos-left
{
  text-align: left;
}
.pos-center
{
  text-align: center;
}
.pos-right
{
  text-align: right;
}


/*======================================
#2  フロート
======================================*/
.float-left
{
  float: left;
  padding-right: 10px;
}
.float-right
{
  float: right;
  padding-left: 10px;
}
.float-clear
{
  clear: both;
}
.float-clear-after:after
{ /* IE6非対応 */
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}


/*======================================
#2  表示
======================================*/
.hide
{
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; /* IE5対策 */
}


/*==============================================
2008.09.25 maniwa 掲示板の設定　bakからコピー
==============================================*/
.ard_post {
    margin: 1em;
    background-image: url(../images/comment_add.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
.board_date {
    font-size: small;
}
.board_frame {
    padding: 1em;
    border: 1px solid;
}
.board_error {
    border: 2px solid;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.board_error li {
    list-style: square;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
table.table_center {
  margin-left: auto;
  margin-right: auto;
}
div.table_div_center {
  text-align: center;
}
div.table_div_right {
  float: right;
}
div.table_div_left {
  float: left;
}
img.left, table.left {
  float: left;
}
img.right, table.right {
  float: right;
}

/*******************************************************************************

  フッタCSS

*******************************************************************************/




/*******************************************************************************
#1  コンテナ
*******************************************************************************/
#container-footer
{
  margin-top: 3em;
}




/*******************************************************************************
#1  メイン部フッタ
*******************************************************************************/
/*======================================
#2  ボックス
======================================*/
#container-footer .box-mfooter
{
  margin-left: 18px;
  width: 566px;
}


/*======================================
#2  フッタメニュー
======================================*/
/* テキスト */
#container-footer .box-mfooter .fmenu
{
  margin: 0;
  padding: 0;
  font-size: 80%;
  line-height: 150%;
}


/*======================================
#2  運営者
======================================*/
/* リスト */
#container-footer .box-mfooter .owner
{
  margin: 0;
  padding: 0;
}
#container-footer .box-mfooter .owner dt
{
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 90%;
  line-height: 150%;
}
#container-footer .box-mfooter .owner dd
{
  margin: 0;
  padding: 0;
  font-size: 80%;
  line-height: 150%;
}




/*******************************************************************************
#1  コピーライト
*******************************************************************************/
/* テキスト */
#container-footer .copyright
{
  margin: 0;
  padding: 0 10px;
  font-size: 80%;
  line-height: 150%;
  color: #FFF;
  background: #868E9F;
  text-align: right;
}



/*******************************************************************************

  ヘッダCSS

*******************************************************************************/




/*******************************************************************************
#1  コンテナ
*******************************************************************************/
#container-header
{
  background: #FFF url(../images/header_bg.gif) repeat-x top;
  height: 90px;
}




/*******************************************************************************
#1  タイトル
*******************************************************************************/
/* 見出し */
#container-header h1
{
  float: left;
  margin: 0;
  padding: 20px 0 0 20px;
}




/*******************************************************************************
#1  UDメニュー
*******************************************************************************/
/* リスト */
#container-header ul.ud
{
  float: right;
  margin: 0;
  padding: 40px 15px 0 0;
}

#container-header ul.ud li
{
  margin: 0;
  padding: 0;
  padding-left: 3px;
  display: inline;
}




/*******************************************************************************

  サイドCSS

*******************************************************************************/




/*******************************************************************************
#1  コンテナ
*******************************************************************************/
#container-side
{
  width: 210px;
  float: right;
  border-top: solid 1px #E0E0E0;
  text-align: center;
}




/*******************************************************************************
#1  ピックアップ
*******************************************************************************/
/*======================================
#2  ボックス
======================================*/
#container-side .box-pickup
{
  /*min-height: 220px;
*/
  min-height: 90px;
}
/* WinIE対策ここから \*/
* html #container-side .box-pickup
{
  height: 220px;
}
/* WinIE対策ここまで */


/*======================================
#2  バナー
======================================*/
#container-side .box-pickup .pickup-bnr
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#container-side .box-pickup .pickup-bnr li
{
  margin: 0;
  padding: 1em 0 0 0;
}

/* 画像 */
#container-side .box-pickup .pickup-bnr img
{
  vertical-align: top;
}




/*******************************************************************************
#1  サイド導線
*******************************************************************************/
/*======================================
#2  ボックス
======================================*/
#container-side .box-sidenavi
{
}


/*======================================
#2  バナー
======================================*/
#container-side .box-sidenavi ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#container-side .box-sidenavi li
{
  margin: 0;
  padding: 1em 0 0 0;
  text-align: center;
}

/* 画像 */
#container-side .box-sidenavi img
{
  vertical-align: top;
}




/*******************************************************************************
#1  メニュー
*******************************************************************************/
/*======================================
#2  ボックス
======================================*/
#container-side .box-menu
{
  text-align: left;
}


/*======================================
#2  タイトル
======================================*/
#container-side .box-menu h2
{
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 110%;
}


/*======================================
#2  メニューリスト
======================================*/
/* リスト */
#container-side .box-menu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 90%;
  line-height: 120%;
  background: #FFF;
}
#container-side .box-menu li
{
  margin: 0;
  padding: 5px 10px;
  border-bottom: solid 1px #E0E0E0;
}
#container-side .box-menu li.menu-shimanestylist
{ /* しまねスタイリスト */
  background: #FDE7C6;
}
#container-side .box-menu li.menu-kouenkai
{ /* 講演会情報 */
  background: #FCE5E4;
}
#container-side .box-menu li.menu-kennaiit
{ /* 県内IT企業からのお知らせ */
  background: #DFE6F5;
}
#container-side .box-menu li.menu-shimasuta
{ /* しまスタ */
  background: #E7F1CF;
}

/* リンク */
#container-side .box-menu a
{
  display: block;
  background: url(../images/side_menu_bg.gif) no-repeat right center;
}
#container-side .box-menu a:link
{
  color: #000;
  text-decoration: none;
}
#container-side .box-menu a:visited
{
  color: #000;
  text-decoration: none;
}
#container-side .box-menu a:hover, #container-side .box-menu a:active
{
  color: #F00;
  text-decoration: none;
  background-image: url(../images/side_menu_bg_on.gif);
}

#user_accounts td{
  border: none;
  width: auto;
}