@charset "UTF-8";
/* CSS Document */

body  {
         background-image: url(../img/bg.jpg);
         background-position:center top;
         background-repeat:no-repeat;
         -moz-background-size:auto 100%;
         background-size:auto 100%; 
 		 background-color: #191919;
		 color: #fafafa;
		 font-size: 12px;
		 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a { text-decoration: none; 
}
a:link {
	color: #d7d7d7;
}
a:visited { 
	color: #d7d7d7;
}
a:hover {
	color:#c8bd97;
}
a:active {
	color: #d7d7d7;
}


#index_logo {
    background-image: url(../img/index_logo.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 550px;
    margin-right: auto;
    margin-left: auto;
}
#group_list {
    background-image: url(../img/group_list.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    text-align: center;
}
ul {
  margin-right: auto;
  margin-left: auto;

}
li {
  /*background-color: #222222;*/
  display: inline-block;
  font-size: 12px;
  text-align: center;
  width: 33%;
}

img { 
    max-width: 100%; 
    height:auto;
}
img:hover {
	opacity: 0.5 ;
}
.footer {
	font-size:10px;
	color: #c8bd97;
    text-align: center;
}