@charset "UTF-8";

/*
==================================================

   URL input
   記事 スタイル

==================================================
*/



/*
==================================================
  ヘッダ
==================================================
*/

#header {
display: table;
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 10px 0 8px;
background-color: #f0c45c;
}
#header a img {
border: none;
}

#header > div {
display: table-cell;
vertical-align: middle;
}

#header div.logo {
width: 70px;
text-align: center;
}
#header div.logo a {
display: inline-block;
width: 50px;
height: 50px;
}

#header div.title {

}
#header div.title h1 {
margin: 0;
font-size: 17px;
line-height: 130%;
}



/*
==================================================
  メイン
==================================================
*/

#main {
width: 100%;
max-width: 700px;
margin: 0 auto;
}

#main article {
margin: 30px 10px 40px;
}

#main article h2 {
margin: 0 0 20px;
padding: 0 0 5px;
border-bottom: 2px #c0c0c0 solid;
font-size: 20px;
line-height: 140%;
}

#main article p {
margin: 0 0 1.2em;
line-height: 170%;
}

#main article ol {
margin: 1.2em 0 1.2em 1.4em;
padding: 0;
}
#main article ol li {
margin: 0 0 14px;
line-height: 150%;
}

#main article dl {
margin: 1.2em 0;
}
#main article dl dt {
margin: 0 0 3px;
font-weight: bold;
}
#main article dl dd {
margin: 0 0 15px 10px;
line-height: 150%;
}

#main article figure {
margin: 1.5em 0;
}

#main section {
margin: 35px 0;
}
#main section h3 {
margin: 0 0 20px;
font-size: 18px;
line-height: 140%;
}

#main article p.back {
margin: 0;
text-align: center;
line-height: 100%;
}