body {
  /* 画像ファイルの指定 */
  background-image: url(../img/background-photo.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
	background-color: #F6F6F6;
}
#index-container {
    height: auto;
    min-height: 270px;
}
#index-contents {
    position: absolute;
    top: 44%;
    left: 49.5%;
    width: 550px;
    height: 270px;
    margin: -80px 0px 0px -250px;
    padding: 10px;
    text-align: center;
}
h1 {
    font-size: 36px;
    line-height: 40px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility;
}
a {
    text-decoration: none;
}
.toplogo {
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out 0s;
}
ul, ol {
    padding: 0px;
    margin: 0px 0px 10px 25px;
}
#index-contents ul li {
	display: inline;
    list-style: none outside none;
    text-align: center;
}
#index-contents li a {
	text-transform: uppercase;
    color: #333;
    text-decoration: none;
    font-family: "Karla",sans-serif;
    font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
    padding: 0px 30px 10px 10px;
	
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#index-contents li a:hover {
	color:#FFF900;
}

.index-footer {
    color: #333;
    font-size: 10px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.logo {
	margin-bottom: 20px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
        -ms-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}
.logo:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=60);  
}