body {
margin:0px 20px;
padding: 1px;
font-size:90%;
font-family:"ヒラギノ丸ゴ ProN";
color:#606060;
}
#header {
box-sizing: border-box;
height: 51px;
width: 105%;
background: #fff;
margin:3px 0px 0px -20px;
}
#iframe_header {
border: none;
display: block;
height: 100%;
width: 100%;
margin-left: 15px;
}
#span_ListHeader{
display:inline-block;
margin:1px 0px 1px -3px;
padding:3px 1px;
font-size:100%;
background: #84a2d4;
}
#span_ListBody{
display:inline-block;
width: 90%;
margin:1px 0px 1px -3px;
padding:3px 5px;
font-size:100%;
font-weight:bold;
background: #bce2e8;
}
#headerIroha {
box-sizing: border-box;
height: 55px;
width: 100%;
background: #fff;
position: fixed;
margin:3px 0px 0px -7px;
}
#main_body {
box-sizing: border-box;
top: 80%;
padding: 30px 5px 5px 5px;
}
@font-face{
font-family: 'gFontC';
src: url('./font/gFontC.woff') format('woff');
}
#haikuHead01 {
font-size:115%;
font-weight:bold;
font-family:gFontC;
background: linear-gradient(transparent 55%,#FAA755 85%);
width: 192px;
padding: 3px;
}
#haikuHead02 {
font-size:125%;
font-weight:bold;
font-family:gFontC;
padding: 5px;
}
#li_chr{
margin:3px 0px 3px -20px;
font-size:100%;
}
#li_sub_chr{
margin:3px 0px 3px -35px;
font-size:100%;
}
#li_sub2_chr{
margin:3px 0px 3px -38px;
font-size:100%;
}
#div_chr{
margin:0px 0px 0px 5px;
padding:3px 3px;
line-height:175%;
font-size:100%;
}
/*
.boxBlg{
width: 80%;
margin:5px 0px 0px 0px;
background:#eaffdf;
border:#82d35a 1px solid;
border-radius:6px;
padding:10px;
}
*/
.boxBlg {
position:relative;
width:calc(100% + 15px);
margin:9px 0px 0px -15px;
border-top:#006f27 solid 2px; /*上の境界線の指定*/
border-bottom:#006f27 solid 2px; /*下の境界線の指定*/
padding:5px 5px 5px 10px;
}
.boxBlg:before {
content:"";
position:absolute;
margin:0px 0px 0px -10px;
top:-10px; /*左の境界線を上にはみ出させる数値の指定*/
left:16px; /*左の境界線を内側に寄せる数値の指定*/
width:2px; /*左の境界線の太さの指定*/
height:calc(100% + 25px); /*左の境界線の長さの指定*/
background:#006f27; /*左の境界線の色の指定*/
}
.boxBlg:after {
content:"";
position:absolute;
top:-10px; /*右の境界線を上にはみ出させる数値の指定*/
right:5px; /*右の境界線を内側に寄せる数値の指定*/
width:2px; /*右の境界線の太さの指定*/
height:calc(100% + 25px); /*右の境界線の長さの指定*/
background:#006f27; /*右の境界線の色の指定*/ 
}
.boxBlg p{
margin:0px;0px;
padding:3px;3px;
letter-spacing: 0.1em;
}
.boxBlgS {
width: 100%;
margin:0px 0px 0px -5px;
background:#c4d9ff; /*背景色の指定*/
border-left:#4e7bcc 5px solid; /*左の境界線の指定*/
padding:2px;
}
.boxBlgS p {
font-weight:bold;
margin:0;
padding:5px;
letter-spacing: 0.1em;
}
#div_EndSiteCont {
text-align: center;
padding: 3px 5px;
}
#span_list_Nspace {
display:block;
font-size:1px;
line-height:3px;
}