/*見出し*/
/*水色のコンテンツ見出し*/
h1 {
  padding: 0.3em;
  border-left: 10px solid lightskyblue;
  border-bottom: 2px solid lightskyblue;
  font-size: 20px;
  font-weight: bold;
}

/*見出し　ストライプ　ボックス風*/

h2 {
  color: #6cb4e4;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 0.5em;
  width: 30%;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f4faff, #f4faff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f4faff, #f4faff 3px,#e9f4ff 3px, #e9f4ff 7px);
}



/*オレンジ水色下線見出し*/
h3 {
  border-bottom: solid 3px skyblue;
  position: relative;
  font-size: 20px;
  font-weight: bold;
}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}


/*左オレンジ線*/
h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #000000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px orange;/*左線*/
  font-size: 16px;
  font-weight: bold;
}



/*左オレンジ線　小*/
h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  margin: 1em 0;
  color: #000000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px orange;/*左線*/
  font-size: 14px;
  font-weight: bold;
}



/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

/*テーブル内*/
td {
font-size:14px; /*フォントの大きさ*/
line-height:150%; /*行間*/
}


/*行間*/
p {
  line-height: 1.5;

}


/*リンク*/
a { 
text-decoration:underline; 
font-weight:bold;

 } 
a:link {
color:#cc0000;
}

a:visited {
color:#cc0000;
}

a:hover {
color:darkorange;
text-decoration:underline;
}

a:active {
color:#cc0000;
}


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/


/*罫線*/

/*グレードット*/
.bar1 {
	border:0; border-top:3px dotted #bbb;
}


/*グレーライン*/
.bar2 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
}

/*グレーシャドウ付き*/
.bar3
 {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
}

/*水色破線*/
.bar4
{
  border:0;
  border-top: 2px dashed lightskyblue;
}

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

/*文字の下線*/
.under1 {
  border-bottom: solid 3px gold;
}

/*ちょっとマーカー*/
.under2 {
  background: linear-gradient(transparent 50%, #ffe0ef 50%);
}


/*フルマーカー*/
.under3 {
  background: linear-gradient(transparent 0, #ffe0ef 0);
}



/*文字囲み*/
/*グレー*/
.cube1{
border-style: solid;/* ボーダーを実線に */
border-width: 1px;/* ボーダー線の太さを1pxに  */
border-color: #c0c0c0;/* ボーダー線の色を指定 */
color:#000000;  /* ボーダー線の色を指定 */
font-size: 90% ;/* フォントのサイズを90%に縮小して表示 */
border-radius: 5px 5px 5px 5px;    /* 囲い四角の四隅に丸みをつける  */ 
padding: 5px 5px 5px 5px ;/* 文字と四角の間に余白をつくる  */
margin-left : 2px;/* 左隣りの文字とのスペースを2pxつくる  */
margin-right: 2px;/* 右隣りの文字とのスペースを2pxつくる  */
vertical-align: 3%;  /* 上下のずれを微修正；少し上に移動  */
background-color: whitesmoke;/* 背景に色を付ける  */   
}

/*赤*/
.cube2{
border-style: solid;
border-width: 1px;
border-color: crimson;
color: white;  
font-size: 90% ;
border-radius: 5px 5px 5px 5px;    
padding: 5px 5px 5px 5px ;
margin-left : 2px;
margin-right: 2px;
vertical-align: 3%;  
background-color: crimson;
}

/*オレンジ*/
.cube3{
border-style: solid;
border-width: 1px;
border-color: darkorange;
color: white;  
font-size: 90% ;
border-radius: 5px 5px 5px 5px;    
padding: 5px 5px 5px 5px ;
margin-left : 2px;
margin-right: 2px;
vertical-align: 3%; 
background-color: darkorange;
}



/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/


/*ボックス*/
/*青フチ・グレーバックのミニボックス 50%*/
.box1{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;
    background: whitesmoke;/*背景色*/
    border-left: double 7px lightskyblue;/*左線*/
    border-right: double 7px lightskyblue;/*右線*/
    width:50%;
　　text-align: center;
    font-size: 13px;
    
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/*青フチ・グレーバックのミニボックス 15%*/
.box2{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;
    background: whitesmoke;/*背景色*/
    border-left: double 7px lightskyblue;/*左線*/
    border-right: double 7px lightskyblue;/*右線*/
    width:15%;
　　text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* シンプル囲み枠ピンク*/

.box3 {
    padding: 1em;
    margin: 1em 0;
    border: solid 1px hotpink;
    width: 90%;
    text-align: center;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/* シンプル囲み枠ピンク　ミニ*/

.box4 {
    padding: 1em;
    margin: 1em 0;
    border: solid 1px hotpink;
    width: 50%;
    text-align: center;
}
.box4 p {
    margin: 0; 
    padding: 0;
}


/* 角丸囲み*/
.box5 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
　　width: 50%;
}
.box5 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

/* ボタン*/
/*角丸
.btn1{
width: 10%;
padding: 15px 10px;
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
background-color: #fff;
border: solid 1px #bbb;
border-radius: 10px;
}*/

/*左オレンジポストイット風*/

.btn1{
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  text-align: left;
  border: 1px;
  background: white;
  border: solid 1px #bbb;
  border-left: solid 10px orange;
}



/*水色　左と下*/

.btn2{
  display: inline-block;
  padding: 5px 20px;
  margin: 1em 0;
  text-decoration: none;
  text-align: left;
  border: 1px;
  background: white;
  border-left: solid 8px lightskyblue;
  border-bottom : solid 1px lightskyblue;
}