2pxの枠線 - 炭水化物

文字色#564300　背景色#ada48c　マーカー色#dad5c7

HTML（「デザイン編集」や「body」に記入する）

CSS　（「HEAD間編集」に記入する）

a{
  color:#564300;
}
a:hover{color:#fff;}
.wrap{
  width:90%;
  max-width:500px;
  margin:70px auto;
}
.main{
 border:2px solid;
 margin-bottom: 30px;
 background:#fafafa;
 box-shadow:7px 7px #ada48c;
}

head{
}
h1{
font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin: 0;
    background: #ada48c;
    color: #fafafa;
}
}
nav{}
nav ul{
  list-style-type: none;
  padding-left: 0;
  font-size: 0;
   border-bottom:1px solid;
}
.navi2{border-bottom:none;}
nav li{
  display: inline-block;
  padding: 5px 20px;
  width:30px;
  font-size: 12px;
  border-right: 1px solid;
  text-align:center;
}
li.free{
width:auto;
}
.top{
 padding: 20px;
 min-height:100px;
}
.middle{
  padding: 20px;
 border-bottom:1px solid;
}
.bottom{
padding:20px;}

.page_title{
background:rgba(224,224,224,0.4);
}
.line{
background: linear-gradient(transparent 50%, #dad5c7 50%);
}
.usui{color:#ada48c;}
.usui a{color:#ada48c;}

hr{
border: 1px solid #fff;
margin:20px 0;}

.note_file img{
width:80px;
display:block;
margin-top:10px;
}
img{
max-width:400px;
margin-top:100px;
}

textarea ,input[type="text"], input[type="submit"],select{
border-radius:0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  }
textarea{
background:#d2cbb8;
color:#564300;
border:none;
 resize: auto;
  max-width: 400px;
  max-height: 500px;
  min-width: 250px;
  min-height: 50px;
  width:250px;
  height:50px
}
input[type="text"]{
padding:5px;
background:#d2cbb8;
color:#fafafa;
border:none;
font-size:12px;
margin-right:5px;
}
input[type="submit"]{
padding:5px 10px;
background:#ada48c;
border:none;
font-size:12px;
color:#fafafa;
vertical-align:middle;
}
input::placeholder {
  color: #fafafa;
}
.confirm{
   width:90%;
    max-width: 500px;
    margin: auto auto 50px;
    background: #ddd;
    padding: 20px;
    box-sizing: border-box;
}
</style>