﻿.tozaiBlocks {
	font-size: 0.9em;
	padding: 2px 5px 1px 5px;
	margin: 0 2px 0 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.tozaiBg {
	color: #fff;
	background-color: #B0212F;
}
.mainteNoticeBlock {
	float: left;
	clear: both;
	margin: 0 0 26px 30px;
}

.mainteNoticeBlockBousai {
	float: left;
	clear: both;
	margin: 0 0 26px 30px;
	width: 100%;
}

.mainteBox {
    padding: 5px 10px 5px 10px;
    color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #ff0000;

    /* 角丸 */
    border-radius: 16px;
    -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.mainteAnchor {
    /*vertical-align:bottom;*/
    /*padding: 20px 0 0 0;*/
}

.btnRed, .btnBlue, .btnYellow, .btnPink {
	float: left;
	color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: .9em;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 -5px 4px;
	background-color: #ff4444;
}
.btnBlue {
	background-color: #0078D8;
}

.btnYellow {
	background-color: #F9AB14;
}

.btnPink {
	background-color: #FF5F85;
}

.btnBousai {
	float: left;
	color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: .9em;
	padding: 5px 10px 5px 10px;
/*	margin: 10px 0 -5px 4px; */
	background-color: #ff4444;
	width: 95%;
}

.topicPanel {
    margin: 0 0 10px 0;
    padding 0;
}
#mainNewsBlock p.topics {
	margin: 10px 0 0 2px;
}
#mainNewsBlock p.topics-2nd {
	margin: 10px 0 0 78px;
	float: left;
	clear: both;
}

/* tablet */
@media only screen and (min-width: 700px) and (max-width: 999px) {
    .mainteNoticeBlock {
	    margin: 16px 0 -5px 10px;
    }
    .mainteNoticeBlockBousai {
	    margin: 16px 0 -5px 10px;
    }
    #mainNewsBlock p.topics {
        width: 94%;
        margin-left: 20px;
        padding: 0;
    }
    #mainNewsBlock p.topics-2nd {
        margin: 10px 0 0 100px;
    }
}

/* smart phone */
@media only screen and (max-width: 699px) {
    .mainteNoticeBlock {
	    float: left;
	    clear: both;
	    margin: 16px 0 0 10px;
/*	    margin: 0 0 0 10px; */
    }
    .mainteNoticeBlockBousai {
	    float: left;
	    clear: both;
	    margin: 16px 0 0 10px;
    }
    .btnRed, .btnBlue, .btnYellow, .btnPink {
        width: 85%;
    }
    .btnBousai {
        width: 90%;
    }
    #mainNewsBlock p.topics {
        margin-left: -4px;
    }
    #mainNewsBlock p.topics-2nd {
        margin: 10px 0 0 84px;
    }
}
