@import url(https://fonts.googleapis.com/css?family=Satisfy);

body  {front-family: 'メイリオ';
       background-color: #edede3;
       margin: 0}
/*見出し*/
h1 {font-size: 30px;
    margin-top: 0;
    margin-bottom: 1;}

p  {line-height: 1.5}


header  {background-color: #ffffff;
         border-bottom: solid 1px #aaaaaa;
         margin-bottom: 15px;
         -webkit-box-shadow: 0px 1px 7px #aaaaaa;
         box-shadow: 0px 1px 7px  #aaaaaa;
         padding: 5px}

header h1  {
            font-size: 22px;
            width: 900px;
            margin-left: auto;
            margin-right: auto}

header h1 a         {text-decoration: none;
                     color: #000000}

header h1 a:hover   {color: #000000}

article  {background-color: #ffffff;
          width: 1000px;
          margin-left: auto;
          margin-right: auto;
          border: solid 1px #aaaaaa;
          padding: 30px;
          margin-bottom: 10px;
          -webkit-box-sizing: border -box;
          -moz-box-sizing: border -box;
          box-sizing: border -box;
          -webkit-box-shadow:1px 1px 3px #aaaaaa;
          box-shadow: 1px 1px 3px  #aaaaaa;
          border-radius: 20px;
          overflow: hidden;}

article h1  {border-left: solid 15px blue;
             padding-left: 10px}

article ul  {line-height: 1.5}

footer   {width: 900px;
          margin-left: auto;
          margin-right: auto}

figure.photo-center  {text-align: center;
                      margin-top: 30px;
                      margin-bottom: 30px}
figure.photo-small img   {text-align: center}

figure.photo-left  {margin: 0;
                    margin-right: 20px;
                    float: left}

figure.photo-right {margin: 0;
                    margin-left: 20;
                    float: right}


nav ul      {list-style-type: none;
             margin-top: 0;
             margin-bottom: 0;
             padding-left: 0
             font-size: 0}

nav li      {display: inline;
             font-size: 12px;
             border-right: solid 1px #aaaaaa;
             padding-left: 10px;
             padding-right: 10px}

nav li:first-child    {border-left: solid 1px #aaaaaa}

nav          {width: 800px;
              margin-left: auto;
              margin-right: right;
              margin-top: -20px;
              margin-bottom: 3px}

nav a        {color: #000000;
              text-decoration: none}

a            {color: #b77d3c}
a:hover      {color: #ff8800}


/*トップページ*/
#top header     {margin-bottom: 0;}

#photo        {background-image: url(pool.png);
               background-repeat: no-repeat;
               background-position: 50% 0;
               background-color: #3f8ab6;
               text-align: center;
               padding-top: 320px;
               padding-bottom: 80px}

#photo h1      {color: #ffffff;
                font-size: 70px;
                font-family: 'Chango',cursive;
                text-shadow: 0 5px 10px #000000}

#photo p       {color: #ffffff;
                font-size: 50px; 
                font-weight: bold;
                text-shadow: 0 5px 10px #000000}

#top article h1 {border-bottom: solid 5px blue}

/*部活紹介ページ*/

#about article h2   {font-size: 20px;
                     border-bottom: solid 3px #00bfff}

#big             {font-weight: bold;
                  font-size: 17px}

.box             {padding:5px;
                  text-align:center
                  }

.box .p1        {display:inline-block;
                 margin-right: 30px}
.box .p2        {display:inline-block;}

/*防大記録*/
table,th,td     {border: solid 1px #000000}
table           {margin-left: auto;
                 margin-right: auto}
caption         {font-size: 25px;
                 font-weight: bold;
                 margin-top: 20px}

th,td           {padding: 2px 18px 2px 18px}

/*リンク*/
a          {color: #000000}
a:hover    {color: #ff8800}
#link aside         {border: solid 2px #d6c588;
               border-radius: 5px; 
               padding: 5px;
               margin-bottom: 30px}

/*メンバー*/
#member section a      {background-color: #ffaa00;
                        background-image: -webkit-gradient(
                            linear,
                            left top,left bottom,
                            from(#ffe7b8),
                            to(#ffaa00));
                        background-image: -webkit-linear-gradient(
                            top,
                            #ffe7b8 0%,
                            #ffaa00 100%);
                        background-image: linear-gradient(to bottom,
                            #ffe7b8 0%,
                            #ffaa00 100%);
                        padding: 10px 70px;
                        border-radius: 10px
                        color: #000000;
                        font-weight: bold;
                        text-decoration: none;
                        margin-right: auto;
                        margin-left: auto;}

#member1 article img  {float: left;
                       margin-right: 20px}

#member1 article h1 {font-size: 24px;
                     border-left: initial}

#member1 section    {width: 900px;
                     margin-left: auto;
                     margin-right: auto}
#member1 section p  {font-size: 22px;}
#member1  header     {margin-bottom: 20px}

#member1 section a  {font-size: 30px;
                     padding: 30px;
                    }

#member1 p          {font-size: 20px;
                     padding: 0px;
                     margin-bottom: 0px}