/* CSS Document */

H2{
	background-color:#1CA4BB;
	background-size:100%;
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
#content section {
    margin: 40px 0;
    width: 90%;
}
#content section h3 {
    font-size: 1.3em;
	font-weight:bold;
    margin-bottom: 18px;
	background-color:#DCDCDC;
	text-indent:0.5em;
}
#content section dl{
	margin-left:1.5em;
}


#content section dl:after {
    content:"";
    display:block;
    clear: both;
}
#content section dl dt {
    width: 20%;
    float: left;
    line-height:1.8em;

}
#content section dl dd {
    width: 80%;
    float: left;
    line-height:1.8em;
}
#katsdou p{ 
       margin-left:1.5em;
}
.image{/*726*/
	width:90%;
	margin:20px 40px 30px;
}
.image:after{
	content:"";
	display:block;
	clear:both;
}
.image_mouseover {
overflow: visible;
width: 100%;
height: 100%;
}
.image_mouseover img {
display: block;
transition-duration: 0.5s;
}
.image_mouseover img:hover {
transform: scale(2.0,2.0);
transition-duration: 0.8s;
}

.left{
	width:38%;
	float:left;
	margin-left:20%;
}
.left img{
	width:90%;
}

.right{
	width:38%;
	float:right;
	margin-right:1%;
}
.right img{
	width:90%;
}

.right video{
        width:90%;
	height:auto;
}





@media only screen and (max-width: 835px) {
#content section {
    width: 100%;
}
}
@media only screen and (max-width: 570px) {
#content section dl dt {
    width: 100%;
    float: none;
}
#content section dl dd {
    width: 97%;
    float: none;
    padding-left: 3%;
}
}