@charset "utf-8";

.head-orange {
  padding: 0.15em;/*文字周りの余白*/
  color: #000000;/*文字色*/
  background: #ffcc00;/*背景色*/
  border-left: solid 5px #ff9900;/*左線（実線 太さ 色）*/
}

.fig-left{
  float:left;
  margin:0px 30px 15px 15px;
  width:150px;
}

.fig-left-w{
  float:left;
  margin:0px 30px 15px 15px;
  width:230px;
}

.clear {
  clear: both;/* 左右のfloatを解除 */
}

ul {
  padding-left: 40px;
}

/* リストの黒点を消して横並びにする */
.main-menu, .sub-menu {
  list-style: none;
  text-align: center /*左右中央寄せは親要素に対して指定*/    
}

.main-menu > li {
  display: inline-block; /* 親リストを横並び */
  width: 300px; 
  height: 375px;
  padding: 10px;
  margin: 10px; 
  vertical-align: middle;/*縦の表示位置*/
  font-weight: bold;
  background-color: #ffffcc;
}

.sub-menu {
  display: block; /* 子リストはブロック */
  padding: 10px 0px 5px 0px; 
  margin: 0px;
  background-color: #ffffcc; 
}

.sub-menu > li {
  display: block; /* 子リストの項目はブロック */
  padding: 10px;
  text-align: left;
  font-weight: normal;  
}