HTMLソースサンプル
/* YUI */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
/* Image Border*/
img {
border: 0
}
/* Page setting */
body {
font-size: 10pt;
color: #333333;
font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #0000FF;
}
/* header,nav,section,footerに適用 */
header, nav, section, footer {
border-right-width: 4px;
border-right-style: solid;
border-right-color: #EEEEEE;
width: 500px;
display: block;
}
/* h1 */
header h1 {
letter-spacing: .4em;
font-size: 120%;
margin: 0px;
padding: 20px;
line-height: 60px;
}
/* navi */
#navi {
list-style-type: none;
margin: 0px;
padding: 0px;
line-height: 25px;
height: 25px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #eeeeee;
border-bottom-color: #eeeeee;
}
#navi li {
list-style-type: none;
float: left;
padding-left: 5px;
line-height: 25px;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CCCCCC;
padding-right: 5px;
}
#navi li a {
padding-left: 10px;
padding-right: 10px;
display: block;
}
#navi li a:hover {
color: #333333;
background-color: #CCCCCC;
}
#navi li.now a {
color: #333333;
background-color: #CCCCCC;
}
/* main*/
#main h2 {
font-size: 110%;
margin: 0px;
padding: 0px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #EEEEEE;
line-height: 25px;
}
section#main {
padding: 10px;
max-width: 480px;
}
#main #block {
line-height: 135%;
margin: 0px;
padding: 10px;
}
/* footer */
footer {
font-size: 90%;
line-height: 25px;
text-align: center;
}