@charset "utf-8";

/* 基本情報
------------------------------------------------
　　●　Body: 776px;
    ○　Content : 765px
          margin-left: 0 
		  margin-right: 11px 
    ○　MainCol：　578px(580px/border 1px×2)
	○　Indicate： 180px
	      * absolute/ rightに5pxの隙間
------------------------------------------------*/



/*  【基本設定】	      
------------------------------------------------*/
body {
   height:100%;
   background-color: #D9D8FD;  
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
   font-size: 75%;/* 12px相当 */
   line-height: 1.4;
   /*\*/
   letter-spacing: 0.1em; 
   /**/
   color:#3D5B02;
   margin: 0 ; padding: 0;
   text-align: center;
  }

* {
   margin: 0;
   padding: 0;
   font-size: 100%;
   }  
   
h1 { font-size:139%; }/* 18px相当 */
h2 { font-size:124%; }/* 16px相当 */   
h3 { font-size:108%; }/* 14px相当 */   
h4 { font-size:100%; }/* 13px相当 */
h5 { font-size:100%; }/* 12px相当 */

img {
   border: none;
   vertical-align: top;
   }



/* 　スクロールバーの設定　
------------------------------*/

html,body {
   scrollbar-base-color: #B3B0FB;
   scrollbar-face-color: #B3B0FB;
   scrollbar-arrow-color: #FFF;
   scrollbar-highlight-color:#FFF;
   scrollbar-3dlight-color: #000;
   scrollbar-shadow-color:#000;   
   scrollbar-darkshadow-color:#fff;  
   scrollbar-track-color:#ccc;
	}
	
	
/*　文字カラーの設定
------------------------------*/
.orange { color: #FFCC33; }
.blue { color: #6699FF; }
.yellow { color: #FFCC00; }
.green { color: #009900; }
.pink { color: #FF33FF; }
.red { color: #FF0066; }
.mazenta { color: #f69; }



/*  フォントスタイルの設定
    フッターの設定
------------------------------*/
p dfn { font-style: normal; }
em { font-style: normal; }
address { 
   margin-top: 10px;
   font-style: normal;
   }  
   

/*　リンク設定部
----------------------*/
#mainCol a {
   color: #999900;
   text-decoration: underline;
   }
#mainCol a:visited {
   color: #999900;
   text-decoration: underline;
   }   
#mainCol a:hover {
   color: #99FF00;
   text-decoration: underline;
   }



/*　【ボディ部設定】
-------------------------*/
#CB {
   width: 776px;
   height: 100%;
   margin: 0 auto ; padding: 0; 
   text-align: left;
   background-color: #fff;
   }
#header{
   height: 263px;
   position: relative;
   background-color:#fff;
   }
   
h2.ad {
   position: absolute;
   top: 0;
   left: 490px;
   }   
   
#summary {
   position: absolute;
   top: 90px;
   left: 0;
   width: 776px;
   height: 140px;
   background: #fff url(../images/titlebar/leave.jpg) left top no-repeat;  
   overflow: hidden; 
   }  
    
#summary h2 {
   position: absolute;
   top: 32px;
   left: 440px;
   }
   
#summary p {
   width: 412px;
   position: absolute;
   top: 75px;
   left: 343px;
   font-size: 11px;
   }
#globalNavi {
   width: 776px;
   height: 33px;
   position: absolute;
   top:230px;
   left: 0;
   list-style-type: none;
   }   
#globalNavi ul {
   margin:0;
   padding:0;
   list-style-type: none;
   }
#globalNavi li {
   float: left;
   width: 97px;
   margin: 0;
   padding: 0;
   }
#globalNavi li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 33px;
   background-image:url(../images/navigation/inner_navi.gif);
   }

/* オフマウス時 */
#navi01 a { background-position: 0       0; }
#navi02 a { background-position: -97px   0; }
#navi03 a { background-position: -194px  0; }
#navi04 a { background-position: -291px  0; }
#navi05 a { background-position: -388px  0; }
#navi06 a { background-position: -485px  0; }
#navi07 a { background-position: -582px  0; }
#navi08 a { background-position: -679px  0; }
   
/* 選択済み */
#navi01 a.stay { background-position: 0       -66px; }
#navi02 a.stay { background-position: -97px   -66px; }
#navi03 a.stay { background-position: -194px  -66px; }
#navi04 a.stay { background-position: -291px  -66px; }
#navi05 a.stay { background-position: -388px  -66px; }
#navi06 a.stay { background-position: -485px  -66px; }
#navi07 a.stay { background-position: -582px  -66px; }
#navi08 a.stay { background-position: -679px  -66px; }

/* オンマウス時 */
#navi01 a:hover { background-position: 0       -33px; }
#navi02 a:hover { background-position: -97px   -33px; }
#navi03 a:hover { background-position: -194px  -33px; }
#navi04 a:hover { background-position: -291px  -33px; }
#navi05 a:hover { background-position: -388px  -33px; }
#navi06 a:hover { background-position: -485px  -33px; }
#navi07 a:hover { background-position: -582px  -33px; }
#navi08 a:hover { background-position: -679px  -33px; }




#content {
   width: 765px;
   margin: 8px 11px 80px 0;
   padding: 0;
   overflow: hidden;
   position: relative;
   }
   
#mainCol {
   width: 578px;
   border: 1px solid #003333;
   margin: 10px 0 0 185px;
   padding: 0 0 15px 0;
   position:relative;  
   }  
  
      
#mainArticle {
   margin: 20px 0 0 0;
   padding: 0;
   }
#mainArticle h2 {
   margin: 0 0 0 10px;
   padding: 0;
   }   
   
.article { 
   margin: 15px 0 30px 0;
   padding: 0;
   }

.article h3 {
   margin: 0 0 0 10px;
   padding: 6px 0 6px 15px;
   width: 543px !important;
   width /**/ : 558px;
   height: 18px !important; 
   height: /**/ : 24px;
   background: url(../images/titlebar/information/bg_h3.gif) top left no-repeat;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   color: #999933;
   overflow: hidden;
   }
.article h4 {
   margin:17px 0 0 10px;
   padding: 0 0 0 15px;
   width: 543px !important;
   width /**/ : 558px;
   color: #99CC00;
   } 
.article h5 {
   margin:10px 0 0 20px;
   padding: 0 0 0 15px;
   width: 533px !important;
   width /**/ : 548px;
   color: #669999;
   }    
   
   
   
.article p {
   margin: 10px 10px 0 10px;
   padding: 0 8px;
   width: 542px !important;
   width /**/ : 558px;
   text-indent: 1em;
   }
p.compliment {
   margin: 6px 10px 0 10px;
   padding: 0　8px;
   width: 542px !important;
   width /**/ : 558px;
   font-size: 95%;
   }

.article ul {
   margin: 10px 0 0 25px;
   padding: 0 0 0 25px;
   width: 528px; 
   list-style-type: square;
   list-style-position: outside;
   }
   
  
p.list {
   margin: 5px 10px 0 10px;
   padding: 0 8px;
   width: 542px !important;
   width /**/ : 558px;
   text-indent: 0;
   }
   
.surround {
   border: 1px solid #ccc;
   padding: 5px;
   line-height: 2.6;
   }


#indicate {
   width: 180px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 5px;
   left: 0;
  
   }
#sideNavi {
   width: 170px;
   height: 344px; 
   background-color: #003333;
   }

#faqNavi {
   width: 170px;
   height: 320px;
   margin: 5px 0 0 0;
   padding: 0;
   }
#faqNavi ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
#faqNavi li {
   margin: 0;
   padding: 0;
   }   

#faqNavi li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 46px; 
   background-image:url(../images/navigation/faq-navi.jpg);  
   }

/* オフマウス時　*/
#on01 a { background-position: 0       0; }
#on02 a { background-position: 0   -46px; }
#on03 a { background-position: 0   -92px; }
#on04 a { background-position: 0  -138px; }
#on05 a { background-position: 0  -184px; }
#on06 a { background-position: 0  -230px; }
#on07 a { background-position: 0  -276px; }


/* オンマウス時　*/
#on01 a:hover { background-position: 170px        0; }
#on02 a:hover { background-position: 170px    -46px; }
#on03 a:hover { background-position: 170px    -92px; }
#on04 a:hover { background-position: 170px   -138px; }
#on05 a:hover { background-position: 170px   -184px; }
#on06 a:hover { background-position: 170px   -230px; }
#on07 a:hover { background-position: 170px   -276px; }

.indexBox {
   margin: 15px 0 0 0;
   padding: 0;
   width: 169px;
   }
.indexBox p {
   margin: 2px 0 0 0;
   padding: 4px;
   border: solid 1px;
   width: 159px !important;
   width /**/ : 167px;
   font-size: 92%;
   overflow: hidden;
   text-indent: 1em;
   }











#footer {
   width: 776px;
   background-color:#004600;
   overflow: hidden;
   text-align: center;
   } 
   
#lowerNavi {
   width: 100%;
   margin: 10px 0 15px 0;
   padding: 0;
   text-align: center;
   font-size: 85%;
   }
   
#lowerNavi ul {
   margin: 0;
   padding: 0;
   }
#lowerNavi li {
   display: inline;
   margin: 0 10px 0 0;
   padding: 0;
   }
  

#lowerNavi li a { color: #fff; text-decoration: none; }
#lowerNavi li a:link { color: #fff; text-decoration: none; }
#lowerNavi li a:visited { color: #fff; text-decoration: none; }
#lowerNavi li a:hover{ color: #FFCC00; text-decoration: none; }
      
#address {
    text-align: center;
	color: #fff;
	font-size: 92%;
	clear: both;
	}

#address a {
   color:#FFFFFF;
   text-decoration:none;
   }
#address a:visited {
   color:#FFFFFF;
   text-decoration:none;
   }   
#address a:hover {
   color:#FFFFFF;
   text-decoration:none;
   }   

.copy { 
   margin : 10px 0;
   text-align: center; 
   font-family:"Times New Roman", Times, serif;
   font-size: 77%;
   color: #fff;
   }


.tb1 {
  margin: 15px auto 18px auto;
  padding: 0;
  text-align: center;
  }
.tb1 td {
  padding: 5px;
  text-align: left;
  }
.tb1 td.center {
  text-align: center;
  vertical-align: middle;
  }

.tb1 th {
   color: white;
   background-color: #99CC66;
   }