/*--------------------------------------
  全体のサイズ調整 
--------------------------------------*/

body {
  font-size:12px;
  width: 1000px;
  height:100%;
  background-color:#CCCCCC;
  margin:0 auto;
}  

html {
  height:100%;
  }


 h1 {  font-size: 130%;}  
 h2 {  font-size: 120%;}  
 h3 {  font-size: 110%;}  
 h4 {  font-size: 105%;}    
 h5 {  font-size: 100%;}  
 p  {  font-size: 100%;}  
 
 ul li {line-height:1.5em }
 span.UL { border-bottom:2px dotted orange;}
 
 
 .blue {color:#0000FF}
 .red  {color:#FF0000}
 .brown{color:#990000}
 .orange{color:#FF6600}
 
 
 /*-------画像リンクにカーソルを載せると赤枠表示-----*/
 
 
a { text-decoration:none; color:#000000; cursor: default;  }
a:hover {text-decoration:underline; cursor:default ; visibility:visible ; float:none ; clear:none; position:relative; left:2pt; top:2pt; }

a img {	border: 1px solid white;}
a:hover img  {border-color: red;}



/*--------------------------------------
  コンテナー
--------------------------------------*/ 

div#container {
  background-color: #ffffff;
  width:100%;
  /*margin:0px;
  padding:0px;*/
  border:#FF6600 1px solid;
  
}




/*--------------------------------------
  ヘッダー
--------------------------------------*/

div#header {
  width: 950px;    /*元900px paddig-leftとpadding-rightの分だけ減らす*/
  height: 70px;    /*firefoxで効果あり。これがないと上へ詰まってしまう*/
  margin: 0 auto;
  padding-top:10px;
  padding-left:50px;
  /*padding-right:50px;*/
  /*border-bottom:#FF6600 10px solid; */
  text-align:right;
 
}


/*--------------ヘッダ画像の左右振り分け */


  div#header-l {
  float: left;
  width:300px;
  height:70px;
  text-align:right;
  }
   

div#header-r {
  float: right;
  width:300px;
  height:70px;
  text-align:left;
  padding-right:50px;
  }






/*--------------------------------------
 　グローバルナビゲーションコンテナ
--------------------------------------*/

div#navigation {
　both:clear;
  width: 100%;   /*元900px paddig-leftの分だけ減らす*/
  height:25px;
  overflow: hidden; /*---左にはみ出た縦棒部分を非表示 */

  padding-left:0px;
  margin-bottom:0px;
  border-bottom:#FF6600 10px solid;
}

div#navigation ul.menuitem{
    width:100%;
    margin-top:0px;   /*-- 元設定:20px--*/
    padding-left:0;
    margin-left:-5px;
    list-style-type: none;
}

div#navigation ul.menuitem li{
    list-style:none;
    /*background:url('../../img/head-menu-back.gif');*/
    padding:3px 10px;  /*メニューボタンの上下の空間と左右の空間調整*/
    width:100px;  /*元々は80px、stuff再表示時には80pxに戻す事！*/
    float:left;
	color:#999;
    border-left-width: 1px;   /* 1*/
    border-right-width: 0px;  /* 0*/
    border-bottom-width: 0px; /* 0*/
    border-top-width: 0px;    /* 0*/
    
    border-color:#999; /*-- メニューのボーダーカラーの指定 --*/
    border-style:ridge;
}


/*------------------------ナビゲーションメニューリストのリンク文字 */
div#navigation ul li.menuitem a,
div#navigation ul li.menuitem a:link,
div#navigation ul li.menuitem a:visited {
  text-decoration : none;
  color:#000;

}

div#navigation ul li.menuitem a:hover,
div#navigation ul li.menuitem a:focus,
div#navigation ul li.menuitem a:active {
  color:#f00;
  /*background-color:#ddd;*/
  text-decoration : underline;
}

/*--------------------------------------
  　ラッパー
--------------------------------------*/

#wrapper {
  width: 100%;  /*  Site Width[W] */
  margin: 0 auto;
  /*padding:20px;*/
}


/*--------------------------------------
   センターブロック
--------------------------------------*/

#centerblocks {
  /*min-height: 800px;
  height:auto;*/
  width:100%;
  padding:10px;
  }
 

/*-----------------メインイメージ */
#mainimage {
  width: 100%;
  margin: 0 auto;
  text-align:center;
  padding:20px 10px 10px 0px;
  }


/*-----------------ブロック*/
#block {
  width: 840px;  /*padding-leftとpadding-right分を引くこと。そうしないと右にはみ出る*/
  min-height:200px;
  text-align:left;
  padding:10px 80px;
  font-size:110%;
  /*font-weight:bold;*/ 
  }

/*-----------------左ブロック*/
#lblock {
  float:left;
  width: 300px;
  }
  
#lblock table {
   border-top:#999999 1px solid ;
   border-left:#999999 1px solid ;
   }  

#lblock table td {
   border-right:#999999 1px solid ;
   border-bottom:#999999 1px solid ;
   color:#666666;
   } 

#lblock table td a {
   color:#000;
   }    
   
#lblock img {
   }


/*-----------------右ブロック（ニュース欄）*/
#rblock {
  float:right;
  width: 500px;
  height:150px;
  /*overflow-y:scroll;
  border:#ffffff double;*/
  padding-left:5px;
  vertical-align:text-top;
  }



/*--------------------------------------
  フッタ−
--------------------------------------*/

div#footer {
  /*position:absolute;*/
  bottom:0px;
  background-color:#FF6600;
  margin: 0 auto;
  text-align:center;
  clear: both;
  width:1000px;
  height:25px;
  color:#FFFFFF;

  padding-top:10px;
}


#footer a { text-decoration:none; color:#ffffff; cursor: default;  }


/*--------------------------------------
  ギャラリー 
--------------------------------------*/


div#sampleDiv {
　both:clear;
  width: 600px;

}
/*
div#sampleDiv ul{
    margin-top:0px;  */ /*-- 元設定:20px--*/
/*    list-style-type: none;
}

div#sampleDiv ul li{
    list-style:none;
    float:left;
    
} */

div#leftCol {
/*　both:clear; */
  width: 600px;
  padding-left:0px;
  height:auto;
}

div#leftCol ul{
	padding-left:0px;
	margin-left:0px;
    margin-top:0px;   /*-- 元設定:20px--*/
    list-style-type: none;
}

div#leftCol ul li{
    list-style:none;
    float:left;
    
}

div#rightCol {
/*　both:clear; */
  width: 540px;
  padding-left:0px;
  height:auto;
}


 /*------------------------プライバシーポリシー */ 

 
ol#policy {
	margin: 10;
 	font-size: 10pt;
 	line-height: 1.5em;	  
 }
 
ol#policy li {
    margin-bottom:20px;
	font-style:normal;
	}
 
  /*------------------------よくある質問 Q&A */ 

 
div#qa {
 	font-size: 10pt;
 	line-height: 1.5em;	

 }
 
 div#qa h4 {
 	font-size: 10pt;
	color: #030;
 }
 
  /*------------------------サイトマップ */ 

 
 ul.sitemap li  {
 	margin: 0 0 0 1em;
 	color:#003300;
 	padding: 1em;
 	line-height: 1em;
 	font-weight: bold;
 	
 }
 
  ul.sitemap li a,
  ul.sitemap li a:link,
  ul.sitemap li a:visited{
 	text-decoration: underline;
 	color:#003300;
 }
 
  ul.sitemap li a:hover,
  ul.sitemap li a:focus,
  ul.sitemap li a:active{
 	color:#f00;
  }
  
 
 ul.sitemap2 li  {
 	margin: 0 0 0 -1.5em;
 	color:#003300;
 	padding: 0;
 	line-height: 1.5em;
	list-style: none; 
	font-size: 80%;
	font-weight: normal;
 }
 
  ul.sitemap2 li a,
  ul.sitemap2 li a:link,
  ul.sitemap2 li a:visited {
 	color:#003300;
 }
 
  ul.sitemap2 li a:hover,
  ul.sitemap2 li a:focus,
  ul.sitemap2 li a:active {
  	color: #f00;
  } 


　/*-----------------------サムネール*/

div#menuList {
   width: 820px;
   overflow: hidden;
}
div.outer {
   width: 840px;
}
div.outer:after {
   display: block;
   clear: both;
   content: "";
}
div.inner {
 /*  width: 120px;
   height: 120px; */
   margin: 10px 5px 10px 0;
   float: left;
   text-align:center;
   vertical-align:bottom;
}
 
 

　/*-----------------------画像の白枠*/

img#waku {
 border:solid 1px #ccc;
 padding:4px;
 }

　/*-----------------------おしゃれテーブル*/ 
 

table.table01 {
	border-collapse: collapse;
	margin:50px;
}

table.table01 th.t_top {
    border-top: #999999 4px solid;
}

table.table01 th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	vertical-align:top;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	line-height:1.5em;
}

table.table01 td.t_top {
	border-top: #FFCC00 4px solid;
}

table.table01 td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	vertical-align:top;
	padding: 10px;
	line-height:1.5em;
}