@import"http://";


/*==index========================================*/
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color : #faf5eb;
  scrollbar-3dlight-color:#CB9286;
  scrollbar-arrow-color:#FFFFFF; 
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF; 
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color:#CB9286; 
  scrollbar-track-color: #FFFFFF; 
}


/*----------------------------------------------------------*/
/* 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: #FFFFFF;
}


/*----------------------------------------------------------*/
#index{
  margin: 0; padding: 0;
}
#index UL{
  position: absolute;
  top: 50%; left: 50%;
  width: 900px; height: 600px;
  margin-top: -300px; margin-left: -450px;
}
#index LI{
  list-style-type:none;
  list-style-position:outside;
  float:left;
}
#index IMG{
  vertical-align : bottom;
}