@charset "utf-8";

/*  【基本設定】
--------------------------------------*/

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


.line {
   color:#6699ff;
   text-decoration:underline;
   }



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

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

#wrapper a {
   color: #009999;
   text-decoration: underline;
   }
#wrapper a:visited {
   color: #009999;
   text-decoration: underline;
   }   
#wrapper a:hover {
   color:  #66ccff;
   text-decoration: underline;
   }





/*　【ボディ部設定】
-------------------------*/

#CB {
   width: 776px;
   height: 100%;
   margin: 0 auto ; padding: 0; 
   text-align: left;
   background-color: #fff;
   }
#header{
   height: 315px;
   position: relative;
   background-color:#fff;
   }
h2.ad {
   position: absolute;
   top: 0;
   left: 490px;
   }   
   
#summary {
   overflow: hidden;
   }   
#summary h2 {
   position: absolute;
   top: 90px;
   left:8px;
   }
   
#summary p {
   width: 420px;
   position: absolute;
   top: 252px;
   left: 18px;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
   font-size: 82%;/* 11px相当 */
   line-height: 1.4;
   /*\*/
   letter-spacing: 0.1em; 
   /**/
   color:#fff;
   overflow: hidden;
   }
   
#globalNavi {
   position: absolute;
   top: 90px;
   left: 628px;
   width:140px;   
   margin: 0;
   padding: 0;
   }

#globalNavi ul {
   list-style: none;
   margin: 0;
   padding: 0;
   height: 225px; 
   overflow: hidden;
   }
   
#globalNavi li {
   margin: 0;
   padding:0;
   }

#globalNavi a {
   display: block;
   width: 105px;
   height: 23px;
   padding: 14px 0 8px 35px;
   font-size: 100%;
   color: #fff;
   background: #fff url(../images/navigation/bg_topnavi.jpg) left top no-repeat;
   text-decoration: none;
   overflow: hidden;
   }
     
#globalNavi a:hover {
   background-color: #fff;
   background-position: right top;
   background-repeat: no-repeat;
   }

#topicsNavi {
   position: relative;
   width: 750px;
   height: 115px;
   margin: 8px 13px 0 13px;
   padding: 0;
   background-color: #fff;
   }
   
#topicsNavi ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }   
   
#navi01 {   
   width: 180px;
   height: 115px;
   position: absolute;
   top: 0;
   left: 0;
   }   
#navi02 {
   width: 180px;
   height: 115px;
   position: absolute;
   top: 0;
   left: 190px;
   }
#navi03 {
   width: 180px;
   height: 115px;
   position: absolute;
   top: 0;
   left: 380px;
   }
#navi04 {
   width: 180px;
   height: 115px;
   position: absolute;
   top: 0;
   left: 570px;
   }      
   
#topicsNavi li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 115px;
   background-color: #fff;
   }   

/* オフマウス時 */
#navi01 a { background: url(../images/topicsnavi/greeting_off.jpg) top left no-repeat; }
#navi02 a { background: url(../images/topicsnavi/establish_off.jpg) top left no-repeat; }
#navi03 a { background: url(../images/topicsnavi/paper_off.jpg) top left no-repeat; }
#navi04 a { background: url(../images/topicsnavi/fund_off.jpg) top left no-repeat; }

/* オンマウス時 */
#navi01 a:hover { background: url(../images/topicsnavi/greeting_on.jpg) top left no-repeat; }  
#navi02 a:hover { background: url(../images/topicsnavi/establish_on.jpg) top left no-repeat; }  
#navi03 a:hover { background: url(../images/topicsnavi/paper_on.jpg) top left no-repeat; }  
#navi04 a:hover { background: url(../images/topicsnavi/fund_on.jpg) top left no-repeat; }     
   
   
#content {
   position: relative;
   width: 750px;
   margin: 10px 13px;
   background-color: #fff;
   font-size: 98%;
   } 
#mainCol {
   width: 500px;
   margin-top: 40px;
   margin-left: 250px;
   background-color:#fff;
   }
#message p, #recommend p {
   width: 480px !important;
   width /**/ : 500px;
   margin: 10px 0 0 0;
   padding: 5px 10px;
   text-indent: 1em;
   }

#message h3 {
   margin-top: 22px;
   padding: 0 0 4px 25px;
   background: url(../images/eyecatch/bg_leave.gif) left center no-repeat;
   border-bottom: 1px solid #ccc;
   }   
#message ul {
   margin: 0 0 0 26px;   
   padding:0;
   }
#message li {
   margin: 0;
   padding: 0;
   }
#recommend {
   margin-top: 40px;
   }
#wrapper {
   width: 480px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 0 10px ;
   overflow: auto !important;
   overflow /**/ : hidden;
   }  
#left-index {
   width: 200px;
   float: left; 
   }   
#right-index {
   width: 245px;
   float: right;   
   }         


#wrapper ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
#wrapper li {
   background: url(../images/eyecatch/bg_leave_s.gif) left top no-repeat;
   margin: 0;
   padding: 0;
   }
   
#left-index li a {   
   display: block;
   width: 180px !important;
   width /**/ : 160px;
   margin: 0;
   padding: 0 0 6px 20px;   
   }
#right-index li a {   
   display: block;
   width: 225px !important;
   width /**/ : 245px;
   margin: 0;
   padding: 0 0 6px 20px;   
   }   
#downLoad {
   clear: both;
   width: 498px; 
   margin: 0 0 120px 0;    
   padding-bottom: 10px;
   border: 1px solid #006666;
   background-color:#fff;
   }
   
   
#indicate {
   width: 230px;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #fff;
   }   
   
#information {
   width: 230px;
   height: 500px;   
   background:url(../images/top/bg_whatsnew.gif) top left no-repeat;
   }   
      
p.notice {
   margin: 6px 0 3px 8px;
   padding: 0 0 0 85px;
   width: 137px;
   height: 22px;
   font-weight: bold;
   font-size: 100%;
   color: #999900;
   background: url(../images/top/bg_notice.gif) left top no-repeat;   
   }
p.info {
   margin: 6px 0 3px 8px;
   padding: 0 0 0 85px;
   width: 137px;
   height: 22px;
   font-weight: bold;
   color: #999900;
   background: url(../images/top/bg_info.gif) left top no-repeat;   
   }
p.cm{
   margin: 0 8px 0 10px;
   padding: 0 0 8px 0;
   text-indent: 1em;
   line-height: 1.3;
   font-size: 93%; /* 12px相当 */
   width: 212px; 
   border-bottom: 1px dotted #ccc;
   }
   
#indicate h5 {
   margin: 8px 0 0 0;
   padding: 0;   
   width: 230px;
   height: 90px;
   }


#footer {
   width: 100%;
   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;
   }