body {
 text-align: center;
}

h1 {
 text-align: left;
}

h2 {
 font-size: 18px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #ff9900;
}

h2:first-letter {
 font-size: 30px;
}

#header {
 border-bottom-width: 4px;
 border-bottom-style: double;
 border-bottom-color: #ff9900;
}

#header p {
 text-align: left;
}

#guide {
 text-align: left;
 margin: 5px 5px 0px 10px;
}

#container {
 width: 760px;
 border-left: 1px;
 margin-left: auto;
 margin-right: auto;
 border-style: solid;
 border-color: #ff9900;
 border-width: 0px 1px 0px 1px;
}

#box {
 float: left;
 width:580px;
 margin-top: 10px;
}

#content {
 text-align: left;
 float:right;
 width:400px;
}

#content table {
 width: 300px;
 background-color: #ffffff;
 border-collapse: collapse;
}

#menu {
 float:right;
 width:160px;
 margin-right: 10px;	/* メニューの位置調整 */
}

#menu a{
 color: #000000;
 font-weight: bold;
 display: block;
 width: 100%;
}

#menu a:hover {
 background-color: #ffff00;
}

#sideBox {
 float:right;
 width:160px;
 margin-right: 5px;
 margin-top: 10px;
}

#sideBox a{
 color: #000000;
 font-weight: bold;
}

#sideBox a:hover {
 background-color: #ffff00;
} 

#footer {
 clear: left;
 border-style: solid;
 border-color: #ff9900;
 border-width: 1px 0px 1px 0px;
}

table {
 width: 160px;
 border: 1px #ff3333 solid;
 text-align: left;
 color: #000000;
 background-color: #ffcc00;
}

.menuTitle {
 background-color: #ffcc00;
}

td {
 border: 1px #ff3333 dotted;
 background-color: #ffffff;
}

th {
 border: 1px #ff3333 solid;
 text-align: center;
}

a:link {
 color:#000000;
}

a:visited {
 color:gray;
}

.hover a:hover {
 background-color: #ffcc00;
 color: #ffffff;
}

.sitename a:hover {
 background-color: #ffcc00;
 color: #ffffff;
}

hr {
 background-color: #000000;
 color: #000000;
 border: none;
 height: 1px; 
}

.step {
 font-weight: bold;
}