@charset "utf-8";
/*
///
/// index.css ----- WithGarden のindex用のCSS　[#v100511]
/// ・動作確認環境
/// 　　‐Windows版   IE 5.0、5.5、6.0、7.0
/// 　　‐Windows版   Firefox 2.0
/// 　　‐Macintosh版 Safari 3、4
/// 　　‐Macintosh版 Firefox 2.0
///
*/
@media all {
  
  body {
    margin              : 0;
    padding             : 0;
      /*    background-color    : #ffffff; */
    background-image    : url("../a_images/bg_tree_03.gif");
  }
  
  table.Background {
    margin              : 0;
    padding             : 0;
    width               : 100%;
    height              : 100%;
    border-collapse     : collapse; 
  }
  
  table.Background td {
    text-align          : center;   /* IE用に必要 */
    vertical-align      : top;      /* add #v09011301 */
    padding-top         : 0;        /* add #v09011301 */
  }
  
  div.Content {
    position            : relative;
    margin              : auto;
    height           :  790px; 
    width               :  910px;
    z-index: 1;
    /*
      ここでheightとwidthを指定しないと、Safariで写真フレーム
      の位置がずれてしまうことに注意
    */
  }
  
  div.Frame {
    position            : absolute;
    top                 : 300;
    left                : 100;
    /* 
      このtopとleftの設定を除くとSafariでちらつく。
      ただし、縦長の画像であれば、これを設定してもちらつく
    */
  }
  
  img.Frame {
    visibility          : hidden;
  }
  
  img.Photo {
    position            : absolute;
    visibility          : hidden;
    border              : none;
    /* 
      hiddenにしておくと、画像ファイルが存在しないときに
      エラーアイコンが表示されないというメリットもある。
      画像ファイルが存在しないときに、説明画像を表示する
      というアイデアもある
    */
  }
  
  img.Button {
    border              : none;
  }
  
  div.Content_over {
    position            : absolute;
    top                 : 100px;
    left                : 5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
   }

/* --------------------------------------------------------------------------
	シャドウ
   -------------------------------------------------------------------------- */

    div.shadow-left {
    position            : absolute;
    top                 : 0px;
    left                : 1px;
  }

    div.shadow-right {
    position            : absolute;
    top                 : 0px;
    left                : 904px;
  }

    div.shadow-waku {
    position            : absolute;
    top                 : 100px;
    left                : -5px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

/* --------------------------------------------------------------------------
	白バック配置
   -------------------------------------------------------------------------- */

    div.trans-top {
    position            : absolute;
    top                 : 0px;
    left                : 5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-right {
    position            : absolute;
    top                 : 335px;
    left                : 204px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-13 {
    position            : absolute;
    top                 : 335px;
    left                : 5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-13_right {
    position            : absolute;
    top                 : 335px;
    left                : 892px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-nikon {
    position            : absolute;
    top                 : 670px;
    left                : 18px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-nikon2 {
    position            : absolute;
    top                 : 550px;
    left                : 18px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-120_1 {
    position            : absolute;
    top                 : 365px;
    left                : 705px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.trans-120_2 {
    position            : absolute;
    top                 : 507px;
    left                : 705px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }



/* --------------------------------------------------------------------------
	店舗ボタン
   -------------------------------------------------------------------------- */

/* 左 */
    div.tenpo_info {
    position            : absolute;
    top                 : 294px;
    left                : 5px;
    z-index: 10;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

/* 右 */
    div.tenpo_right {
    position            : absolute;
    top                 : 294px;
    left                : 705px;
    z-index: 10;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.hino {
    position            : absolute;
    top                 : 294px;
    left                : 205px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

    div.tachikawa {
    position            : absolute;
    top                 : 294px;
    left                : 305px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

    div.kichijoji {
    position            : absolute;
    top                 : 294px;
    left                : 405px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

    div.gunma {
    position            : absolute;
    top                 : 294px;
    left                : 505px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

    div.sendai {
    position            : absolute;
    top                 : 294px;
    left                : 605px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

/* --------------------------------------------------------------------------
	月表示
   -------------------------------------------------------------------------- */

    div.month {
    position            : absolute;
    top                 : 90px;
    left                : 680px;
    z-index: 10;
/* -    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;  */
  }


/*■■日野店ショップ情報■■*/

    div.hinotitle {
    position            : absolute;
    top                 : 336px;
    left                : 705px;
    z-index: 10;
  }

    div.hino-shop-text {
    position            : absolute;
    top                 : 365px;
    left                : 710px;
    text-align:left
  }

.hino-shop-text  {
    color:green;
    font-size:11px;
    line-height:160%;
    width:260px;
    margin:0 auto;
    font-family: sans-serif;
  }

    div.banner1 {
    position            : absolute;
    top                 : 410px;
    left                : 705px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

    div.banner2 {
    position            : absolute;
    top                 : 435px;
    left                : 705px;
    z-index: 10;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

    div.banner3 {
    position            : absolute;
    top                 : 460px;
    left                : 705px;
    z-index: 10;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

    div.banner4 {
    position            : absolute;
    top                 : 485px;
    left                : 705px;
    z-index: 10;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.hino-cul-text {
    position            : absolute;
    top                 : 510px;
    left                : 710px;
    text-align:left
  }

.hino-cul-text  {
    color:green;
    font-size:11px;
    line-height:160%;
    width:260px;
    margin:0 auto;
    font-family: sans-serif;
  }

    div.hinoillust {
    position            : absolute;
    top                 : 572px;
    left                : 705px;
    z-index: 10;
  }

    div.hino-hana-text {
    position            : absolute;
    top                 : 695px;
    left                : 710px;
    text-align:left
  }

.hino-hana-text  {
    color:green;
    font-size:11px;
    line-height:160%;
    width:260px;
    margin:0 auto;
    font-family: sans-serif;
  }

/*■■トピックス■■*/

    div.white {
    position            : absolute;
    top                 : 455px;
    left                : 15px;

    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.event {
    position            : absolute;
    top                 : 245px;
    left                : 15px;
  }

    div.circle {
    position            : absolute;
    top                 : 122px;
    left                : 38px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

/*■■　コンテンツ　バナー　茶色　■■*/

    div.concept {
    position            : absolute;
    top                 : 336px;
    left                : 18px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

    div.sekou {
    position            : absolute;
    top                 : 367px;
    left                : 18px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

    div.model {
    position            : absolute;
    top                 : 367px;
    left                : 18px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

    div.nagare {
    position            : absolute;
    top                 : 398px;
    left                : 18px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

    div.toiawase {
    position            : absolute;
    top                 : 429px;
    left                : 18px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }


/*■■　コンテンツ　バナー　■■*/

    div.kiso {
    position            : absolute;
    top                 : 460px;
    left                : 18px;
    z-index: 11;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

    div.english {
    position            : absolute;
    top                 : 491px;
    left                : 18px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

    div.niwa {
    position            : absolute;
    top                 : 522px;
    left                : 18px;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
/*
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
*/
  }

    div.niwa2 {
    position            : absolute;
    top                 : 553px;
    left                : 18px;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }

    div.niwa3 {
    position            : absolute;
    top                 : 584px;
    left                : 18px;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
  }

/*　■■　ニコン　■■　*/

    div.nikon_gpl {
    position            : absolute;
    top                 : 615px;
    left                : 18px;
    z-index: 10;
  }

    div.nikon-text {
    position            : absolute;
    top                 : 699px;
    left                : 20px;
    text-align:left
  }

.nikon-text  {
    font-size:11px;
    line-height:160%;
    width:186px;
    margin:0 auto;
    font-family: sans-serif;
  }

    div.nikon_LOGO {
    position            : absolute;
    top                 : 563px;
    left                : 6px;
    z-index: 10;
  }

/* --------------------------------------------------------------------------
	施工例
   -------------------------------------------------------------------------- */

div.fadein {
/*    position            : relative;  */
    height               : 280px; 
    width                : 450px;
     }

.fadein img {
    position            : absolute;
    top                 : 412px;
    left                : 230px;
     }


    div.sekourei_main {
    position            : absolute;
    top                : 412px;
    left                : 230px;
  }


    div.sekourei_sub {
    position            : absolute;
    top                 : 490px;
    left                : 530px;
    background-color: white; 
	background-position: 6px; 
	padding: 6px; 
	outline-style: solid; 
	outline-width: 1pt;
  }

    div.sekourei_bg {
    position            : absolute;
	border   : none;
    top                 : 335px;
    left                : 215px;
  }

    div.sekou_enter {
    position            : absolute;
    top                 : 397px;
    left                : 220px;
    z-index: 10;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }

a        {
	color: green;
	font-size:11px;
	 line-height:160%;
	border   : none;
	font-family: sans-serif;
	 margin:0 auto;
}

a:hover   {
	color: #900;
	font-size:11px;
	 line-height:160%;
	border   : none;
	font-family: sans-serif;
	 margin:0 auto;
}

  /* add #v08060101 */
  iframe.Caption {
    display             : none;
  }
  
  div.Caption {
    display             : none;
    margin              : 0 12px;
    /* 
    背景を白くするかどうかは好み
    background-color    : #ffffff;
    */
    text-align          : left;
    font-size           : 0.9em;
    line-height         : 1.4em;
  }
  /* end #v08060101 */
  
  /* add #v08060102 */
  div.Option {
    position            : absolute;
    top                 : 740px;
    left                : 2px;
    color               : gray;
    font-size           : 0.9em;
  }
  /* end #v08060102 */
}