@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------------トップ検査結果 */
.top_resultarea{
  border: 1px solid #15B2B3;
    float: left;
    position: relative;
    width: 670px;
    clear:both;
    margin-left:10px;
}
.top_resultarea h3{
  background:#15B2B3;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  padding:0;
  margin:0;
}
.result_list {
  border-bottom:1px dotted #999;
  padding:0 15px;
  clear:both;
  overflow:hidden;
}
.result_list .tit{
  font-weight:bold;
  padding-top:10px;

}
.result_right{
  float:right;
  padding-bottom:10px;

}
.resultimg{
  float:left;
  margin-top:5px;
  padding-bottom:10px;
}

.score{
  font-weight:bold;
  margin-top:30px;

}
.btnSS {
    float: left;
    margin: 5px 0 0;
    height:28px;
}
.btnSS a {
    padding: 0 11px 0 40px;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
}

.btnSS img {
    left: 8px;
    top: 4px;
}
/* ------------------------------------------------------------------------------------------------------------ページ送り */
.sch_page_top{
    padding-right:10px;
}

.sch_pagePath{
float:left;
padding:0 5px 10px 19px;
}

.pagingBox {
  margin:20px 0;
  padding:0;
  text-align:center;
  width:auto;
}
.pagingBox ul li, .pagingBox ul li a {
color:#2A2A2A;
display:inline;
font-size:15px;
margin:0 1px;
line-height: 30px;
}
.pagingBox ul li a {
border:1px solid #AAA;
padding:1px 8px;
text-decoration:none;
}
.pagingBox ul li a:hover {
background:#15B2B3;
border:1px solid #AAA;
color:#fff;
}
.pagingBox ul li.current a {
background:#15B2B3;
color:#fff;
text-decoration:none;

}

/* ------------------------------------------------------------------------------------------------------------検索結果 */
.resultarea{
    float: left;
    position: relative;
    width: 680px;
    clear:both;
}
.resultarea h3{
  padding:5px;
  margin:0 0 10px 0;
  background:#E8E8E8;
  font-size:13px;

}
/* ------------------------------------------------------------------------------------------------------------指文字 */
.fingerbox{
  margin-bottom:45px;
  overflow:hidden;
  width: 810px;
}
.code {
  float:left;
  width:90px;
  margin-right:10px;

}
.code_s {
  float:left;
  width:90px;
  margin-right:30px;
}
.code_r {
  float:left;
  width:90px;

}
.code_2space {
  float:left;
  width:90px;
  margin-right:230px;

}
.code_space_r {
  float:left;
  width:90px;
  margin-right:100px;

}
.code_3space_r {
  float:left;
  width:90px;
  margin-right:320px;

}
.code h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_s h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_2space h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_3space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.alphabox{
  margin-bottom:45px;
  overflow:hidden;
  clear: both;
  float: left;
  position: relative;
  width: 690px;
}
.numberbox{
  margin-bottom:45px;
  overflow:hidden;
  width: 990px;
}
.code_space {
  float:left;
  width:90px;
  margin-right:110px;
}
.code_2space_r {
  float:left;
  width:90px;
  margin-right:200px;
}
.code_4space_r {
  float:left;
  width:90px;
  margin-right:400px;
}
.code_5space_r {
  float:left;
  width:90px;
  margin-right:500px;
}
.code_6space_r {
  float:left;
  width:90px;
  margin-right:590px;
}
.code_8space {
  float:left;
  width:90px;
  margin-right:810px;
}
.code_7space {
  float:left;
  width:90px;
  margin-left:700px;
}
.code_space h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_2space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_4space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_5space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_6space_r h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_8space h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
.code_7space h4{
  text-align:center;
  font-weight:bold;
  font-size:17px;
  margin-top:8px;
}
/* ------------------------------------------------------------------------------------------------------------手話CGについて */

.fqaarea{
      float: left;
    position: relative;
    width: 680px;
    clear:both;
}
.fqaarea p{
  margin-bottom:24px;

}
.fqaarea p.about{
  text-indent:-1em;
  padding-left:1em;
}
.fqaarea p.sankou{
  border-top:1px dotted #999;
  padding-top:7px;
  font-size:87.5%;

}
.fqaarea p.pic{
  background:#E8E8E8;
  padding:10px;
  font-size:87.5%;

}
/* ------------------------------------------------------------------------------------------------------------コラム */
.column_bk{
        float: left;
    position: relative;
    width: 680px;
    clear:both;
}
.column_tit{
  background:#D0F0F0;
  cursor:pointer;
  padding:11px 5px 9px 0;
  border-top:1px solid #15B2B3;
  border-bottom:1px solid #15B2B3;
  margin-top:5px;
  color:#028F90;
}
.column_answer{
  padding:10px 15px;
  background:#EBEBEB;
}

.column_tit .date{
  color:#333;
  font-size:14px;

}
.column_tit p{
  background: url(../images/icon_under.png) no-repeat right 8px;
  padding-left:8px;
  margin-right:5px;
  padding-right:12px;



}


.code50{
  clear: both;
    float: left;
    position: relative;
    width: 680px;

}
.code50 ul {
    overflow: hidden;

}

.code50 li{
  width:52px;
  display:inline-block;
  padding-bottom:10px;
  float:left;
  margin-right:10px;
  padding-bottom:10px;
  text-align:center;
}

.code50 li.center_space{
  margin-right:30px;
}

.code50 li.syllsear_space{
  margin-right:72px;
}

.code50 ul li a {
    background: url(../images/btn_code.png) no-repeat ;
    color:#FF7709;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 52px;
    line-height: 52px;
    text-decoration:none;

}
.week_words{
 display: inline-block;

}
.week_words ul{
    width:600px;
    margin-top:10px;
    margin-left:20px;
}

.week_words li{
    margin:0 0 10px 0;
    /*padding-left:20px;*/
    display:inline-block;
    width:110px;
    /display:inline;/*IE7*/
    /zoom:1;/*IE7*/
    vertical-align:top;
}

.week_words li.two_line{
}

.week_words li a{
    font-size:.9em;
}

.week_words.relation li{
    width:145px;
}
.week_words.relation li a{
    font-size:.9em;
}
/* ------------------------------------------------------------------------------------------------------------関連文献 */

.relearea{
      float: left;
    position: relative;
    width: 680px;
    border-style: solid;
    border-width: 2px;
    border-color: #c0c0c0;
    clear:both;
}
.relearea p{
  margin-top:12px;
  margin-bottom:12px;
  margin-right:12px;
  margin-left:12px;
}

/* ------------------------------------------------------------------------------------------------------------追加20130718 */
form .btn_check_an {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 570px;
}
form .btn_check_an input.clear {
    background: url("../images/btn_submit_clear.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 125%;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    margin-right: 20px;
    padding: 0;
    text-align:center;
    width: 259px;
}
form .btn_check_an input {
    background: url("../images/btn_submit.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 125%;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    margin: 0;
    padding: 0 0 0 38px;
    text-align: left;
    width: 290px;
}

/* ------------------------------------------------------------------------------------------------------------追加20130724 */
.tab_finger ul{
    margin:15px 0;
    overflow:hidden;

}
#contents li.tab_finger a, #contents li.tab_abc a, #contents li.tab_123 a{
    text-decoration:none;
    color:#028F90;
    font-weight:bold;
}
#contents li.current_finger a, #contents li.current_abc a, #contents li.current_123 a{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;

}
/* ------------------------------------------------------------------------------------------------------------五十音 */
#contents li.tab_finger ,#contents li.current_finger{
    float: left;
    height: 31px;
    margin: 0 6px 0 0;
    padding:6px 0 0 17px;
    width: 88px;
    background: url(../images/tab_finger.png) no-repeat ;
    font-size:18px;
    border:1px solid #028F90;
}

#contents li.current_finger{
    background: url(../images/tab_finger_on.png) no-repeat ;
}

#contents li.tab_finger:hover a{
    color:#01D3D3;
    text-decoration:none;
    font-weight:bold;
}

/* ------------------------------------------------------------------------------------------------------------abc一覧 */
#contents li.tab_abc, #contents li.current_abc{
    float: left;
    background:#028F90;
    height: 31px;
    margin: 0 6px 0 0;
    padding:6px 0 0 12px;
    width: 158px;
    background: url(../images/tab_abc.png) no-repeat ;
    font-size:18px;
    border:1px solid #028F90;
}
#contents li.current_abc{
    background: url(../images/tab_abc_on.png) no-repeat ;
}

#contents li.tab_abc:hover a{
    color:#01D3D3;
    text-decoration:none;
    font-weight:bold;
}

/* ------------------------------------------------------------------------------------------------------------手話文一覧 追加20160119 */
#weather_group_list .result_list .tit {color:#FF7709; padding:10px 0; font-size:large;}
#weather_group_list .result_list .tit span {color:black; font-weight:normal;}
#weather_group_list .result_list .weather_text {font-weight:bold; padding:3px;}

/* ------------------------------------------------------------------------------------------------------------手話文の評価&動画 追加20160119 */
#contents_enquete.weather_enq #group_name {color:#FF7709; font-size:125%; padding:0 10px;}
#contents_enquete.weather_enq .w_t {border-left:#FF7709 7px solid; padding-left:7px; font-size:135%; font-weight: bold; margin-top:10px;}
#contents_enquete.weather_enq .player {margin:25px auto 5px; width:385px;}
#contents_enquete.weather_enq .opinion + * {clear:both;}

/* ------------------------------------------------------------------------------------------------------------123一覧 */
#contents li.tab_123, #contents li.current_123{
    float: left;
    background:#028F90;
    height: 31px;
    margin: 0 6px 0 0;
    padding:6px 0 0 20px;
    width: 72px;
    background: url(../images/tab_123.png) no-repeat ;
    font-size:18px;
    border:1px solid #028F90;
}
#contents li.current_123{
    background: url(../images/tab_123_on.png) no-repeat ;

}

#contents li.tab_123:hover a{
    color:#01D3D3;
    text-decoration:none;
    font-weight:bold;
}
/* ------------------------------------------------------------------------------------------------------------追加20130807 */

#play{
  height:122px;
}
.playbtn{
  position:absolute;
  top:-128px;
  right:0px;
  padding:77px 5px 6px 126px

}
#basic-modal{
position:relative;
}
.enqueteplaybtn{
  position:absolute;
  top:-240px;
  right:0px;
  padding:195px 5px 6px 315px;
}

.weather_modal{
position:relative;
}
.weather_enquete_playbtn{
  position:absolute;
  top:-215px;
  left:0;
  padding:170px 5px 6px 340px;
}