@charset "utf-8";

/* サブナビ 固有  */
nav.sub_nav{
  border-top: solid 1.5px #ffcc66;
}
ul.sub_nav{
  border-left: solid 1.5px #ffcc66;
  border-bottom: solid 1.5px #ffcc66;
}

/*  アクセサリ画像　*/
.top_images{
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0 auto;
}
img.image01{
  display: none;
}
img.image05{
  display: none;
}


/*  区切りベルト　*/
h3.wide_belt{
  width: 100%;
  margin: 0 0 0 0;
  padding: 10px 30px 10px;
  background: #000;
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}


/* h1.page_title "９ｊ音楽ライブラリー は m_common.css */

/* 音楽ライブラリー目次　*/
p.itsumademo{
  text-align: center;
  padding: 15px 0 0 0;
  background-color: #ffcc66;
}
ul.sub_nav_top_music09{
  background-color: #ffcc66;
  padding: 0px 20px 10px;
}
ul.sub_nav_top_music09 li{
  background-color: #fff;
  padding: 6px 10px 5px 20px;
  border-bottom: dotted 2px #ffcc66;
  font-size: 14px;
}


/* ひとつひとつの記事　*/
.box{
  width: 100%;
  padding: 0 15px;
  margin: 0;
  border-top: solid 40px #ffcc66;
}
.box_img{
  width: 50%;
  margin: 20px auto;
}

/* 真ん中のコラム　*/
.right01{
  width: 100%;
  padding: 0 10px;
}
h4.heading{
  width: 100%;
  padding: 0 0 5px 0;
  margin: 0;
  border-bottom: solid 3px #ffcc66;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}
p.cd{
  margin: -3px 0 5px;
  padding: 6px 10px;
  background-color: #042234;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.box_contents{
  margin: 10px 0 0 0;
}
p.p00{
  width: 100%;
  margin: 0 0 15px 0;
  padding: 7px 10px 7px 15px;
  background-color: #eee;
  border-top: solid 1.5px #042234;
  font-size: 14px;
}
.p01{
  width: 100%;
  margin: 0;
  border-top: dotted 1.5px #000;
  padding: 10px 0;
  font-size: 14px;
}
p.date{
  margin: 0px 0 0 0;
  text-align: right;
  font-size: 11px;
}

/* 最右列のコラム　*/
.right02{
  width: 100%;
  padding: 0 10px;
  margin-top: -20px;
}
/* 解説　*/
.kaisetsu{
  width: 100%;
  margin: 0;
  padding: 10px 0 8px;
  font-size: 14px;
  color: #663300;
  font-weight: bold;
}
img.small{
  width: 20%;
  margin: 0 0 0 30px;
}
img.small02{
  width: 20%;
  margin: 0 0 0 30px;
}
.p03{
  width: 100%;
  margin: 0;
  font-size: 14px;
}
/* くの字型矢印 */
.arrow{
  border-top: solid 3px #003399;
  border-right: solid 3px #003399;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  margin: 0px 30px 0px 0;
  padding: 0;
}
p.pp{
  font-size: 14px;
  margin: -14px 0px 10px 16px;
}


/* 各記事から先頭へもどる　 */
p.return_top{
  margin: 15px 0 0 0;
  border-top: solid 5px gray;
  padding: 5px 0 5px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
p.return_top a{
  color: #000;
}


/* ページの先頭へもどる　 */
.return_pagetop{
  padding: 10px 0;
  margin: 0px 0 0 0;
  border-top: solid 2px gray;
  border-bottom: solid 2px gray;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.return_pagetop a:hover{
  color: gray;
}