@charset "UTF-8";

.midasi01 {
    color: #FFFFFF;
    font-size: 1.4em;
    padding-top: 10px;
    padding-left: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 2px solid #FFFFFF;
    /*background-color: #242333;
    box-shadow: 4px 4px 0px #222222;*/
}
.midasi02 {
	display: block;
	text-decoration: none;
	float:left;
	width: 100%;
	/*font-size:0.9em;*/
}
.midasi03 {
	/*margin-left: 270px;*/
	border-bottom: 1px solid #5F8593;
	margin-top: 8px;
    margin-left: 12%;
	/*line-height: 0.8em;*/
}

.shikaku {
	color: orange;
}
.shikaku_css {
	color: cornflowerblue;
}
.midasi02:link { color: white; }
.midasi02:visited { color: white; }
.midasi02:hover { color: yellow; }
.midasi02:active { color: yellow; }

.midasi03:hover{
	border-bottom: 1px solid white;
	/*
	background-color:#5D96A4;
	*/
}
.midasi01_icon,.midasi02_icon{
	background-color: #4E9CF5;
	display: block;
	width: 100px;
	text-align: center;
	float: left;
	color: white;
	height: 30px;
	border-radius: 5px;
	padding-top:4px;
	margin:-3px 18px 0px -6px;
}
.midasi02_icon{
	background-color: #77A86B;
}

@media screen and (max-width: 800px) {
    .midasi03 {
        margin-left: 7%;
    }
}