}
h1 {
font-size:14px;
border-color: #3498db;
text-align:right;
position: relative;
padding-left: 25px;
}
h1:before {
position: absolute; content: '';
bottom: -3px; left: 0; width: 0; height: 0; border: none;
border-left:solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
h1:after {
position: absolute;
content: ''; bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223); }
h2{
font-size:13px;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid #ccc;
}
h2::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #3498db;
}
h3{
font-size:16px;
padding: .5em;
position: relative;
}
header{
margin: 0 auto;
max-width:540px;
font-size:12px;
text-align:center;
padding: 0.2em;/
}
footer{
margin: 0 auto;
max-width: 540px;
padding:10px;
text-align:center;
font-size:13px;
}
input[type]{
background: #fff;
border: #444 solid 1px;
box-shadow: none;
color: #444;
font-family: 'Ovo',"メイリオ",serif;
font-size: 12px;
height: auto;
margin: 0;
padding: 3px;
}
input[type=text]{
border: #444 solid 1px;
margin: 2 4px;
width: 100px;
color:#444;
}
input[type=submit]{
margin: 4px;
padding: 4px 5px;
width: auto;
border: #444 solid 1px;
color:#444;
}