@charset "utf-8";

/*==============================================================================
  タイトル: 
  著者    : 
  説明    : 
==============================================================================*/



/*==============================================================================
  [INFO] カスタムテーマスタイルシート(雛型)
         ProfessionalCSSテーマをベースとしたカスタムテーマの作成を補助するCSSファイル(雛型)です。
         [BASE]部分で、ProfessionalCSSテーマの基本的なスタイルを初期化しています。
         [CUSTOM]部分で、カスタムテーマのスタイルを定義していきます。
         サンプルとして、リキッドレイアウトのスタイルのみ定義してあります。
==============================================================================*/

/*==============================================================================
  [BASE] ProfessionalCSSテーマのスタイル初期化
         ProfessionalCSSテーマの基本的なスタイルを初期化します。
         (背景色: #FFFFFF, 前景色: #000000)
==============================================================================*/

/*--------------------------------------
  [BASE] layout.css
---------------------------------------*/

body {
  background: #FFFFFF;
  color: #000000;
}

div#container {
  background: transparent;
}

/*----- ヘッダ -----*/
div#container div#header {
  margin: 0;
  padding: 0;
  background: transparent;
}

/*----- ナビゲーション -----*/
div#container div#navigation {
  width: 100%;
  background: transparent;
}

/*----- フッタ -----*/
div#container div#footer {
  background: transparent;
}

div#container div#footer a,
div#container div#footer a:link,
div#container div#footer a:visited,
div#container div#footer a:hover {
  color: #0000ff;
}

div#container div#footer a:focus,
div#container div#footer a:active {
  color: #ff0000;
}

/*----- ラッパー -----*/
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  background-image: none;
}



/*--------------------------------------
  [BASE] form.css
---------------------------------------*/

div#leftblocks div#block-left-search {
  border: none;
  background: transparent;
}



/*--------------------------------------
  [BASE] block.css
---------------------------------------*/

div#centerblocks p.welcome_msg,
div#leftblocks div.block-left,
div#rightblocks div.block-right {
  border: none;
}



/*==============================================================================
  [CUSTOM] カスタムテーマスタイル
           カスタムテーマのスタイルを定義します。
==============================================================================*/

/*--------------------------------------
  [CUSTOM] layout.css
           リキッドレイアウトのサンプルです。

             幅(全体)        : 80%
             最小幅(全体)    : 800px
             最大幅(全体)    : 80em

             幅(左ブロック)  : 20%
             幅(中央ブロック): 60%
             幅(右ブロック)  : 20%
---------------------------------------*/

/*----- コンテナ -----*/
div#container {
  width: 80%;
  min-width: 800px;
  max-width: 80em;
}

/*----- 左ブロックコンテナ -----*/
div#container div#wrapper div#leftblocks {
  width: 20%;
  margin: 0 80% 0 0;
}

body.js_off div#container div#wrapper div#leftblocks {
  margin: 0 -20% 0 0;
}

/*----- 中央ブロックコンテナ -----*/
body.left-center-right div#container div#wrapper div#centerblocks {
  width: 57%;
  margin: 0 0 0 -80%;
  padding: 0 1%;
}

body.left-center div#container div#wrapper div#centerblocks {
  width: 77%;
  margin: 0 0 0 -80%;
  padding: 0 1%;
}

body.center-right div#container div#wrapper div#centerblocks {
  width: 77%;
  margin: 0 20% 0 0;
  padding: 0 1%;
}

body.center div#container div#wrapper div#centerblocks {
  width: 97%;
  margin: 0;
  padding: 0 1%;
}

body.js_off div#container div#wrapper div#centerblocks {
  display: inline;  /* For Win IE 6 */
  width: 57%;
  margin: 0 0 0 20%;
  padding: 0 1%;
}

/*----- 右ブロックコンテナ -----*/
div#container div#wrapper div#rightblocks {
  width: 20%;
  margin: 0 0 0 -20%;
}
