body {
font-family: Helvetica, Arial, Verdana;
font-size:12px;
}

#toucyouki {
margin-top: 5%;
margin-left: 10%;
margin-bottom: 5%;
margin-right: 10%;
padding: 0px;
color: #000000;
}

#toucyouki a, a:visited {
color: #990099;
text-decoration: none;
}

#toucyouki a:hover {
color: #000000;
text-decoration: none;
}

#toucyouki h2 {
font-size: 20px;

color: #990099;
font-weight: bold;
margin-bottom: 10px;
}
#toucyouki h3 {
font-size: 16px;
color: #990099;
font-weight: bold;
margin-bottom: 10px;
}

.tantei {
background-image: url(dog.jpg); 
background-repeat: no-repeat; 
background-position: right top;
background-color: #ffffff;
font-size: 35px;
color: #990099;
text-indent: 20px;
height: 100px;
border-right: solid 2px #000000;
border-bottom: solid 2px #000000;
padding: 5px;
}

.tantei h1 {
text-indent: 40px;
font-size: 15px;
color: #000000;
font-style: italic;
}


.tyousa {
width: 125px;
float: left;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
font-size: 17px;
padding: 10px;
margin-right: 20px;
margin-bottom: 10px;
}

.tyousa h2 {

font-size: 17px;
color: #000000;
font-weight: bold;
margin-bottom: 2px;
}

.tyousa a, a:visited {
display: block;

text-decoration: none;
color: #990099;
}

.tyousa a:hover {
background-repeat:no-repeat; 
background-position:left center;
text-decoration: none;
color: #000000;
}

.footer {
text-align: center;
border-top: solid 2px #000000;
margin-top: 20px;
margin-left: 15%;
margin-right: 15%;
font-size: 15px;
}
/*
http://www.toucyouki.com/
*/