@charset "UTF-8";
body {
    background:#ffffff;
    font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, serif;
    color:#000000;
    margin: 0px auto;
    text-align:center;
    line-height:1.5em;
    width:800px;
}
h1, h2, h3, h4, h5, h6 {
    font-family:"Hiragino Kaku Gothic Pro",  Meiryo, sans-serif;
    font-weight:lighter;
}

header, nav, article, footer {
    display:block;
    font-size: 12pt;
    color: #000000;
    text-align: left;
}
header {
    text-align:center;
    background-color: #f5f5f5;
    border-radius: 4px;
	border:solid thin #d3d3d3;
}
header h1, header h2, header h3, header h4, header h5, header h6, header li, header p {
    font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, serif;
}
header h1 {
float:left;
margin-top: 0px;
margin-left: 20px;
text-align: left;
vertical-align: middle;
color: red;
    font-size:1.25em;
    text-transform:none;
    letter-spacing:0em;
}
header p {
float:right;
color:#696969;
font-size:0.75em;
margin:0 5px 0 0;
}
header p a {
color:#00ccff;
}
header p a:hover {
color:red;
}

nav {
clear:both;
    text-align: center;
	margin:5px 0;
	padding:0;
}

article {
clear:both;
    text-align:left;
    margin-bottom:10px;
}

article hgroup table#start {
width:600px;
height: 100px;
margin:5px 0 0 125px;
border-radius: 8px;
border:solid thin #99ccff;
background-color:#fff0f5;
}
article hgroup table#start td input#start-left {
width:200px;
height: 30px;
font-size:1.15em;
clear:right;
}
article hgroup table#start td input#start-right {
width:400px;
height: 30px;
font-size:1.15em;
clear:left;
}

article section {
    margin:0;
	text-align:center;
}

article h1 {
color:#000000;
font-size:1.25em;
margin:0px;
}
article section table {
width:780px;
margin-left:10px;
text-align:center;
border:none;
}
article section table td {
width:180px;
border:none;
font-size:0.9em;
margin:0;
padding:0;
}

article a {
color: #ff00ff;
text-decoration:none;
padding:5px;
}
article a:hover {
color: blue;
    background-color:pink;
	border-radius: 4px;
}
article a#blue {
color: blue;
text-decoration:none;
padding:5px;
}
article a#blue:hover {
color: red;
text-decoration:none;
padding:5px;
}
article a#purple {
color: purple;
text-decoration:none;
padding:5px;
}
article a#purple:hover {
color: red;
text-decoration:none;
padding:5px;
}

article a#water {
color: red;
text-decoration:none;
padding:5px;
    background-color:pink;
}
article a#water:hover {
color: red;
	border-radius: 4px;
    background-color: #00ccff;
}

footer {
    clear:both !important;
    padding:0px;
    border-radius: 4px;
	border:solid thin #d3d3d3;
    color:pink;
    background-color: #f5f5f5;
    font-size:0.8em;
    text-align:center;
}
footer a {
color: pink;
    margin:0px 5px;
}