body
{background-color: #cccccc;
font-size: 80%;
text-align: center;
font-family: "MS UI Gothic",sans-serif;
padding: 0;
margin: 0;
}

a:link{
color: #cc6600;
text-decoration: underline;
}

a:visite{
color: #cc6600;
text-decoration: underline;
}

a:hover{
color: #cccccc;
text-decoration: underline;
}

#wrapper{
text-align: left;
margin: 1em auto 0;
width: 800px;
border: 1px solid #222;
background-color: #ffffff;
}

.contents{
width: 95%;
margin:auto auto 3em auto;
}


h1{
margin: 1em auto 1em auto;
font-size:150%;
color:#cc0099;}


h2{
color:#fff;
font-size: 120%;
margin-bottom: 1em;
padding: 5px 1em 2px 1em;
border-bottom: 2px solid #cc0099;
background-color:#cc0099;
}

h3{
font-size: 120%;
margin: 1.5em 0 1em 0;
padding: 5px;
border-bottom: 2px dotted #ccc;
}

.comment{
text-align:left;
margin: 1em auto;
padding: 3px;
border-top: 2px dotted #CC9966;
border-bottom: 2px dotted #CC9966;
background-color:#ffd78c;
width:250px;
}


.title{
font-size: 120%;
font-weight:bold;
color:#fff;
width: 100%;
margin: 0;
padding: 2px;
background-color: #cc0099;
}



.box000 { /* 親ボックス */
text-align: left;
margin: 2em auto 1em auto;
padding:0;
width: 100%;
background-color: #eee;
overflow: hidden;
}

.box00 { /* 親ボックス */
text-align: left;
margin: 2em auto 3em auto;
padding:0;
width: 100%;
background-color: #eee;
overflow: hidden;
border:2px solid #cc0099;
}


.box01 { /* ボックス1 */
width: 280px;
background-color: #ffd78c;
float: left;
margin: 1em;
padding:5px;
text-align:left;
} 

.box1 { /* ボックス1 */
width: 280px;
float: left;
margin: 1em;
padding:5px;
text-align:center;
} 

.box2 { /* ボックス2 */
width: 400px;
float: right;
padding: 1em;
}

.index{
width:800px;
margin:auto;
background-color: #ddd;
overflow: hidden;
}

.index2{
width:100px;
padding:3px;
margin:2px;
background-color: #eee;
float:left;
text-align:center;
font-weight:bold;
border:2px dotted #fff;
}

#footer{ padding: 0.5em 0.5em; }
#footer p{text-align: center;
font-size:x-small;}