@charset "shift_jis";

/* 基本情報
------------------------------------------------
　　●　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: 93%; }/* 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:#FF6600; }
.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;
   }
#summary p a {
   color: #3D5B02;
   text-decoration: none;
   }




/*　【ボディ部設定】
-------------------------*/
#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 !important;
   width /**/ : 776px;
   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;
   }  
#mainArticle h2 {
   margin: 20px 0 0 15px;
   padding: 0;
   width: 558px;
   height: 44px;
   }

#article h2 {
   margin: 0 0 0 10px;
   padding: 0;
   }   

.mes {
   margin: 15px 5px 0 12px;
   padding: 6px ;
   width: 534px;
   border: 1px solid #666699;
   }  
     
.mes p {
   text-indent: 1em;
   margin: 5px 0 0 0;
   padding: 0;
   width: 534px;
   }  
p.number {
   text-align: center;
   font-weight: bold;
   color: #669999;
   }   

.sample {
   margin: 15px 5px 0 12px;
   padding: 6px ;
   width: 534px;
   border: 1px solid #666699;
   }  
   
.sample h3 {
   margin: 0 auto;
   padding: 0 0 3px 0;
   width: 70%;
   overflow: hidden;
   font-size: 100%;
   color: #999900;
   text-align: center;
   border-bottom: 1px solid #999900;
     }  
	  
.sample p {
   text-indent: 1em;
   margin: 3px 0 0 0;
   padding: 0;
   width: 534px;
   font-size: 85%;
   }    
   
.sample ul {
   margin: 8px 0 0 50px;
   padding: 0;
   list-style-position: outside;
   }
.sample li {
   margin: 0 ;
   padding: 0;
   font-size: 93%;
   }     

#form {
   margin: 0 ;
   padding:0 ;
   width: 578px;
   }
 
#form h2 {
   margin: 30px auto 15px auto;
   padding: 3px 0;
   background-color: #99CC33;
   color: white;
   border: 1px solid #99CC00;
   border-bottom: 5px solid #99CC00;
   text-align:center;
   width: 60%;
   height: 20px;
   overflow: hidden;
   } 
 
  
#form table {
   width: 570px;
   margin: 0 auto 0 auto;
   padding: 0;
   text-align: center;
   }   
table td {
   margin: 0;
   padding: 3px 4px;
   text-align: left;
   }   
   
#inqurire {
   margin: 4px;
   padding: 0;
   width: 98%;
   }   
   
#button {
   margin: 10px auto;
   padding: 0;
   text-align: center;
   }
   
.notice {
   margin: 15px;
   padding: 0;
   width: 540px;
   }  

   

#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;
   }