@charset "utf-8";
*{box-sizing: border-box;}
html, body{
height: 100%;
margin:0;
padding: 0;
width: 100%;
max-width:100%;
}
body{
font-family: Candara, Arial, sans-serif;
font-size: 1.0em;
color:#333;
}
a, a:link, a:visited{
text-decoration: none;
color:#003390;
}
a:hover{
color:#F0A400;
}
/* normal */
@media(min-width: 760px) {
body{
padding: 1% 5% 1% 5%;
}
} /* @media */
/* mobile */
@media(max-width: 759px) {
body{
padding: 1% 5% 1% 5%;
}
} /* @media */
h1 {
font-size: 1.6em;
margin: 1em 0 0.5em 0;
font-weight: normal;
letter-spacing: 1px;
}
h2 {
font-size: 1.4em;
margin: 1em 0 0.5em 0;
}
h3 {
font-size: 1.2em;
margin: 1em 0 0.5em 0;
}
h4 {
font-size: 1.1em;
margin: 1em 0 0.5em 0;
}
h5 {
font-size: 1.0em;
margin: 1em 0 0.5em 0;
}
h6 {
font-size: 1.0em;
margin: 1em 0 0.5em 0;
}
/* table */
table, tr{
width:100%;
min-width: 100%;
max-width: 100%;
}
table{
border-spacing: 0;
border-collapse: collaps;
}
td{
vertical-align:top;
}
td, th{
padding: 5px;
}
th{
text-align: left;
background-color: #f5f5f5;
}
table, td, th{
border: 1px solid #ccc;
}