@charset "utf-8";
/*    共通設定部   　*/

body,
body * {
   margin: 0; padding: 0; 
  }
 
body {
   height:100%;
   background-color:#e7e7e7;  
   font-family: "ＭＳ Ｐゴシック","Osaka", sans-serif;
   font-size: 13px;
   line-height: 1.4;
   color:#999;
   margin: 0 ; padding: 0;
   text-align: center;
  }

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

html,body {
   scrollbar-arrow-color: #369;
   scrollbar-base-color:#fff;
   scrollbar-darkshadow-color:#fff;
   scrollbar-highlight-color:#306;
   scrollbar-shadow-color:#306;
   scrollbar-track-color:#fff;
	}


h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px; color: #66f;}
h4 {font-size: 13px; color: #369;}
h5 {font-size: 12px; color: #369;}

h1,h2,h3,h4,h5,p, ul, li, dl, dt, dd { margin: 0; padding:0; border:0;}  

/* 文字カラー設定　*/

.gold { color: #999900;}
.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; }
address { 
   margin-top: 30px;
   font-style: normal;
   text-align: center;
  }  
address.right { color: #CCCCCC; }
.copy { 
   margin : 10px 0;
   text-align: center; 
   font-family:"Times New Roman", Times, serif;
   }
em {
   font-style: normal;
   }
/* ---------------------------≪共通設定　終了≫----------------------- */


/* -------≪ボデイ部設定≫ -------------------------------------------- */

/* ■　ボディ部設定　■　*/

#cb {
   width: 760px; height:100%;
   margin: 0 auto ; padding: 0; 
   text-align: left;
   background-color: #FFFFFF;
   }
   
   
/* ■　ヘッダー　■　*/
#header {
   position: relative;
   width: 760px;
   height: auto;
   margin: 0; padding: 0;
  }
#header h1 {
   position: absolute;
   top: 60px;
   left: 180px;
   font-size: 16px;
   color:#083283;
   }  
#header h3 {
   position: absolute;
   top: 125px;
   left: 108px;
   font-size: 15px;
   color: #083283;
   } 
#header h4 {
   position: absolute;
   top: 145px;
   left: 480px;
   font-size: 14px;
   color: #330099;
   }
     

/* ■　グローバルナビゲーション　■　*/

#global-navi {
   margin: 0 ; padding: 0; border: 0;
   width:760px; height: 32px;
   }  

#global-navi ul {
   border:0;
   margin:0;
   padding:0;
   list-style-type: none;
  }
#global-navi ul li { 
   display: block;
   float: left; 
   border:0; margin: 0; padding:0;
  }  
  
 /* -------------------------------- */   
  
 
   
/*  ■　コンテンツ　■　　*/
    
#contents {
   width: 760px;
   background-color:#FFFFFF;     
   margin: 15px 0 0 0;
   padding: 0; 
  }



/* -----------Right部------------------*/   
#rightcol {
   width: 500px;
   height: 100%;
   background-color: white; 
   float: right;
   display:inline;
   margin: 0 3px 40px 7px;
   }
   
#mes {
  text-align: center;
  width: 400px;
  margin: 0 50px 8px 50px;
  color: #666699;
  }   
   
   
#mes01 {
   width: 485px;
   margin: 0;
   padding: 10px 0 10px 13px;
   border: 1px solid #ccc;
   height: auto;
   }
#mes02, #mes03 {
   width: 485px;
   margin-top: 10px;
   padding: 10px 0 10px 13px;
   border: 1px solid #ccc;
   height: auto;
   }
      
#rightcol h2 {
   color: white;
   background: url(../images/bg/bar_blue.gif)  left top no-repeat;
   width: 465px;
   margin: 0;
   padding: 4px 0 3px 22px;
   }
  
#rightcol h3 {
   color: #6699CC;
   width: 427px;
   margin: 10px 0 6px 60px;
   } 
#rightcol h4 {
   width: 459px;
   margin: 6px 0 6px 28px;
   }   

#rightcol p {
   width: 440px;
   margin-left: 40px;
   padding-right: 7px;
   }
.pict {
   float: right;
   }

.pict1 {
   float: left;
   margin: 8px 10px;
   } 
   


/*------Left部------------------*/

#leftcol {
   width: 235px; height: 100%;
   background-color:white;
   margin: 0 0 0 3px;
   display:inline;
   float: left;
   }
 
 
#left-navi {
    margin:0  ; padding: 0; border: 0;
	width: 235px; height: 100%;
	 }
#left-navi ul {
   border:0;
   margin:0;
   padding:0;
   list-style-type: none;
   }
#left-navi a {
   display:block;
   width:100%;
   }
  
#menu {
   width: 225px;
   height: auto;
   margin-top: 20px;
   padding-left: 5px;
   margin-bottom: 10px;
   line-height:1.2;
   }
   
#menu h4 {
   margin: 6px 0 4px 0;
   color: #69c;
   }
h4.line {
   margin: 4px 0;
   padding: 0 0 3px 0;
   width: 90%;
   color: #69c;
   border-bottom: 1px solid #ccc;
    }  
   
#support {
   width: 230px; height: 300px;
   margin: 30px 0 10px 5px;
   background: url(../images/top/guts.jpg) top left no-repeat;
    }
#support h4 {
   color:#69c;
   padding: 4px 0 2px 12px;
   width: 218px;
   }
#support p {
   color: #69c;
   font-size: 12px;
   line-height: 1.4;  
   padding: 8px 0 0 10px;
   width: 220px;
   } 

#tofaq {
   width: 228px; height: auto;
   margin: 20px 0 10px 5px;
   border: 1px solid #69C;
   }
#tofaq h4 {
   color:#69c;
   margin-top: 4px;
   padding: 4px 0 2px 10px;
   width: 218px;
   }
#tofaq p {
   color: #999;
   font-size: 12px;
   line-height: 1.5;  
   padding: 8px 4px 0 6px;
   width: 218px;
   }     

#blog {
   margin: 0 0 10px 0;
   text-align: center;
   }



/* ■　サイトインフォ　■　*/

#siteinfo {
   clear: both;
   width: 760px;
   background-color:#FFFFFF;
    }  
   
#area {
   margin: 0 75px;
   padding: 8px 20px;
   width: 570px;
   border: 1px solid #ccc;
    }
#area h5{
   margin-top: 4px;
   }	
	
#area p {
   width: 555px;
   font-size: 12px;
   line-height: 1.4;
   color: #a4b7c7;
   padding: 0 0 0 15px;
   }	 
	   
#txtnavi {
   width: 760px;
   margin: 40px 0 0 0 ;
   padding: 5px 0 8px 0;
   color:#a4b7c7;
   text-align: center;
  }
   
#txtnavi ul{
   margin: 0; padding: 0;
 } 
 
#txtnavi li {
   display: inline;
   margin: 0 ; padding-left: 8px;
  }
#txtnavi li a {
   font-size: 12px;
  }

#txtnavi a {color: #a4b7c7; background: transparent; text-decoration: none;}
#txtnavi a:link {color: #a4b7c7; background: transparent; text-decoration: none;}
#txtnavi a:visited {color:#a4b7c7; background: transparent; text-decoration: none;}
#txtnavi a:hover {color: #66CCFF  ; background: transparent; text-decoration: none;}
#txtnavi a:active {color:#66CCFF  ; background: transparent; text-decoration: none;}
#txtnavi a:focus {color: #66CCFF  ; background: transparent; text-decoration: none;}  
  

#mes01 a {color: #69f; background: transparent;}
#mes01 a:link {color: #69f; background: transparent;}
#mes01 a:visited {color: #69c; background: transparent;}
#mes01 a:hover {color: #6ff; background: white;}
#mes01 a:active {color: #6ff; background: white; text-decoration: none;}  
  
#mes02 a {color: #69f; background: transparent;}
#mes02 a:link {color: #69f; background: transparent;}
#mes02 a:visited {color: #69c; background: transparent;}
#mes02 a:hover {color: #6ff; background: white;}
#mes02 a:active {color: #6ff; background: white; text-decoration: none;}  

#mes03 a {color: #69f; background: transparent;}
#mes03 a:link {color: #69f; background: transparent;}
#mes03 a:visited {color: #69c; background: transparent;}
#mes03 a:hover {color: #6ff; background: white;}
#mes03 a:active {color: #6ff; background: white; text-decoration: none;}