@import url("/css_new/common.css");

/* =========================================

title : 東建ホームメイトカップ
    優勝者予想クイズ
scope : /pre_quiz/index.shtml

last modify : 2018/3/19  TCI福岡_Goto　2018年度用修正
2016/3/4  266_shintani　2016年度用修正
2014/2/17 183_aoyama

============================================ */

/*リード*/
#pre_quiz_lead{
  width:705px;
  margin:10px auto 0px;
  padding:0px;
}
#pre_quiz_lead2{
  width:705px;
  margin:10px auto 20px;
  padding:0px;
}
#pre_quiz_end{
  width:705px;
  height:120px;
  margin:0px 2px 30px 0px;
  padding:0px;
}
#pre_quiz_end img{
  margin: 0 auto 0 auto;
}

#quiz_oubo {
  background: url(../image/subscription.png) 50% 0 no-repeat;
  padding: 33px 0 30px 22px;
  margin: 15px auto 0;
}

.oubo{
  margin:0 auto 30px;
  }

#quiz_oubo a {
}

/*結果*/
.result p.winner{
  float:left;
  margin:0 40px 10px 20px;
}
.result dl{
  text-align:left;
  padding:15px 0 0 0;
  font-weight:bold;
  font-size:130%;
  color:#006;
}
.result dl dt{
  padding:5px 0;
  margin:0 0 5px 0;
  width:105px;
  float:left;
}
.result dl dd{
  padding:5px 0;
  margin:0 0 5px 0;
}
.result p.thanks{
  padding:5px 0 0 0;
  text-align:left;
  font-size:120%;
  color:#444;
}
.result p.announce{
  margin:20px 0 30px 0;
}

/*概要*/
.box1 p span.red{
    color: #ff0000;
}

.box1 div.mailmaga_box {
  background:#fee8ef;
  margin-bottom:5px;
  overflow:hidden;
  padding-bottom:15px;
}

.box1 div.mailmaga_box h4 {
  margin:0;
  padding:0;
  border:none;
}

.box1 div.mailmaga_box p {
  margin:0 22px;
  text-align:left;
  padding:10px 0 15px;
}

.list01 {
  width: 570px;
  margin: 0 auto 0;
}

.list01 dd {
  margin: 5px 0 0 0;
  background: url("/image_cmn/arrow_bl.gif") no-repeat scroll left 50%;
  padding: 0 0 0 20px;
  display: inline-block;
}

/*
.box1 div.mailmaga_box dl.list01 {
  overflow:hidden;
}

.box1 div.mailmaga_box dl.list01 dt {
  float:left;
  clear:both;
  width:300px;
  margin:0 0 0 22px;
}

.box1 div.mailmaga_box dl.list01 dd {
  margin:30px 0 0 350px;
  padding-left:15px;
  background: url("/image_cmn/arrow_bl.gif") no-repeat scroll left 3px transparent;
  text-align:left;
  line-height:1.4;
}

.box1 div.mailmaga_box dl.left{
  float:left;
  width:300px;
  margin:0 0 10px 22px;
  clear:both;
}

.box1 div.mailmaga_box dl.right{
  float:right;
  width:300px;
  margin:0 22px 10px 0;
}

.box1 div.mailmaga_box dl.left dt, .box1 div.mailmaga_box dl.right dt{
  margin-bottom:5px;
}

.box1 div.mailmaga_box dl.left dd, .box1 div.mailmaga_box dl.right dd{
  margin:8px 0 5px 0;
  background: url("/image_cmn/arrow_bl.gif") no-repeat scroll left top transparent;
  padding:0 0 0 18px;
  text-align:left;
}

*/
.box1 ul.arrow_bl li {
  padding-left:15px;
  background: url("/image_cmn/arrow_bl.gif") no-repeat scroll left top transparent;
  text-align:left;
  margin-left:22px;
}

.box1 div.mailmaga_box dl a.bdr {
  display: block;
  overflow: hidden;
  background: #fff;
  border: 1px solid #999;
}

.box1 div.mailmaga_box dl img {
  margin: -1px;
}

.box1 div.mailmaga_box dt > a:hover > img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

p.privacy {
    background: url("/image_cmn_new/arrow_bl.gif") no-repeat 0 4px;
    margin: 0;
    padding: 0 0 0 15px;
  text-align: left;
}

ul.note {
  text-align:left;
  line-height:1.6;
  margin-bottom:25px;
}

ul.note li {
  text-indent:-1em;
  padding-left:1em;
}

ul.oubo_note {
  text-align:left;
  line-height:1.6;
  clear:both;
  padding:10px 0 0 20px;
}

ul.oubo_note li {
  text-indent:-1em;
  padding-left:1em;
}


/*アクセス方法*/
ul#mobile_box{
  list-style:none;
  position:relative;
  width:508px;
  height:232px;
  margin:0px;
  padding:0px;
  background:url(../image/mob_01.gif) 0px 0px no-repeat;
}
ul#mobile_box li span{
  display:none;
}
ul#mobile_box li ol{
  display:none;
  list-style:none;
}
ul#mobile_box li ol.mob_qr{
  display:block;
}
ul#mobile_box li ol.mob_qr li{
  text-indent:-9999px;
}
ul#mobile_box li ol.mob_qr li.imgqr{
  text-indent:0px;
  position:absolute;
  top:0;
  left:7px;
  padding:65px 0px 0px;
}
#url_box{
  margin:0px 10px 0px 10px;
  padding:15px;
  background:#F8AF00;
}
#url_box #url_mail_t{
  width:340px;
  height:16px;
  margin:0px auto 10px auto;
  padding:0px;
  background:url(/mobile_info/image/url_mail_t.gif) 0px 0px no-repeat;
  text-indent:-10000px;
}
#url_box input.btn_submit{
  width:60px;
}

/*--------応募する　ボタン------------*/
#main_box #main #content_530 div.oubo {
    margin: 30px 0 25px 0;
}
#main_box #main #content_530 div.oubo p a{
  display:block;
  background: url(../../image_cmn/btn2_oubo.gif) no-repeat scroll 0 0 transparent;
    height: 42px;
    margin: 0 auto;
    padding: 0;
    text-indent: -9999px;
    width: 140px;
}

#main_box #main #content_530 div.oubo p a:hover{
  background:url(../../image_cmn/btn2_oubo_ov.gif) 0px 0px no-repeat;
}



/*--------応募ページ------------*/
.read_kome {
    margin: 0 auto 10px;
    text-align: left;
}

.read_kome p {
    margin: 0 0 9px;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
p.refer {
    margin: 0 0 10px;
    text-align: right;
}
p.refer a {
    background: url("/image_cmn_new/arrow_or.gif") no-repeat scroll left top transparent;
    margin: 0 20px 0 0;
    padding: 0 0 0 20px;
    width: 300px;
}
/* ---------- 予想優勝選手選択（50音順） ---------- */
div.apply{
  width:675px;
  margin:0px auto 10px;
}
div.apply table.player_yosou {
  margin:0px auto 20px;
  border:2px solid #333;
}
div.apply table.player_yosou th{
  height:25px;
  font-weight:bold;
}
div.apply table.player_yosou td{
  width:20%;
  vertical-align:middle;
  padding:10px 5px;
}
div.apply table.player_yosou td.color1{
  background-color: #DBF3FF;
}
div.apply table.player_yosou td.color2{
  background-color: #EEF9FF;
}

div.apply table.player_yosou td.long{
  padding:10px 2px;
}
div.apply table.player_yosou td input{
    margin: -3px 0 0 4px;
  vertical-align:middle;
}
/* ---------- 応募者情報 ---------- */
div.apply table.apply_form{
  margin:0px auto 20px;
  border:2px solid #333;
}
div.apply table.apply_form th{
  height:25px;
  font-weight:bold;
}
div.apply table.apply_form td p.example {
    color: #666666;
    margin: 2px 0 2px 2px;
}
div.apply table.apply_form th.midashi {
  background-color: #B5DAF4;
  font-weight: normal;
  color: #000;
  width:27%;
}
div.apply table.apply_form td input.none {
    border-style: none;
    margin: 3px 0 0;
}
div.apply table.apply_form td p.red {
  font-size:95%;
    color: #ff0000;
    margin: 5px 0 0 2px;
}
div.apply table.apply_form td .att_mail {
    background-color: #E6E6E6;
    line-height: 130%;
    margin: 5px 3px 3px;
    padding: 10px;
}
div.apply table.apply_form td p.arrow{
  margin:5px auto 5px 30px;
  background: url("/image_cmn/arrow_or.gif") no-repeat scroll left top transparent;
  padding:0 0 0 20px;
}
div.apply table.apply_form td p.mailmaga_add{
  margin:0px auto 10px 50px;
  padding:0 0 0 1em;
  text-indent:-1em;
}

/* ---------- 確認するボタン---------- */
div.apply div.kakunin {
    margin: 30px 0 15px;
}

/* ---------- エラー画面 ---------- */
table td p.error {
    background: url("/image_cmn_new/mrk_error.gif") no-repeat scroll 0 2px transparent;
    color: #FF0000;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 2px 0 2px 18px;
}
/* ---------- 確認画面　修正送信ボタン ---------- */
.btn_box {
    margin: 30px auto 0;
    width: 320px;
}

.submit_big_btn_syusei {
    display: block;
    float: left;
    height: 42px;
    margin: 0 40px 0 0;
    padding: 0;
    width: 140px;
}

.submit_big_btn_send {
    display: block;
    float: left;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 140px;
}


/* ---------- 予想クイズ応募完了 ---------- */
#submit_message {
    background: url("../image/thanksbk.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 210px;
    margin: 0 auto;
    padding: 0;
    width: 650px;
}
#submit_message p.attention {
    font-size: 120%;
    font-weight: bold;
  margin:0 auto;
  padding:95px 0 15px;
  width:400px;
}
#submit_message .arrow {
    margin: 10px auto;
}
#submit_message .arrow p {
    background: url("/image_cmn/arrow_or.gif") no-repeat scroll 20px center #ffffff;
    margin: 0 auto 10px;
    padding: 10px 0 10px 40px;
  width:290px;
  text-align: left;
}

/* ----------------------------------------------------------
  2016年度用修正
  ===========================================================
  #main メインイメージを上部に移動
---------------------------------------------------------- */
#main h1 {
  height: auto;
  margin: 0px auto 30px auto;
}

/* ----------------------------------------------------------
  thanks.shtml  180319追加
---------------------------------------------------------- */
.thanks_box {
  background-color: #fbfde1;
  border: 1px solid #ddd0bd;
}