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 #ff7f50;
  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.back1 {
  border: 1px solid #ff7f50;
  border-radius:5px;
  padding:2px;
  text-align:center;
  letter-spacing:5px;
  background-color:#ff9933;
  margin-top:18px;
  font-size: 20px;
}




/*見出しのフォント設定*/
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;
}




/*運営ページのレイアウト*/
/*ボックスのCSS⇒　運営ページの仕様*/
div.cont7 {
  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;
}

span.right {
  text-align:right;
  letter-spacing:2px;
}

span.center {
  font-size: 1.3em;
  text-align:center;
  letter-spacing:2px;
  margin-top:18px;
}





@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を記述*/
}