@import"http://";

BODY{ /*　about-site用のBODY　*/ 
  scrollbar-3dlight-color:#CB9286;
  scrollbar-arrow-color:#faf5eb; 
  scrollbar-base-color: #faf5eb;
  scrollbar-darkshadow-color: #faf5eb; 
  scrollbar-face-color: #faf5eb;
  scrollbar-highlight-color: #faf5eb;
  scrollbar-shadow-color:#CB9286; 
  scrollbar-track-color: #faf5eb; 
  background-color : #faf5eb;
  margin : 0px;
  padding : 0px;
  border:0px;
  overflow-x:hidden; 
  text-align : center;
}


/*----------------------------------------------------------*/
/* Chrome */
::-webkit-scrollbar {/* スクロールバーの幅 */
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-track {/* スクロールバーの背景 */
  border-radius: 5px; /* 角丸 */
  box-shadow: 0 0 4px #f8c7b9 inset; /* 影のサイズ、色、内側指定 */
  background: #FFFFFF;
}
::-webkit-scrollbar-thumb {/* スクロールバー */
  border-radius: 5px;
  background: #f8c7b9;
}
::-webkit-scrollbar-button{/* スクロールバーの上下の矢印 */
  background: #faf5eb;
}


/*----------------------------------------------------------*/
BODY{
  font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}


/*==クリック時に点線の枠を出さない=========================*/
A:ACTIVE,A:FOCUS{
  outline:none;
}
/*=========================================================*/
/* クリアフィックス */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  overflow: hidden;
  zoom: 1;
}
/*==about-site-page========================================*/
#wrap{
  padding : 0px;
  margin : 0px;
  background-image : url(image/bk1.gif);
  background-repeat : repeat-x;
  background-position : center top;
}
#about-cts .about-wrapper{ /*　外枠サイズ(実際の起動枠はリンク設定場所に記述)　*/
  width:500px;
  height:600px;
  padding : 80px 0px 0px 0px;
  margin : 0px;
}
#about-cts .about-site-wrapper{　/*　内容枠　*/
  width : 400px;
  height : 420px;
  margin : 0px 50px;
  padding : 60px 0px 0px 0px;
  background-image : url(image/about-site.gif);
  background-repeat : no-repeat;
  background-position : center top;
  background-color : #FFFFFF;
}
#about-cts .about-howto-wrapper{　/*　内容枠　*/
  width : 400px;
  height : 420px;
  margin : 0px 50px;
  padding : 60px 0px 0px 0px;
  background-image : url(image/about-howto.gif);
  background-repeat : no-repeat;
  background-position : center top;
  background-color : #FFFFFF;
}
#about-cts .about{ /*　文字を書くスペースのサイズ　*/
  color : gray;
  width : 400px;
  height : 420px;
  margin : 0px;
  padding : 0px 10px 0px 5px;
  overflow: hidden;
  overflow-y: scroll;
  font-size : 10pt;
  font-weight : normal;
  text-decoration : none;
  line-height : 1.7;
  text-align : left;
  letter-spacing : 0px;
}
#about-cts .about UL{
  padding : 0px;
  margin : 0px;
}
#about-cts .about LI{
  margin : 0px 0px 0px 24px;
  padding : 0px;
  list-style-type : circle;
  list-style-position : outside;
}
#about-cts .about-footer{
  width : 100%;
  height : 100px;
  background-image : url(image/bk2.gif);
  background-repeat : no-repeat;
  background-position: center top;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-size : 9pt;
  color : gray;
  text-align : center;
  text-decoration : none;
  letter-spacing : 1px;  
}
H1{
  font-size : 10.5pt;
  font-weight : bold;
  line-height : 1.7;
  color : #ff8000;
  text-decoration : none;
  text-align : center;
  letter-spacing : 1px;
}