@charset "utf-8";

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

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

* {
   margin: 0;
   padding: 0;
   font-size: 100%;
   }  
   
h1 { font-size:141%; }/* 17px相当 */
h2 { font-size:125%; }/* 15px相当 */   
h3 { font-size:117%; }/* 14px相当 */   
h4 { font-size:100%; }/* 12px相当 */


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



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

html,body {
   scrollbar-arrow-color: #C0C;
   scrollbar-base-color:#000000;
   scrollbar-darkshadow-color:#000000;
   scrollbar-highlight-color:#800080;
   scrollbar-shadow-color:#800080;
   scrollbar-track-color:#000000;
	}
html { overflow-x:hidden; }
	
	
/*　文字カラーの設定
------------------------------*/
.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;
   }  

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


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

#CB {
   width: 760px;
   height: 100%;
   margin: 0 auto ; padding: 0; 
   text-align: left;
   background-color: #000000;
   }
#header{
   width: 760px;
   height: 240px;
   margin:0;
   padding:0;
   position: relative;
   background-color: #000000;
   overflow: hidden;
   }
   
#rock {
   margin: 0;
   padding: 0;
   width: 451px;
   height: 240px;
   position: absolute;
   top: 0;
   left: 0;
   }
#garage {
   margin: 0;
   padding: 0;
   width: 309px;
   height: 240px;
   position: absolute;
   top:0;
   left: 451px;
   }
          
#back  {
   margin: 6px 0 0 25px;
   padding:0;
   width: 735px;
   height:30px;
   }
#back ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 80px;
   height: 30px;
   }
#back ul li {
   margin: 0;
   padding: 0;
   }
#back li a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 30px;
   background-image: url(../img/contact/totop.gif);
   background-repeat: no-repeat;
   }
   
#nav01 a { background-position: 0 0; }
#nav01 a:hover { background-position: -80px  0; }   
   
   
   



   
#form  {
   margin: 35px 85px;
   padding: 0;
   background-color: #000000;
   width: 570px;
   }

#tantousya, #furigana, #email, #tel, #ps, #ps2, #upper, #lower, #inquire {
   background-color: #000000;
   color: #FFFFFF;
   }
   
#button {
   margin: 15px 0;
   padding: 0;
   text-align: center;
   }   
p.notice {
   margin: 0;
   padding: 0 10px;
   width: 550px;
   }