@charset "UTF-8"; /* CSS Document */ header{ text-align: center;/* テキストの行揃え(center = 中央揃え) */ margin: 30px 0 20px 0;/* ブロックの外側の隙間 */ } nav{ width: 980px; margin: 0 auto 30px auto; } nav ul{ display: flex;/*縦並びを横並びに変える(仮)*/ } nav ul li{ width:20%; background-color: #29abe2; color:white; font-size: 14px; padding: 25px 0; text-align: center; } section.main-img{ text-align: center; margin: 0 0 40px 0; background-color: #fef9b0;/* ブロックの背景色(英数字の場合は頭に#) */ line-height: 0;/* テキストの行間 */ } section.welcome{ border-color: #29abe2;/* 枠線の色 */ border-style: solid;/* 枠線の装飾(solid = 通常線) */ border-width: 1px;/* 枠線の太さ */ /* 3つの命令で1セット */ width: 980px;/* ブロックの横幅 */ margin: 0 auto 40px auto;/* ブロック自体の中央揃え(左右にauto) */ text-align: center; padding: 20px 0;/* ブロックの内側の隙間 */ } section.welcome h3{ color: #29abe2;/* テキストの色 */ font-size: 40px;/* テキストのサイズ */ margin: 0 0 6px 0; } section.welcome p{ font-size: 13px; line-height: 1.5; } section.menu{ width: 980px; margin: 0 auto 80px auto; } section.menu h4{ font-size: 18px; color: #29abe2; padding: 25px 0 0 0; } section.menu p{ font-size: 13px; padding: 18px 0 0 0; } footer{ width: 980px; margin: 0 auto 60px auto; text-align: center; border-top-color: #29abe2; /*top=天井の線*/ border-top-style: dotted; border-top-width: 1px; padding: 42px 0 0 73px; font-size: 11px; } footer small{ }