body{
    margin: 0px;
    padding-top : 70px;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


@media (max-width: 767px) {

    h3{
	font-size: 150%;
    }

    #angular_body{
	padding-bottom : 70px;
    }
}

a.branch-btn{
    margin : 0px 0px 10px ;
    width: calc( 100% - 45px );
}

div.angular_container{
    padding: 0px 0px;
}

.fuelfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    padding-top : 10px;
    padding-right : 20px;
}

@media (max-width: 767px) {
    .fuelfooter {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #f5f5f5;
	padding-top : 10px;
    }
}

div.maincontainer{
    padding-bottom : 70px;
}

div.normalpadding {
    padding : 20px;
}

div.qblock{
    position: relative;
    padding : 5px 0px 10px 10px;
    border-radius: 5px;
    margin : 10px;
    border : 1px solid #ddd;
}

div.question_and_choices{
    position: relative;
    z-index : 10;
}

div.rate_sign{
    position: absolute;
    z-index: 4;
    margin-right: 0px;
    width : 100%;
    text-align : right;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 5px;
    margin-top : -30px;
    opacity: 0.8;
}

div.rate_sign > span.glyphicon{
    font-size: 5em;
    color: #ccc;
    vertical-align : middle;
}

div.correct{
    background-color: #efa;
}

div.incorrect{
    background-color: #fdd;
}

label.choice{
    width: 200px;
}

@media screen and (max-width: 480px) {
    label.choice{
	width: 300px;
    }
}

div.result {
    font-size : 200%;
    font-weight : bolde;
}

div.question_text{
    font-size: 110%;
    margin-top : 5px;
    margin-bottom : 5px;
}

div.related_category{
    font-size: 80%;
    font-style: italic;
    margin-left: auto;
    text-align : right;
    padding-right : 10px;
    margin-bottom: 5px;
}

div.japanese{
    margin-left: 1.5em;
}

button.japaneseButton{
    margin-right: 10px;
}

div.japanese_rated_page{
    display: none;
}

span.question_number{
    font-style: italic;
    font-size: 60%;
}

input[type="checkbox"].categorynumber {
    display: none;
}

label.categorynumber{
    width : 4.5em;
    text-align: right;
}

button.next-button{
    width : 100%;
}

@media (max-width: 767px) {
    div.float_footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
	padding-top : 10px;
    }
}

span.helpmark{
    font-size : 20px;
    margin : 5px 5px 5px 5px;
}

span.helpmark:hover{
    cursor: pointer;
}