@charset "utf-8";


/*-----------------------------------------------------
body
-------------------------------------------------------*/
body#anser{
	background: #ffd556;
}

/*-----------------------------------------------------
Anser
-------------------------------------------------------*/
#anser .baitorucom{
	margin:25px 0 0 0;
}
#anser #Container{
	width:100%;
	background:url(../../images/bg_colorbar.gif) top repeat-x;
}
#anser #contents{
	width:100%;
	background:url(../../images/anser_ttl_bg.jpg) repeat-x;
}
#anser .wrapper{
	width: 1005px;
	margin: auto;
}
#anser .cont_area{
	width:1005px;
	margin:0 auto;
	background:url(../images/anser_cont_bg.png) repeat-y ;
}
#anser .cont_bottom img{
	margin-top:50px;
	vertical-align:bottom;
}
#anser .anser_cont_bottom img{
	vertical-align:bottom;
}
#anser .quiz_ttl{
	margin-top:5px;
	margin-bottom:20px;
}
#anser .good_area_blue,
#anser .good_area_orange,
#anser .good_area_green,
#anser .good_area_white,
#anser .good_area_yellow{
	width:1005px;
	height:490px;
	margin:0 auto;
}
#anser .bad_area_blue,
#anser .bad_area_orange,
#anser .bad_area_green,
#anser .bad_area_white,
#anser .bad_area_yellow{
	width:1005px;
	height:435px;
	margin:10px auto 0;
}
#anser .good_area_blue{
	background:url(../images/blue_good_anser_bg.png) no-repeat;
}
#anser .bad_area_blue{
	background:url(../images/blue_bad_anser_bg.png) no-repeat;
}
#anser .good_area_orange{
	background:url(../images/orange_good_anser_bg.png) no-repeat;
}
#anser .bad_area_orange{
	background:url(../images/orange_bad_anser_bg.png) no-repeat;
}
#anser .good_area_green{
	background:url(../images/green_good_anser_bg.png) no-repeat;
}
#anser .bad_area_green{
	background:url(../images/green_bad_anser_bg.png) no-repeat;
}
#anser .good_area_white{
	background:url(../images/white_good_anser_bg.png) no-repeat;
}
#anser .bad_area_white{
	background:url(../images/white_bad_anser_bg.png) no-repeat;
}
#anser .good_area_yellow{
	background:url(../images/yellow_good_anser_bg.png) no-repeat;
}
#anser .bad_area_yellow{
	background:url(../images/yellow_bad_anser_bg.png) no-repeat;
}
#anser .good_point_area{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .good_point_hundred{
	display:none;
}
#anser .good_point_ten{
	position:absolute;
	top:150px;
	left:330px;
}
#anser .good_point_one{
	position:absolute;
	top:150px;
	left:500px;
}
#anser .good_pointer{
	position:absolute;
	top:275px;
	left:657px;
}
#anser .good_point_area .one{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .one .good_point_hundred{
	display:none;
}
#anser .one .good_point_ten{
	display:none;
}
#anser .one .good_point_one{
	position:absolute;
	top:150px;
	left:407px;
}
#anser .one .good_pointer{
	position:absolute;
	top:275px;
	left:570px;
}
#anser .good_point_area .full{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .full .good_point_hundred{
	position:relative;
	top:147px;
	left:266px;
	display:block;
}
#anser .full .good_point_ten{
	position:relative;
	top:-57px;
	left:406px;
}
#anser .full .good_point_one{
	position:absolute;
	top:150px;
	left:577px;
}
#anser .full .good_pointer{
	position:absolute;
	top:275px;
	left:730px;
}

#anser .bad_point_area .one{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .bad_point_area{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .bad_point_ten{
	position:absolute;
	top:170px;
	left:360px;
}
#anser .bad_point_one{
	position:absolute;
	top:170px;
	left:500px;
}
#anser .bad_pointer{
	position:absolute;
	top:274px;
	left:617px;
}
#anser .bad_point_area .one{
	position:relative;
	width:1005px;
	margin:0 auto;
}
#anser .one .bad_point_ten{
	display:none;
}
#anser .one .bad_point_one{
	position:absolute;
	top:170px;
	left:434px;
}
#anser .one .bad_pointer{
	position:absolute;
	top:274px;
	left:563px;
}

#anser .cont_wrap{
	width:724px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#anser .anser_bold{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
}
#anser .anser_text{
	font-size:13px;
	line-height:1.6em;
}
#anser .quiz_top_btn{
	text-align:right;
	width: 938px;
	margin: 40px auto 0;
}
/*-----------------------------------------------------
FindLink2
-------------------------------------------------------*/
#FindLink2{
	width:938px;
	margin:30px auto 0;
}
#FindLink2 h3.blue,
#FindLink2 h3.orange,
#FindLink2 h3.green,
#FindLink2 h3.white,
#FindLink2 h3.yellow{
	width:865px;
    padding:9px 0 0 65px;
    height:30px;
    overflow:hidden;
    color:#555;
    font-size:167%;
    line-height:1.2;
	margin-left:3px;
}
#FindLink2 h3.blue{
    border-top:3px #004098 solid;
    border-bottom:3px #004098 solid;
	background: url(../images/b_sprite_main.png) -830px -137px no-repeat;
}
#FindLink2 h3.orange{
	border-top:3px #f29600 solid;
    border-bottom:3px #f29600 solid;
	background: url(../images/o_sprite_main.png) -830px -300px no-repeat;
}
#FindLink2 h3.green{
	border-top:3px #009844 solid;
    border-bottom:3px #009844 solid;
	background: url(../images/g_sprite_main.png) -830px -280px no-repeat;
}
#FindLink2 h3.white{
	border-top:3px #595757 solid;
    border-bottom:3px #595757 solid;
	background: url(../images/w_sprite_main.png) -830px -135px no-repeat;
}
#FindLink2 h3.yellow{
	border-top:3px #fdd000 solid;
    border-bottom:3px #fdd000 solid;
	background: url(../images/y_sprite_main.png) -830px -280px no-repeat;
}
#FindLink2 ul{
    clear:both;
    padding: 0 0 0 30px;
	width:938px;
	box-sizing: border-box;
	margin-bottom: 166px;
}
#FindLink2 ul li{
    display:block;
    float:left;
    margin-right:17px;
}
#FindLink2 ul li a{
    color: #6B7880;
    width:110px;
    height:110px;
    float:left;
    display:block;
}
#FindLink2 ul li a:hover,
.quiz_top_btn a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none
}

/* BOMS通常設定をキャンセル */
#FindLink2 ul li a{
	text-indent:0;
	background: #fff !important;
}


/*-----------------------------------------------------
crosslink 幅指定
-------------------------------------------------------*/
#contents .crossLink {
	width:980px;
	margin:20px auto 20px auto;
}

/*-----------------------------------------------------
ページ下＆フッター設定
-------------------------------------------------------*/

#anser #contents{
	padding-bottom:20px;
}
#footer01{
  background: #fff;
}
.nav_pagetop p{
  padding: 10px 0;
  width: 920px;
}

/*-----------------------------------------------------
Twitterシェアボタン
-------------------------------------------------------*/
#anser .cont_wrap p.twttr_btn{
	width:360px;
	margin:0 auto 30px;
}
#anser .cont_wrap p.twttr_btn a{
	display:block;
	border-radius:5px;
	height:48px;
	line-height:48px;
	color:#fff;
	text-align:center;
	font-size:20px;
	color: #fff;
	background-color: #55acee;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#0C000000)";
	border: 1px solid #3b94d9;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	font-weight: bold;
	letter-spacing:2px;
}
#anser .cont_wrap p.twttr_btn:hover a{
	background-color: #55acee;
	background-image: linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.15));
	text-decoration:none;
}
/*-----------------------------------------------------
「バイトルTOPへ」ボタン
-------------------------------------------------------*/
#anser .cont_wrap p.baitoru_btn{
	width:360px;
	margin:0 auto 30px;
}
#anser .cont_wrap p.baitoru_btn a{
	display:block;
	border-radius:5px;
	height:48px;
	line-height:48px;
	color:#fff;
	text-align:center;
	font-size:20px;
	color: #fff;
	background-color: #ff0000;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#0C000000)";
	border: 1px solid #cc0000;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	font-weight: bold;
	letter-spacing:2px;
}
#anser .cont_wrap p.baitoru_btn:hover a{
	background-color: #FF3300;
	background-image: linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.15));
	text-decoration:none;
}


/*-----------------------------------------------------
add 追加 2020.01.17
-------------------------------------------------------*/

/*   header
--------------------------------------------- */
.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    border-top: 10px solid #444444;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2.97px 0.03px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 1px 2.97px 0.03px rgba(68, 68, 68, 0.2);
}

/*  header-container
--------------------------------------------- */
.header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin: 0 auto;
    padding: 10px 0;
    width: 980px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;

	height: 80px;
	box-sizing: border-box;
	background: #fff;
}

/*  header-info
--------------------------------------------- */
.header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    -ms-flex-align: center;

    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.header-info__text {
    margin-right: 15px;
    font-size: 11px;
    line-height: 1;
}

.header-info__twitter {
    margin-right: 10px;
    height: 20px;
}

.header-info__facebook {
    position: relative;
    width: 72px;
    height: 20px;
}

/*.header-info__facebook iframe {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.header-content {
	margin-top: -40px;
}

#contents .wrapper{
	padding-top: 90px;
}



/*  footer-info
--------------------------------------------- */
.footer-info {
    padding: 30px 0 45px;
    text-align: center;
    background: #fff;
}

/*  footer-logo
--------------------------------------------- */
/*  footer-copyright
--------------------------------------------- */
.footer-copyright {
    margin-top: 15px;
}

.footer-copyright__text {
    color: #999999;
    font-size: 16px;
}