@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
/* ================================================================ *
	CSS for Piena Felice   2009.Jan SUBLIME design.inc
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
html,body { height: 100%; margin: 0; padding: 0; }
body { background: url(../img/bk_all.gif) center 0; 
  /* --- 基本的な前景色（文字色）を設定してください --- */
  
}
#screen {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: url(../img/bk_contain.gif) repeat-y center top; width: auto; min-height: 100%;           /* ② */  
    height: auto !important;    /* ③ */  
    height: 100%;               /* ④ */  
    margin: 0 auto; padding: 0; }
#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background-repeat: repeat-y; background-attachment: scroll; width: 100%; min-height: 100%;           /* ② */  
    margin: 0 auto; padding: 0; }
/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  width: 950px; height: 95px; margin: 0 auto; padding: 0; }
*html #header { position: relative; left: 1px; }
#header_wrap { background-image: url(../img/bk_line.gif); background-repeat: repeat-x; background-position: 50% bottom; width: auto; height: 120px; }
#upper { width: 950px; margin: 0 auto; }
*html #upper { position: relative; left: 1px; }
#upper_wrap { background-image: url(../img/bk_line.gif); background-repeat: repeat-x; background-position: 50% bottom; width: auto; height: 40px; }
/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  width: 970px; height: 20px; margin: 0 auto; padding: 0; }
*html #navi { position: relative; left: 1px; }
#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0 0 0 10px;
  /* --- パディングを設定してください --- */
  padding: 0;
}

#navi ul li {
  /* --- マージンを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left; margin: 0 20px; }

#navi ul li a { margin: 0; display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  font-weight: bold; text-indent: -9999px; }
#navi ul li a:hover { background-position: left bottom; }
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  width: 950px; height: auto; margin: 0 auto; }
*html #main { position: relative; left: 1px; }
#main_wrap { background-image: url(../img/bk_line.gif); background-repeat: repeat-x; background-position: 50% bottom; width: auto; height: auto; }
#main_wraptop { background-image: url(../img/bk_line.gif); background-repeat: repeat-x; background-position: 50% bottom; width: auto; height: 461px; }
/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #fcfdec; }
.contents_top { background-image: url(../img/top_main.jpg); background-repeat: no-repeat; background-position: center top; }
/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox { margin: 0; border: solid 1px #d6d6d6;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  width: 950px; margin: 0 auto; padding: 0.6em 0 1em 1em; }
*html #footer { position: relative; left: 1px; }
#footer_wrap { background-image: url(../img/bk_line.gif); background-repeat: repeat-x; background-position: 50% bottom; width: auto; }
#buttom { text-align: center; width: 970px; margin-right: auto; margin-left: auto; }
*html #buttom { position: relative; left: 1px; }
#footer ul { width: 780px; margin: 0 auto; padding: 0; overflow: hidden; }

#footer ul li { margin: 0 22px; padding: 0;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  float: left; }
#footer ul li a { margin: 0; display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  font-weight: bold; text-indent: -9999px; }
#footer ul li a:hover { background-position: left bottom; }
/* ---------------------------------------------------------------- *
	clearfix
 * ---------------------------------------------------------------- */


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */