/* レイアウトとボーダー */

body {
 margin: 0;
 padding: 0 30px;
 width: 600px;
}


/* 上のライン　水色 */
.c2 {
 color: #ffffff;
 background: #00bfff;
 width: 600px;
 margin-top: 0;
 margin-bottom: 0em;
 padding: 0.3em;
 }

/* 下のライン 　水色*/
.c3 { color: #ffffff;
 background: #00bfff;
 text-align: right;
 width: 600px;
 margin-top: 0;
 margin-bottom: 0;
 padding: 0.3em;
}

/* タイトル用ライン 　水色*/
.c4 {
 width: 600px;
 border-top: 1px solid #00bfff;
 border-bottom: 1px solid #00bfff;
 border-left: none;
 border-right: none;
 padding: 0.3em }

/* ナビゲーションバー 水色*/
.c5 {
 width: 600px;
 border-top: 1px solid #00bfff;
 border-bottom: 1px solid #00bfff;
 border-left: none;
 border-right: none;
 padding: 0.3em; 
 text-align: center;
}

/* 目次の見出し 水色*/
h2 {
 width: 600px;
 font-size: 12px;
 font-weight: 400;
 padding: 0.3em;
 border-left: 0.5em solid #00bfff;
 border-right: 1px dashed #00bfff;
 border-top: 1px dashed #00bfff;
 border-bottom: 1px dashed #00bfff;
}

/* 目次の見出し 水色*/
h3 {
 width: 450px;
 font-size: 12px;
 font-weight: 400;
 padding: 0.3em;
 border-left: 0.5em solid #00bfff;
 border-right: 0.5em solid #00bfff;
 border-top: 1px dashed #00bfff;
 border-bottom: 1px dashed #00bfff;
}

/* タイトルバー うすい水色*/
h4 {
 color: #000000;
 background: #59d6ff;
 font-weight: 700;
 width: 600px;
 margin-top: 0;
 margin-bottom: 0em;
 padding: 0.3em;
}

/* 本文スペース */
h5{
 border: none;
 width: 600px;
 margin-top: 10px;
 margin-bottom: 10px;
}