body {
  margin-top: 20px;
/*ホームページの幅設定＆中央揃え*/
  max-width: 900px;
  margin: auto;
/*ホームページの背景設定*/
  background-color: #ffffff;
  background-image: url(parts/back.jpg)
}



/*画像の幅を最適化する*/
img {
  width: 100%; /*bodyの幅に対する割合 */
  max-width: 900px;
}



/*親要素の影響を見るために<div>にフォントサイズ17pxを指定する*/
div{
font-size: 17px;
}



/*リンクのカラーリング（一般）*/
#b a:link { color: #333333; background: #fffaf0 }
#b a:visited { color: #333333;  background: #fffaf0 }
#b a:hover { color: #333333;  background: #fffaf0 }
#b a:active { color: #333333;  background: #fffaf0 }

/*リンクのカラーリング（５０音順のリスト用）*/
a:link { color: #ffffff; background: #ff9933 }
a:visited { color: #ffffff;  background: #ff9933 }
a:hover { color: #ffffff;  background: #ff9933 }
a:active { color: #ffffff;  background: #ff9933 }



/*フォントのカラーリング*/
span.white {
  color: #ffffff;
}
span.black1 {
  color: #333333;
}



/*検索窓部分の仕様*/
div.search {
  padding-top: 30px;
  font-size: 12px;
  margin: auto;
  text-align: center;
}



/*サブタイトルの仕様*/
div.subtitle {
  text-align: center;
  color: #333333;
}



/*◆ボックスのCSS◆*/

/*ボックスのCSS⇒　表題部分*/
div.top1 {
  border: 3px solid #191970;
  border-radius:10px;
  padding:2px;
  text-align:center;
  background-color:#000080;
}

/*ボックスのCSS⇒　個人紹介の各コンテンツの仕様（その１：名称）*/
div.cont1 {
  height: 12px;
  margin-top: 18px;
}

span.cont2 {
  margin-left: 12px;
  padding: 6px 10px;
  background: #ff9933;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
  letter-spacing:2px;
  border: 2px solid #ff7f50;
}

div.cont3 {
  border:5px solid #ff9933;
  padding:30px 20px 20px;
  font-size:1.2em;
  border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
  letter-spacing:5px;
  background: #fffaf0;
}

/*ボックスのCSS⇒　個人紹介の各コンテンツの仕様（その２：詳細なコンテンツ）*/
div.cont6 {
  border:2px solid #ff7f50;
  padding:30px 20px 20px;
  font-size:0.85em;
  border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
  letter-spacing:2px;
  background: #fffaf0;
}

/*ボックスのCSS⇒　５０音順一覧表*/
div.list50 {
  border: 2px solid #ff7f50;
  border-radius:25px;
  padding:15px;
  text-align:center;
  letter-spacing:5px;
  background-color:#ff9933;
  margin-top:18px;
  font-size: 1.3em;
}



/*見出しのフォント設定*/
h1 {
  font-size: 2.0rem;
  letter-spacing:15px;
}

h2 {
  font-size: 1.0rem;
}

h3 {
  font-size: 0.75rem;
} 



/*フッター（コピーライト）部分の仕様*/
div.footer {
  margin-top: 10px;
  font-size: 0.7em;
  text-align:center;
}






@media screen and (min-width:961px) {
/*pc用のcssを記述*/
}
  
@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/
}
 
@media screen and (max-width:375px) {
/*スマホ用のcssを記述*/
}