@charset "UTF-8";
body    { 
         margin: 0;
         padding: 0;
         fon-size: 13px;
         color:#4d4d4d;
         background-image: url("../images/wallai.gif");
        }
h2 {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}
h3      {
         text-align: center;
        }
h4      {
         text-indent: 1em;
        }
hr      {
         width: 400px;
        }
hr.style1{
	     border-top: 1px solid #8c8b8b;
	     }
hr.style2{
	     border-top: 1px solid blue;
        }
p       {
         width: 580px;
        }
p.long       {
         width: 1010px;
        }
p.migi      {
         width: 414px;
        }
p.spacel  {
           padding-left: 1em;
           width: 598px;
          word-break: break-all;
}
p.spacer  {
           padding-left: 1em;
           width: 414px;
          word-break: break-all;
}
        
img      {
         border: none;
        }
a        {
         text-decoration: none;
         color:#4d4d4d;
        }
a:hover        {
         text-decoration: underline;
        }
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.btn-r {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: blue;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-red {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: red;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-r:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.ba        {
         text-decoration: underline;
         color:#000000;
        }
.ba:hover        {
         text-decoration: none;
         color: blue;
        }
#wide {
         margin: 0 auto;
         background: #ffffff;
         width:1048px;
         height: auto;
         overflow:hidden
        }
#wrapper {
         margin: 0 auto;
         background: #ffffff;
         width:1036px;
         height: auto;
         overflow:hidden
        }
#header {
        color: #4d4d4d;
        background: #dddddd;
        }
#header .navi {
        background-color: #c0c0c0;
        padding: 3px;
        font-size: 80%;
       }
#main {
        color: #4d4d4d;
        background: #ffffff;
        width: 1024px;
        float: right;
        clear: both; 
      }
#mainl {
        color: #4d4d4d;
        background: #ffffff;
        text-align: left;
        width: 512px;
        float: left;
      }
#mainr {
        color: #4d4d4d;
        background: #ffffff;
        text-align: left;
        word-break: normal;
        width: 512px;
        float: right;
      }
#footer {
        color:#6c6c6c;
        background: #dddddd;
        text-align: right;
        clear: both;
        }
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #6c6c6c;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px green;/*old #FFC107*/
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    background: #FFC107;
    color: #FFFFFF;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}