﻿@media screen, projection, tv {

/*--------------------------------------------------------------------------------------------------------------*/
/*-- サイト全体の横幅 ------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

html {
	/* 内包する要素に関わらず高さを保持する */
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	/* 内包する要素に関わらず幅・高さを保持する */
	width: 100%;
	height: 100%;
	/* IE6対応 */
	_overflow-y: hidden;
	_overflow-x: auto;
}

/*--------------------------------------------------------------------------------------------------------------*/
a:link	 {	color: #000000;text-decoration: none;	}  /* 訪問済みリンクアンカー   */
a:visited{ 	color: #660066;text-decoration: none;	}  /* 未訪問のリンクアンカー   */
a:active {	color: #330033;text-decoration: none;	}  /* 選択されたリンクアンカー */
a:hover  {	position:relative;top: 1px;left:1px;     background-position: 0 -160px;}
/*-- バックグラウンド     
    background-image: url("../img/green-6x1-L.png");background-repeat: repeat;------------------------------------------------------------------------------------------*/
#bg{
   *display: inline;/*スターハックしてる*/
   *zoom: 1;/*ここもスターハック*/
	margin-left: 0px;
	margin: 0 auto;
	text-align: center; /* left; */	

}

#bg-fill-image {
	/* 背面に固定表示 */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #a38a77;
	/* background-image: url("../img/back.jpg"); 
	 background-repeat: repeat;  */
	/* 内包する要素に関わらず幅・高さを保持する */
	width: 100%;
	height: 100%;
	/* 画像サイズより小さくならないようにする */
	min-width: 1024px;
	min-height: 768px;
	/* ハミ出した部分は隠す */
	overflow: hidden;
	/* IE6対応 */
	_position: absolute;
}
#base{
	margin: 0 auto;
	text-align: center;
	width: 1008px; /* width: 480px; 固定幅タイプ時  */
	background-image: url("../img/bg_CCD.gif");
	background-color: #aaccdd;
	/*
	background-image: url("../img/bg01-996.png");  有効にすると背景がグレーになる＝画像がグレーという落ち！
	background-image: url("../img/base.gif");
	background-image: url("../img/bg01-980.gif"); 
	width: 100%; 可変幅タイプ（リキッドレイアウト
	min-width: 780px;
	max-width: 1024px;
	width:expression(document.body.clientWidth < 800? "782px" : document.body.clientwidth > 801? "1006px" : "auto");
	*/
	}
#wrapper{
	position:  relative;
	top : 0px;
	left : 0px;
	top: 0px;
	margin: 0 auto;
	text-align: center;
	width: 983px;/* width: 450px; 固定幅タイプ時
	background-image: url("../img/back.jpg");	*/
/*	background-color: #c9c999; #edffed	*/
	}
.content1 {
	position:  relative;
	top : 0px;
	left : 0px;
	top: 0px;
	margin: 0 auto;
	text-align: center;
	width: 983px;/* width: 450px; 固定幅タイプ時	background-image: url("../img/wrapper.gif");*/
/*	background-color: #00ffff;	*/
	}

/*--------------------------------------------------------------------------------------------------------------*/
#footer { 
    margin-right: auto   ;  
    margin-left : auto   ;  
    text-align  : center ;          /* IE用の中央寄せ */
    color       : #bb3333;
    clear       : both   ; 
/*--	background-color: #ffff00;
	clear: both;	--*/
}

#footer-print{
display:none;
/*	visibility: hidden; */
}

/*---------------------------------------------------------------------------------
  トップエリア
-----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
.box_sample04 {
 z-index: 50;
 position: absolute;
top:16px;  /* 30px; */
 left: 0px;
height: 134px;/* 390px; 380px; */
 width: 983px;
 /* border: 1px solid #666666; */
 /* background-color: #add37a;  */
 padding: 0px;
}

#top01 { 
  width:983px;
/*--    margin-right: auto   ;  
    margin-left : auto   ;  
    text-align  : center ;          /* IE用の中央寄せ */
/*--    color       : #bb3333;
    clear       : both   ; 
    background-color: #ffffff;
	clear: both;	--*/
}

#top01l { 
  float:left;
  width:150px;
  color       : #bb3333;
/*  background-color: #ffff00; */
}
#top01lin01 { 
  float:left;
  width:150px;
	height:200px;
  color       : #bb3333;
    background-image: url("../img/140x200.gif");
/*  background-color: #ffff00; */
}
#top01c { 
  float:left;
  width:680px;
  color       : #33bb33;
/*   background-color: #ff00ff;*/
}

#top01r { 
  float:left;
  width:100px;/* 150px;*/
  color       : #3333bb;
/*   background-color: #ffff00;*/
}

.top02 { 
  width:983px;
/*--    background-color: #ff6666f;*/
/*--    margin-right: auto   ;  
    margin-left : auto   ;  
    text-align  : center ;          /* IE用の中央寄せ */
/*--    color       : #bb3333;
    clear       : both   ; 
	clear: both;	--*/
}
.top_boxR { width:150px; height:200px; float:right;   
    background-image: url("../img/140x200.gif");/* background-color: #ffff9a;-- */}   
.top_boxRin01 { width:150px; height:100px; float:right;    /*-- background-color: #fff666;*/}   

.top_boxR99 { width:250px; height:30px; float:right;   /*--  background-color: #ff66f6;*/}   
